import BundleContainer from '../containers/bundle_container';
import BundleModalError from './bundle_modal_error';
import ModalLoading from './modal_loading';
- import ActionsModal from '../components/actions_modal';
+ import ActionsModal from './actions_modal';
+ import MediaModal from './media_modal';
+ import VideoModal from './video_modal';
+ import BoostModal from './boost_modal';
+ import ConfirmationModal from './confirmation_modal';
import {
- MediaModal,
OnboardingModal,
- VideoModal,
- BoostModal,
- ConfirmationModal,
ReportModal,
+ SettingsModal,
EmbedModal,
} from '../../../features/ui/util/async-components';
const MODAL_COMPONENTS = {
- 'MEDIA': MediaModal,
+ 'MEDIA': () => Promise.resolve({ default: MediaModal }),
'ONBOARDING': OnboardingModal,
- 'VIDEO': VideoModal,
- 'BOOST': BoostModal,
- 'CONFIRM': ConfirmationModal,
+ 'VIDEO': () => Promise.resolve({ default: VideoModal }),
+ 'BOOST': () => Promise.resolve({ default: BoostModal }),
+ 'CONFIRM': () => Promise.resolve({ default: ConfirmationModal }),
'REPORT': ReportModal,
+ 'SETTINGS': SettingsModal,
'ACTIONS': () => Promise.resolve({ default: ActionsModal }),
'EMBED': EmbedModal,
};