Interface ParticipantsModalOptions

interface ParticipantsModalOptions {
    isParticipantsModalVisible: boolean;
    onParticipantsClose: (() => void);
    onParticipantsFilterChange: ((filter: string) => void);
    participantsCounter: number;
    onMuteParticipants?: ((options: MuteParticipantsOptions) => Promise<void>);
    onMessageParticipants?: ((options: MessageParticipantsOptions) => void);
    onRemoveParticipants?: ((options: RemoveParticipantsOptions) => Promise<void>);
    RenderParticipantList?: ComponentType<any>;
    RenderParticipantListOthers?: ComponentType<any>;
    parameters: ParticipantsModalParameters;
    backgroundColor?: string;
    position?: string;
}

Properties

isParticipantsModalVisible onParticipantsClose onParticipantsFilterChange participantsCounter onMuteParticipants? onMessageParticipants? onRemoveParticipants? RenderParticipantList? RenderParticipantListOthers? parameters backgroundColor? position?

Properties

isParticipantsModalVisible

isParticipantsModalVisible: boolean

onParticipantsClose

onParticipantsClose: (() => void)

onParticipantsFilterChange

onParticipantsFilterChange: ((filter: string) => void)

participantsCounter

participantsCounter: number

OptionalonMuteParticipants

onMuteParticipants?: ((options: MuteParticipantsOptions) => Promise<void>)

Type declaration

    • (options): Promise<void>

    • Mutes a participant in a media session if the current member has the necessary permissions.

      Parameters

      Returns Promise<void>

      Example

      muteParticipants({
        socket,
        coHostResponsibility: [{ name: "media", value: true }],
        participant: { id: "123", name: "John Doe", muted: false, islevel: "1" },
        member: "currentMember",
        islevel: "2",
        showAlert: (alert) => console.log(alert.message),
        coHost: "coHostMember",
        roomName: "room1",
      });

OptionalonMessageParticipants

onMessageParticipants?: ((options: MessageParticipantsOptions) => void)

Type declaration

    • (options): void

    • Sends a direct message to a participant if the current member has the necessary permissions.

      Parameters

      Returns void

      Example

      messageParticipants({
        coHostResponsibility: [{ name: "chat", value: true }],
        participant: { name: "John Doe", islevel: "1" },
        member: "currentMember",
        islevel: "2",
        showAlert: (alert) => console.log(alert.message),
        coHost: "coHostMember",
        updateIsMessagesModalVisible: (isVisible) => setMessagesModalVisible(isVisible),
        updateDirectMessageDetails: (participant) => setDirectMessageDetails(participant),
        updateStartDirectMessage: (start) => setStartDirectMessage(start),
      });

OptionalonRemoveParticipants

onRemoveParticipants?: ((options: RemoveParticipantsOptions) => Promise<void>)

Type declaration

    • (options): Promise<void>

    • Removes a participant from the room if the user has the necessary permissions.

      Parameters

      Returns Promise<void>

      Example

      removeParticipants({
        coHostResponsibility: [{ name: "participants", value: true }],
        participant: { id: "123", name: "John Doe", islevel: "1" },
        member: "currentMember",
        islevel: "2",
        showAlert: (alert) => console.log(alert.message),
        coHost: "coHostMember",
        participants: [{ id: "123", name: "John Doe", islevel: "1" }],
        socket,
        roomName: "room1",
        updateParticipants: (updatedParticipants) => console.log(updatedParticipants),
      });

OptionalRenderParticipantList

RenderParticipantList?: ComponentType<any>

OptionalRenderParticipantListOthers

RenderParticipantListOthers?: ComponentType<any>

parameters

parameters: ParticipantsModalParameters

OptionalbackgroundColor

backgroundColor?: string

Optionalposition

position?: string

Settings

Member Visibility

On This Page

Properties