@livekit/react-native 2.0.2 → 2.1.0-0

package/lib/commonjs/useParticipant.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useParticipant.ts"],"names":["useParticipant","participant","isAudioMuted","setAudioMuted","setVideoMuted","connectionQuality","setConnectionQuality","isSpeaking","setSpeaking","metadata","setMetadata","publications","setPublications","subscribedTracks","setSubscribedTracks","cameraPublication","setCameraPublication","getTrackPublication","Track","Source","Camera","microphonePublication","setMicrophonePublication","Microphone","screenSharePublication","setScreenSharePublication","ScreenShare","onPublicationsChanged","Array","from","trackPublications","values","filter","pub","isSubscribed","track","undefined","onMuted","kind","Kind","Audio","Video","onUnmuted","onMetadataChanged","onIsSpeakingChanged","onConnectionQualityUpdate","on","ParticipantEvent","TrackMuted","TrackUnmuted","ParticipantMetadataChanged","IsSpeakingChanged","TrackPublished","TrackUnpublished","TrackSubscribed","TrackUnsubscribed","LocalTrackPublished","LocalTrackUnpublished","ConnectionQualityChanged","off","muted","audioTrackPublications","forEach","isMuted","isLocal","LocalParticipant"],"mappings":"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","sourcesContent":["import {\n  ConnectionQuality,\n  LocalParticipant,\n  Participant,\n  ParticipantEvent,\n  Track,\n  TrackPublication,\n} from 'livekit-client';\nimport { useEffect, useState } from 'react';\n\nexport interface ParticipantState {\n  isSpeaking: boolean;\n  connectionQuality: ConnectionQuality;\n  isLocal: boolean;\n  metadata?: string;\n  publications: TrackPublication[];\n  subscribedTracks: TrackPublication[];\n  cameraPublication?: TrackPublication;\n  microphonePublication?: TrackPublication;\n  screenSharePublication?: TrackPublication;\n}\n\nexport function useParticipant(participant: Participant): ParticipantState {\n  const [isAudioMuted, setAudioMuted] = useState(false);\n  const [, setVideoMuted] = useState(false);\n  const [connectionQuality, setConnectionQuality] = useState<ConnectionQuality>(\n    participant.connectionQuality\n  );\n  const [isSpeaking, setSpeaking] = useState(false);\n  const [metadata, setMetadata] = useState<string>();\n  const [publications, setPublications] = useState<TrackPublication[]>([]);\n  const [subscribedTracks, setSubscribedTracks] = useState<TrackPublication[]>(\n    []\n  );\n\n  const [cameraPublication, setCameraPublication] = useState(\n    participant.getTrackPublication(Track.Source.Camera)\n  );\n  const [microphonePublication, setMicrophonePublication] = useState(\n    participant.getTrackPublication(Track.Source.Microphone)\n  );\n  const [screenSharePublication, setScreenSharePublication] = useState(\n    participant.getTrackPublication(Track.Source.ScreenShare)\n  );\n  useEffect(() => {\n    const onPublicationsChanged = () => {\n      setPublications(Array.from(participant.trackPublications.values()));\n      setCameraPublication(\n        participant.getTrackPublication(Track.Source.Camera)\n      );\n      setMicrophonePublication(\n        participant.getTrackPublication(Track.Source.Microphone)\n      );\n      setScreenSharePublication(\n        participant.getTrackPublication(Track.Source.ScreenShare)\n      );\n      setSubscribedTracks(\n        Array.from(participant.trackPublications.values()).filter((pub) => {\n          return pub.isSubscribed && pub.track !== undefined;\n        })\n      );\n    };\n    const onMuted = (pub: TrackPublication) => {\n      if (pub.kind === Track.Kind.Audio) {\n        setAudioMuted(true);\n      } else if (pub.kind === Track.Kind.Video) {\n        setVideoMuted(true);\n      }\n    };\n    const onUnmuted = (pub: TrackPublication) => {\n      if (pub.kind === Track.Kind.Audio) {\n        setAudioMuted(false);\n      } else if (pub.kind === Track.Kind.Video) {\n        setVideoMuted(false);\n      }\n    };\n    const onMetadataChanged = () => {\n      if (participant.metadata) {\n        setMetadata(participant.metadata);\n      }\n    };\n    const onIsSpeakingChanged = () => {\n      setSpeaking(participant.isSpeaking);\n    };\n    const onConnectionQualityUpdate = () => {\n      setConnectionQuality(participant.connectionQuality);\n    };\n\n    // register listeners\n    participant\n      .on(ParticipantEvent.TrackMuted, onMuted)\n      .on(ParticipantEvent.TrackUnmuted, onUnmuted)\n      .on(ParticipantEvent.ParticipantMetadataChanged, onMetadataChanged)\n      .on(ParticipantEvent.IsSpeakingChanged, onIsSpeakingChanged)\n      .on(ParticipantEvent.TrackPublished, onPublicationsChanged)\n      .on(ParticipantEvent.TrackUnpublished, onPublicationsChanged)\n      .on(ParticipantEvent.TrackSubscribed, onPublicationsChanged)\n      .on(ParticipantEvent.TrackUnsubscribed, onPublicationsChanged)\n      .on(ParticipantEvent.LocalTrackPublished, onPublicationsChanged)\n      .on(ParticipantEvent.LocalTrackUnpublished, onPublicationsChanged)\n      .on(ParticipantEvent.ConnectionQualityChanged, onConnectionQualityUpdate);\n\n    // set initial state\n    onMetadataChanged();\n    onIsSpeakingChanged();\n    onPublicationsChanged();\n\n    return () => {\n      // cleanup\n      participant\n        .off(ParticipantEvent.TrackMuted, onMuted)\n        .off(ParticipantEvent.TrackUnmuted, onUnmuted)\n        .off(ParticipantEvent.ParticipantMetadataChanged, onMetadataChanged)\n        .off(ParticipantEvent.IsSpeakingChanged, onIsSpeakingChanged)\n        .off(ParticipantEvent.TrackPublished, onPublicationsChanged)\n        .off(ParticipantEvent.TrackUnpublished, onPublicationsChanged)\n        .off(ParticipantEvent.TrackSubscribed, onPublicationsChanged)\n        .off(ParticipantEvent.TrackUnsubscribed, onPublicationsChanged)\n        .off(ParticipantEvent.LocalTrackPublished, onPublicationsChanged)\n        .off(ParticipantEvent.LocalTrackUnpublished, onPublicationsChanged)\n        .off(\n          ParticipantEvent.ConnectionQualityChanged,\n          onConnectionQualityUpdate\n        );\n    };\n  }, [participant]);\n\n  let muted: boolean | undefined;\n  participant.audioTrackPublications.forEach((pub) => {\n    muted = pub.isMuted;\n  });\n  if (muted === undefined) {\n    muted = true;\n  }\n  if (isAudioMuted !== muted) {\n    setAudioMuted(muted);\n  }\n\n  return {\n    isLocal: participant instanceof LocalParticipant,\n    isSpeaking,\n    connectionQuality,\n    publications,\n    subscribedTracks,\n    cameraPublication,\n    microphonePublication,\n    screenSharePublication,\n    metadata,\n  };\n}\n"]}
+{"version":3,"sources":["useParticipant.ts"],"names":["useParticipant","participant","isAudioMuted","setAudioMuted","setVideoMuted","connectionQuality","setConnectionQuality","isSpeaking","setSpeaking","metadata","setMetadata","publications","setPublications","subscribedTracks","setSubscribedTracks","cameraPublication","setCameraPublication","getTrackPublication","Track","Source","Camera","microphonePublication","setMicrophonePublication","Microphone","screenSharePublication","setScreenSharePublication","ScreenShare","onPublicationsChanged","Array","from","trackPublications","values","filter","pub","isSubscribed","track","undefined","onMuted","kind","Kind","Audio","Video","onUnmuted","onMetadataChanged","onIsSpeakingChanged","onConnectionQualityUpdate","on","ParticipantEvent","TrackMuted","TrackUnmuted","ParticipantMetadataChanged","IsSpeakingChanged","TrackPublished","TrackUnpublished","TrackSubscribed","TrackUnsubscribed","LocalTrackPublished","LocalTrackUnpublished","ConnectionQualityChanged","off","muted","audioTrackPublications","forEach","isMuted","isLocal","LocalParticipant"],"mappings":"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","sourcesContent":["import {\n  ConnectionQuality,\n  LocalParticipant,\n  Participant,\n  ParticipantEvent,\n  Track,\n  TrackPublication,\n} from 'livekit-client';\nimport { useEffect, useState } from 'react';\n\n/** @deprecated use `useRemoteParticipant` or `useLocalParticipant` instead */\nexport interface ParticipantState {\n  isSpeaking: boolean;\n  connectionQuality: ConnectionQuality;\n  isLocal: boolean;\n  metadata?: string;\n  publications: TrackPublication[];\n  subscribedTracks: TrackPublication[];\n  cameraPublication?: TrackPublication;\n  microphonePublication?: TrackPublication;\n  screenSharePublication?: TrackPublication;\n}\n/** @deprecated use `useRemoteParticipant` or `useLocalParticipant` instead */\nexport function useParticipant(participant: Participant): ParticipantState {\n  const [isAudioMuted, setAudioMuted] = useState(false);\n  const [, setVideoMuted] = useState(false);\n  const [connectionQuality, setConnectionQuality] = useState<ConnectionQuality>(\n    participant.connectionQuality\n  );\n  const [isSpeaking, setSpeaking] = useState(false);\n  const [metadata, setMetadata] = useState<string>();\n  const [publications, setPublications] = useState<TrackPublication[]>([]);\n  const [subscribedTracks, setSubscribedTracks] = useState<TrackPublication[]>(\n    []\n  );\n\n  const [cameraPublication, setCameraPublication] = useState(\n    participant.getTrackPublication(Track.Source.Camera)\n  );\n  const [microphonePublication, setMicrophonePublication] = useState(\n    participant.getTrackPublication(Track.Source.Microphone)\n  );\n  const [screenSharePublication, setScreenSharePublication] = useState(\n    participant.getTrackPublication(Track.Source.ScreenShare)\n  );\n  useEffect(() => {\n    const onPublicationsChanged = () => {\n      setPublications(Array.from(participant.trackPublications.values()));\n      setCameraPublication(\n        participant.getTrackPublication(Track.Source.Camera)\n      );\n      setMicrophonePublication(\n        participant.getTrackPublication(Track.Source.Microphone)\n      );\n      setScreenSharePublication(\n        participant.getTrackPublication(Track.Source.ScreenShare)\n      );\n      setSubscribedTracks(\n        Array.from(participant.trackPublications.values()).filter((pub) => {\n          return pub.isSubscribed && pub.track !== undefined;\n        })\n      );\n    };\n    const onMuted = (pub: TrackPublication) => {\n      if (pub.kind === Track.Kind.Audio) {\n        setAudioMuted(true);\n      } else if (pub.kind === Track.Kind.Video) {\n        setVideoMuted(true);\n      }\n    };\n    const onUnmuted = (pub: TrackPublication) => {\n      if (pub.kind === Track.Kind.Audio) {\n        setAudioMuted(false);\n      } else if (pub.kind === Track.Kind.Video) {\n        setVideoMuted(false);\n      }\n    };\n    const onMetadataChanged = () => {\n      if (participant.metadata) {\n        setMetadata(participant.metadata);\n      }\n    };\n    const onIsSpeakingChanged = () => {\n      setSpeaking(participant.isSpeaking);\n    };\n    const onConnectionQualityUpdate = () => {\n      setConnectionQuality(participant.connectionQuality);\n    };\n\n    // register listeners\n    participant\n      .on(ParticipantEvent.TrackMuted, onMuted)\n      .on(ParticipantEvent.TrackUnmuted, onUnmuted)\n      .on(ParticipantEvent.ParticipantMetadataChanged, onMetadataChanged)\n      .on(ParticipantEvent.IsSpeakingChanged, onIsSpeakingChanged)\n      .on(ParticipantEvent.TrackPublished, onPublicationsChanged)\n      .on(ParticipantEvent.TrackUnpublished, onPublicationsChanged)\n      .on(ParticipantEvent.TrackSubscribed, onPublicationsChanged)\n      .on(ParticipantEvent.TrackUnsubscribed, onPublicationsChanged)\n      .on(ParticipantEvent.LocalTrackPublished, onPublicationsChanged)\n      .on(ParticipantEvent.LocalTrackUnpublished, onPublicationsChanged)\n      .on(ParticipantEvent.ConnectionQualityChanged, onConnectionQualityUpdate);\n\n    // set initial state\n    onMetadataChanged();\n    onIsSpeakingChanged();\n    onPublicationsChanged();\n\n    return () => {\n      // cleanup\n      participant\n        .off(ParticipantEvent.TrackMuted, onMuted)\n        .off(ParticipantEvent.TrackUnmuted, onUnmuted)\n        .off(ParticipantEvent.ParticipantMetadataChanged, onMetadataChanged)\n        .off(ParticipantEvent.IsSpeakingChanged, onIsSpeakingChanged)\n        .off(ParticipantEvent.TrackPublished, onPublicationsChanged)\n        .off(ParticipantEvent.TrackUnpublished, onPublicationsChanged)\n        .off(ParticipantEvent.TrackSubscribed, onPublicationsChanged)\n        .off(ParticipantEvent.TrackUnsubscribed, onPublicationsChanged)\n        .off(ParticipantEvent.LocalTrackPublished, onPublicationsChanged)\n        .off(ParticipantEvent.LocalTrackUnpublished, onPublicationsChanged)\n        .off(\n          ParticipantEvent.ConnectionQualityChanged,\n          onConnectionQualityUpdate\n        );\n    };\n  }, [participant]);\n\n  let muted: boolean | undefined;\n  participant.audioTrackPublications.forEach((pub) => {\n    muted = pub.isMuted;\n  });\n  if (muted === undefined) {\n    muted = true;\n  }\n  if (isAudioMuted !== muted) {\n    setAudioMuted(muted);\n  }\n\n  return {\n    isLocal: participant instanceof LocalParticipant,\n    isSpeaking,\n    connectionQuality,\n    publications,\n    subscribedTracks,\n    cameraPublication,\n    microphonePublication,\n    screenSharePublication,\n    metadata,\n  };\n}\n"]}

package/lib/commonjs/useRoom.js

@@ -10,6 +10,7 @@ var _livekitClient = require("livekit-client");
 
 var _react = require("react");
 
+/** @deprecated wrap your components in a <LiveKitRoom> component instead and use more granular hooks to track state you're interested in */
 function useRoom(room, options) {
   var _options$sortParticip;
 

package/lib/commonjs/useRoom.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useRoom.ts"],"names":["useRoom","room","options","error","participants","setParticipants","audioTracks","setAudioTracks","sortFunc","sortParticipants","onParticipantsChanged","remotes","Array","from","remoteParticipants","values","newParticipants","localParticipant","push","onSubscribedTrackChanged","track","kind","Track","Kind","Audio","tracks","forEach","p","audioTrackPublications","pub","audioTrack","onConnectionStateChanged","state","ConnectionState","Connected","once","RoomEvent","Disconnected","off","ParticipantConnected","ParticipantDisconnected","ActiveSpeakersChanged","TrackSubscribed","TrackUnsubscribed","LocalTrackPublished","LocalTrackUnpublished","AudioPlaybackStatusChanged","ConnectionStateChanged","on","Reconnected","disconnect","sort","a","b","isSpeaking","audioLevel","lastSpokeAt","aLast","getTime","bLast","aVideo","videoTrackPublications","size","bVideo","joinedAt","localIdx","indexOf","splice","length"],"mappings":"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","sourcesContent":["import {\n  AudioTrack,\n  ConnectionState,\n  LocalParticipant,\n  Participant,\n  RemoteTrack,\n  Room,\n  RoomEvent,\n  Track,\n} from 'livekit-client';\nimport { useEffect, useState } from 'react';\n\nexport interface RoomState {\n  room?: Room;\n  /* all participants in the room, including the local participant. */\n  participants: Participant[];\n  /* all subscribed audio tracks in the room, not including local participant. */\n  audioTracks: AudioTrack[];\n  error?: Error;\n}\n\nexport interface RoomOptions {\n  sortParticipants?: (participants: Participant[]) => void;\n}\n\nexport function useRoom(room: Room, options?: RoomOptions): RoomState {\n  const [error] = useState<Error>();\n  const [participants, setParticipants] = useState<Participant[]>([]);\n  const [audioTracks, setAudioTracks] = useState<AudioTrack[]>([]);\n\n  const sortFunc = options?.sortParticipants ?? sortParticipants;\n\n  useEffect(() => {\n    const onParticipantsChanged = () => {\n      const remotes = Array.from(room.remoteParticipants.values());\n      const newParticipants: Participant[] = [room.localParticipant];\n      newParticipants.push(...remotes);\n      sortFunc(newParticipants, room.localParticipant);\n      setParticipants(newParticipants);\n    };\n    const onSubscribedTrackChanged = (track?: RemoteTrack) => {\n      // ordering may have changed, re-sort\n      onParticipantsChanged();\n      if (track && track.kind !== Track.Kind.Audio) {\n        return;\n      }\n      const tracks: AudioTrack[] = [];\n      room.remoteParticipants.forEach((p) => {\n        p.audioTrackPublications.forEach((pub) => {\n          if (pub.audioTrack) {\n            tracks.push(pub.audioTrack);\n          }\n        });\n      });\n      setAudioTracks(tracks);\n    };\n\n    const onConnectionStateChanged = (state: ConnectionState) => {\n      if (state === ConnectionState.Connected) {\n        onParticipantsChanged();\n      }\n    };\n\n    room.once(RoomEvent.Disconnected, () => {\n      room\n        .off(RoomEvent.ParticipantConnected, onParticipantsChanged)\n        .off(RoomEvent.ParticipantDisconnected, onParticipantsChanged)\n        .off(RoomEvent.ActiveSpeakersChanged, onParticipantsChanged)\n        .off(RoomEvent.TrackSubscribed, onSubscribedTrackChanged)\n        .off(RoomEvent.TrackUnsubscribed, onSubscribedTrackChanged)\n        .off(RoomEvent.LocalTrackPublished, onParticipantsChanged)\n        .off(RoomEvent.LocalTrackUnpublished, onParticipantsChanged)\n        .off(RoomEvent.AudioPlaybackStatusChanged, onParticipantsChanged)\n        .off(RoomEvent.ConnectionStateChanged, onConnectionStateChanged);\n    });\n    room\n      .on(RoomEvent.ConnectionStateChanged, onConnectionStateChanged)\n      .on(RoomEvent.Reconnected, onParticipantsChanged)\n      .on(RoomEvent.ParticipantConnected, onParticipantsChanged)\n      .on(RoomEvent.ParticipantDisconnected, onParticipantsChanged)\n      .on(RoomEvent.ActiveSpeakersChanged, onParticipantsChanged)\n      .on(RoomEvent.TrackSubscribed, onSubscribedTrackChanged)\n      .on(RoomEvent.TrackUnsubscribed, onSubscribedTrackChanged)\n      .on(RoomEvent.LocalTrackPublished, onParticipantsChanged)\n      .on(RoomEvent.LocalTrackUnpublished, onParticipantsChanged)\n      // trigger a state change by re-sorting participants\n      .on(RoomEvent.AudioPlaybackStatusChanged, onParticipantsChanged);\n\n    onSubscribedTrackChanged();\n\n    return () => {\n      room.disconnect();\n    };\n  }, [room, sortFunc]);\n\n  return {\n    error,\n    participants,\n    audioTracks,\n  };\n}\n\n/**\n * Default sort for participants, it'll order participants by:\n * 1. dominant speaker (speaker with the loudest audio level)\n * 2. local participant\n * 3. other speakers that are recently active\n * 4. participants with video on\n * 5. by joinedAt\n */\nexport function sortParticipants(\n  participants: Participant[],\n  localParticipant?: LocalParticipant\n) {\n  participants.sort((a, b) => {\n    // loudest speaker first\n    if (a.isSpeaking && b.isSpeaking) {\n      return b.audioLevel - a.audioLevel;\n    }\n\n    // speaker goes first\n    if (a.isSpeaking !== b.isSpeaking) {\n      if (a.isSpeaking) {\n        return -1;\n      } else {\n        return 1;\n      }\n    }\n\n    // last active speaker first\n    if (a.lastSpokeAt !== b.lastSpokeAt) {\n      const aLast = a.lastSpokeAt?.getTime() ?? 0;\n      const bLast = b.lastSpokeAt?.getTime() ?? 0;\n      return bLast - aLast;\n    }\n\n    // video on\n    const aVideo = a.videoTrackPublications.size > 0;\n    const bVideo = b.videoTrackPublications.size > 0;\n    if (aVideo !== bVideo) {\n      if (aVideo) {\n        return -1;\n      } else {\n        return 1;\n      }\n    }\n\n    // joinedAt\n    return (a.joinedAt?.getTime() ?? 0) - (b.joinedAt?.getTime() ?? 0);\n  });\n\n  if (localParticipant) {\n    const localIdx = participants.indexOf(localParticipant);\n    if (localIdx >= 0) {\n      participants.splice(localIdx, 1);\n      if (participants.length > 0) {\n        participants.splice(1, 0, localParticipant);\n      } else {\n        participants.push(localParticipant);\n      }\n    }\n  }\n}\n"]}
+{"version":3,"sources":["useRoom.ts"],"names":["useRoom","room","options","error","participants","setParticipants","audioTracks","setAudioTracks","sortFunc","sortParticipants","onParticipantsChanged","remotes","Array","from","remoteParticipants","values","newParticipants","localParticipant","push","onSubscribedTrackChanged","track","kind","Track","Kind","Audio","tracks","forEach","p","audioTrackPublications","pub","audioTrack","onConnectionStateChanged","state","ConnectionState","Connected","once","RoomEvent","Disconnected","off","ParticipantConnected","ParticipantDisconnected","ActiveSpeakersChanged","TrackSubscribed","TrackUnsubscribed","LocalTrackPublished","LocalTrackUnpublished","AudioPlaybackStatusChanged","ConnectionStateChanged","on","Reconnected","disconnect","sort","a","b","isSpeaking","audioLevel","lastSpokeAt","aLast","getTime","bLast","aVideo","videoTrackPublications","size","bVideo","joinedAt","localIdx","indexOf","splice","length"],"mappings":";;;;;;;;AAAA;;AAUA;;AAeA;AACO,SAASA,OAAT,CAAiBC,IAAjB,EAA6BC,OAA7B,EAA+D;AAAA;;AACpE,QAAM,CAACC,KAAD,IAAU,sBAAhB;AACA,QAAM,CAACC,YAAD,EAAeC,eAAf,IAAkC,qBAAwB,EAAxB,CAAxC;AACA,QAAM,CAACC,WAAD,EAAcC,cAAd,IAAgC,qBAAuB,EAAvB,CAAtC;AAEA,QAAMC,QAAQ,4BAAGN,OAAH,aAAGA,OAAH,uBAAGA,OAAO,CAAEO,gBAAZ,yEAAgCA,gBAA9C;AAEA,wBAAU,MAAM;AACd,UAAMC,qBAAqB,GAAG,MAAM;AAClC,YAAMC,OAAO,GAAGC,KAAK,CAACC,IAAN,CAAWZ,IAAI,CAACa,kBAAL,CAAwBC,MAAxB,EAAX,CAAhB;AACA,YAAMC,eAA8B,GAAG,CAACf,IAAI,CAACgB,gBAAN,CAAvC;AACAD,MAAAA,eAAe,CAACE,IAAhB,CAAqB,GAAGP,OAAxB;AACAH,MAAAA,QAAQ,CAACQ,eAAD,EAAkBf,IAAI,CAACgB,gBAAvB,CAAR;AACAZ,MAAAA,eAAe,CAACW,eAAD,CAAf;AACD,KAND;;AAOA,UAAMG,wBAAwB,GAAIC,KAAD,IAAyB;AACxD;AACAV,MAAAA,qBAAqB;;AACrB,UAAIU,KAAK,IAAIA,KAAK,CAACC,IAAN,KAAeC,qBAAMC,IAAN,CAAWC,KAAvC,EAA8C;AAC5C;AACD;;AACD,YAAMC,MAAoB,GAAG,EAA7B;AACAxB,MAAAA,IAAI,CAACa,kBAAL,CAAwBY,OAAxB,CAAiCC,CAAD,IAAO;AACrCA,QAAAA,CAAC,CAACC,sBAAF,CAAyBF,OAAzB,CAAkCG,GAAD,IAAS;AACxC,cAAIA,GAAG,CAACC,UAAR,EAAoB;AAClBL,YAAAA,MAAM,CAACP,IAAP,CAAYW,GAAG,CAACC,UAAhB;AACD;AACF,SAJD;AAKD,OAND;AAOAvB,MAAAA,cAAc,CAACkB,MAAD,CAAd;AACD,KAfD;;AAiBA,UAAMM,wBAAwB,GAAIC,KAAD,IAA4B;AAC3D,UAAIA,KAAK,KAAKC,+BAAgBC,SAA9B,EAAyC;AACvCxB,QAAAA,qBAAqB;AACtB;AACF,KAJD;;AAMAT,IAAAA,IAAI,CAACkC,IAAL,CAAUC,yBAAUC,YAApB,EAAkC,MAAM;AACtCpC,MAAAA,IAAI,CACDqC,GADH,CACOF,yBAAUG,oBADjB,EACuC7B,qBADvC,EAEG4B,GAFH,CAEOF,yBAAUI,uBAFjB,EAE0C9B,qBAF1C,EAGG4B,GAHH,CAGOF,yBAAUK,qBAHjB,EAGwC/B,qBAHxC,EAIG4B,GAJH,CAIOF,yBAAUM,eAJjB,EAIkCvB,wBAJlC,EAKGmB,GALH,CAKOF,yBAAUO,iBALjB,EAKoCxB,wBALpC,EAMGmB,GANH,CAMOF,yBAAUQ,mBANjB,EAMsClC,qBANtC,EAOG4B,GAPH,CAOOF,yBAAUS,qBAPjB,EAOwCnC,qBAPxC,EAQG4B,GARH,CAQOF,yBAAUU,0BARjB,EAQ6CpC,qBAR7C,EASG4B,GATH,CASOF,yBAAUW,sBATjB,EASyChB,wBATzC;AAUD,KAXD;AAYA9B,IAAAA,IAAI,CACD+C,EADH,CACMZ,yBAAUW,sBADhB,EACwChB,wBADxC,EAEGiB,EAFH,CAEMZ,yBAAUa,WAFhB,EAE6BvC,qBAF7B,EAGGsC,EAHH,CAGMZ,yBAAUG,oBAHhB,EAGsC7B,qBAHtC,EAIGsC,EAJH,CAIMZ,yBAAUI,uBAJhB,EAIyC9B,qBAJzC,EAKGsC,EALH,CAKMZ,yBAAUK,qBALhB,EAKuC/B,qBALvC,EAMGsC,EANH,CAMMZ,yBAAUM,eANhB,EAMiCvB,wBANjC,EAOG6B,EAPH,CAOMZ,yBAAUO,iBAPhB,EAOmCxB,wBAPnC,EAQG6B,EARH,CAQMZ,yBAAUQ,mBARhB,EAQqClC,qBARrC,EASGsC,EATH,CASMZ,yBAAUS,qBAThB,EASuCnC,qBATvC,EAUE;AAVF,KAWGsC,EAXH,CAWMZ,yBAAUU,0BAXhB,EAW4CpC,qBAX5C;AAaAS,IAAAA,wBAAwB;AAExB,WAAO,MAAM;AACXlB,MAAAA,IAAI,CAACiD,UAAL;AACD,KAFD;AAGD,GA7DD,EA6DG,CAACjD,IAAD,EAAOO,QAAP,CA7DH;AA+DA,SAAO;AACLL,IAAAA,KADK;AAELC,IAAAA,YAFK;AAGLE,IAAAA;AAHK,GAAP;AAKD;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,SAASG,gBAAT,CACLL,YADK,EAELa,gBAFK,EAGL;AACAb,EAAAA,YAAY,CAAC+C,IAAb,CAAkB,CAACC,CAAD,EAAIC,CAAJ,KAAU;AAAA;;AAC1B;AACA,QAAID,CAAC,CAACE,UAAF,IAAgBD,CAAC,CAACC,UAAtB,EAAkC;AAChC,aAAOD,CAAC,CAACE,UAAF,GAAeH,CAAC,CAACG,UAAxB;AACD,KAJyB,CAM1B;;;AACA,QAAIH,CAAC,CAACE,UAAF,KAAiBD,CAAC,CAACC,UAAvB,EAAmC;AACjC,UAAIF,CAAC,CAACE,UAAN,EAAkB;AAChB,eAAO,CAAC,CAAR;AACD,OAFD,MAEO;AACL,eAAO,CAAP;AACD;AACF,KAbyB,CAe1B;;;AACA,QAAIF,CAAC,CAACI,WAAF,KAAkBH,CAAC,CAACG,WAAxB,EAAqC;AAAA;;AACnC,YAAMC,KAAK,8CAAGL,CAAC,CAACI,WAAL,mDAAG,eAAeE,OAAf,EAAH,yEAA+B,CAA1C;AACA,YAAMC,KAAK,8CAAGN,CAAC,CAACG,WAAL,mDAAG,eAAeE,OAAf,EAAH,yEAA+B,CAA1C;AACA,aAAOC,KAAK,GAAGF,KAAf;AACD,KApByB,CAsB1B;;;AACA,UAAMG,MAAM,GAAGR,CAAC,CAACS,sBAAF,CAAyBC,IAAzB,GAAgC,CAA/C;AACA,UAAMC,MAAM,GAAGV,CAAC,CAACQ,sBAAF,CAAyBC,IAAzB,GAAgC,CAA/C;;AACA,QAAIF,MAAM,KAAKG,MAAf,EAAuB;AACrB,UAAIH,MAAJ,EAAY;AACV,eAAO,CAAC,CAAR;AACD,OAFD,MAEO;AACL,eAAO,CAAP;AACD;AACF,KA/ByB,CAiC1B;;;AACA,WAAO,uCAACR,CAAC,CAACY,QAAH,gDAAC,YAAYN,OAAZ,EAAD,qEAA0B,CAA1B,2CAAgCL,CAAC,CAACW,QAAlC,gDAAgC,YAAYN,OAAZ,EAAhC,qEAAyD,CAAzD,CAAP;AACD,GAnCD;;AAqCA,MAAIzC,gBAAJ,EAAsB;AACpB,UAAMgD,QAAQ,GAAG7D,YAAY,CAAC8D,OAAb,CAAqBjD,gBAArB,CAAjB;;AACA,QAAIgD,QAAQ,IAAI,CAAhB,EAAmB;AACjB7D,MAAAA,YAAY,CAAC+D,MAAb,CAAoBF,QAApB,EAA8B,CAA9B;;AACA,UAAI7D,YAAY,CAACgE,MAAb,GAAsB,CAA1B,EAA6B;AAC3BhE,QAAAA,YAAY,CAAC+D,MAAb,CAAoB,CAApB,EAAuB,CAAvB,EAA0BlD,gBAA1B;AACD,OAFD,MAEO;AACLb,QAAAA,YAAY,CAACc,IAAb,CAAkBD,gBAAlB;AACD;AACF;AACF;AACF","sourcesContent":["import {\n  AudioTrack,\n  ConnectionState,\n  LocalParticipant,\n  Participant,\n  RemoteTrack,\n  Room,\n  RoomEvent,\n  Track,\n} from 'livekit-client';\nimport { useEffect, useState } from 'react';\n\nexport interface RoomState {\n  room?: Room;\n  /* all participants in the room, including the local participant. */\n  participants: Participant[];\n  /* all subscribed audio tracks in the room, not including local participant. */\n  audioTracks: AudioTrack[];\n  error?: Error;\n}\n\nexport interface RoomOptions {\n  sortParticipants?: (participants: Participant[]) => void;\n}\n\n/** @deprecated wrap your components in a <LiveKitRoom> component instead and use more granular hooks to track state you're interested in */\nexport function useRoom(room: Room, options?: RoomOptions): RoomState {\n  const [error] = useState<Error>();\n  const [participants, setParticipants] = useState<Participant[]>([]);\n  const [audioTracks, setAudioTracks] = useState<AudioTrack[]>([]);\n\n  const sortFunc = options?.sortParticipants ?? sortParticipants;\n\n  useEffect(() => {\n    const onParticipantsChanged = () => {\n      const remotes = Array.from(room.remoteParticipants.values());\n      const newParticipants: Participant[] = [room.localParticipant];\n      newParticipants.push(...remotes);\n      sortFunc(newParticipants, room.localParticipant);\n      setParticipants(newParticipants);\n    };\n    const onSubscribedTrackChanged = (track?: RemoteTrack) => {\n      // ordering may have changed, re-sort\n      onParticipantsChanged();\n      if (track && track.kind !== Track.Kind.Audio) {\n        return;\n      }\n      const tracks: AudioTrack[] = [];\n      room.remoteParticipants.forEach((p) => {\n        p.audioTrackPublications.forEach((pub) => {\n          if (pub.audioTrack) {\n            tracks.push(pub.audioTrack);\n          }\n        });\n      });\n      setAudioTracks(tracks);\n    };\n\n    const onConnectionStateChanged = (state: ConnectionState) => {\n      if (state === ConnectionState.Connected) {\n        onParticipantsChanged();\n      }\n    };\n\n    room.once(RoomEvent.Disconnected, () => {\n      room\n        .off(RoomEvent.ParticipantConnected, onParticipantsChanged)\n        .off(RoomEvent.ParticipantDisconnected, onParticipantsChanged)\n        .off(RoomEvent.ActiveSpeakersChanged, onParticipantsChanged)\n        .off(RoomEvent.TrackSubscribed, onSubscribedTrackChanged)\n        .off(RoomEvent.TrackUnsubscribed, onSubscribedTrackChanged)\n        .off(RoomEvent.LocalTrackPublished, onParticipantsChanged)\n        .off(RoomEvent.LocalTrackUnpublished, onParticipantsChanged)\n        .off(RoomEvent.AudioPlaybackStatusChanged, onParticipantsChanged)\n        .off(RoomEvent.ConnectionStateChanged, onConnectionStateChanged);\n    });\n    room\n      .on(RoomEvent.ConnectionStateChanged, onConnectionStateChanged)\n      .on(RoomEvent.Reconnected, onParticipantsChanged)\n      .on(RoomEvent.ParticipantConnected, onParticipantsChanged)\n      .on(RoomEvent.ParticipantDisconnected, onParticipantsChanged)\n      .on(RoomEvent.ActiveSpeakersChanged, onParticipantsChanged)\n      .on(RoomEvent.TrackSubscribed, onSubscribedTrackChanged)\n      .on(RoomEvent.TrackUnsubscribed, onSubscribedTrackChanged)\n      .on(RoomEvent.LocalTrackPublished, onParticipantsChanged)\n      .on(RoomEvent.LocalTrackUnpublished, onParticipantsChanged)\n      // trigger a state change by re-sorting participants\n      .on(RoomEvent.AudioPlaybackStatusChanged, onParticipantsChanged);\n\n    onSubscribedTrackChanged();\n\n    return () => {\n      room.disconnect();\n    };\n  }, [room, sortFunc]);\n\n  return {\n    error,\n    participants,\n    audioTracks,\n  };\n}\n\n/**\n * Default sort for participants, it'll order participants by:\n * 1. dominant speaker (speaker with the loudest audio level)\n * 2. local participant\n * 3. other speakers that are recently active\n * 4. participants with video on\n * 5. by joinedAt\n */\nexport function sortParticipants(\n  participants: Participant[],\n  localParticipant?: LocalParticipant\n) {\n  participants.sort((a, b) => {\n    // loudest speaker first\n    if (a.isSpeaking && b.isSpeaking) {\n      return b.audioLevel - a.audioLevel;\n    }\n\n    // speaker goes first\n    if (a.isSpeaking !== b.isSpeaking) {\n      if (a.isSpeaking) {\n        return -1;\n      } else {\n        return 1;\n      }\n    }\n\n    // last active speaker first\n    if (a.lastSpokeAt !== b.lastSpokeAt) {\n      const aLast = a.lastSpokeAt?.getTime() ?? 0;\n      const bLast = b.lastSpokeAt?.getTime() ?? 0;\n      return bLast - aLast;\n    }\n\n    // video on\n    const aVideo = a.videoTrackPublications.size > 0;\n    const bVideo = b.videoTrackPublications.size > 0;\n    if (aVideo !== bVideo) {\n      if (aVideo) {\n        return -1;\n      } else {\n        return 1;\n      }\n    }\n\n    // joinedAt\n    return (a.joinedAt?.getTime() ?? 0) - (b.joinedAt?.getTime() ?? 0);\n  });\n\n  if (localParticipant) {\n    const localIdx = participants.indexOf(localParticipant);\n    if (localIdx >= 0) {\n      participants.splice(localIdx, 1);\n      if (participants.length > 0) {\n        participants.splice(1, 0, localParticipant);\n      } else {\n        participants.push(localParticipant);\n      }\n    }\n  }\n}\n"]}

package/lib/module/components/LiveKitRoom.js

@@ -0,0 +1,32 @@
+import { LKFeatureContext, RoomContext, useLiveKitRoom } from '@livekit/components-react';
+import * as React from 'react';
+/** @public */
+
+/**
+ * The `LiveKitRoom` component provides the room context to all its child components.
+ * It is generally the starting point of your LiveKit app and the root of the LiveKit component tree.
+ * It provides the room state as a React context to all child components, so you don't have to pass it yourself.
+ *
+ * @example
+ * ```tsx
+ * <LiveKitRoom
+ *  token='<livekit-token>'
+ *  serverUrl='<url-to-livekit-server>'
+ *  connect={true}
+ * >
+ *     ...
+ * </LiveKitRoom>
+ * ```
+ * @public
+ */
+export function LiveKitRoom(props) {
+  const {
+    room
+  } = useLiveKitRoom(props);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, room && /*#__PURE__*/React.createElement(RoomContext.Provider, {
+    value: room
+  }, /*#__PURE__*/React.createElement(LKFeatureContext.Provider, {
+    value: props.featureFlags
+  }, props.children)));
+}
+//# sourceMappingURL=LiveKitRoom.js.map

package/lib/module/components/LiveKitRoom.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["LiveKitRoom.tsx"],"names":["LKFeatureContext","RoomContext","useLiveKitRoom","React","LiveKitRoom","props","room","featureFlags","children"],"mappings":"AAAA,SAEEA,gBAFF,EAGEC,WAHF,EAIEC,cAJF,QAKO,2BALP;AAcA,OAAO,KAAKC,KAAZ,MAAuB,OAAvB;AAEA;;AAuEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,WAAT,CAAqBC,KAArB,EAAuE;AAC5E,QAAM;AAAEC,IAAAA;AAAF,MAAWJ,cAAc,CAACG,KAAD,CAA/B;AACA,sBACE,0CACGC,IAAI,iBACH,oBAAC,WAAD,CAAa,QAAb;AAAsB,IAAA,KAAK,EAAEA;AAA7B,kBACE,oBAAC,gBAAD,CAAkB,QAAlB;AAA2B,IAAA,KAAK,EAAED,KAAK,CAACE;AAAxC,KACGF,KAAK,CAACG,QADT,CADF,CAFJ,CADF;AAWD","sourcesContent":["import {\n  FeatureFlags,\n  LKFeatureContext,\n  RoomContext,\n  useLiveKitRoom,\n} from '@livekit/components-react';\nimport type {\n  AudioCaptureOptions,\n  RoomConnectOptions,\n  RoomOptions,\n  ScreenShareCaptureOptions,\n  VideoCaptureOptions,\n} from 'livekit-client';\nimport type { MediaDeviceFailure, Room } from 'livekit-client';\nimport * as React from 'react';\n\n/** @public */\nexport interface LiveKitRoomProps {\n  /**\n   * URL to the LiveKit server.\n   * For example: `wss://<domain>.livekit.cloud`\n   * To simplify the implementation, `undefined` is also accepted as an intermediate value, but only with a valid string url can the connection be established.\n   */\n  serverUrl: string | undefined;\n  /**\n   * A user specific access token for a client to authenticate to the room.\n   * This token is necessary to establish a connection to the room.\n   * To simplify the implementation, `undefined` is also accepted as an intermediate value, but only with a valid string token can the connection be established.\n   *\n   * @see https://docs.livekit.io/cloud/project-management/keys-and-tokens/#generating-access-tokens\n   */\n  token: string | undefined;\n  /**\n   * Publish audio immediately after connecting to your LiveKit room.\n   * @defaultValue `false`\n   * @see https://docs.livekit.io/client-sdk-js/interfaces/AudioCaptureOptions.html\n   */\n  audio?: AudioCaptureOptions | boolean;\n  /**\n   * Publish video immediately after connecting to your LiveKit room.\n   * @defaultValue `false`\n   * @see https://docs.livekit.io/client-sdk-js/interfaces/VideoCaptureOptions.html\n   */\n  video?: VideoCaptureOptions | boolean;\n  /**\n   * Publish screen share immediately after connecting to your LiveKit room.\n   * @defaultValue `false`\n   * @see https://docs.livekit.io/client-sdk-js/interfaces/ScreenShareCaptureOptions.html\n   */\n  screen?: ScreenShareCaptureOptions | boolean;\n  /**\n   * If set to true a connection to LiveKit room is initiated.\n   * @defaultValue `false`\n   */\n  connect?: boolean;\n  /**\n   * Options for when creating a new room.\n   * When you pass your own room instance to this component, these options have no effect.\n   * Instead, set the options directly in the room instance.\n   *\n   * @see https://docs.livekit.io/client-sdk-js/interfaces/RoomOptions.html\n   */\n  options?: RoomOptions;\n  /**\n   * Define options how to connect to the LiveKit server.\n   *\n   * @see https://docs.livekit.io/client-sdk-js/interfaces/RoomConnectOptions.html\n   */\n  connectOptions?: RoomConnectOptions;\n  onConnected?: () => void;\n  onDisconnected?: () => void;\n  onError?: (error: Error) => void;\n  onMediaDeviceFailure?: (failure?: MediaDeviceFailure) => void;\n  onEncryptionError?: (error: Error) => void;\n  /**\n   * Optional room instance.\n   * By passing your own room instance you overwrite the `options` parameter,\n   * make sure to set the options directly on the room instance itself.\n   */\n  room?: Room;\n\n  simulateParticipants?: number | undefined;\n\n  /** @experimental */\n  featureFlags?: FeatureFlags | undefined;\n}\n\n/**\n * The `LiveKitRoom` component provides the room context to all its child components.\n * It is generally the starting point of your LiveKit app and the root of the LiveKit component tree.\n * It provides the room state as a React context to all child components, so you don't have to pass it yourself.\n *\n * @example\n * ```tsx\n * <LiveKitRoom\n *  token='<livekit-token>'\n *  serverUrl='<url-to-livekit-server>'\n *  connect={true}\n * >\n *     ...\n * </LiveKitRoom>\n * ```\n * @public\n */\nexport function LiveKitRoom(props: React.PropsWithChildren<LiveKitRoomProps>) {\n  const { room } = useLiveKitRoom(props);\n  return (\n    <>\n      {room && (\n        <RoomContext.Provider value={room}>\n          <LKFeatureContext.Provider value={props.featureFlags}>\n            {props.children}\n          </LKFeatureContext.Provider>\n        </RoomContext.Provider>\n      )}\n    </>\n  );\n}\n"]}

package/lib/module/components/VideoTrack.js

@@ -0,0 +1,152 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { LocalVideoTrack, TrackEvent } from 'livekit-client';
+import { RTCView } from '@livekit/react-native-webrtc';
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { RemoteVideoTrack } from 'livekit-client';
+import ViewPortDetector from './ViewPortDetector';
+export const VideoTrack = _ref => {
+  var _mediaStream$toURL;
+
+  let {
+    style = {},
+    trackRef,
+    objectFit = 'cover',
+    zOrder,
+    mirror
+  } = _ref;
+  const [elementInfo] = useState(() => {
+    var _trackRef$publication;
+
+    let info = new VideoTrackElementInfo();
+    info.id = trackRef === null || trackRef === void 0 ? void 0 : (_trackRef$publication = trackRef.publication) === null || _trackRef$publication === void 0 ? void 0 : _trackRef$publication.trackSid;
+    return info;
+  });
+  const layoutOnChange = useCallback(event => elementInfo.onLayout(event), [elementInfo]);
+  const visibilityOnChange = useCallback(isVisible => elementInfo.onVisibility(isVisible), [elementInfo]);
+  const videoTrack = trackRef === null || trackRef === void 0 ? void 0 : trackRef.publication.track;
+  const shouldObserveVisibility = useMemo(() => {
+    return videoTrack instanceof RemoteVideoTrack && videoTrack.isAdaptiveStream;
+  }, [videoTrack]);
+  const [mediaStream, setMediaStream] = useState(videoTrack === null || videoTrack === void 0 ? void 0 : videoTrack.mediaStream);
+  useEffect(() => {
+    setMediaStream(videoTrack === null || videoTrack === void 0 ? void 0 : videoTrack.mediaStream);
+
+    if (videoTrack instanceof LocalVideoTrack) {
+      const onRestarted = track => {
+        setMediaStream(track === null || track === void 0 ? void 0 : track.mediaStream);
+      };
+
+      videoTrack.on(TrackEvent.Restarted, onRestarted);
+      return () => {
+        videoTrack.off(TrackEvent.Restarted, onRestarted);
+      };
+    } else {
+      return () => {};
+    }
+  }, [videoTrack]);
+  useEffect(() => {
+    if (videoTrack instanceof RemoteVideoTrack && videoTrack.isAdaptiveStream) {
+      videoTrack === null || videoTrack === void 0 ? void 0 : videoTrack.observeElementInfo(elementInfo);
+      return () => {
+        videoTrack === null || videoTrack === void 0 ? void 0 : videoTrack.stopObservingElementInfo(elementInfo);
+      };
+    } else {
+      return () => {};
+    }
+  }, [videoTrack, elementInfo]);
+  return /*#__PURE__*/React.createElement(View, {
+    style: { ...style,
+      ...styles.container
+    },
+    onLayout: layoutOnChange
+  }, /*#__PURE__*/React.createElement(ViewPortDetector, {
+    onChange: visibilityOnChange,
+    style: styles.videoTrack,
+    disabled: !shouldObserveVisibility,
+    propKey: videoTrack
+  }, /*#__PURE__*/React.createElement(RTCView, {
+    style: styles.videoTrack,
+    streamURL: (_mediaStream$toURL = mediaStream === null || mediaStream === void 0 ? void 0 : mediaStream.toURL()) !== null && _mediaStream$toURL !== void 0 ? _mediaStream$toURL : '',
+    objectFit: objectFit,
+    zOrder: zOrder,
+    mirror: mirror
+  })));
+};
+const styles = StyleSheet.create({
+  container: {},
+  videoTrack: {
+    flex: 1,
+    width: '100%'
+  }
+});
+
+class VideoTrackElementInfo {
+  constructor() {
+    _defineProperty(this, "element", {});
+
+    _defineProperty(this, "something", void 0);
+
+    _defineProperty(this, "id", void 0);
+
+    _defineProperty(this, "_width", 0);
+
+    _defineProperty(this, "_height", 0);
+
+    _defineProperty(this, "_observing", false);
+
+    _defineProperty(this, "visible", true);
+
+    _defineProperty(this, "visibilityChangedAt", void 0);
+
+    _defineProperty(this, "pictureInPicture", false);
+
+    _defineProperty(this, "handleResize", void 0);
+
+    _defineProperty(this, "handleVisibilityChanged", void 0);
+
+    _defineProperty(this, "width", () => this._width);
+
+    _defineProperty(this, "height", () => this._height);
+  }
+
+  observe() {
+    this._observing = true;
+  }
+
+  stopObserving() {
+    this._observing = false;
+  }
+
+  onLayout(event) {
+    let {
+      width,
+      height
+    } = event.nativeEvent.layout;
+    this._width = width;
+    this._height = height;
+
+    if (this._observing) {
+      var _this$handleResize;
+
+      (_this$handleResize = this.handleResize) === null || _this$handleResize === void 0 ? void 0 : _this$handleResize.call(this);
+    }
+  }
+
+  onVisibility(isVisible) {
+    if (this.visible !== isVisible) {
+      this.visible = isVisible;
+      this.visibilityChangedAt = Date.now();
+
+      if (this._observing) {
+        var _this$handleVisibilit;
+
+        (_this$handleVisibilit = this.handleVisibilityChanged) === null || _this$handleVisibilit === void 0 ? void 0 : _this$handleVisibilit.call(this);
+      }
+    }
+  }
+
+}
+//# sourceMappingURL=VideoTrack.js.map

package/lib/module/components/VideoTrack.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["VideoTrack.tsx"],"names":["React","StyleSheet","View","LocalVideoTrack","TrackEvent","RTCView","useCallback","useEffect","useMemo","useState","RemoteVideoTrack","ViewPortDetector","VideoTrack","style","trackRef","objectFit","zOrder","mirror","elementInfo","info","VideoTrackElementInfo","id","publication","trackSid","layoutOnChange","event","onLayout","visibilityOnChange","isVisible","onVisibility","videoTrack","track","shouldObserveVisibility","isAdaptiveStream","mediaStream","setMediaStream","onRestarted","on","Restarted","off","observeElementInfo","stopObservingElementInfo","styles","container","toURL","create","flex","width","_width","_height","observe","_observing","stopObserving","height","nativeEvent","layout","handleResize","visible","visibilityChangedAt","Date","now","handleVisibilityChanged"],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport { LayoutChangeEvent, StyleSheet, View, ViewStyle } from 'react-native';\nimport {\n  ElementInfo,\n  LocalVideoTrack,\n  Track,\n  TrackEvent,\n} from 'livekit-client';\nimport { RTCView } from '@livekit/react-native-webrtc';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport { RemoteVideoTrack } from 'livekit-client';\nimport ViewPortDetector from './ViewPortDetector';\nimport type { TrackReference } from '@livekit/components-react';\n\nexport type VideoTrackProps = {\n  trackRef: TrackReference | undefined;\n  style?: ViewStyle;\n  objectFit?: 'cover' | 'contain' | undefined;\n  mirror?: boolean;\n  zOrder?: number;\n};\n\nexport const VideoTrack = ({\n  style = {},\n  trackRef,\n  objectFit = 'cover',\n  zOrder,\n  mirror,\n}: VideoTrackProps) => {\n  const [elementInfo] = useState(() => {\n    let info = new VideoTrackElementInfo();\n    info.id = trackRef?.publication?.trackSid;\n    return info;\n  });\n\n  const layoutOnChange = useCallback(\n    (event: LayoutChangeEvent) => elementInfo.onLayout(event),\n    [elementInfo]\n  );\n  const visibilityOnChange = useCallback(\n    (isVisible: boolean) => elementInfo.onVisibility(isVisible),\n    [elementInfo]\n  );\n\n  const videoTrack = trackRef?.publication.track;\n\n  const shouldObserveVisibility = useMemo(() => {\n    return (\n      videoTrack instanceof RemoteVideoTrack && videoTrack.isAdaptiveStream\n    );\n  }, [videoTrack]);\n\n  const [mediaStream, setMediaStream] = useState(videoTrack?.mediaStream);\n  useEffect(() => {\n    setMediaStream(videoTrack?.mediaStream);\n    if (videoTrack instanceof LocalVideoTrack) {\n      const onRestarted = (track: Track | null) => {\n        setMediaStream(track?.mediaStream);\n      };\n      videoTrack.on(TrackEvent.Restarted, onRestarted);\n\n      return () => {\n        videoTrack.off(TrackEvent.Restarted, onRestarted);\n      };\n    } else {\n      return () => {};\n    }\n  }, [videoTrack]);\n\n  useEffect(() => {\n    if (videoTrack instanceof RemoteVideoTrack && videoTrack.isAdaptiveStream) {\n      videoTrack?.observeElementInfo(elementInfo);\n      return () => {\n        videoTrack?.stopObservingElementInfo(elementInfo);\n      };\n    } else {\n      return () => {};\n    }\n  }, [videoTrack, elementInfo]);\n\n  return (\n    <View style={{ ...style, ...styles.container }} onLayout={layoutOnChange}>\n      <ViewPortDetector\n        onChange={visibilityOnChange}\n        style={styles.videoTrack}\n        disabled={!shouldObserveVisibility}\n        propKey={videoTrack}\n      >\n        <RTCView\n          style={styles.videoTrack}\n          streamURL={mediaStream?.toURL() ?? ''}\n          objectFit={objectFit}\n          zOrder={zOrder}\n          mirror={mirror}\n        />\n      </ViewPortDetector>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {},\n  videoTrack: {\n    flex: 1,\n    width: '100%',\n  },\n});\n\nclass VideoTrackElementInfo implements ElementInfo {\n  element: object = {};\n  something?: any;\n  id?: string;\n  _width = 0;\n  _height = 0;\n  _observing = false;\n  visible: boolean = true;\n  visibilityChangedAt: number | undefined;\n  pictureInPicture = false;\n  handleResize?: (() => void) | undefined;\n  handleVisibilityChanged?: (() => void) | undefined;\n  width = () => this._width;\n  height = () => this._height;\n\n  observe(): void {\n    this._observing = true;\n  }\n  stopObserving(): void {\n    this._observing = false;\n  }\n\n  onLayout(event: LayoutChangeEvent) {\n    let { width, height } = event.nativeEvent.layout;\n    this._width = width;\n    this._height = height;\n\n    if (this._observing) {\n      this.handleResize?.();\n    }\n  }\n  onVisibility(isVisible: boolean) {\n    if (this.visible !== isVisible) {\n      this.visible = isVisible;\n      this.visibilityChangedAt = Date.now();\n      if (this._observing) {\n        this.handleVisibilityChanged?.();\n      }\n    }\n  }\n}\n"]}

package/lib/module/components/VideoView.js

@@ -7,6 +7,13 @@ import { RTCView } from '@livekit/react-native-webrtc';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { RemoteVideoTrack } from 'livekit-client';
 import ViewPortDetector from './ViewPortDetector';
+/**
+ * @deprecated use `VideoTrack` and `VideoTrackProps` instead.
+ */
+
+/**
+ * @deprecated use `VideoTrack` and `VideoTrackProps` instead.
+ */
 export const VideoView = _ref => {
   var _mediaStream$toURL;
 

package/lib/module/components/VideoView.js.map

@@ -1 +1 @@
-{"version":3,"sources":["VideoView.tsx"],"names":["React","StyleSheet","View","LocalVideoTrack","TrackEvent","RTCView","useCallback","useEffect","useMemo","useState","RemoteVideoTrack","ViewPortDetector","VideoView","style","videoTrack","objectFit","zOrder","mirror","elementInfo","info","VideoViewElementInfo","id","sid","something","layoutOnChange","event","onLayout","visibilityOnChange","isVisible","onVisibility","shouldObserveVisibility","isAdaptiveStream","mediaStream","setMediaStream","onRestarted","track","on","Restarted","off","observeElementInfo","stopObservingElementInfo","styles","container","videoView","toURL","create","flex","width","_width","_height","observe","_observing","stopObserving","height","nativeEvent","layout","handleResize","visible","visibilityChangedAt","Date","now","handleVisibilityChanged"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA,SAA4BC,UAA5B,EAAwCC,IAAxC,QAA+D,cAA/D;AACA,SAEEC,eAFF,EAIEC,UAJF,QAMO,gBANP;AAOA,SAASC,OAAT,QAAwB,8BAAxB;AACA,SAASC,WAAT,EAAsBC,SAAtB,EAAiCC,OAAjC,EAA0CC,QAA1C,QAA0D,OAA1D;AACA,SAASC,gBAAT,QAAiC,gBAAjC;AACA,OAAOC,gBAAP,MAA6B,oBAA7B;AAUA,OAAO,MAAMC,SAAS,GAAG,QAMZ;AAAA;;AAAA,MANa;AACxBC,IAAAA,KAAK,GAAG,EADgB;AAExBC,IAAAA,UAFwB;AAGxBC,IAAAA,SAAS,GAAG,OAHY;AAIxBC,IAAAA,MAJwB;AAKxBC,IAAAA;AALwB,GAMb;AACX,QAAM,CAACC,WAAD,IAAgBT,QAAQ,CAAC,MAAM;AACnC,QAAIU,IAAI,GAAG,IAAIC,oBAAJ,EAAX;AACAD,IAAAA,IAAI,CAACE,EAAL,GAAUP,UAAV,aAAUA,UAAV,uBAAUA,UAAU,CAAEQ,GAAtB;AACAH,IAAAA,IAAI,CAACI,SAAL,GAAiBT,UAAjB;AACA,WAAOK,IAAP;AACD,GAL6B,CAA9B;AAOA,QAAMK,cAAc,GAAGlB,WAAW,CAC/BmB,KAAD,IAA8BP,WAAW,CAACQ,QAAZ,CAAqBD,KAArB,CADE,EAEhC,CAACP,WAAD,CAFgC,CAAlC;AAIA,QAAMS,kBAAkB,GAAGrB,WAAW,CACnCsB,SAAD,IAAwBV,WAAW,CAACW,YAAZ,CAAyBD,SAAzB,CADY,EAEpC,CAACV,WAAD,CAFoC,CAAtC;AAIA,QAAMY,uBAAuB,GAAGtB,OAAO,CAAC,MAAM;AAC5C,WACEM,UAAU,YAAYJ,gBAAtB,IAA0CI,UAAU,CAACiB,gBADvD;AAGD,GAJsC,EAIpC,CAACjB,UAAD,CAJoC,CAAvC;AAMA,QAAM,CAACkB,WAAD,EAAcC,cAAd,IAAgCxB,QAAQ,CAACK,UAAD,aAACA,UAAD,uBAACA,UAAU,CAAEkB,WAAb,CAA9C;AACAzB,EAAAA,SAAS,CAAC,MAAM;AACd0B,IAAAA,cAAc,CAACnB,UAAD,aAACA,UAAD,uBAACA,UAAU,CAAEkB,WAAb,CAAd;;AACA,QAAIlB,UAAU,YAAYX,eAA1B,EAA2C;AACzC,YAAM+B,WAAW,GAAIC,KAAD,IAAyB;AAC3CF,QAAAA,cAAc,CAACE,KAAD,aAACA,KAAD,uBAACA,KAAK,CAAEH,WAAR,CAAd;AACD,OAFD;;AAGAlB,MAAAA,UAAU,CAACsB,EAAX,CAAchC,UAAU,CAACiC,SAAzB,EAAoCH,WAApC;AAEA,aAAO,MAAM;AACXpB,QAAAA,UAAU,CAACwB,GAAX,CAAelC,UAAU,CAACiC,SAA1B,EAAqCH,WAArC;AACD,OAFD;AAGD,KATD,MASO;AACL,aAAO,MAAM,CAAE,CAAf;AACD;AACF,GAdQ,EAcN,CAACpB,UAAD,CAdM,CAAT;AAgBAP,EAAAA,SAAS,CAAC,MAAM;AACd,QAAIO,UAAU,YAAYJ,gBAAtB,IAA0CI,UAAU,CAACiB,gBAAzD,EAA2E;AACzEjB,MAAAA,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEyB,kBAAZ,CAA+BrB,WAA/B;AACA,aAAO,MAAM;AACXJ,QAAAA,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAE0B,wBAAZ,CAAqCtB,WAArC;AACD,OAFD;AAGD,KALD,MAKO;AACL,aAAO,MAAM,CAAE,CAAf;AACD;AACF,GATQ,EASN,CAACJ,UAAD,EAAaI,WAAb,CATM,CAAT;AAWA,sBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,EAAE,GAAGL,KAAL;AAAY,SAAG4B,MAAM,CAACC;AAAtB,KAAb;AAAgD,IAAA,QAAQ,EAAElB;AAA1D,kBACE,oBAAC,gBAAD;AACE,IAAA,QAAQ,EAAEG,kBADZ;AAEE,IAAA,KAAK,EAAEc,MAAM,CAACE,SAFhB;AAGE,IAAA,QAAQ,EAAE,CAACb,uBAHb;AAIE,IAAA,OAAO,EAAEhB;AAJX,kBAME,oBAAC,OAAD;AACE,IAAA,KAAK,EAAE2B,MAAM,CAACE,SADhB;AAEE,IAAA,SAAS,wBAAEX,WAAF,aAAEA,WAAF,uBAAEA,WAAW,CAAEY,KAAb,EAAF,mEAA0B,EAFrC;AAGE,IAAA,SAAS,EAAE7B,SAHb;AAIE,IAAA,MAAM,EAAEC,MAJV;AAKE,IAAA,MAAM,EAAEC;AALV,IANF,CADF,CADF;AAkBD,CA1EM;AA4EP,MAAMwB,MAAM,GAAGxC,UAAU,CAAC4C,MAAX,CAAkB;AAC/BH,EAAAA,SAAS,EAAE,EADoB;AAE/BC,EAAAA,SAAS,EAAE;AACTG,IAAAA,IAAI,EAAE,CADG;AAETC,IAAAA,KAAK,EAAE;AAFE;AAFoB,CAAlB,CAAf;;AAQA,MAAM3B,oBAAN,CAAkD;AAAA;AAAA,qCAC9B,EAD8B;;AAAA;;AAAA;;AAAA,oCAIvC,CAJuC;;AAAA,qCAKtC,CALsC;;AAAA,wCAMnC,KANmC;;AAAA,qCAO7B,IAP6B;;AAAA;;AAAA,8CAS7B,KAT6B;;AAAA;;AAAA;;AAAA,mCAYxC,MAAM,KAAK4B,MAZ6B;;AAAA,oCAavC,MAAM,KAAKC,OAb4B;AAAA;;AAehDC,EAAAA,OAAO,GAAS;AACd,SAAKC,UAAL,GAAkB,IAAlB;AACD;;AACDC,EAAAA,aAAa,GAAS;AACpB,SAAKD,UAAL,GAAkB,KAAlB;AACD;;AAEDzB,EAAAA,QAAQ,CAACD,KAAD,EAA2B;AACjC,QAAI;AAAEsB,MAAAA,KAAF;AAASM,MAAAA;AAAT,QAAoB5B,KAAK,CAAC6B,WAAN,CAAkBC,MAA1C;AACA,SAAKP,MAAL,GAAcD,KAAd;AACA,SAAKE,OAAL,GAAeI,MAAf;;AAEA,QAAI,KAAKF,UAAT,EAAqB;AAAA;;AACnB,iCAAKK,YAAL;AACD;AACF;;AACD3B,EAAAA,YAAY,CAACD,SAAD,EAAqB;AAC/B,QAAI,KAAK6B,OAAL,KAAiB7B,SAArB,EAAgC;AAC9B,WAAK6B,OAAL,GAAe7B,SAAf;AACA,WAAK8B,mBAAL,GAA2BC,IAAI,CAACC,GAAL,EAA3B;;AACA,UAAI,KAAKT,UAAT,EAAqB;AAAA;;AACnB,sCAAKU,uBAAL;AACD;AACF;AACF;;AAvC+C","sourcesContent":["import * as React from 'react';\n\nimport { LayoutChangeEvent, StyleSheet, View, ViewStyle } from 'react-native';\nimport {\n  ElementInfo,\n  LocalVideoTrack,\n  Track,\n  TrackEvent,\n  VideoTrack,\n} from 'livekit-client';\nimport { RTCView } from '@livekit/react-native-webrtc';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport { RemoteVideoTrack } from 'livekit-client';\nimport ViewPortDetector from './ViewPortDetector';\n\nexport type Props = {\n  videoTrack?: VideoTrack | undefined;\n  style?: ViewStyle;\n  objectFit?: 'cover' | 'contain' | undefined;\n  mirror?: boolean;\n  zOrder?: number;\n};\n\nexport const VideoView = ({\n  style = {},\n  videoTrack,\n  objectFit = 'cover',\n  zOrder,\n  mirror,\n}: Props) => {\n  const [elementInfo] = useState(() => {\n    let info = new VideoViewElementInfo();\n    info.id = videoTrack?.sid;\n    info.something = videoTrack;\n    return info;\n  });\n\n  const layoutOnChange = useCallback(\n    (event: LayoutChangeEvent) => elementInfo.onLayout(event),\n    [elementInfo]\n  );\n  const visibilityOnChange = useCallback(\n    (isVisible: boolean) => elementInfo.onVisibility(isVisible),\n    [elementInfo]\n  );\n  const shouldObserveVisibility = useMemo(() => {\n    return (\n      videoTrack instanceof RemoteVideoTrack && videoTrack.isAdaptiveStream\n    );\n  }, [videoTrack]);\n\n  const [mediaStream, setMediaStream] = useState(videoTrack?.mediaStream);\n  useEffect(() => {\n    setMediaStream(videoTrack?.mediaStream);\n    if (videoTrack instanceof LocalVideoTrack) {\n      const onRestarted = (track: Track | null) => {\n        setMediaStream(track?.mediaStream);\n      };\n      videoTrack.on(TrackEvent.Restarted, onRestarted);\n\n      return () => {\n        videoTrack.off(TrackEvent.Restarted, onRestarted);\n      };\n    } else {\n      return () => {};\n    }\n  }, [videoTrack]);\n\n  useEffect(() => {\n    if (videoTrack instanceof RemoteVideoTrack && videoTrack.isAdaptiveStream) {\n      videoTrack?.observeElementInfo(elementInfo);\n      return () => {\n        videoTrack?.stopObservingElementInfo(elementInfo);\n      };\n    } else {\n      return () => {};\n    }\n  }, [videoTrack, elementInfo]);\n\n  return (\n    <View style={{ ...style, ...styles.container }} onLayout={layoutOnChange}>\n      <ViewPortDetector\n        onChange={visibilityOnChange}\n        style={styles.videoView}\n        disabled={!shouldObserveVisibility}\n        propKey={videoTrack}\n      >\n        <RTCView\n          style={styles.videoView}\n          streamURL={mediaStream?.toURL() ?? ''}\n          objectFit={objectFit}\n          zOrder={zOrder}\n          mirror={mirror}\n        />\n      </ViewPortDetector>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {},\n  videoView: {\n    flex: 1,\n    width: '100%',\n  },\n});\n\nclass VideoViewElementInfo implements ElementInfo {\n  element: object = {};\n  something?: any;\n  id?: string;\n  _width = 0;\n  _height = 0;\n  _observing = false;\n  visible: boolean = true;\n  visibilityChangedAt: number | undefined;\n  pictureInPicture = false;\n  handleResize?: (() => void) | undefined;\n  handleVisibilityChanged?: (() => void) | undefined;\n  width = () => this._width;\n  height = () => this._height;\n\n  observe(): void {\n    this._observing = true;\n  }\n  stopObserving(): void {\n    this._observing = false;\n  }\n\n  onLayout(event: LayoutChangeEvent) {\n    let { width, height } = event.nativeEvent.layout;\n    this._width = width;\n    this._height = height;\n\n    if (this._observing) {\n      this.handleResize?.();\n    }\n  }\n  onVisibility(isVisible: boolean) {\n    if (this.visible !== isVisible) {\n      this.visible = isVisible;\n      this.visibilityChangedAt = Date.now();\n      if (this._observing) {\n        this.handleVisibilityChanged?.();\n      }\n    }\n  }\n}\n"]}
+{"version":3,"sources":["VideoView.tsx"],"names":["React","StyleSheet","View","LocalVideoTrack","TrackEvent","RTCView","useCallback","useEffect","useMemo","useState","RemoteVideoTrack","ViewPortDetector","VideoView","style","videoTrack","objectFit","zOrder","mirror","elementInfo","info","VideoViewElementInfo","id","sid","something","layoutOnChange","event","onLayout","visibilityOnChange","isVisible","onVisibility","shouldObserveVisibility","isAdaptiveStream","mediaStream","setMediaStream","onRestarted","track","on","Restarted","off","observeElementInfo","stopObservingElementInfo","styles","container","videoView","toURL","create","flex","width","_width","_height","observe","_observing","stopObserving","height","nativeEvent","layout","handleResize","visible","visibilityChangedAt","Date","now","handleVisibilityChanged"],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport { LayoutChangeEvent, StyleSheet, View, ViewStyle } from 'react-native';\nimport {\n  ElementInfo,\n  LocalVideoTrack,\n  Track,\n  TrackEvent,\n  VideoTrack,\n} from 'livekit-client';\nimport { RTCView } from '@livekit/react-native-webrtc';\nimport { useCallback, useEffect, useMemo, useState } from 'react';\nimport { RemoteVideoTrack } from 'livekit-client';\nimport ViewPortDetector from './ViewPortDetector';\n\n/**\n * @deprecated use `VideoTrack` and `VideoTrackProps` instead.\n */\nexport type Props = {\n  videoTrack?: VideoTrack | undefined;\n  style?: ViewStyle;\n  objectFit?: 'cover' | 'contain' | undefined;\n  mirror?: boolean;\n  zOrder?: number;\n};\n\n/**\n * @deprecated use `VideoTrack` and `VideoTrackProps` instead.\n */\nexport const VideoView = ({\n  style = {},\n  videoTrack,\n  objectFit = 'cover',\n  zOrder,\n  mirror,\n}: Props) => {\n  const [elementInfo] = useState(() => {\n    let info = new VideoViewElementInfo();\n    info.id = videoTrack?.sid;\n    info.something = videoTrack;\n    return info;\n  });\n\n  const layoutOnChange = useCallback(\n    (event: LayoutChangeEvent) => elementInfo.onLayout(event),\n    [elementInfo]\n  );\n  const visibilityOnChange = useCallback(\n    (isVisible: boolean) => elementInfo.onVisibility(isVisible),\n    [elementInfo]\n  );\n  const shouldObserveVisibility = useMemo(() => {\n    return (\n      videoTrack instanceof RemoteVideoTrack && videoTrack.isAdaptiveStream\n    );\n  }, [videoTrack]);\n\n  const [mediaStream, setMediaStream] = useState(videoTrack?.mediaStream);\n  useEffect(() => {\n    setMediaStream(videoTrack?.mediaStream);\n    if (videoTrack instanceof LocalVideoTrack) {\n      const onRestarted = (track: Track | null) => {\n        setMediaStream(track?.mediaStream);\n      };\n      videoTrack.on(TrackEvent.Restarted, onRestarted);\n\n      return () => {\n        videoTrack.off(TrackEvent.Restarted, onRestarted);\n      };\n    } else {\n      return () => {};\n    }\n  }, [videoTrack]);\n\n  useEffect(() => {\n    if (videoTrack instanceof RemoteVideoTrack && videoTrack.isAdaptiveStream) {\n      videoTrack?.observeElementInfo(elementInfo);\n      return () => {\n        videoTrack?.stopObservingElementInfo(elementInfo);\n      };\n    } else {\n      return () => {};\n    }\n  }, [videoTrack, elementInfo]);\n\n  return (\n    <View style={{ ...style, ...styles.container }} onLayout={layoutOnChange}>\n      <ViewPortDetector\n        onChange={visibilityOnChange}\n        style={styles.videoView}\n        disabled={!shouldObserveVisibility}\n        propKey={videoTrack}\n      >\n        <RTCView\n          style={styles.videoView}\n          streamURL={mediaStream?.toURL() ?? ''}\n          objectFit={objectFit}\n          zOrder={zOrder}\n          mirror={mirror}\n        />\n      </ViewPortDetector>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {},\n  videoView: {\n    flex: 1,\n    width: '100%',\n  },\n});\n\nclass VideoViewElementInfo implements ElementInfo {\n  element: object = {};\n  something?: any;\n  id?: string;\n  _width = 0;\n  _height = 0;\n  _observing = false;\n  visible: boolean = true;\n  visibilityChangedAt: number | undefined;\n  pictureInPicture = false;\n  handleResize?: (() => void) | undefined;\n  handleVisibilityChanged?: (() => void) | undefined;\n  width = () => this._width;\n  height = () => this._height;\n\n  observe(): void {\n    this._observing = true;\n  }\n  stopObserving(): void {\n    this._observing = false;\n  }\n\n  onLayout(event: LayoutChangeEvent) {\n    let { width, height } = event.nativeEvent.layout;\n    this._width = width;\n    this._height = height;\n\n    if (this._observing) {\n      this.handleResize?.();\n    }\n  }\n  onVisibility(isVisible: boolean) {\n    if (this.visible !== isVisible) {\n      this.visible = isVisible;\n      this.visibilityChangedAt = Date.now();\n      if (this._observing) {\n        this.handleVisibilityChanged?.();\n      }\n    }\n  }\n}\n"]}

package/lib/module/hooks.js

@@ -0,0 +1,3 @@
+export { useConnectionState, useDataChannel, useIsSpeaking, useLocalParticipant, UseLocalParticipantOptions, useLocalParticipantPermissions, useParticipantInfo, UseParticipantInfoOptions, useParticipants, UseParticipantsOptions, useRemoteParticipants, UseRemoteParticipantOptions, useRemoteParticipant, UseRemoteParticipantsOptions, useSpeakingParticipants, useSortedParticipants, useChat, useIsEncrypted, useIsMuted, useParticipantTracks, useLiveKitRoom, RoomContext, useRoomContext, ParticipantContext, useParticipantContext, TrackRefContext, useTrackRefContext, useTracks, UseTracksOptions, TrackReference, TrackReferenceOrPlaceholder, isTrackReference, useEnsureTrackRef, useTrackMutedIndicator, useVisualStableUpdate, UseVisualStableUpdateOptions } from '@livekit/components-react';
+export { ReceivedDataMessage } from '@livekit/components-core';
+//# sourceMappingURL=hooks.js.map

package/lib/module/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["hooks.ts"],"names":["useConnectionState","useDataChannel","useIsSpeaking","useLocalParticipant","UseLocalParticipantOptions","useLocalParticipantPermissions","useParticipantInfo","UseParticipantInfoOptions","useParticipants","UseParticipantsOptions","useRemoteParticipants","UseRemoteParticipantOptions","useRemoteParticipant","UseRemoteParticipantsOptions","useSpeakingParticipants","useSortedParticipants","useChat","useIsEncrypted","useIsMuted","useParticipantTracks","useLiveKitRoom","RoomContext","useRoomContext","ParticipantContext","useParticipantContext","TrackRefContext","useTrackRefContext","useTracks","UseTracksOptions","TrackReference","TrackReferenceOrPlaceholder","isTrackReference","useEnsureTrackRef","useTrackMutedIndicator","useVisualStableUpdate","UseVisualStableUpdateOptions","ReceivedDataMessage"],"mappings":"AAAA,SACEA,kBADF,EAEEC,cAFF,EAGEC,aAHF,EAIEC,mBAJF,EAKEC,0BALF,EAMEC,8BANF,EAOEC,kBAPF,EAQEC,yBARF,EASEC,eATF,EAUEC,sBAVF,EAWEC,qBAXF,EAYEC,2BAZF,EAaEC,oBAbF,EAcEC,4BAdF,EAeEC,uBAfF,EAgBEC,qBAhBF,EAiBEC,OAjBF,EAkBEC,cAlBF,EAmBEC,UAnBF,EAoBEC,oBApBF,EAqBEC,cArBF,EAsBEC,WAtBF,EAuBEC,cAvBF,EAwBEC,kBAxBF,EAyBEC,qBAzBF,EA0BEC,eA1BF,EA2BEC,kBA3BF,EA4BEC,SA5BF,EA6BEC,gBA7BF,EA8BEC,cA9BF,EA+BEC,2BA/BF,EAgCEC,gBAhCF,EAiCEC,iBAjCF,EAkCEC,sBAlCF,EAmCEC,qBAnCF,EAoCEC,4BApCF,QAqCO,2BArCP;AAuCA,SAASC,mBAAT,QAAoC,0BAApC","sourcesContent":["export {\n  useConnectionState,\n  useDataChannel,\n  useIsSpeaking,\n  useLocalParticipant,\n  UseLocalParticipantOptions,\n  useLocalParticipantPermissions,\n  useParticipantInfo,\n  UseParticipantInfoOptions,\n  useParticipants,\n  UseParticipantsOptions,\n  useRemoteParticipants,\n  UseRemoteParticipantOptions,\n  useRemoteParticipant,\n  UseRemoteParticipantsOptions,\n  useSpeakingParticipants,\n  useSortedParticipants,\n  useChat,\n  useIsEncrypted,\n  useIsMuted,\n  useParticipantTracks,\n  useLiveKitRoom,\n  RoomContext,\n  useRoomContext,\n  ParticipantContext,\n  useParticipantContext,\n  TrackRefContext,\n  useTrackRefContext,\n  useTracks,\n  UseTracksOptions,\n  TrackReference,\n  TrackReferenceOrPlaceholder,\n  isTrackReference,\n  useEnsureTrackRef,\n  useTrackMutedIndicator,\n  useVisualStableUpdate,\n  UseVisualStableUpdateOptions,\n} from '@livekit/components-react';\n\nexport { ReceivedDataMessage } from '@livekit/components-core';\n"]}

package/lib/module/index.js

@@ -74,9 +74,15 @@ function shimIterator() {
   shim();
 }
 
-export * from './components/VideoView';
-export * from './useParticipant';
-export * from './useRoom';
+export * from './hooks';
+export * from './components/LiveKitRoom';
+export * from './components/VideoTrack';
+export * from './components/VideoView'; // deprecated
+
+export * from './useParticipant'; // deprecated
+
+export * from './useRoom'; // deprecated
+
 export * from './logger';
 export * from './audio/AudioManager';
 export { AudioSession, AndroidAudioTypeOptions, AndroidAudioTypePresets, AppleAudioCategory, AppleAudioCategoryOption, AppleAudioConfiguration, AppleAudioMode, AudioTrackState, getDefaultAppleAudioConfigurationForMode };

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":["registerGlobals","webrtcRegisterGlobals","setupURLPolyfill","AudioSession","AndroidAudioTypePresets","AndroidAudioTypeOptions","AppleAudioCategory","AppleAudioCategoryOption","AppleAudioConfiguration","AppleAudioMode","AudioTrackState","getDefaultAppleAudioConfigurationForMode","PixelRatio","Platform","livekitRegisterGlobals","fixWebrtcAdapter","shimPromiseAllSettled","shimArrayAt","shimAsyncIterator","shimIterator","lkGlobal","platform","OS","devicePixelRatio","get","global","LiveKitReactNativeGlobal","window","navigator","undefined","userAgent","product","allSettled","require","shim","Array","prototype","at"],"mappings":"AAAA,SAASA,eAAe,IAAIC,qBAA5B,QAAyD,8BAAzD;AACA,SAASC,gBAAT,QAAiC,2BAAjC;AACA,OAAO,mCAAP;AACA,OAAOC,YAAP,IACEC,uBADF,EAEEC,uBAFF,EAGEC,kBAHF,EAIEC,wBAJF,EAKEC,uBALF,EAMEC,cANF,EAOEC,eAPF,EAQEC,wCARF,QASO,sBATP;AAWA,SAASC,UAAT,EAAqBC,QAArB,QAAqC,cAArC;;AAIA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASb,eAAT,GAA2B;AAChCC,EAAAA,qBAAqB;AACrBa,EAAAA,sBAAsB;AACtBZ,EAAAA,gBAAgB;AAChBa,EAAAA,gBAAgB;AAChBC,EAAAA,qBAAqB;AACrBC,EAAAA,WAAW;AACXC,EAAAA,iBAAiB;AACjBC,EAAAA,YAAY;AACb;;AACD,SAASL,sBAAT,GAAkC;AAChC,MAAIM,QAAgC,GAAG;AACrCC,IAAAA,QAAQ,EAAER,QAAQ,CAACS,EADkB;AAErCC,IAAAA,gBAAgB,EAAEX,UAAU,CAACY,GAAX;AAFmB,GAAvC,CADgC,CAMhC;;AACAC,EAAAA,MAAM,CAACC,wBAAP,GAAkCN,QAAlC;AACD;;AAED,SAASL,gBAAT,GAA4B;AAAA;;AAC1B;AACA,MAAI,YAAAY,MAAM,UAAN,0CAAQC,SAAR,MAAsBC,SAA1B,EAAqC;AACnC;AACA,UAAM;AAAED,MAAAA;AAAF,QAAgBD,MAAtB;;AACA,QAAIC,SAAS,CAACE,SAAV,KAAwBD,SAA5B,EAAuC;AAAA;;AACrCD,MAAAA,SAAS,CAACE,SAAV,yBAAsBF,SAAS,CAACG,OAAhC,mEAA2C,SAA3C;AACD;AACF;AACF;;AAED,SAASf,qBAAT,GAAiC;AAC/B,MAAIgB,UAAU,GAAGC,OAAO,CAAC,oBAAD,CAAxB;;AACAD,EAAAA,UAAU,CAACE,IAAX;AACD;;AAED,SAASjB,WAAT,GAAuB;AACrB;AACA,MAAI,CAACkB,KAAK,CAACC,SAAN,CAAgBC,EAArB,EAAyB;AACvB,QAAIA,EAAE,GAAGJ,OAAO,CAAC,oBAAD,CAAhB;;AACAI,IAAAA,EAAE,CAACH,IAAH;AACD;AACF;;AAED,SAAShB,iBAAT,GAA6B;AAC3B,MAAIgB,IAAI,GAAGD,OAAO,CAAC,8CAAD,CAAlB;;AACAC,EAAAA,IAAI;AACL;;AAED,SAASf,YAAT,GAAwB;AACtB,MAAIe,IAAI,GAAGD,OAAO,CAAC,yCAAD,CAAlB;;AACAC,EAAAA,IAAI;AACL;;AAED,cAAc,wBAAd;AACA,cAAc,kBAAd;AACA,cAAc,WAAd;AACA,cAAc,UAAd;AACA,cAAc,sBAAd;AAEA,SACE/B,YADF,EAGEE,uBAHF,EAIED,uBAJF,EAKEE,kBALF,EAMEC,wBANF,EAOEC,uBAPF,EAQEC,cARF,EASEC,eATF,EAUEC,wCAVF","sourcesContent":["import { registerGlobals as webrtcRegisterGlobals } from '@livekit/react-native-webrtc';\nimport { setupURLPolyfill } from 'react-native-url-polyfill';\nimport 'fastestsmallesttextencoderdecoder';\nimport AudioSession, {\n  AndroidAudioTypePresets,\n  AndroidAudioTypeOptions,\n  AppleAudioCategory,\n  AppleAudioCategoryOption,\n  AppleAudioConfiguration,\n  AppleAudioMode,\n  AudioTrackState,\n  getDefaultAppleAudioConfigurationForMode,\n} from './audio/AudioSession';\nimport type { AudioConfiguration } from './audio/AudioSession';\nimport { PixelRatio, Platform } from 'react-native';\nimport type { LiveKitReactNativeInfo } from 'livekit-client';\nimport type { LogLevel, SetLogLevelOptions } from './logger';\n\n/**\n * Registers the required globals needed for LiveKit to work.\n *\n * Must be called before using LiveKit.\n */\nexport function registerGlobals() {\n  webrtcRegisterGlobals();\n  livekitRegisterGlobals();\n  setupURLPolyfill();\n  fixWebrtcAdapter();\n  shimPromiseAllSettled();\n  shimArrayAt();\n  shimAsyncIterator();\n  shimIterator();\n}\nfunction livekitRegisterGlobals() {\n  let lkGlobal: LiveKitReactNativeInfo = {\n    platform: Platform.OS,\n    devicePixelRatio: PixelRatio.get(),\n  };\n\n  // @ts-ignore\n  global.LiveKitReactNativeGlobal = lkGlobal;\n}\n\nfunction fixWebrtcAdapter() {\n  // @ts-ignore\n  if (window?.navigator !== undefined) {\n    // @ts-ignore\n    const { navigator } = window;\n    if (navigator.userAgent === undefined) {\n      navigator.userAgent = navigator.product ?? 'Unknown';\n    }\n  }\n}\n\nfunction shimPromiseAllSettled() {\n  var allSettled = require('promise.allsettled');\n  allSettled.shim();\n}\n\nfunction shimArrayAt() {\n  // Some versions of RN don't have Array.prototype.at, which is used by sdp-transform\n  if (!Array.prototype.at) {\n    var at = require('array.prototype.at');\n    at.shim();\n  }\n}\n\nfunction shimAsyncIterator() {\n  var shim = require('well-known-symbols/Symbol.asyncIterator/shim');\n  shim();\n}\n\nfunction shimIterator() {\n  var shim = require('well-known-symbols/Symbol.iterator/shim');\n  shim();\n}\n\nexport * from './components/VideoView';\nexport * from './useParticipant';\nexport * from './useRoom';\nexport * from './logger';\nexport * from './audio/AudioManager';\n\nexport {\n  AudioSession,\n  AudioConfiguration,\n  AndroidAudioTypeOptions,\n  AndroidAudioTypePresets,\n  AppleAudioCategory,\n  AppleAudioCategoryOption,\n  AppleAudioConfiguration,\n  AppleAudioMode,\n  AudioTrackState,\n  getDefaultAppleAudioConfigurationForMode,\n  LogLevel,\n  SetLogLevelOptions,\n};\n"]}
+{"version":3,"sources":["index.tsx"],"names":["registerGlobals","webrtcRegisterGlobals","setupURLPolyfill","AudioSession","AndroidAudioTypePresets","AndroidAudioTypeOptions","AppleAudioCategory","AppleAudioCategoryOption","AppleAudioConfiguration","AppleAudioMode","AudioTrackState","getDefaultAppleAudioConfigurationForMode","PixelRatio","Platform","livekitRegisterGlobals","fixWebrtcAdapter","shimPromiseAllSettled","shimArrayAt","shimAsyncIterator","shimIterator","lkGlobal","platform","OS","devicePixelRatio","get","global","LiveKitReactNativeGlobal","window","navigator","undefined","userAgent","product","allSettled","require","shim","Array","prototype","at"],"mappings":"AAAA,SAASA,eAAe,IAAIC,qBAA5B,QAAyD,8BAAzD;AACA,SAASC,gBAAT,QAAiC,2BAAjC;AACA,OAAO,mCAAP;AACA,OAAOC,YAAP,IACEC,uBADF,EAEEC,uBAFF,EAGEC,kBAHF,EAIEC,wBAJF,EAKEC,uBALF,EAMEC,cANF,EAOEC,eAPF,EAQEC,wCARF,QASO,sBATP;AAWA,SAASC,UAAT,EAAqBC,QAArB,QAAqC,cAArC;;AAIA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASb,eAAT,GAA2B;AAChCC,EAAAA,qBAAqB;AACrBa,EAAAA,sBAAsB;AACtBZ,EAAAA,gBAAgB;AAChBa,EAAAA,gBAAgB;AAChBC,EAAAA,qBAAqB;AACrBC,EAAAA,WAAW;AACXC,EAAAA,iBAAiB;AACjBC,EAAAA,YAAY;AACb;;AACD,SAASL,sBAAT,GAAkC;AAChC,MAAIM,QAAgC,GAAG;AACrCC,IAAAA,QAAQ,EAAER,QAAQ,CAACS,EADkB;AAErCC,IAAAA,gBAAgB,EAAEX,UAAU,CAACY,GAAX;AAFmB,GAAvC,CADgC,CAMhC;;AACAC,EAAAA,MAAM,CAACC,wBAAP,GAAkCN,QAAlC;AACD;;AAED,SAASL,gBAAT,GAA4B;AAAA;;AAC1B;AACA,MAAI,YAAAY,MAAM,UAAN,0CAAQC,SAAR,MAAsBC,SAA1B,EAAqC;AACnC;AACA,UAAM;AAAED,MAAAA;AAAF,QAAgBD,MAAtB;;AACA,QAAIC,SAAS,CAACE,SAAV,KAAwBD,SAA5B,EAAuC;AAAA;;AACrCD,MAAAA,SAAS,CAACE,SAAV,yBAAsBF,SAAS,CAACG,OAAhC,mEAA2C,SAA3C;AACD;AACF;AACF;;AAED,SAASf,qBAAT,GAAiC;AAC/B,MAAIgB,UAAU,GAAGC,OAAO,CAAC,oBAAD,CAAxB;;AACAD,EAAAA,UAAU,CAACE,IAAX;AACD;;AAED,SAASjB,WAAT,GAAuB;AACrB;AACA,MAAI,CAACkB,KAAK,CAACC,SAAN,CAAgBC,EAArB,EAAyB;AACvB,QAAIA,EAAE,GAAGJ,OAAO,CAAC,oBAAD,CAAhB;;AACAI,IAAAA,EAAE,CAACH,IAAH;AACD;AACF;;AAED,SAAShB,iBAAT,GAA6B;AAC3B,MAAIgB,IAAI,GAAGD,OAAO,CAAC,8CAAD,CAAlB;;AACAC,EAAAA,IAAI;AACL;;AAED,SAASf,YAAT,GAAwB;AACtB,MAAIe,IAAI,GAAGD,OAAO,CAAC,yCAAD,CAAlB;;AACAC,EAAAA,IAAI;AACL;;AACD,cAAc,SAAd;AACA,cAAc,0BAAd;AACA,cAAc,yBAAd;AACA,cAAc,wBAAd,C,CAAwC;;AACxC,cAAc,kBAAd,C,CAAkC;;AAClC,cAAc,WAAd,C,CAA2B;;AAC3B,cAAc,UAAd;AACA,cAAc,sBAAd;AAEA,SACE/B,YADF,EAGEE,uBAHF,EAIED,uBAJF,EAKEE,kBALF,EAMEC,wBANF,EAOEC,uBAPF,EAQEC,cARF,EASEC,eATF,EAUEC,wCAVF","sourcesContent":["import { registerGlobals as webrtcRegisterGlobals } from '@livekit/react-native-webrtc';\nimport { setupURLPolyfill } from 'react-native-url-polyfill';\nimport 'fastestsmallesttextencoderdecoder';\nimport AudioSession, {\n  AndroidAudioTypePresets,\n  AndroidAudioTypeOptions,\n  AppleAudioCategory,\n  AppleAudioCategoryOption,\n  AppleAudioConfiguration,\n  AppleAudioMode,\n  AudioTrackState,\n  getDefaultAppleAudioConfigurationForMode,\n} from './audio/AudioSession';\nimport type { AudioConfiguration } from './audio/AudioSession';\nimport { PixelRatio, Platform } from 'react-native';\nimport type { LiveKitReactNativeInfo } from 'livekit-client';\nimport type { LogLevel, SetLogLevelOptions } from './logger';\n\n/**\n * Registers the required globals needed for LiveKit to work.\n *\n * Must be called before using LiveKit.\n */\nexport function registerGlobals() {\n  webrtcRegisterGlobals();\n  livekitRegisterGlobals();\n  setupURLPolyfill();\n  fixWebrtcAdapter();\n  shimPromiseAllSettled();\n  shimArrayAt();\n  shimAsyncIterator();\n  shimIterator();\n}\nfunction livekitRegisterGlobals() {\n  let lkGlobal: LiveKitReactNativeInfo = {\n    platform: Platform.OS,\n    devicePixelRatio: PixelRatio.get(),\n  };\n\n  // @ts-ignore\n  global.LiveKitReactNativeGlobal = lkGlobal;\n}\n\nfunction fixWebrtcAdapter() {\n  // @ts-ignore\n  if (window?.navigator !== undefined) {\n    // @ts-ignore\n    const { navigator } = window;\n    if (navigator.userAgent === undefined) {\n      navigator.userAgent = navigator.product ?? 'Unknown';\n    }\n  }\n}\n\nfunction shimPromiseAllSettled() {\n  var allSettled = require('promise.allsettled');\n  allSettled.shim();\n}\n\nfunction shimArrayAt() {\n  // Some versions of RN don't have Array.prototype.at, which is used by sdp-transform\n  if (!Array.prototype.at) {\n    var at = require('array.prototype.at');\n    at.shim();\n  }\n}\n\nfunction shimAsyncIterator() {\n  var shim = require('well-known-symbols/Symbol.asyncIterator/shim');\n  shim();\n}\n\nfunction shimIterator() {\n  var shim = require('well-known-symbols/Symbol.iterator/shim');\n  shim();\n}\nexport * from './hooks';\nexport * from './components/LiveKitRoom';\nexport * from './components/VideoTrack';\nexport * from './components/VideoView'; // deprecated\nexport * from './useParticipant'; // deprecated\nexport * from './useRoom'; // deprecated\nexport * from './logger';\nexport * from './audio/AudioManager';\n\nexport {\n  AudioSession,\n  AudioConfiguration,\n  AndroidAudioTypeOptions,\n  AndroidAudioTypePresets,\n  AppleAudioCategory,\n  AppleAudioCategoryOption,\n  AppleAudioConfiguration,\n  AppleAudioMode,\n  AudioTrackState,\n  getDefaultAppleAudioConfigurationForMode,\n  LogLevel,\n  SetLogLevelOptions,\n};\n"]}

package/lib/module/useParticipant.js

@@ -1,5 +1,8 @@
 import { LocalParticipant, ParticipantEvent, Track } from 'livekit-client';
 import { useEffect, useState } from 'react';
+/** @deprecated use `useRemoteParticipant` or `useLocalParticipant` instead */
+
+/** @deprecated use `useRemoteParticipant` or `useLocalParticipant` instead */
 export function useParticipant(participant) {
   const [isAudioMuted, setAudioMuted] = useState(false);
   const [, setVideoMuted] = useState(false);

package/lib/module/useParticipant.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useParticipant.ts"],"names":["LocalParticipant","ParticipantEvent","Track","useEffect","useState","useParticipant","participant","isAudioMuted","setAudioMuted","setVideoMuted","connectionQuality","setConnectionQuality","isSpeaking","setSpeaking","metadata","setMetadata","publications","setPublications","subscribedTracks","setSubscribedTracks","cameraPublication","setCameraPublication","getTrackPublication","Source","Camera","microphonePublication","setMicrophonePublication","Microphone","screenSharePublication","setScreenSharePublication","ScreenShare","onPublicationsChanged","Array","from","trackPublications","values","filter","pub","isSubscribed","track","undefined","onMuted","kind","Kind","Audio","Video","onUnmuted","onMetadataChanged","onIsSpeakingChanged","onConnectionQualityUpdate","on","TrackMuted","TrackUnmuted","ParticipantMetadataChanged","IsSpeakingChanged","TrackPublished","TrackUnpublished","TrackSubscribed","TrackUnsubscribed","LocalTrackPublished","LocalTrackUnpublished","ConnectionQualityChanged","off","muted","audioTrackPublications","forEach","isMuted","isLocal"],"mappings":"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","sourcesContent":["import {\n  ConnectionQuality,\n  LocalParticipant,\n  Participant,\n  ParticipantEvent,\n  Track,\n  TrackPublication,\n} from 'livekit-client';\nimport { useEffect, useState } from 'react';\n\nexport interface ParticipantState {\n  isSpeaking: boolean;\n  connectionQuality: ConnectionQuality;\n  isLocal: boolean;\n  metadata?: string;\n  publications: TrackPublication[];\n  subscribedTracks: TrackPublication[];\n  cameraPublication?: TrackPublication;\n  microphonePublication?: TrackPublication;\n  screenSharePublication?: TrackPublication;\n}\n\nexport function useParticipant(participant: Participant): ParticipantState {\n  const [isAudioMuted, setAudioMuted] = useState(false);\n  const [, setVideoMuted] = useState(false);\n  const [connectionQuality, setConnectionQuality] = useState<ConnectionQuality>(\n    participant.connectionQuality\n  );\n  const [isSpeaking, setSpeaking] = useState(false);\n  const [metadata, setMetadata] = useState<string>();\n  const [publications, setPublications] = useState<TrackPublication[]>([]);\n  const [subscribedTracks, setSubscribedTracks] = useState<TrackPublication[]>(\n    []\n  );\n\n  const [cameraPublication, setCameraPublication] = useState(\n    participant.getTrackPublication(Track.Source.Camera)\n  );\n  const [microphonePublication, setMicrophonePublication] = useState(\n    participant.getTrackPublication(Track.Source.Microphone)\n  );\n  const [screenSharePublication, setScreenSharePublication] = useState(\n    participant.getTrackPublication(Track.Source.ScreenShare)\n  );\n  useEffect(() => {\n    const onPublicationsChanged = () => {\n      setPublications(Array.from(participant.trackPublications.values()));\n      setCameraPublication(\n        participant.getTrackPublication(Track.Source.Camera)\n      );\n      setMicrophonePublication(\n        participant.getTrackPublication(Track.Source.Microphone)\n      );\n      setScreenSharePublication(\n        participant.getTrackPublication(Track.Source.ScreenShare)\n      );\n      setSubscribedTracks(\n        Array.from(participant.trackPublications.values()).filter((pub) => {\n          return pub.isSubscribed && pub.track !== undefined;\n        })\n      );\n    };\n    const onMuted = (pub: TrackPublication) => {\n      if (pub.kind === Track.Kind.Audio) {\n        setAudioMuted(true);\n      } else if (pub.kind === Track.Kind.Video) {\n        setVideoMuted(true);\n      }\n    };\n    const onUnmuted = (pub: TrackPublication) => {\n      if (pub.kind === Track.Kind.Audio) {\n        setAudioMuted(false);\n      } else if (pub.kind === Track.Kind.Video) {\n        setVideoMuted(false);\n      }\n    };\n    const onMetadataChanged = () => {\n      if (participant.metadata) {\n        setMetadata(participant.metadata);\n      }\n    };\n    const onIsSpeakingChanged = () => {\n      setSpeaking(participant.isSpeaking);\n    };\n    const onConnectionQualityUpdate = () => {\n      setConnectionQuality(participant.connectionQuality);\n    };\n\n    // register listeners\n    participant\n      .on(ParticipantEvent.TrackMuted, onMuted)\n      .on(ParticipantEvent.TrackUnmuted, onUnmuted)\n      .on(ParticipantEvent.ParticipantMetadataChanged, onMetadataChanged)\n      .on(ParticipantEvent.IsSpeakingChanged, onIsSpeakingChanged)\n      .on(ParticipantEvent.TrackPublished, onPublicationsChanged)\n      .on(ParticipantEvent.TrackUnpublished, onPublicationsChanged)\n      .on(ParticipantEvent.TrackSubscribed, onPublicationsChanged)\n      .on(ParticipantEvent.TrackUnsubscribed, onPublicationsChanged)\n      .on(ParticipantEvent.LocalTrackPublished, onPublicationsChanged)\n      .on(ParticipantEvent.LocalTrackUnpublished, onPublicationsChanged)\n      .on(ParticipantEvent.ConnectionQualityChanged, onConnectionQualityUpdate);\n\n    // set initial state\n    onMetadataChanged();\n    onIsSpeakingChanged();\n    onPublicationsChanged();\n\n    return () => {\n      // cleanup\n      participant\n        .off(ParticipantEvent.TrackMuted, onMuted)\n        .off(ParticipantEvent.TrackUnmuted, onUnmuted)\n        .off(ParticipantEvent.ParticipantMetadataChanged, onMetadataChanged)\n        .off(ParticipantEvent.IsSpeakingChanged, onIsSpeakingChanged)\n        .off(ParticipantEvent.TrackPublished, onPublicationsChanged)\n        .off(ParticipantEvent.TrackUnpublished, onPublicationsChanged)\n        .off(ParticipantEvent.TrackSubscribed, onPublicationsChanged)\n        .off(ParticipantEvent.TrackUnsubscribed, onPublicationsChanged)\n        .off(ParticipantEvent.LocalTrackPublished, onPublicationsChanged)\n        .off(ParticipantEvent.LocalTrackUnpublished, onPublicationsChanged)\n        .off(\n          ParticipantEvent.ConnectionQualityChanged,\n          onConnectionQualityUpdate\n        );\n    };\n  }, [participant]);\n\n  let muted: boolean | undefined;\n  participant.audioTrackPublications.forEach((pub) => {\n    muted = pub.isMuted;\n  });\n  if (muted === undefined) {\n    muted = true;\n  }\n  if (isAudioMuted !== muted) {\n    setAudioMuted(muted);\n  }\n\n  return {\n    isLocal: participant instanceof LocalParticipant,\n    isSpeaking,\n    connectionQuality,\n    publications,\n    subscribedTracks,\n    cameraPublication,\n    microphonePublication,\n    screenSharePublication,\n    metadata,\n  };\n}\n"]}
+{"version":3,"sources":["useParticipant.ts"],"names":["LocalParticipant","ParticipantEvent","Track","useEffect","useState","useParticipant","participant","isAudioMuted","setAudioMuted","setVideoMuted","connectionQuality","setConnectionQuality","isSpeaking","setSpeaking","metadata","setMetadata","publications","setPublications","subscribedTracks","setSubscribedTracks","cameraPublication","setCameraPublication","getTrackPublication","Source","Camera","microphonePublication","setMicrophonePublication","Microphone","screenSharePublication","setScreenSharePublication","ScreenShare","onPublicationsChanged","Array","from","trackPublications","values","filter","pub","isSubscribed","track","undefined","onMuted","kind","Kind","Audio","Video","onUnmuted","onMetadataChanged","onIsSpeakingChanged","onConnectionQualityUpdate","on","TrackMuted","TrackUnmuted","ParticipantMetadataChanged","IsSpeakingChanged","TrackPublished","TrackUnpublished","TrackSubscribed","TrackUnsubscribed","LocalTrackPublished","LocalTrackUnpublished","ConnectionQualityChanged","off","muted","audioTrackPublications","forEach","isMuted","isLocal"],"mappings":"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","sourcesContent":["import {\n  ConnectionQuality,\n  LocalParticipant,\n  Participant,\n  ParticipantEvent,\n  Track,\n  TrackPublication,\n} from 'livekit-client';\nimport { useEffect, useState } from 'react';\n\n/** @deprecated use `useRemoteParticipant` or `useLocalParticipant` instead */\nexport interface ParticipantState {\n  isSpeaking: boolean;\n  connectionQuality: ConnectionQuality;\n  isLocal: boolean;\n  metadata?: string;\n  publications: TrackPublication[];\n  subscribedTracks: TrackPublication[];\n  cameraPublication?: TrackPublication;\n  microphonePublication?: TrackPublication;\n  screenSharePublication?: TrackPublication;\n}\n/** @deprecated use `useRemoteParticipant` or `useLocalParticipant` instead */\nexport function useParticipant(participant: Participant): ParticipantState {\n  const [isAudioMuted, setAudioMuted] = useState(false);\n  const [, setVideoMuted] = useState(false);\n  const [connectionQuality, setConnectionQuality] = useState<ConnectionQuality>(\n    participant.connectionQuality\n  );\n  const [isSpeaking, setSpeaking] = useState(false);\n  const [metadata, setMetadata] = useState<string>();\n  const [publications, setPublications] = useState<TrackPublication[]>([]);\n  const [subscribedTracks, setSubscribedTracks] = useState<TrackPublication[]>(\n    []\n  );\n\n  const [cameraPublication, setCameraPublication] = useState(\n    participant.getTrackPublication(Track.Source.Camera)\n  );\n  const [microphonePublication, setMicrophonePublication] = useState(\n    participant.getTrackPublication(Track.Source.Microphone)\n  );\n  const [screenSharePublication, setScreenSharePublication] = useState(\n    participant.getTrackPublication(Track.Source.ScreenShare)\n  );\n  useEffect(() => {\n    const onPublicationsChanged = () => {\n      setPublications(Array.from(participant.trackPublications.values()));\n      setCameraPublication(\n        participant.getTrackPublication(Track.Source.Camera)\n      );\n      setMicrophonePublication(\n        participant.getTrackPublication(Track.Source.Microphone)\n      );\n      setScreenSharePublication(\n        participant.getTrackPublication(Track.Source.ScreenShare)\n      );\n      setSubscribedTracks(\n        Array.from(participant.trackPublications.values()).filter((pub) => {\n          return pub.isSubscribed && pub.track !== undefined;\n        })\n      );\n    };\n    const onMuted = (pub: TrackPublication) => {\n      if (pub.kind === Track.Kind.Audio) {\n        setAudioMuted(true);\n      } else if (pub.kind === Track.Kind.Video) {\n        setVideoMuted(true);\n      }\n    };\n    const onUnmuted = (pub: TrackPublication) => {\n      if (pub.kind === Track.Kind.Audio) {\n        setAudioMuted(false);\n      } else if (pub.kind === Track.Kind.Video) {\n        setVideoMuted(false);\n      }\n    };\n    const onMetadataChanged = () => {\n      if (participant.metadata) {\n        setMetadata(participant.metadata);\n      }\n    };\n    const onIsSpeakingChanged = () => {\n      setSpeaking(participant.isSpeaking);\n    };\n    const onConnectionQualityUpdate = () => {\n      setConnectionQuality(participant.connectionQuality);\n    };\n\n    // register listeners\n    participant\n      .on(ParticipantEvent.TrackMuted, onMuted)\n      .on(ParticipantEvent.TrackUnmuted, onUnmuted)\n      .on(ParticipantEvent.ParticipantMetadataChanged, onMetadataChanged)\n      .on(ParticipantEvent.IsSpeakingChanged, onIsSpeakingChanged)\n      .on(ParticipantEvent.TrackPublished, onPublicationsChanged)\n      .on(ParticipantEvent.TrackUnpublished, onPublicationsChanged)\n      .on(ParticipantEvent.TrackSubscribed, onPublicationsChanged)\n      .on(ParticipantEvent.TrackUnsubscribed, onPublicationsChanged)\n      .on(ParticipantEvent.LocalTrackPublished, onPublicationsChanged)\n      .on(ParticipantEvent.LocalTrackUnpublished, onPublicationsChanged)\n      .on(ParticipantEvent.ConnectionQualityChanged, onConnectionQualityUpdate);\n\n    // set initial state\n    onMetadataChanged();\n    onIsSpeakingChanged();\n    onPublicationsChanged();\n\n    return () => {\n      // cleanup\n      participant\n        .off(ParticipantEvent.TrackMuted, onMuted)\n        .off(ParticipantEvent.TrackUnmuted, onUnmuted)\n        .off(ParticipantEvent.ParticipantMetadataChanged, onMetadataChanged)\n        .off(ParticipantEvent.IsSpeakingChanged, onIsSpeakingChanged)\n        .off(ParticipantEvent.TrackPublished, onPublicationsChanged)\n        .off(ParticipantEvent.TrackUnpublished, onPublicationsChanged)\n        .off(ParticipantEvent.TrackSubscribed, onPublicationsChanged)\n        .off(ParticipantEvent.TrackUnsubscribed, onPublicationsChanged)\n        .off(ParticipantEvent.LocalTrackPublished, onPublicationsChanged)\n        .off(ParticipantEvent.LocalTrackUnpublished, onPublicationsChanged)\n        .off(\n          ParticipantEvent.ConnectionQualityChanged,\n          onConnectionQualityUpdate\n        );\n    };\n  }, [participant]);\n\n  let muted: boolean | undefined;\n  participant.audioTrackPublications.forEach((pub) => {\n    muted = pub.isMuted;\n  });\n  if (muted === undefined) {\n    muted = true;\n  }\n  if (isAudioMuted !== muted) {\n    setAudioMuted(muted);\n  }\n\n  return {\n    isLocal: participant instanceof LocalParticipant,\n    isSpeaking,\n    connectionQuality,\n    publications,\n    subscribedTracks,\n    cameraPublication,\n    microphonePublication,\n    screenSharePublication,\n    metadata,\n  };\n}\n"]}

package/lib/module/useRoom.js

@@ -1,5 +1,7 @@
 import { ConnectionState, RoomEvent, Track } from 'livekit-client';
 import { useEffect, useState } from 'react';
+
+/** @deprecated wrap your components in a <LiveKitRoom> component instead and use more granular hooks to track state you're interested in */
 export function useRoom(room, options) {
   var _options$sortParticip;
 

package/lib/module/useRoom.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useRoom.ts"],"names":["ConnectionState","RoomEvent","Track","useEffect","useState","useRoom","room","options","error","participants","setParticipants","audioTracks","setAudioTracks","sortFunc","sortParticipants","onParticipantsChanged","remotes","Array","from","remoteParticipants","values","newParticipants","localParticipant","push","onSubscribedTrackChanged","track","kind","Kind","Audio","tracks","forEach","p","audioTrackPublications","pub","audioTrack","onConnectionStateChanged","state","Connected","once","Disconnected","off","ParticipantConnected","ParticipantDisconnected","ActiveSpeakersChanged","TrackSubscribed","TrackUnsubscribed","LocalTrackPublished","LocalTrackUnpublished","AudioPlaybackStatusChanged","ConnectionStateChanged","on","Reconnected","disconnect","sort","a","b","isSpeaking","audioLevel","lastSpokeAt","aLast","getTime","bLast","aVideo","videoTrackPublications","size","bVideo","joinedAt","localIdx","indexOf","splice","length"],"mappings":"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","sourcesContent":["import {\n  AudioTrack,\n  ConnectionState,\n  LocalParticipant,\n  Participant,\n  RemoteTrack,\n  Room,\n  RoomEvent,\n  Track,\n} from 'livekit-client';\nimport { useEffect, useState } from 'react';\n\nexport interface RoomState {\n  room?: Room;\n  /* all participants in the room, including the local participant. */\n  participants: Participant[];\n  /* all subscribed audio tracks in the room, not including local participant. */\n  audioTracks: AudioTrack[];\n  error?: Error;\n}\n\nexport interface RoomOptions {\n  sortParticipants?: (participants: Participant[]) => void;\n}\n\nexport function useRoom(room: Room, options?: RoomOptions): RoomState {\n  const [error] = useState<Error>();\n  const [participants, setParticipants] = useState<Participant[]>([]);\n  const [audioTracks, setAudioTracks] = useState<AudioTrack[]>([]);\n\n  const sortFunc = options?.sortParticipants ?? sortParticipants;\n\n  useEffect(() => {\n    const onParticipantsChanged = () => {\n      const remotes = Array.from(room.remoteParticipants.values());\n      const newParticipants: Participant[] = [room.localParticipant];\n      newParticipants.push(...remotes);\n      sortFunc(newParticipants, room.localParticipant);\n      setParticipants(newParticipants);\n    };\n    const onSubscribedTrackChanged = (track?: RemoteTrack) => {\n      // ordering may have changed, re-sort\n      onParticipantsChanged();\n      if (track && track.kind !== Track.Kind.Audio) {\n        return;\n      }\n      const tracks: AudioTrack[] = [];\n      room.remoteParticipants.forEach((p) => {\n        p.audioTrackPublications.forEach((pub) => {\n          if (pub.audioTrack) {\n            tracks.push(pub.audioTrack);\n          }\n        });\n      });\n      setAudioTracks(tracks);\n    };\n\n    const onConnectionStateChanged = (state: ConnectionState) => {\n      if (state === ConnectionState.Connected) {\n        onParticipantsChanged();\n      }\n    };\n\n    room.once(RoomEvent.Disconnected, () => {\n      room\n        .off(RoomEvent.ParticipantConnected, onParticipantsChanged)\n        .off(RoomEvent.ParticipantDisconnected, onParticipantsChanged)\n        .off(RoomEvent.ActiveSpeakersChanged, onParticipantsChanged)\n        .off(RoomEvent.TrackSubscribed, onSubscribedTrackChanged)\n        .off(RoomEvent.TrackUnsubscribed, onSubscribedTrackChanged)\n        .off(RoomEvent.LocalTrackPublished, onParticipantsChanged)\n        .off(RoomEvent.LocalTrackUnpublished, onParticipantsChanged)\n        .off(RoomEvent.AudioPlaybackStatusChanged, onParticipantsChanged)\n        .off(RoomEvent.ConnectionStateChanged, onConnectionStateChanged);\n    });\n    room\n      .on(RoomEvent.ConnectionStateChanged, onConnectionStateChanged)\n      .on(RoomEvent.Reconnected, onParticipantsChanged)\n      .on(RoomEvent.ParticipantConnected, onParticipantsChanged)\n      .on(RoomEvent.ParticipantDisconnected, onParticipantsChanged)\n      .on(RoomEvent.ActiveSpeakersChanged, onParticipantsChanged)\n      .on(RoomEvent.TrackSubscribed, onSubscribedTrackChanged)\n      .on(RoomEvent.TrackUnsubscribed, onSubscribedTrackChanged)\n      .on(RoomEvent.LocalTrackPublished, onParticipantsChanged)\n      .on(RoomEvent.LocalTrackUnpublished, onParticipantsChanged)\n      // trigger a state change by re-sorting participants\n      .on(RoomEvent.AudioPlaybackStatusChanged, onParticipantsChanged);\n\n    onSubscribedTrackChanged();\n\n    return () => {\n      room.disconnect();\n    };\n  }, [room, sortFunc]);\n\n  return {\n    error,\n    participants,\n    audioTracks,\n  };\n}\n\n/**\n * Default sort for participants, it'll order participants by:\n * 1. dominant speaker (speaker with the loudest audio level)\n * 2. local participant\n * 3. other speakers that are recently active\n * 4. participants with video on\n * 5. by joinedAt\n */\nexport function sortParticipants(\n  participants: Participant[],\n  localParticipant?: LocalParticipant\n) {\n  participants.sort((a, b) => {\n    // loudest speaker first\n    if (a.isSpeaking && b.isSpeaking) {\n      return b.audioLevel - a.audioLevel;\n    }\n\n    // speaker goes first\n    if (a.isSpeaking !== b.isSpeaking) {\n      if (a.isSpeaking) {\n        return -1;\n      } else {\n        return 1;\n      }\n    }\n\n    // last active speaker first\n    if (a.lastSpokeAt !== b.lastSpokeAt) {\n      const aLast = a.lastSpokeAt?.getTime() ?? 0;\n      const bLast = b.lastSpokeAt?.getTime() ?? 0;\n      return bLast - aLast;\n    }\n\n    // video on\n    const aVideo = a.videoTrackPublications.size > 0;\n    const bVideo = b.videoTrackPublications.size > 0;\n    if (aVideo !== bVideo) {\n      if (aVideo) {\n        return -1;\n      } else {\n        return 1;\n      }\n    }\n\n    // joinedAt\n    return (a.joinedAt?.getTime() ?? 0) - (b.joinedAt?.getTime() ?? 0);\n  });\n\n  if (localParticipant) {\n    const localIdx = participants.indexOf(localParticipant);\n    if (localIdx >= 0) {\n      participants.splice(localIdx, 1);\n      if (participants.length > 0) {\n        participants.splice(1, 0, localParticipant);\n      } else {\n        participants.push(localParticipant);\n      }\n    }\n  }\n}\n"]}
+{"version":3,"sources":["useRoom.ts"],"names":["ConnectionState","RoomEvent","Track","useEffect","useState","useRoom","room","options","error","participants","setParticipants","audioTracks","setAudioTracks","sortFunc","sortParticipants","onParticipantsChanged","remotes","Array","from","remoteParticipants","values","newParticipants","localParticipant","push","onSubscribedTrackChanged","track","kind","Kind","Audio","tracks","forEach","p","audioTrackPublications","pub","audioTrack","onConnectionStateChanged","state","Connected","once","Disconnected","off","ParticipantConnected","ParticipantDisconnected","ActiveSpeakersChanged","TrackSubscribed","TrackUnsubscribed","LocalTrackPublished","LocalTrackUnpublished","AudioPlaybackStatusChanged","ConnectionStateChanged","on","Reconnected","disconnect","sort","a","b","isSpeaking","audioLevel","lastSpokeAt","aLast","getTime","bLast","aVideo","videoTrackPublications","size","bVideo","joinedAt","localIdx","indexOf","splice","length"],"mappings":"AAAA,SAEEA,eAFF,EAOEC,SAPF,EAQEC,KARF,QASO,gBATP;AAUA,SAASC,SAAT,EAAoBC,QAApB,QAAoC,OAApC;;AAeA;AACA,OAAO,SAASC,OAAT,CAAiBC,IAAjB,EAA6BC,OAA7B,EAA+D;AAAA;;AACpE,QAAM,CAACC,KAAD,IAAUJ,QAAQ,EAAxB;AACA,QAAM,CAACK,YAAD,EAAeC,eAAf,IAAkCN,QAAQ,CAAgB,EAAhB,CAAhD;AACA,QAAM,CAACO,WAAD,EAAcC,cAAd,IAAgCR,QAAQ,CAAe,EAAf,CAA9C;AAEA,QAAMS,QAAQ,4BAAGN,OAAH,aAAGA,OAAH,uBAAGA,OAAO,CAAEO,gBAAZ,yEAAgCA,gBAA9C;AAEAX,EAAAA,SAAS,CAAC,MAAM;AACd,UAAMY,qBAAqB,GAAG,MAAM;AAClC,YAAMC,OAAO,GAAGC,KAAK,CAACC,IAAN,CAAWZ,IAAI,CAACa,kBAAL,CAAwBC,MAAxB,EAAX,CAAhB;AACA,YAAMC,eAA8B,GAAG,CAACf,IAAI,CAACgB,gBAAN,CAAvC;AACAD,MAAAA,eAAe,CAACE,IAAhB,CAAqB,GAAGP,OAAxB;AACAH,MAAAA,QAAQ,CAACQ,eAAD,EAAkBf,IAAI,CAACgB,gBAAvB,CAAR;AACAZ,MAAAA,eAAe,CAACW,eAAD,CAAf;AACD,KAND;;AAOA,UAAMG,wBAAwB,GAAIC,KAAD,IAAyB;AACxD;AACAV,MAAAA,qBAAqB;;AACrB,UAAIU,KAAK,IAAIA,KAAK,CAACC,IAAN,KAAexB,KAAK,CAACyB,IAAN,CAAWC,KAAvC,EAA8C;AAC5C;AACD;;AACD,YAAMC,MAAoB,GAAG,EAA7B;AACAvB,MAAAA,IAAI,CAACa,kBAAL,CAAwBW,OAAxB,CAAiCC,CAAD,IAAO;AACrCA,QAAAA,CAAC,CAACC,sBAAF,CAAyBF,OAAzB,CAAkCG,GAAD,IAAS;AACxC,cAAIA,GAAG,CAACC,UAAR,EAAoB;AAClBL,YAAAA,MAAM,CAACN,IAAP,CAAYU,GAAG,CAACC,UAAhB;AACD;AACF,SAJD;AAKD,OAND;AAOAtB,MAAAA,cAAc,CAACiB,MAAD,CAAd;AACD,KAfD;;AAiBA,UAAMM,wBAAwB,GAAIC,KAAD,IAA4B;AAC3D,UAAIA,KAAK,KAAKpC,eAAe,CAACqC,SAA9B,EAAyC;AACvCtB,QAAAA,qBAAqB;AACtB;AACF,KAJD;;AAMAT,IAAAA,IAAI,CAACgC,IAAL,CAAUrC,SAAS,CAACsC,YAApB,EAAkC,MAAM;AACtCjC,MAAAA,IAAI,CACDkC,GADH,CACOvC,SAAS,CAACwC,oBADjB,EACuC1B,qBADvC,EAEGyB,GAFH,CAEOvC,SAAS,CAACyC,uBAFjB,EAE0C3B,qBAF1C,EAGGyB,GAHH,CAGOvC,SAAS,CAAC0C,qBAHjB,EAGwC5B,qBAHxC,EAIGyB,GAJH,CAIOvC,SAAS,CAAC2C,eAJjB,EAIkCpB,wBAJlC,EAKGgB,GALH,CAKOvC,SAAS,CAAC4C,iBALjB,EAKoCrB,wBALpC,EAMGgB,GANH,CAMOvC,SAAS,CAAC6C,mBANjB,EAMsC/B,qBANtC,EAOGyB,GAPH,CAOOvC,SAAS,CAAC8C,qBAPjB,EAOwChC,qBAPxC,EAQGyB,GARH,CAQOvC,SAAS,CAAC+C,0BARjB,EAQ6CjC,qBAR7C,EASGyB,GATH,CASOvC,SAAS,CAACgD,sBATjB,EASyCd,wBATzC;AAUD,KAXD;AAYA7B,IAAAA,IAAI,CACD4C,EADH,CACMjD,SAAS,CAACgD,sBADhB,EACwCd,wBADxC,EAEGe,EAFH,CAEMjD,SAAS,CAACkD,WAFhB,EAE6BpC,qBAF7B,EAGGmC,EAHH,CAGMjD,SAAS,CAACwC,oBAHhB,EAGsC1B,qBAHtC,EAIGmC,EAJH,CAIMjD,SAAS,CAACyC,uBAJhB,EAIyC3B,qBAJzC,EAKGmC,EALH,CAKMjD,SAAS,CAAC0C,qBALhB,EAKuC5B,qBALvC,EAMGmC,EANH,CAMMjD,SAAS,CAAC2C,eANhB,EAMiCpB,wBANjC,EAOG0B,EAPH,CAOMjD,SAAS,CAAC4C,iBAPhB,EAOmCrB,wBAPnC,EAQG0B,EARH,CAQMjD,SAAS,CAAC6C,mBARhB,EAQqC/B,qBARrC,EASGmC,EATH,CASMjD,SAAS,CAAC8C,qBAThB,EASuChC,qBATvC,EAUE;AAVF,KAWGmC,EAXH,CAWMjD,SAAS,CAAC+C,0BAXhB,EAW4CjC,qBAX5C;AAaAS,IAAAA,wBAAwB;AAExB,WAAO,MAAM;AACXlB,MAAAA,IAAI,CAAC8C,UAAL;AACD,KAFD;AAGD,GA7DQ,EA6DN,CAAC9C,IAAD,EAAOO,QAAP,CA7DM,CAAT;AA+DA,SAAO;AACLL,IAAAA,KADK;AAELC,IAAAA,YAFK;AAGLE,IAAAA;AAHK,GAAP;AAKD;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASG,gBAAT,CACLL,YADK,EAELa,gBAFK,EAGL;AACAb,EAAAA,YAAY,CAAC4C,IAAb,CAAkB,CAACC,CAAD,EAAIC,CAAJ,KAAU;AAAA;;AAC1B;AACA,QAAID,CAAC,CAACE,UAAF,IAAgBD,CAAC,CAACC,UAAtB,EAAkC;AAChC,aAAOD,CAAC,CAACE,UAAF,GAAeH,CAAC,CAACG,UAAxB;AACD,KAJyB,CAM1B;;;AACA,QAAIH,CAAC,CAACE,UAAF,KAAiBD,CAAC,CAACC,UAAvB,EAAmC;AACjC,UAAIF,CAAC,CAACE,UAAN,EAAkB;AAChB,eAAO,CAAC,CAAR;AACD,OAFD,MAEO;AACL,eAAO,CAAP;AACD;AACF,KAbyB,CAe1B;;;AACA,QAAIF,CAAC,CAACI,WAAF,KAAkBH,CAAC,CAACG,WAAxB,EAAqC;AAAA;;AACnC,YAAMC,KAAK,8CAAGL,CAAC,CAACI,WAAL,mDAAG,eAAeE,OAAf,EAAH,yEAA+B,CAA1C;AACA,YAAMC,KAAK,8CAAGN,CAAC,CAACG,WAAL,mDAAG,eAAeE,OAAf,EAAH,yEAA+B,CAA1C;AACA,aAAOC,KAAK,GAAGF,KAAf;AACD,KApByB,CAsB1B;;;AACA,UAAMG,MAAM,GAAGR,CAAC,CAACS,sBAAF,CAAyBC,IAAzB,GAAgC,CAA/C;AACA,UAAMC,MAAM,GAAGV,CAAC,CAACQ,sBAAF,CAAyBC,IAAzB,GAAgC,CAA/C;;AACA,QAAIF,MAAM,KAAKG,MAAf,EAAuB;AACrB,UAAIH,MAAJ,EAAY;AACV,eAAO,CAAC,CAAR;AACD,OAFD,MAEO;AACL,eAAO,CAAP;AACD;AACF,KA/ByB,CAiC1B;;;AACA,WAAO,uCAACR,CAAC,CAACY,QAAH,gDAAC,YAAYN,OAAZ,EAAD,qEAA0B,CAA1B,2CAAgCL,CAAC,CAACW,QAAlC,gDAAgC,YAAYN,OAAZ,EAAhC,qEAAyD,CAAzD,CAAP;AACD,GAnCD;;AAqCA,MAAItC,gBAAJ,EAAsB;AACpB,UAAM6C,QAAQ,GAAG1D,YAAY,CAAC2D,OAAb,CAAqB9C,gBAArB,CAAjB;;AACA,QAAI6C,QAAQ,IAAI,CAAhB,EAAmB;AACjB1D,MAAAA,YAAY,CAAC4D,MAAb,CAAoBF,QAApB,EAA8B,CAA9B;;AACA,UAAI1D,YAAY,CAAC6D,MAAb,GAAsB,CAA1B,EAA6B;AAC3B7D,QAAAA,YAAY,CAAC4D,MAAb,CAAoB,CAApB,EAAuB,CAAvB,EAA0B/C,gBAA1B;AACD,OAFD,MAEO;AACLb,QAAAA,YAAY,CAACc,IAAb,CAAkBD,gBAAlB;AACD;AACF;AACF;AACF","sourcesContent":["import {\n  AudioTrack,\n  ConnectionState,\n  LocalParticipant,\n  Participant,\n  RemoteTrack,\n  Room,\n  RoomEvent,\n  Track,\n} from 'livekit-client';\nimport { useEffect, useState } from 'react';\n\nexport interface RoomState {\n  room?: Room;\n  /* all participants in the room, including the local participant. */\n  participants: Participant[];\n  /* all subscribed audio tracks in the room, not including local participant. */\n  audioTracks: AudioTrack[];\n  error?: Error;\n}\n\nexport interface RoomOptions {\n  sortParticipants?: (participants: Participant[]) => void;\n}\n\n/** @deprecated wrap your components in a <LiveKitRoom> component instead and use more granular hooks to track state you're interested in */\nexport function useRoom(room: Room, options?: RoomOptions): RoomState {\n  const [error] = useState<Error>();\n  const [participants, setParticipants] = useState<Participant[]>([]);\n  const [audioTracks, setAudioTracks] = useState<AudioTrack[]>([]);\n\n  const sortFunc = options?.sortParticipants ?? sortParticipants;\n\n  useEffect(() => {\n    const onParticipantsChanged = () => {\n      const remotes = Array.from(room.remoteParticipants.values());\n      const newParticipants: Participant[] = [room.localParticipant];\n      newParticipants.push(...remotes);\n      sortFunc(newParticipants, room.localParticipant);\n      setParticipants(newParticipants);\n    };\n    const onSubscribedTrackChanged = (track?: RemoteTrack) => {\n      // ordering may have changed, re-sort\n      onParticipantsChanged();\n      if (track && track.kind !== Track.Kind.Audio) {\n        return;\n      }\n      const tracks: AudioTrack[] = [];\n      room.remoteParticipants.forEach((p) => {\n        p.audioTrackPublications.forEach((pub) => {\n          if (pub.audioTrack) {\n            tracks.push(pub.audioTrack);\n          }\n        });\n      });\n      setAudioTracks(tracks);\n    };\n\n    const onConnectionStateChanged = (state: ConnectionState) => {\n      if (state === ConnectionState.Connected) {\n        onParticipantsChanged();\n      }\n    };\n\n    room.once(RoomEvent.Disconnected, () => {\n      room\n        .off(RoomEvent.ParticipantConnected, onParticipantsChanged)\n        .off(RoomEvent.ParticipantDisconnected, onParticipantsChanged)\n        .off(RoomEvent.ActiveSpeakersChanged, onParticipantsChanged)\n        .off(RoomEvent.TrackSubscribed, onSubscribedTrackChanged)\n        .off(RoomEvent.TrackUnsubscribed, onSubscribedTrackChanged)\n        .off(RoomEvent.LocalTrackPublished, onParticipantsChanged)\n        .off(RoomEvent.LocalTrackUnpublished, onParticipantsChanged)\n        .off(RoomEvent.AudioPlaybackStatusChanged, onParticipantsChanged)\n        .off(RoomEvent.ConnectionStateChanged, onConnectionStateChanged);\n    });\n    room\n      .on(RoomEvent.ConnectionStateChanged, onConnectionStateChanged)\n      .on(RoomEvent.Reconnected, onParticipantsChanged)\n      .on(RoomEvent.ParticipantConnected, onParticipantsChanged)\n      .on(RoomEvent.ParticipantDisconnected, onParticipantsChanged)\n      .on(RoomEvent.ActiveSpeakersChanged, onParticipantsChanged)\n      .on(RoomEvent.TrackSubscribed, onSubscribedTrackChanged)\n      .on(RoomEvent.TrackUnsubscribed, onSubscribedTrackChanged)\n      .on(RoomEvent.LocalTrackPublished, onParticipantsChanged)\n      .on(RoomEvent.LocalTrackUnpublished, onParticipantsChanged)\n      // trigger a state change by re-sorting participants\n      .on(RoomEvent.AudioPlaybackStatusChanged, onParticipantsChanged);\n\n    onSubscribedTrackChanged();\n\n    return () => {\n      room.disconnect();\n    };\n  }, [room, sortFunc]);\n\n  return {\n    error,\n    participants,\n    audioTracks,\n  };\n}\n\n/**\n * Default sort for participants, it'll order participants by:\n * 1. dominant speaker (speaker with the loudest audio level)\n * 2. local participant\n * 3. other speakers that are recently active\n * 4. participants with video on\n * 5. by joinedAt\n */\nexport function sortParticipants(\n  participants: Participant[],\n  localParticipant?: LocalParticipant\n) {\n  participants.sort((a, b) => {\n    // loudest speaker first\n    if (a.isSpeaking && b.isSpeaking) {\n      return b.audioLevel - a.audioLevel;\n    }\n\n    // speaker goes first\n    if (a.isSpeaking !== b.isSpeaking) {\n      if (a.isSpeaking) {\n        return -1;\n      } else {\n        return 1;\n      }\n    }\n\n    // last active speaker first\n    if (a.lastSpokeAt !== b.lastSpokeAt) {\n      const aLast = a.lastSpokeAt?.getTime() ?? 0;\n      const bLast = b.lastSpokeAt?.getTime() ?? 0;\n      return bLast - aLast;\n    }\n\n    // video on\n    const aVideo = a.videoTrackPublications.size > 0;\n    const bVideo = b.videoTrackPublications.size > 0;\n    if (aVideo !== bVideo) {\n      if (aVideo) {\n        return -1;\n      } else {\n        return 1;\n      }\n    }\n\n    // joinedAt\n    return (a.joinedAt?.getTime() ?? 0) - (b.joinedAt?.getTime() ?? 0);\n  });\n\n  if (localParticipant) {\n    const localIdx = participants.indexOf(localParticipant);\n    if (localIdx >= 0) {\n      participants.splice(localIdx, 1);\n      if (participants.length > 0) {\n        participants.splice(1, 0, localParticipant);\n      } else {\n        participants.push(localParticipant);\n      }\n    }\n  }\n}\n"]}