MediasfuUICustomOverrides interface

Comprehensive UI override map for all MediaSFU components and helper functions. Each key accepts a CustomComponentOverride or CustomFunctionOverride allowing you to fully replace or wrap default implementations.

import { MediasfuUICustomOverrides } from './types';

const uiOverrides: MediasfuUICustomOverrides = {
mainContainer: {
render: (props) => (
<View style={{ borderWidth: 4, borderColor: 'purple' }}>
<MainContainerComponent {...props} />
</View>
)
},
consumerResume: {
wrap: (original) => async (params) => {
const start = Date.now();
const result = await original(params);
console.log('Consumer resume took:', Date.now() - start, 'ms');
return result;
}
}
};
interface MediasfuUICustomOverrides {
    mainContainer?: CustomComponentOverride<any>;
    mainAspect?: CustomComponentOverride<any>;
    mainScreen?: CustomComponentOverride<any>;
    mainGrid?: CustomComponentOverride<any>;
    subAspect?: CustomComponentOverride<any>;
    otherGrid?: CustomComponentOverride<any>;
    flexibleGrid?: CustomComponentOverride<any>;
    flexibleGridAlt?: CustomComponentOverride<any>;
    flexibleVideo?: CustomComponentOverride<any>;
    audioGrid?: CustomComponentOverride<any>;
    pagination?: CustomComponentOverride<any>;
    controlButtons?: CustomComponentOverride<any>;
    controlButtonsAlt?: CustomComponentOverride<any>;
    controlButtonsTouch?: CustomComponentOverride<any>;
    videoCard?: CustomComponentOverride<any>;
    audioCard?: CustomComponentOverride<any>;
    miniCard?: CustomComponentOverride<any>;
    miniAudio?: CustomComponentOverride<any>;
    meetingProgressTimer?: CustomComponentOverride<any>;
    miniAudioPlayer?: CustomComponentOverride<any>;
    loadingModal?: CustomComponentOverride<any>;
    alert?: CustomComponentOverride<any>;
    menuModal?: CustomComponentOverride<any>;
    eventSettingsModal?: CustomComponentOverride<any>;
    requestsModal?: CustomComponentOverride<any>;
    waitingRoomModal?: CustomComponentOverride<any>;
    coHostModal?: CustomComponentOverride<any>;
    mediaSettingsModal?: CustomComponentOverride<any>;
    participantsModal?: CustomComponentOverride<any>;
    messagesModal?: CustomComponentOverride<any>;
    displaySettingsModal?: CustomComponentOverride<any>;
    confirmExitModal?: CustomComponentOverride<any>;
    confirmHereModal?: CustomComponentOverride<any>;
    shareEventModal?: CustomComponentOverride<any>;
    recordingModal?: CustomComponentOverride<any>;
    pollModal?: CustomComponentOverride<any>;
    backgroundModal?: CustomComponentOverride<any>;
    breakoutRoomsModal?: CustomComponentOverride<any>;
    configureWhiteboardModal?: CustomComponentOverride<any>;
    whiteboard?: CustomComponentOverride<any>;
    screenboard?: CustomComponentOverride<any>;
    screenboardModal?: CustomComponentOverride<any>;
    welcomePage?: CustomComponentOverride<any>;
    preJoinPage?: CustomComponentOverride<any>;
    customMenuButtonsRenderer?: CustomComponentOverride<any>;
    consumerResume?: CustomFunctionOverride<any>;
    addVideosGrid?: CustomFunctionOverride<any>;
}

Properties

mainContainer?: CustomComponentOverride<any>
mainAspect?: CustomComponentOverride<any>
mainScreen?: CustomComponentOverride<any>
mainGrid?: CustomComponentOverride<any>
subAspect?: CustomComponentOverride<any>
otherGrid?: CustomComponentOverride<any>
flexibleGrid?: CustomComponentOverride<any>
flexibleGridAlt?: CustomComponentOverride<any>
flexibleVideo?: CustomComponentOverride<any>
audioGrid?: CustomComponentOverride<any>
pagination?: CustomComponentOverride<any>
controlButtons?: CustomComponentOverride<any>
controlButtonsAlt?: CustomComponentOverride<any>
controlButtonsTouch?: CustomComponentOverride<any>
videoCard?: CustomComponentOverride<any>
audioCard?: CustomComponentOverride<any>
miniCard?: CustomComponentOverride<any>
miniAudio?: CustomComponentOverride<any>
meetingProgressTimer?: CustomComponentOverride<any>
miniAudioPlayer?: CustomComponentOverride<any>
loadingModal?: CustomComponentOverride<any>
menuModal?: CustomComponentOverride<any>
eventSettingsModal?: CustomComponentOverride<any>
requestsModal?: CustomComponentOverride<any>
waitingRoomModal?: CustomComponentOverride<any>
coHostModal?: CustomComponentOverride<any>
mediaSettingsModal?: CustomComponentOverride<any>
participantsModal?: CustomComponentOverride<any>
messagesModal?: CustomComponentOverride<any>
displaySettingsModal?: CustomComponentOverride<any>
confirmExitModal?: CustomComponentOverride<any>
confirmHereModal?: CustomComponentOverride<any>
shareEventModal?: CustomComponentOverride<any>
recordingModal?: CustomComponentOverride<any>
pollModal?: CustomComponentOverride<any>
backgroundModal?: CustomComponentOverride<any>
breakoutRoomsModal?: CustomComponentOverride<any>
configureWhiteboardModal?: CustomComponentOverride<any>
whiteboard?: CustomComponentOverride<any>
screenboard?: CustomComponentOverride<any>
screenboardModal?: CustomComponentOverride<any>
welcomePage?: CustomComponentOverride<any>
preJoinPage?: CustomComponentOverride<any>
customMenuButtonsRenderer?: CustomComponentOverride<any>
consumerResume?: CustomFunctionOverride<any>
addVideosGrid?: CustomFunctionOverride<any>