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/native/Prejoin.tsx

@@ -15,40 +15,39 @@ import {
 import { useDispatch, useSelector } from 'react-redux';
 
 // @ts-ignore
-import { appNavigate } from '../../app/actions.native';
-import { IReduxState } from '../../app/types';
-import { setAudioOnly } from '../../base/audio-only/actions';
-import { getConferenceName } from '../../base/conference/functions';
-import { connect } from '../../base/connection/actions.native';
-import { IconClose } from '../../base/icons/svg';
+import { appNavigate } from '../../../app/actions.native';
+import { IReduxState } from '../../../app/types';
+import { setAudioOnly } from '../../../base/audio-only/actions';
+import { getConferenceName } from '../../../base/conference/functions';
+import { connect } from '../../../base/connection/actions.native';
+import { IconClose } from '../../../base/icons/svg';
 // @ts-ignore
-import JitsiScreen from '../../base/modal/components/JitsiScreen';
-import { getLocalParticipant } from '../../base/participants/functions';
+import JitsiScreen from '../../../base/modal/components/JitsiScreen';
+import { getLocalParticipant } from '../../../base/participants/functions';
 // @ts-ignore
-import { getFieldValue } from '../../base/react';
-import { ASPECT_RATIO_NARROW } from '../../base/responsive-ui/constants';
-import { updateSettings } from '../../base/settings/actions';
-import BaseTheme from '../../base/ui/components/BaseTheme.native';
-import Button from '../../base/ui/components/native/Button';
-import { BUTTON_TYPES } from '../../base/ui/constants';
-import { BrandingImageBackground } from '../../dynamic-branding/components/native';
+import { getFieldValue } from '../../../base/react';
+import { ASPECT_RATIO_NARROW } from '../../../base/responsive-ui/constants';
+import { updateSettings } from '../../../base/settings/actions';
+import BaseTheme from '../../../base/ui/components/BaseTheme.native';
+import Button from '../../../base/ui/components/native/Button';
+import { BUTTON_TYPES } from '../../../base/ui/constants';
+import { BrandingImageBackground } from '../../../dynamic-branding/components/native';
 // @ts-ignore
-import { LargeVideo } from '../../large-video/components';
+import { LargeVideo } from '../../../large-video/components';
 // @ts-ignore
-import HeaderNavigationButton from '../../mobile/navigation/components/HeaderNavigationButton';
+import HeaderNavigationButton from '../../../mobile/navigation/components/HeaderNavigationButton';
 // @ts-ignore
-import { navigateRoot } from '../../mobile/navigation/rootNavigationContainerRef';
+import { navigateRoot } from '../../../mobile/navigation/rootNavigationContainerRef';
 // @ts-ignore
-import { screen } from '../../mobile/navigation/routes';
+import { screen } from '../../../mobile/navigation/routes';
 // @ts-ignore
-import AudioMuteButton from '../../toolbox/components/AudioMuteButton';
+import AudioMuteButton from '../../../toolbox/components/AudioMuteButton';
 // @ts-ignore
-import VideoMuteButton from '../../toolbox/components/VideoMuteButton';
-import { isDisplayNameRequired } from '../functions';
-import { IPrejoinProps } from '../types';
-
+import VideoMuteButton from '../../../toolbox/components/VideoMuteButton';
+import { isDisplayNameRequired } from '../../functions';
+import { IPrejoinProps } from '../../types';
 // @ts-ignore
-import styles from './styles';
+import styles from '../styles';
 
 
 const Prejoin: React.FC<IPrejoinProps> = ({ navigation }: IPrejoinProps) => {

react/features/prejoin/components/web/DropdownButton.tsx

@@ -2,7 +2,7 @@ import { Theme } from '@mui/material';
 import React from 'react';
 import { makeStyles } from 'tss-react/mui';
 
-import Icon from '../../base/icons/components/Icon';
+import Icon from '../../../base/icons/components/Icon';
 
 type Props = {
 

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

@@ -3,28 +3,28 @@
 import InlineDialog from '@atlaskit/inline-dialog';
 import React, { Component } from 'react';
 
-import { Avatar } from '../../base/avatar';
-import { isNameReadOnly } from '../../base/config';
-import { translate } from '../../base/i18n';
-import { IconArrowDown, IconArrowUp, IconPhone, IconVolumeOff } from '../../base/icons';
-import { isVideoMutedByUser } from '../../base/media';
-import { getLocalParticipant } from '../../base/participants';
-import { ActionButton, InputField, PreMeetingScreen } from '../../base/premeeting';
-import { connect } from '../../base/redux';
-import { getDisplayName, updateSettings } from '../../base/settings';
-import { getLocalJitsiVideoTrack } from '../../base/tracks';
+import { Avatar } from '../../../base/avatar';
+import { isNameReadOnly } from '../../../base/config';
+import { translate } from '../../../base/i18n';
+import { IconArrowDown, IconArrowUp, IconPhone, IconVolumeOff } from '../../../base/icons';
+import { isVideoMutedByUser } from '../../../base/media';
+import { getLocalParticipant } from '../../../base/participants';
+import { ActionButton, InputField, PreMeetingScreen } from '../../../base/premeeting';
+import { connect } from '../../../base/redux';
+import { getDisplayName, updateSettings } from '../../../base/settings';
+import { getLocalJitsiVideoTrack } from '../../../base/tracks';
 import {
     joinConference as joinConferenceAction,
     joinConferenceWithoutAudio as joinConferenceWithoutAudioAction,
     setJoinByPhoneDialogVisiblity as setJoinByPhoneDialogVisiblityAction
-} from '../actions';
+} from '../../actions';
 import {
     isDeviceStatusVisible,
     isDisplayNameRequired,
     isJoinByPhoneButtonVisible,
     isJoinByPhoneDialogVisible,
     isPrejoinDisplayNameVisible
-} from '../functions';
+} from '../../functions';
 
 import DropdownButton from './DropdownButton';
 import JoinByPhoneDialog from './dialogs/JoinByPhoneDialog';

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

@@ -4,14 +4,14 @@ import { AtlasKitThemeProvider } from '@atlaskit/theme';
 import React from 'react';
 import { batch } from 'react-redux';
 
-import { BaseApp } from '../../../features/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';
-import JitsiThemeProvider from '../../base/ui/components/JitsiThemeProvider.web';
-import { initPrejoin, makePrecallTest } from '../actions';
+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';
 

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

@@ -2,12 +2,12 @@
 
 import React, { Component } from 'react';
 
-import { translate } from '../../base/i18n';
-import { isVideoMutedByUser } from '../../base/media';
-import { PreMeetingScreen } from '../../base/premeeting';
-import { connect } from '../../base/redux';
-import { getLocalJitsiVideoTrack } from '../../base/tracks';
-import { isDeviceStatusVisible } from '../functions';
+import { translate } from '../../../base/i18n';
+import { isVideoMutedByUser } from '../../../base/media';
+import { PreMeetingScreen } from '../../../base/premeeting';
+import { connect } from '../../../base/redux';
+import { getLocalJitsiVideoTrack } from '../../../base/tracks';
+import { isDeviceStatusVisible } from '../../functions';
 
 type Props = {
 

react/features/prejoin/components/web/country-picker/CountryDropdown.js

@@ -2,7 +2,7 @@
 
 import React from 'react';
 
-import { countries } from '../../utils';
+import { countries } from '../../../utils';
 
 import CountryRow from './CountryRow';
 

react/features/prejoin/components/web/country-picker/CountryPicker.js

@@ -3,10 +3,10 @@
 import InlineDialog from '@atlaskit/inline-dialog';
 import React, { PureComponent } from 'react';
 
-import { connect } from '../../../base/redux';
-import { setDialOutCountry, setDialOutNumber } from '../../actions';
-import { getDialOutCountry, getDialOutNumber } from '../../functions';
-import { getCountryFromDialCodeText } from '../../utils';
+import { connect } from '../../../../base/redux';
+import { setDialOutCountry, setDialOutNumber } from '../../../actions.web';
+import { getDialOutCountry, getDialOutNumber } from '../../../functions';
+import { getCountryFromDialCodeText } from '../../../utils';
 
 import CountryDropDown from './CountryDropdown';
 import CountrySelector from './CountrySelector';

react/features/prejoin/components/web/country-picker/CountrySelector.js

@@ -2,7 +2,7 @@
 
 import React, { useCallback } from 'react';
 
-import { Icon, IconArrowDown } from '../../../base/icons';
+import { Icon, IconArrowDown } from '../../../../base/icons';
 
 type Props = {
 

react/features/prejoin/components/web/dialogs/CallingDialog.tsx

@@ -6,10 +6,10 @@ import { WithTranslation } from 'react-i18next';
 import { makeStyles } from 'tss-react/mui';
 
 // @ts-ignore
-import { Avatar } from '../../../base/avatar';
-import { translate } from '../../../base/i18n/functions';
-import Icon from '../../../base/icons/components/Icon';
-import { IconClose } from '../../../base/icons/svg';
+import { Avatar } from '../../../../base/avatar';
+import { translate } from '../../../../base/i18n/functions';
+import Icon from '../../../../base/icons/components/Icon';
+import { IconClose } from '../../../../base/icons/svg';
 // @ts-ignore
 import Label from '../Label';
 

react/features/prejoin/components/web/dialogs/DialInDialog.tsx

@@ -5,12 +5,12 @@ import React from 'react';
 import { WithTranslation } from 'react-i18next';
 import { makeStyles } from 'tss-react/mui';
 
-import { translate } from '../../../base/i18n/functions';
-import Icon from '../../../base/icons/components/Icon';
-import { IconArrowLeft } from '../../../base/icons/svg';
-import { Button } from '../../../base/ui/components/web';
+import { translate } from '../../../../base/i18n/functions';
+import Icon from '../../../../base/icons/components/Icon';
+import { IconArrowLeft } from '../../../../base/icons/svg';
+import { Button } from '../../../../base/ui/components/web';
 // @ts-ignore
-import { getCountryCodeFromPhone } from '../../utils';
+import { getCountryCodeFromPhone } from '../../../utils';
 // @ts-ignore
 import Label from '../Label';
 

react/features/prejoin/components/web/dialogs/DialOutDialog.tsx

@@ -5,10 +5,10 @@ import React from 'react';
 import { WithTranslation } from 'react-i18next';
 import { makeStyles } from 'tss-react/mui';
 
-import { translate } from '../../../base/i18n/functions';
-import Icon from '../../../base/icons/components/Icon';
-import { IconClose } from '../../../base/icons/svg';
-import { Button } from '../../../base/ui/components/web';
+import { translate } from '../../../../base/i18n/functions';
+import Icon from '../../../../base/icons/components/Icon';
+import { IconClose } from '../../../../base/icons/svg';
+import { Button } from '../../../../base/ui/components/web';
 // @ts-ignore
 import Label from '../Label';
 // @ts-ignore

react/features/prejoin/components/web/dialogs/JoinByPhoneDialog.js

@@ -2,18 +2,18 @@
 
 import React, { PureComponent } from 'react';
 
-import { connect } from '../../../base/redux';
+import { connect } from '../../../../base/redux';
 import {
     getConferenceId,
     getDefaultDialInNumber,
     updateDialInNumbers
-} from '../../../invite';
+} from '../../../../invite';
 import {
     dialOut as dialOutAction,
     joinConferenceWithoutAudio as joinConferenceWithoutAudioAction,
     openDialInPage as openDialInPageAction
-} from '../../actions';
-import { getDialOutStatus, getFullDialOutNumber } from '../../functions';
+} from '../../../actions';
+import { getDialOutStatus, getFullDialOutNumber } from '../../../functions';
 
 import CallingDialog from './CallingDialog';
 import DialInDialog from './DialInDialog';

react/features/prejoin/components/web/preview/DeviceStatus.tsx

@@ -3,15 +3,15 @@ import React from 'react';
 import { WithTranslation } from 'react-i18next';
 import { makeStyles } from 'tss-react/mui';
 
-import { IReduxState } from '../../../app/types';
-import { translate } from '../../../base/i18n/functions';
-import Icon from '../../../base/icons/components/Icon';
-import { IconCheckSolid, IconExclamationTriangle } from '../../../base/icons/svg';
-import { connect } from '../../../base/redux/functions';
+import { IReduxState } from '../../../../app/types';
+import { translate } from '../../../../base/i18n/functions';
+import Icon from '../../../../base/icons/components/Icon';
+import { IconCheckSolid, IconExclamationTriangle } from '../../../../base/icons/svg';
+import { connect } from '../../../../base/redux/functions';
 import {
     getDeviceStatusText,
     getDeviceStatusType
-} from '../../functions';
+} from '../../../functions';
 
 export interface IProps extends WithTranslation {