@livekit/components-js-docs 0.0.2 → 0.0.3

package/generated-docs/react/hook/useparticipantpermissions.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# useParticipantPermissions (hook)
+# useParticipantPermissions
 
 ## Import
 
@@ -12,10 +12,9 @@ import { useParticipantPermissions } from '@livekit/components-react';
 
 ## Parameters
 
-| Parameter | Type                                                                            | Description  |
-| --------- | ------------------------------------------------------------------------------- | ------------ |
-| options   | [UseParticipantPermissionsOptions](./react/useparticipantpermissionsoptions.md) | _(Optional)_ |
+{% parameter name="options" type="UseParticipantPermissionsOptions" optional=true %}
+{% /parameter %}
 
-**Returns:**
+## Returns
 
-import("livekit-client/dist/src/proto/livekit_models").ParticipantPermission \| undefined
+`import("livekit-client/dist/src/proto/livekit_models_pb").ParticipantPermission | undefined`

package/generated-docs/react/hook/useparticipants.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# useParticipants (hook)
+# useParticipants
 
 The useParticipants hook returns all participants (local and remote) of the current room.
 
@@ -14,10 +14,9 @@ import { useParticipants } from '@livekit/components-react';
 
 ## Parameters
 
-| Parameter | Type                                                        | Description  |
-| --------- | ----------------------------------------------------------- | ------------ |
-| options   | [UseParticipantsOptions](./react/useparticipantsoptions.md) | _(Optional)_ |
+{% parameter name="options" type="UseParticipantsOptions" optional=true %}
+{% /parameter %}
 
-**Returns:**
+## Returns
 
-(import("livekit-client").RemoteParticipant \| import("livekit-client").LocalParticipant)\[\]
+`(import("livekit-client").RemoteParticipant | import("livekit-client").LocalParticipant)[]`

package/generated-docs/react/hook/useparticipanttile.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# useParticipantTile (hook)
+# useParticipantTile
 
 ## Import
 
@@ -12,10 +12,9 @@ import { useParticipantTile } from '@livekit/components-react';
 
 ## Parameters
 
-| Parameter                                                                                      | Type                                                                           | Description |
-| ---------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------ | ----------- |
-| { participant, source, publication, onParticipantClick, disableSpeakingIndicator, htmlProps, } | [UseParticipantTileProps](./react/useparticipanttileprops.md)<!-- -->&lt;T&gt; |             |
+{% parameter name="{ participant, source, publication, onParticipantClick, disableSpeakingIndicator, htmlProps, }" type="UseParticipantTileProps<T>" optional=false %}
+{% /parameter %}
 
-**Returns:**
+## Returns
 
-{ elementProps: React.HTMLAttributes&lt;T&gt;; }
+`{     elementProps: React.HTMLAttributes<T>; }`

package/generated-docs/react/hook/usepinnedtracks.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# usePinnedTracks (hook)
+# usePinnedTracks
 
 ## Import
 
@@ -12,10 +12,9 @@ import { usePinnedTracks } from '@livekit/components-react';
 
 ## Parameters
 
-| Parameter     | Type                                              | Description  |
-| ------------- | ------------------------------------------------- | ------------ |
-| layoutContext | [LayoutContextType](./react/layoutcontexttype.md) | _(Optional)_ |
+{% parameter name="layoutContext" type="LayoutContextType" optional=true %}
+{% /parameter %}
 
-**Returns:**
+## Returns
 
-[TrackReferenceOrPlaceholder](./core/trackreferenceorplaceholder.md)<!-- -->\[\]
+`TrackReferenceOrPlaceholder[]`

package/generated-docs/react/hook/usepreviewdevice.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# usePreviewDevice (hook)
+# usePreviewDevice
 
 ## Import
 
@@ -12,12 +12,15 @@ import { usePreviewDevice } from '@livekit/components-react';
 
 ## Parameters
 
-| Parameter | Type                         | Description |
-| --------- | ---------------------------- | ----------- |
-| enabled   | boolean                      |             |
-| deviceId  | string                       |             |
-| kind      | 'videoinput' \| 'audioinput' |             |
+{% parameter name="deviceId" type="string" optional=false %}
+{% /parameter %}
 
-**Returns:**
+{% parameter name="enabled" type="boolean" optional=false %}
+{% /parameter %}
 
-{ selectedDevice: MediaDeviceInfo \| undefined; localTrack: T \| undefined; deviceError: Error \| null; }
+{% parameter name="kind" type="'videoinput' | 'audioinput'" optional=false %}
+{% /parameter %}
+
+## Returns
+
+`{     selectedDevice: MediaDeviceInfo | undefined;     localTrack: T | undefined;     deviceError: Error | null; }`

package/generated-docs/react/hook/useremoteparticipant.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# useRemoteParticipant (hook)
+# useRemoteParticipant
 
 ## Import
 
@@ -12,11 +12,12 @@ import { useRemoteParticipant } from '@livekit/components-react';
 
 ## Parameters
 
-| Parameter | Type                                                                  | Description  |
-| --------- | --------------------------------------------------------------------- | ------------ |
-| identity  | string                                                                |              |
-| options   | [UseRemoteParticipantOptions](./react/useremoteparticipantoptions.md) | _(Optional)_ |
+{% parameter name="identity" type="string" optional=false %}
+{% /parameter %}
 
-**Returns:**
+{% parameter name="options" type="UseRemoteParticipantOptions" optional=true %}
+{% /parameter %}
 
-RemoteParticipant \| undefined
+## Returns
+
+`RemoteParticipant | undefined`

package/generated-docs/react/hook/useremoteparticipants.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# useRemoteParticipants (hook)
+# useRemoteParticipants
 
 The useRemoteParticipants
 
@@ -14,10 +14,9 @@ import { useRemoteParticipants } from '@livekit/components-react';
 
 ## Parameters
 
-| Parameter | Type                                                                    | Description  |
-| --------- | ----------------------------------------------------------------------- | ------------ |
-| options   | [UseRemoteParticipantsOptions](./react/useremoteparticipantsoptions.md) | _(Optional)_ |
+{% parameter name="options" type="UseRemoteParticipantsOptions" optional=true %}
+{% /parameter %}
 
-**Returns:**
+## Returns
 
-RemoteParticipant\[\]
+`RemoteParticipant[]`

package/generated-docs/react/hook/useroomcontext.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# useRoomContext (hook)
+# useRoomContext
 
 Ensures that a room is provided via context. If no room is provided, an error is thrown.
 
@@ -12,6 +12,6 @@ import { useRoomContext } from '@livekit/components-react';
 
 {% partial file="p_usage.md" /%}
 
-**Returns:**
+## Returns
 
-Room
+`Room`

package/generated-docs/react/hook/useroominfo.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# useRoomInfo (hook)
+# useRoomInfo
 
 ## Import
 
@@ -12,10 +12,9 @@ import { useRoomInfo } from '@livekit/components-react';
 
 ## Parameters
 
-| Parameter | Type                                                | Description  |
-| --------- | --------------------------------------------------- | ------------ |
-| options   | [UseRoomInfoOptions](./react/useroominfooptions.md) | _(Optional)_ |
+{% parameter name="options" type="UseRoomInfoOptions" optional=true %}
+{% /parameter %}
 
-**Returns:**
+## Returns
 
-{ name: string; metadata: string \| undefined; }
+`{     name: string;     metadata: string | undefined; }`

package/generated-docs/react/hook/usesortedparticipants.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# useSortedParticipants (hook)
+# useSortedParticipants
 
 The useSortedParticipants hook returns the only the active speakers of all participants.
 
@@ -14,10 +14,9 @@ import { useSortedParticipants } from '@livekit/components-react';
 
 ## Parameters
 
-| Parameter    | Type                     | Description |
-| ------------ | ------------------------ | ----------- |
-| participants | Array&lt;Participant&gt; |             |
+{% parameter name="participants" type="Array<Participant>" optional=false %}
+{% /parameter %}
 
-**Returns:**
+## Returns
 
-Participant\[\]
+`Participant[]`

package/generated-docs/react/hook/usespeakingparticipants.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# useSpeakingParticipants (hook)
+# useSpeakingParticipants
 
 The useSpeakingParticipants hook returns the only the active speakers of all participants.
 
@@ -12,6 +12,6 @@ import { useSpeakingParticipants } from '@livekit/components-react';
 
 {% partial file="p_usage.md" /%}
 
-**Returns:**
+## Returns
 
-import("livekit-client").Participant\[\]
+`import("livekit-client").Participant[]`

package/generated-docs/react/hook/usetoken.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# useToken (hook)
+# useToken
 
 ## Import
 
@@ -12,12 +12,15 @@ import { useToken } from '@livekit/components-react';
 
 ## Parameters
 
-| Parameter     | Type                                          | Description  |
-| ------------- | --------------------------------------------- | ------------ |
-| tokenEndpoint | string \| undefined                           |              |
-| roomName      | string                                        |              |
-| options       | [UseTokenOptions](./react/usetokenoptions.md) | _(Optional)_ |
+{% parameter name="roomName" type="string" optional=false %}
+{% /parameter %}
 
-**Returns:**
+{% parameter name="tokenEndpoint" type="string | undefined" optional=false %}
+{% /parameter %}
 
-string \| undefined
+{% parameter name="options" type="UseTokenOptions" optional=true %}
+{% /parameter %}
+
+## Returns
+
+`string | undefined`

package/generated-docs/react/hook/usetrackcontext.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# useTrackContext (hook)
+# useTrackContext
 
 Ensures that a track reference is provided via context. If not inside a `TrackContext`<!-- -->, an error is thrown.
 
@@ -12,6 +12,6 @@ import { useTrackContext } from '@livekit/components-react';
 
 {% partial file="p_usage.md" /%}
 
-**Returns:**
+## Returns
 
-[TrackReferenceOrPlaceholder](./core/trackreferenceorplaceholder.md)
+`TrackReferenceOrPlaceholder`

package/generated-docs/react/hook/usetrackmutedindicator.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# useTrackMutedIndicator (hook)
+# useTrackMutedIndicator
 
 ## Import
 
@@ -12,11 +12,12 @@ import { useTrackMutedIndicator } from '@livekit/components-react';
 
 ## Parameters
 
-| Parameter | Type                                                                      | Description  |
-| --------- | ------------------------------------------------------------------------- | ------------ |
-| source    | Track.Source                                                              |              |
-| options   | [UseTrackMutedIndicatorOptions](./react/usetrackmutedindicatoroptions.md) | _(Optional)_ |
+{% parameter name="source" type="Track.Source" optional=false %}
+{% /parameter %}
 
-**Returns:**
+{% parameter name="options" type="UseTrackMutedIndicatorOptions" optional=true %}
+{% /parameter %}
 
-{ isMuted: boolean; className: string; }
+## Returns
+
+`{     isMuted: boolean;     className: string; }`

package/generated-docs/react/hook/usetracks.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# useTracks (hook)
+# useTracks
 
 The `useTracks` hook returns an array of `TrackReference` or `TrackReferenceOrPlaceholder` depending on the provided `sources` property. If only subscribed tracks are desired, set the `onlySubscribed` property to `true`<!-- -->.
 
@@ -31,11 +31,12 @@ const trackReferencesWithPlaceholders: TrackReferenceOrPlaceholder[] = useTracks
 
 ## Parameters
 
-| Parameter | Type                                            | Description  |
-| --------- | ----------------------------------------------- | ------------ |
-| sources   | T                                               | _(Optional)_ |
-| options   | [UseTracksOptions](./react/usetracksoptions.md) | _(Optional)_ |
+{% parameter name="options" type="UseTracksOptions" optional=true %}
+{% /parameter %}
 
-**Returns:**
+{% parameter name="sources" type="T" optional=true %}
+{% /parameter %}
 
-[UseTracksHookReturnType](./react/usetrackshookreturntype.md)<!-- -->&lt;T&gt;
+## Returns
+
+`UseTracksHookReturnType<T>`

package/generated-docs/react/hook/usetracktoggle.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# useTrackToggle (hook)
+# useTrackToggle
 
 ## Import
 
@@ -12,10 +12,9 @@ import { useTrackToggle } from '@livekit/components-react';
 
 ## Parameters
 
-| Parameter                                                   | Type                                                                   | Description |
-| ----------------------------------------------------------- | ---------------------------------------------------------------------- | ----------- |
-| { source, onChange, initialState, captureOptions, ...rest } | [UseTrackToggleProps](./react/usetracktoggleprops.md)<!-- -->&lt;T&gt; |             |
+{% parameter name="{ source, onChange, initialState, captureOptions, ...rest }" type="UseTrackToggleProps<T>" optional=false %}
+{% /parameter %}
 
-**Returns:**
+## Returns
 
-{ toggle: ((forceState?: boolean \| undefined) =&gt; void) \| ((forceState?: boolean \| undefined, captureOptions?: import("@livekit/components-core").[CaptureOptionsBySource](./core/captureoptionsbysource.md)<!-- -->&lt;T&gt; \| undefined) =&gt; Promise&lt;void&gt;); enabled: boolean; pending: boolean; track: import("livekit-client").LocalTrackPublication \| undefined; buttonProps: React.ButtonHTMLAttributes&lt;HTMLButtonElement&gt;; }
+`{     toggle: ((forceState?: boolean | undefined) => void) | ((forceState?: boolean | undefined, captureOptions?: import("@livekit/components-core").CaptureOptionsBySource<T> | undefined) => Promise<void>);     enabled: boolean;     pending: boolean;     track: import("livekit-client").LocalTrackPublication | undefined;     buttonProps: React.ButtonHTMLAttributes<HTMLButtonElement>; }`

package/generated-docs/react/hook/usevisualstableupdate.md

@@ -1,6 +1,6 @@
 <!-- Do not edit this file. It is automatically generated by API Documenter. -->
 
-# useVisualStableUpdate (hook)
+# useVisualStableUpdate
 
 > This API is provided as a preview for developers and may change based on feedback that we receive. Do not use this API in a production environment.
 
@@ -18,12 +18,15 @@ import { useVisualStableUpdate } from '@livekit/components-react';
 
 ## Parameters
 
-| Parameter       | Type                                                                             | Description  |
-| --------------- | -------------------------------------------------------------------------------- | ------------ |
-| trackReferences | [TrackReferenceOrPlaceholder](./core/trackreferenceorplaceholder.md)<!-- -->\[\] |              |
-| maxItemsOnPage  | number                                                                           |              |
-| options         | [UseVisualStableUpdateOptions](./react/usevisualstableupdateoptions.md)          | _(Optional)_ |
+{% parameter name="maxItemsOnPage" type="number" optional=false %}
+{% /parameter %}
 
-**Returns:**
+{% parameter name="trackReferences" type="TrackReferenceOrPlaceholder[]" optional=false %}
+{% /parameter %}
 
-[TrackReferenceOrPlaceholder](./core/trackreferenceorplaceholder.md)<!-- -->\[\]
+{% parameter name="options" type="UseVisualStableUpdateOptions" optional=true %}
+{% /parameter %}
+
+## Returns
+
+`TrackReferenceOrPlaceholder[]`

package/generated-docs/react/index.md

@@ -6,7 +6,7 @@
 
 | Component                                                                                                                                                                                               | Description                                                                                                                                                                                                                                                                                                                                                                                                                    |
 | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| [AudioTrack({ onSubscriptionStatusChanged, volume, ...props })](./react/component/audiotrack.md)                                                                                                        | The AudioTrack component is responsible for rendering participant audio tracks. This component must have access to the participant's context, or alternatively pass it a <code>Participant</code> as a property.                                                                                                                                                                                                               |
+| [AudioTrack({ onSubscriptionStatusChanged, volume, source, name, publication, participant: p, ...props })](./react/component/audiotrack.md)                                                             | The AudioTrack component is responsible for rendering participant audio tracks. This component must have access to the participant's context, or alternatively pass it a <code>Participant</code> as a property.                                                                                                                                                                                                               |
 | [AudioVisualizer({ participant, ...props })](./react/component/audiovisualizer.md)                                                                                                                      |                                                                                                                                                                                                                                                                                                                                                                                                                                |
 | [CarouselView({ tracks, orientation, ...props })](./react/component/carouselview.md)                                                                                                                    | The <code>CarouselLayout</code> displays a list of tracks horizontally or vertically. Depending on the size of the container, the carousel will display as many tiles as possible and overflows the rest. The CarouselLayout uses the <code>useVisualStableUpdate</code> hook to ensure that tile reordering due to track updates is visually stable but still moves the important tiles (speaking participants) to the front. |
 | [ChatEntry({ entry, hideName, hideTimestamp, messageFormatter, ...props })](./react/component/chatentry.md)                                                                                             | The <code>ChatEntry</code> component holds and displays one chat message.                                                                                                                                                                                                                                                                                                                                                      |
@@ -35,24 +35,24 @@
 | [TrackLoop({ tracks, ...props })](./react/component/trackloop.md)                                                                                                                                       | The TrackLoop component loops over tracks. It is for example a easy way to loop over all participant camera and screen share tracks. TrackLoop creates a TrackContext for each track that you can use to e.g. render the track.                                                                                                                                                                                                |
 | [TrackMutedIndicator({ source, participant, show, ...props })](./react/component/trackmutedindicator.md)                                                                                                | The TrackMutedIndicator shows whether the participant's camera or microphone is muted or not.                                                                                                                                                                                                                                                                                                                                  |
 | [TrackToggle({ showIcon, ...props })](./react/component/tracktoggle.md)                                                                                                                                 | With the TrackToggle component it is possible to mute and unmute your camera and microphone. The component uses an html button element under the hood so you can treat it like a button.                                                                                                                                                                                                                                       |
-| [VideoTrack({ onTrackClick, onClick, onSubscriptionStatusChanged, name, publication, source, ...props })](./react/component/videotrack.md)                                                              | The VideoTrack component is responsible for rendering participant video tracks like <code>camera</code> and <code>screen_share</code>. This component must have access to the participant's context, or alternatively pass it a <code>Participant</code> as a property.                                                                                                                                                        |
+| [VideoTrack({ onTrackClick, onClick, onSubscriptionStatusChanged, name, publication, source, participant: p, manageSubscription, ...props })](./react/component/videotrack.md)                          | The VideoTrack component is responsible for rendering participant video tracks like <code>camera</code> and <code>screen_share</code>. This component must have access to the participant's context, or alternatively pass it a <code>Participant</code> as a property.                                                                                                                                                        |
 
 ## Prefabs
 
 | Prefab                                                                                                                                              | Description                                                                                                                                                                                                                                                                                                                                               |
 | --------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | [AudioConference({ ...props })](./react/component/audioconference.md)                                                                               | This component is the default setup of a classic LiveKit audio conferencing app. It provides functionality like switching between participant grid view and focus view.                                                                                                                                                                                   |
-| [Chat({ messageFormatter, ...props })](./react/component/chat.md)                                                                                   | The Chat component adds a basis chat functionality to the LiveKit room. The messages are distributed to all participants in the room. Only users who are in the room at the time of dispatch will receive the message.                                                                                                                                    |
+| [Chat({ messageFormatter, messageDecoder, messageEncoder, ...props })](./react/component/chat.md)                                                   | The Chat component adds a basis chat functionality to the LiveKit room. The messages are distributed to all participants in the room. Only users who are in the room at the time of dispatch will receive the message.                                                                                                                                    |
 | [ControlBar({ variation, controls, ...props })](./react/component/controlbar.md)                                                                    | The ControlBar prefab component gives the user the basic user interface to control their media devices and leave the room.                                                                                                                                                                                                                                |
 | [MediaDeviceMenu({ kind, initialSelection, onActiveDeviceChange, tracks, requestPermissions, ...props })](./react/component/mediadevicemenu.md)     | The MediaDeviceMenu prefab component is a button that opens a menu that lists all media devices and allows the user to select them.                                                                                                                                                                                                                       |
 | [PreJoin({ defaults, onValidate, onSubmit, onError, debug, joinLabel, micLabel, camLabel, userLabel, ...htmlProps })](./react/component/prejoin.md) | The PreJoin prefab component is normally presented to the user before he enters a room. This component allows the user to check and select the preferred media device (camera und microphone). On submit the user decisions are returned, which can then be passed on to the LiveKitRoom so that the user enters the room with the correct media devices. |
-| [VideoConference({ chatMessageFormatter, ...props })](./react/component/videoconference.md)                                                         | This component is the default setup of a classic LiveKit video conferencing app. It provides functionality like switching between participant grid view and focus view.                                                                                                                                                                                   |
+| [VideoConference({ chatMessageFormatter, chatMessageDecoder, chatMessageEncoder, ...props })](./react/component/videoconference.md)                 | This component is the default setup of a classic LiveKit video conferencing app. It provides functionality like switching between participant grid view and focus view.                                                                                                                                                                                   |
 
 ## Hooks
 
 | Hook                                                                                                                                                     | Description                                                                                                                                                                                                                                                                                                                                                                                                                                |
 | -------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| [useChat()](./react/hook/usechat.md)                                                                                                                     |                                                                                                                                                                                                                                                                                                                                                                                                                                            |
+| [useChat(options)](./react/hook/usechat.md)                                                                                                              |                                                                                                                                                                                                                                                                                                                                                                                                                                            |
 | [useChatToggle({ props })](./react/hook/usechattoggle.md)                                                                                                |                                                                                                                                                                                                                                                                                                                                                                                                                                            |
 | [useClearPinButton(props)](./react/hook/useclearpinbutton.md)                                                                                            |                                                                                                                                                                                                                                                                                                                                                                                                                                            |
 | [useConnectionQualityIndicator(options)](./react/hook/useconnectionqualityindicator.md)                                                                  |                                                                                                                                                                                                                                                                                                                                                                                                                                            |
@@ -132,6 +132,8 @@
 | [LocalUserChoices](./react/localuserchoices.md)                                   |                                                                                                                                                 |
 | [MediaDeviceMenuProps](./react/mediadevicemenuprops.md)                           |                                                                                                                                                 |
 | [MediaDeviceSelectProps](./react/mediadeviceselectprops.md)                       |                                                                                                                                                 |
+| [MessageDecoder](./react/messagedecoder.md)                                       |                                                                                                                                                 |
+| [MessageEncoder](./react/messageencoder.md)                                       |                                                                                                                                                 |
 | [MessageFormatter](./react/messageformatter.md)                                   |                                                                                                                                                 |
 | [ParticipantContext](./react/participantcontext.md)                               |                                                                                                                                                 |
 | [ParticipantLoopProps](./react/participantloopprops.md)                           |                                                                                                                                                 |

package/generated-docs/react/messagedecoder.md

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+## MessageDecoder type
+
+**Signature:**
+
+```typescript
+export type MessageDecoder = (message: Uint8Array) => ReceivedChatMessage;
+```
+
+**References:** [ReceivedChatMessage](./core/receivedchatmessage.md)
+
+{% partial file="p_usage.md" /%}

package/generated-docs/react/messageencoder.md

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+## MessageEncoder type
+
+**Signature:**
+
+```typescript
+export type MessageEncoder = (message: ChatMessage) => Uint8Array;
+```
+
+**References:** [ChatMessage](./core/chatmessage.md)
+
+{% partial file="p_usage.md" /%}

package/generated-docs/react/participantloopprops.md

@@ -12,7 +12,7 @@ export interface ParticipantLoopProps
 
 ## Properties
 
-| Property                                                     | Type            | Description                                                                                              |
-| ------------------------------------------------------------ | --------------- | -------------------------------------------------------------------------------------------------------- |
-| [children](./react/participantloopprops.children.md)         | React.ReactNode | The template component to be used in the loop.                                                           |
-| [participants](./react/participantloopprops.participants.md) | Participant\[\] | The participants to loop over. If not provided, the participants from the current room context are used. |
+| Property                                                     | Type            | Description                                                                                 |
+| ------------------------------------------------------------ | --------------- | ------------------------------------------------------------------------------------------- |
+| [children](./react/participantloopprops.children.md)         | React.ReactNode | The template component to be used in the loop.                                              |
+| [participants](./react/participantloopprops.participants.md) | Participant\[\] | The participants to loop over. Use <code>useParticipants()</code> hook to get participants. |

package/generated-docs/react/participantloopprops.participants.md

@@ -2,7 +2,7 @@
 
 ## ParticipantLoopProps.participants property
 
-The participants to loop over. If not provided, the participants from the current room context are used.
+The participants to loop over. Use `useParticipants()` hook to get participants.
 
 **Signature:**
 

package/generated-docs/react/trackloopprops.md

@@ -12,7 +12,7 @@ export interface TrackLoopProps
 
 ## Properties
 
-| Property                                       | Type                                                                                                                                       | Description                                    |
-| ---------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------- |
-| [children](./react/trackloopprops.children.md) | React.ReactNode                                                                                                                            | The template component to be used in the loop. |
-| [tracks](./react/trackloopprops.tracks.md)     | [TrackReference](./core/trackreference.md)<!-- -->\[\] \| [TrackReferenceOrPlaceholder](./core/trackreferenceorplaceholder.md)<!-- -->\[\] | Track references to loop over.                 |
+| Property                                       | Type                                                                                                                                       | Description                                                                                          |
+| ---------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------- |
+| [children](./react/trackloopprops.children.md) | React.ReactNode                                                                                                                            | The template component to be used in the loop.                                                       |
+| [tracks](./react/trackloopprops.tracks.md)     | [TrackReference](./core/trackreference.md)<!-- -->\[\] \| [TrackReferenceOrPlaceholder](./core/trackreferenceorplaceholder.md)<!-- -->\[\] | Track references to loop over. You can the use <code>useTracks()</code> hook to get TrackReferences. |

package/generated-docs/react/trackloopprops.tracks.md

@@ -2,7 +2,7 @@
 
 ## TrackLoopProps.tracks property
 
-Track references to loop over.
+Track references to loop over. You can the use `useTracks()` hook to get TrackReferences.
 
 **Signature:**
 

package/generated-docs/react/videoconferenceprops.chatmessagedecoder.md

@@ -0,0 +1,9 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+## VideoConferenceProps.chatMessageDecoder property
+
+**Signature:**
+
+```typescript
+chatMessageDecoder?: MessageDecoder;
+```

package/generated-docs/react/videoconferenceprops.chatmessageencoder.md

@@ -0,0 +1,9 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+## VideoConferenceProps.chatMessageEncoder property
+
+**Signature:**
+
+```typescript
+chatMessageEncoder?: MessageEncoder;
+```

package/generated-docs/react/videoconferenceprops.md

@@ -16,4 +16,6 @@ export interface VideoConferenceProps extends React.HTMLAttributes<HTMLDivElemen
 
 | Property                                                                      | Type                                            | Description  |
 | ----------------------------------------------------------------------------- | ----------------------------------------------- | ------------ |
+| [chatMessageDecoder?](./react/videoconferenceprops.chatmessagedecoder.md)     | [MessageDecoder](./react/messagedecoder.md)     | _(Optional)_ |
+| [chatMessageEncoder?](./react/videoconferenceprops.chatmessageencoder.md)     | [MessageEncoder](./react/messageencoder.md)     | _(Optional)_ |
 | [chatMessageFormatter?](./react/videoconferenceprops.chatmessageformatter.md) | [MessageFormatter](./react/messageformatter.md) | _(Optional)_ |

package/generated-docs/react/videotrackprops.managesubscription.md

@@ -0,0 +1,9 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+## VideoTrackProps.manageSubscription property
+
+**Signature:**
+
+```typescript
+manageSubscription?: boolean;
+```