MediaSFU ReactJS
    Preparing search index...

    Interface ConfirmHereModalOptions

    interface ConfirmHereModalOptions {
        isConfirmHereModalVisible: boolean;
        onConfirmHereClose: () => void;
        backgroundColor?: string;
        countdownDuration?: number;
        socket: Socket;
        localSocket?: Socket<DefaultEventsMap, DefaultEventsMap>;
        roomName: string;
        member: string;
        title?: ReactNode;
        message?:
            | ReactNode
            | ((context: { counter: number; countdownDuration: number }) => ReactNode);
        countdownLabel?: ReactNode;
        confirmButtonLabel?: ReactNode;
        onTimeout?: () => void;
        overlayProps?: HTMLAttributes<HTMLDivElement>;
        contentProps?: HTMLAttributes<HTMLDivElement>;
        containerProps?: HTMLAttributes<HTMLDivElement>;
        spinnerWrapperProps?: HTMLAttributes<HTMLDivElement>;
        spinnerIcon?: ReactNode;
        spinnerIconProps?: Partial<FontAwesomeIconProps>;
        titleProps?: HTMLAttributes<HTMLHeadingElement>;
        messageProps?: HTMLAttributes<HTMLParagraphElement>;
        countdownWrapperProps?: HTMLAttributes<HTMLParagraphElement>;
        countdownValueProps?: HTMLAttributes<HTMLSpanElement>;
        confirmButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
        renderSpinner?: (options: { defaultSpinner: ReactNode }) => ReactNode;
        renderTitle?: (options: { defaultTitle: ReactNode }) => ReactNode;
        renderMessage?: (
            options: {
                defaultMessage: ReactNode;
                counter: number;
                countdownDuration: number;
            },
        ) => ReactNode;
        renderCountdown?: (
            options: {
                defaultCountdown: ReactNode;
                counter: number;
                countdownLabel: ReactNode;
            },
        ) => ReactNode;
        renderConfirmButton?: (options: { defaultButton: ReactNode }) => ReactNode;
        renderBody?: (
            options: {
                defaultBody: ReactNode;
                spinner: ReactNode;
                title: ReactNode;
                message: ReactNode;
                countdown: ReactNode;
                confirmButton: ReactNode;
            },
        ) => ReactNode;
        renderContent?: (options: { defaultContent: ReactNode }) => ReactNode;
        onSuppressConfirmHere?: () => void;
    }
    Index

    Properties

    isConfirmHereModalVisible: boolean
    onConfirmHereClose: () => void
    backgroundColor?: string
    countdownDuration?: number
    socket: Socket
    localSocket?: Socket<DefaultEventsMap, DefaultEventsMap>
    roomName: string
    member: string
    title?: ReactNode
    message?:
        | ReactNode
        | ((context: { counter: number; countdownDuration: number }) => ReactNode)
    countdownLabel?: ReactNode
    confirmButtonLabel?: ReactNode
    onTimeout?: () => void
    overlayProps?: HTMLAttributes<HTMLDivElement>
    contentProps?: HTMLAttributes<HTMLDivElement>
    containerProps?: HTMLAttributes<HTMLDivElement>
    spinnerWrapperProps?: HTMLAttributes<HTMLDivElement>
    spinnerIcon?: ReactNode
    spinnerIconProps?: Partial<FontAwesomeIconProps>
    titleProps?: HTMLAttributes<HTMLHeadingElement>
    messageProps?: HTMLAttributes<HTMLParagraphElement>
    countdownWrapperProps?: HTMLAttributes<HTMLParagraphElement>
    countdownValueProps?: HTMLAttributes<HTMLSpanElement>
    confirmButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>
    renderSpinner?: (options: { defaultSpinner: ReactNode }) => ReactNode
    renderTitle?: (options: { defaultTitle: ReactNode }) => ReactNode
    renderMessage?: (
        options: {
            defaultMessage: ReactNode;
            counter: number;
            countdownDuration: number;
        },
    ) => ReactNode
    renderCountdown?: (
        options: {
            defaultCountdown: ReactNode;
            counter: number;
            countdownLabel: ReactNode;
        },
    ) => ReactNode
    renderConfirmButton?: (options: { defaultButton: ReactNode }) => ReactNode
    renderBody?: (
        options: {
            defaultBody: ReactNode;
            spinner: ReactNode;
            title: ReactNode;
            message: ReactNode;
            countdown: ReactNode;
            confirmButton: ReactNode;
        },
    ) => ReactNode
    renderContent?: (options: { defaultContent: ReactNode }) => ReactNode
    onSuppressConfirmHere?: () => void

    Called when user opts out of future confirm-here prompts for this session