fix(ts) make tsc (almost) not cry on native

Co-authored-by: Calinteodor <calin.chitu@8x8.com>
Co-authored-by: Robert Pintilii <robert.pin9@gmail.com>

react/features/prejoin/components/web/PrejoinApp.js

@@ -0,0 +1,107 @@
+// @flow
+
+import { AtlasKitThemeProvider } from '@atlaskit/theme';
+import React from 'react';
+import { batch } from 'react-redux';
+
+import { BaseApp } from '../../../base/app';
+import { getConferenceOptions } from '../../../base/conference/functions';
+import { setConfig } from '../../../base/config';
+import { DialogContainer } from '../../../base/dialog';
+import { createPrejoinTracks } from '../../../base/tracks';
+import GlobalStyles from '../../../base/ui/components/GlobalStyles.web';
+import JitsiThemeProvider from '../../../base/ui/components/JitsiThemeProvider.web';
+import { initPrejoin, makePrecallTest } from '../../actions';
+
+import PrejoinThirdParty from './PrejoinThirdParty';
+
+type Props = {
+
+    /**
+     * Indicates the style type that needs to be applied.
+     */
+    styleType: string
+}
+
+/**
+ * Wrapper application for prejoin.
+ *
+ * @augments BaseApp
+ */
+export default class PrejoinApp extends BaseApp<Props> {
+    /**
+     * The deferred for the initialisation {{promise, resolve, reject}}.
+     */
+    _init: Object;
+
+    /**
+     * Navigates to {@link Prejoin} upon mount.
+     *
+     * @returns {void}
+     */
+    async componentDidMount() {
+        await super.componentDidMount();
+
+        const { store } = this.state;
+        const { dispatch } = store;
+        const { styleType } = this.props;
+
+        super._navigate({
+            component: PrejoinThirdParty,
+            props: {
+                className: styleType
+            }
+        });
+
+        const { startWithAudioMuted, startWithVideoMuted } = store.getState()['features/base/settings'];
+
+        dispatch(setConfig({
+            prejoinConfig: {
+                enabled: true
+            },
+            startWithAudioMuted,
+            startWithVideoMuted
+        }));
+
+        const { tryCreateLocalTracks, errors } = createPrejoinTracks();
+
+        const tracks = await tryCreateLocalTracks;
+
+        batch(() => {
+            dispatch(initPrejoin(tracks, errors));
+            dispatch(makePrecallTest(getConferenceOptions(store.getState())));
+        });
+    }
+
+    /**
+     * Overrides the parent method to inject {@link AtlasKitThemeProvider} as
+     * the top most component.
+     *
+     * @override
+     */
+    _createMainElement(component, props) {
+        return (
+            <JitsiThemeProvider>
+                <AtlasKitThemeProvider mode = 'dark'>
+                    <GlobalStyles />
+                    { super._createMainElement(component, props) }
+                </AtlasKitThemeProvider>
+            </JitsiThemeProvider>
+        );
+    }
+
+    /**
+     * Renders the platform specific dialog container.
+     *
+     * @returns {React$Element}
+     */
+    _renderDialogContainer() {
+        return (
+            <JitsiThemeProvider>
+                <AtlasKitThemeProvider mode = 'dark'>
+                    <DialogContainer />
+                </AtlasKitThemeProvider>
+            </JitsiThemeProvider>
+        );
+    }
+}