mediasfu-reactnative-expo/dist/src/components_modern/modal_components.js

mediasfu-reactnative-expo – Expo-managed React Native WebRTC SDK for video conferencing, webinars, live streaming, broadcast, screen sharing, whiteboard, chat, recording, live subtitles, translation, and AI agent rooms on iOS, Android, and web. Prebuilt r

import React from 'react';
import { Dimensions, Platform } from 'react-native';
import TranslationSettingsModal from '../components/translationComponents/TranslationSettingsModal';
import { ModernMenuModal as ModernMenuModalBase } from './menu_components/ModernMenuModal';
import { ModernBackgroundModal as ModernBackgroundModalBase } from './background_components/ModernBackgroundModal';
import { ModernBreakoutRoomsModal as ModernBreakoutRoomsModalBase } from './breakout_components/ModernBreakoutRoomsModal';
import { ModernConfirmExitModal as ModernConfirmExitModalBase } from './exit_components/ModernConfirmExitModal';
import { ModernConfirmHereModal as ModernConfirmHereModalBase } from './misc_components/ModernConfirmHereModal';
import { ModernShareEventModal as ModernShareEventModalBase } from './misc_components/ModernShareEventModal';
import { ModernDisplaySettingsModal as ModernDisplaySettingsModalBase } from './display_settings_components/ModernDisplaySettingsModal';
import { ModernEventSettingsModal as ModernEventSettingsModalBase } from './event_settings_components/ModernEventSettingsModal';
import { ModernMediaSettingsModal as ModernMediaSettingsModalBase } from './media_settings_components/ModernMediaSettingsModal';
import { ModernConfigureWhiteboardModal as ModernConfigureWhiteboardModalBase } from './whiteboard_components/ModernConfigureWhiteboardModal';
import { ModernScreenboardModal as ModernScreenboardModalBase } from './screenboard_components/ModernScreenboardModal';
import { ModernPanelistsModal as ModernPanelistsModalBase } from './panelists_components/ModernPanelistsModal';
import { ModernPermissionsModal as ModernPermissionsModalBase } from './permissions_components/ModernPermissionsModal';
import { ModernRecordingModal as ModernRecordingModalBase } from './recording_components/ModernRecordingModal';
import { ModernPollModal as ModernPollModalBase } from './polls_components/ModernPollModal';
import { ModernCoHostModal as ModernCoHostModalBase } from './co_host_components/ModernCoHostModal';
import { ModernParticipantsModal as ModernParticipantsModalBase } from './participants_components/ModernParticipantsModal';
import { ModernRequestsModal as ModernRequestsModalBase } from './requests_components/ModernRequestsModal';
import { ModernWaitingModal as ModernWaitingModalBase } from './waiting_components/ModernWaitingModal';
import { ModernMessagesModal as ModernMessagesModalBase } from './message_components/ModernMessagesModal';
import { getModernColors, getModernModalCardStyle, getModernSidePanelStyle, resolveIsDarkMode } from './core/modernTheme';
const withModernModalProps = (props) => ({
    ...props,
    backgroundColor: props.backgroundColor ?? getModernColors(resolveIsDarkMode(props)).surface,
    position: props.position ?? 'topRight',
    style: [
        getModernModalCardStyle(resolveIsDarkMode(props)),
        Platform.OS === 'web' && Dimensions.get('window').width >= 1200
            ? getModernSidePanelStyle(resolveIsDarkMode(props))
            : null,
        props.style,
    ],
    isDarkMode: resolveIsDarkMode(props),
});
export const ModernMenuModal = (props) => (<ModernMenuModalBase {...props} backgroundColor={props.backgroundColor ?? getModernColors(resolveIsDarkMode(props)).surface} isDarkMode={resolveIsDarkMode(props)} position={props.position ?? 'topRight'}/>);
export const ModernRecordingModal = (props) => (<ModernRecordingModalBase {...props} backgroundColor={props.backgroundColor ?? getModernColors(resolveIsDarkMode(props)).surface} isDarkMode={resolveIsDarkMode(props)} position={props.position ?? 'topRight'}/>);
export const ModernRequestsModal = (props) => (<ModernRequestsModalBase {...props} backgroundColor={props.backgroundColor ?? getModernColors(resolveIsDarkMode(props)).surface} isDarkMode={resolveIsDarkMode(props)} position={props.position ?? 'topRight'}/>);
export const ModernWaitingModal = (props) => (<ModernWaitingModalBase {...props} backgroundColor={props.backgroundColor ?? getModernColors(resolveIsDarkMode(props)).surface} isDarkMode={resolveIsDarkMode(props)} position={props.position ?? 'topRight'}/>);
export const ModernDisplaySettingsModal = (props) => (<ModernDisplaySettingsModalBase {...props} backgroundColor={props.backgroundColor ?? getModernColors(resolveIsDarkMode(props)).surface} isDarkMode={resolveIsDarkMode(props)} position={props.position ?? 'topRight'}/>);
export const ModernEventSettingsModal = (props) => (<ModernEventSettingsModalBase {...props} backgroundColor={props.backgroundColor ?? getModernColors(resolveIsDarkMode(props)).surface} isDarkMode={resolveIsDarkMode(props)} position={props.position ?? 'topRight'}/>);
export const ModernCoHostModal = (props) => (<ModernCoHostModalBase {...props} backgroundColor={props.backgroundColor ?? getModernColors(resolveIsDarkMode(props)).surface} isDarkMode={resolveIsDarkMode(props)} position={props.position ?? 'topRight'}/>);
export const ModernParticipantsModal = (props) => (<ModernParticipantsModalBase {...props} backgroundColor={props.backgroundColor ?? getModernColors(resolveIsDarkMode(props)).surface} isDarkMode={resolveIsDarkMode(props)} position={props.position ?? 'topRight'}/>);
export const ModernMessagesModal = (props) => (<ModernMessagesModalBase {...props} backgroundColor={props.backgroundColor ?? getModernColors(resolveIsDarkMode(props)).surface} isDarkMode={resolveIsDarkMode(props)} position={props.position ?? 'topRight'}/>);
export const ModernMediaSettingsModal = (props) => (<ModernMediaSettingsModalBase {...props} backgroundColor={props.backgroundColor ?? getModernColors(resolveIsDarkMode(props)).surface} isDarkMode={resolveIsDarkMode(props)} position={props.position ?? 'topRight'}/>);
export const ModernConfirmExitModal = (props) => (<ModernConfirmExitModalBase {...props} backgroundColor={props.backgroundColor ?? getModernColors(resolveIsDarkMode(props)).surface} isDarkMode={resolveIsDarkMode(props)} position={props.position ?? 'center'}/>);
export const ModernConfirmHereModal = (props) => (<ModernConfirmHereModalBase {...props} backgroundColor={props.backgroundColor ?? getModernColors(resolveIsDarkMode(props)).surface} isDarkMode={resolveIsDarkMode(props)}/>);
export const ModernShareEventModal = (props) => (<ModernShareEventModalBase {...props} backgroundColor={props.backgroundColor ?? getModernColors(resolveIsDarkMode(props)).surface} isDarkMode={resolveIsDarkMode(props)} position={props.position ?? 'topRight'}/>);
export const ModernPollModal = (props) => (<ModernPollModalBase {...props} backgroundColor={props.backgroundColor ?? getModernColors(resolveIsDarkMode(props)).surface} isDarkMode={resolveIsDarkMode(props)} position={props.position ?? 'topRight'}/>);
export const ModernBackgroundModal = (props) => (<ModernBackgroundModalBase {...props} backgroundColor={props.backgroundColor ?? getModernColors(resolveIsDarkMode(props)).surface} isDarkMode={resolveIsDarkMode(props)} position={props.position ?? 'center'}/>);
export const ModernBreakoutRoomsModal = (props) => (<ModernBreakoutRoomsModalBase {...props} backgroundColor={props.backgroundColor ?? getModernColors(resolveIsDarkMode(props)).surface} isDarkMode={resolveIsDarkMode(props)} position={props.position ?? 'topRight'}/>);
export const ModernConfigureWhiteboardModal = (props) => (<ModernConfigureWhiteboardModalBase {...props} backgroundColor={props.backgroundColor ?? getModernColors(resolveIsDarkMode(props)).surface} isDarkMode={resolveIsDarkMode(props)} position={props.position ?? 'center'}/>);
export const ModernScreenboardModal = (props) => (<ModernScreenboardModalBase {...props} backgroundColor={props.backgroundColor ?? getModernColors(resolveIsDarkMode(props)).surface} isDarkMode={resolveIsDarkMode(props)} position={props.position ?? 'center'}/>);
export const ModernPanelistsModal = (props) => (<ModernPanelistsModalBase {...props} backgroundColor={props.backgroundColor ?? getModernColors(resolveIsDarkMode(props)).surface} isDarkMode={resolveIsDarkMode(props)} position={props.position ?? 'center'}/>);
export const ModernPermissionsModal = (props) => (<ModernPermissionsModalBase {...props} backgroundColor={props.backgroundColor ?? getModernColors(resolveIsDarkMode(props)).surface} isDarkMode={resolveIsDarkMode(props)} position={props.position ?? 'center'}/>);
export const ModernTranslationSettingsModal = (props) => (<TranslationSettingsModal {...withModernModalProps(props)}/>);
//# sourceMappingURL=modal_components.js.map