Chore: Migrate LivechatEditView to Typescript

app/containers/SearchBox.tsx

@@ -1,5 +1,13 @@
 import React from 'react';
-import { NativeSyntheticEvent, StyleSheet, Text, TextInputFocusEventData, TextInputProps, View } from 'react-native';
+import {
+	NativeSyntheticEvent,
+	StyleSheet,
+	TextInput as RNTextInput,
+	Text,
+	TextInputFocusEventData,
+	TextInputProps,
+	View
+} from 'react-native';
 import Touchable from 'react-native-platform-touchable';
 
 import TextInput from '../presentation/TextInput';
@@ -51,7 +59,7 @@ interface ISearchBox {
 	hasCancel?: boolean;
 	onCancelPress?: Function;
 	theme?: string;
-	inputRef?: React.Ref<unknown>;
+	inputRef?: React.Ref<RNTextInput>;
 	testID?: string;
 	onFocus?: (e: NativeSyntheticEvent<TextInputFocusEventData>) => void;
 }

app/containers/TextInput.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StyleProp, StyleSheet, Text, TextInputProps, TextStyle, View, ViewStyle } from 'react-native';
+import { StyleProp, StyleSheet, Text, TextInputProps, TextInput as RNTextInput, TextStyle, View, ViewStyle } from 'react-native';
 import Touchable from 'react-native-platform-touchable';
 
 import sharedStyles from '../views/Styles';
@@ -59,7 +59,7 @@ export interface IRCTextInputProps extends TextInputProps {
 	loading?: boolean;
 	containerStyle?: StyleProp<ViewStyle>;
 	inputStyle?: StyleProp<TextStyle>;
-	inputRef?: React.Ref<unknown>;
+	inputRef?: React.Ref<RNTextInput>;
 	testID?: string;
 	iconLeft?: string;
 	iconRight?: string;

app/containers/UIKit/MultiSelect/index.tsx

@@ -22,8 +22,8 @@ interface IMultiSelect {
 	context?: number;
 	loading?: boolean;
 	multiselect?: boolean;
-	onSearch: Function;
-	onClose: Function;
+	onSearch?: () => void;
+	onClose?: () => void;
 	inputStyle: object;
 	value?: any[];
 	disabled?: boolean | object;

app/definitions/ITagsOmnichannel.ts

@@ -0,0 +1,5 @@
+export interface ITagsOmnichannel {
+	_id: string;
+	name: string;
+	departments: string[];
+}

app/definitions/IVisitor.ts

@@ -0,0 +1,24 @@
+export interface IVisitorEmail {
+	address: string;
+}
+
+export interface IVisitorPhone {
+	phoneNumber: string;
+}
+
+export interface IVisitor {
+	_id?: string;
+	token: string;
+	username: string;
+	updatedAt?: Date;
+	name: string;
+	department?: string;
+	phone?: IVisitorPhone[];
+	visitorEmails?: IVisitorEmail[];
+	customFields?: {
+		[key: string]: any;
+	};
+	livechatData: {
+		[key: string]: any;
+	};
+}

app/presentation/TextInput.tsx

@@ -15,7 +15,7 @@ interface IThemedTextInput extends IRCTextInputProps {
 	theme: string;
 }
 
-const ThemedTextInput = React.forwardRef(({ style, theme, ...props }: IThemedTextInput, ref: any) => (
+const ThemedTextInput = React.forwardRef<TextInput, IThemedTextInput>(({ style, theme, ...props }, ref) => (
 	<TextInput
 		ref={ref}
 		style={[{ color: themes[theme].titleText }, style, styles.input]}

app/views/E2EEnterYourPasswordView.tsx

@@ -1,6 +1,6 @@
 import { StackNavigationOptions } from '@react-navigation/stack';
 import React from 'react';
-import { ScrollView, StyleSheet, Text } from 'react-native';
+import { ScrollView, StyleSheet, Text, TextInput as RNTextInput } from 'react-native';
 import { connect } from 'react-redux';
 
 import { encryptionDecodeKey } from '../actions/encryption';
@@ -37,7 +37,7 @@ interface IE2EEnterYourPasswordViewState {
 type TE2EEnterYourPasswordViewProps = IBaseScreen<E2EEnterYourPasswordStackParamList, 'E2EEnterYourPasswordView'>;
 
 class E2EEnterYourPasswordView extends React.Component<TE2EEnterYourPasswordViewProps, IE2EEnterYourPasswordViewState> {
-	private passwordInput?: TextInput;
+	private passwordInput?: RNTextInput;
 
 	static navigationOptions = ({ navigation }: Pick<TE2EEnterYourPasswordViewProps, 'navigation'>): StackNavigationOptions => ({
 		headerLeft: () => <HeaderButton.CloseModal navigation={navigation} testID='e2e-enter-your-password-view-close' />,
@@ -76,7 +76,7 @@ class E2EEnterYourPasswordView extends React.Component<TE2EEnterYourPasswordView
 						style={[styles.container, { backgroundColor: themes[theme].backgroundColor }]}
 						testID='e2e-enter-your-password-view'>
 						<TextInput
-							inputRef={(e: TextInput) => {
+							inputRef={(e: RNTextInput) => {
 								this.passwordInput = e;
 							}}
 							placeholder={I18n.t('Password')}