Bugfix: Fix mobile sync & Security options

app/components/Nav/App/__snapshots__/index.test.js.snap

@@ -188,6 +188,7 @@ exports[`App should render correctly 1`] = `
                       "AdvancedSettings": null,
                       "ChoosePasswordSimple": null,
                       "CompanySettings": null,
+                      "EnterPasswordSimple": null,
                       "ExperimentalSettings": null,
                       "GeneralSettings": null,
                       "NetworkSettings": null,
@@ -607,6 +608,7 @@ exports[`App should render correctly 1`] = `
                         "AdvancedSettings": null,
                         "ChoosePasswordSimple": null,
                         "CompanySettings": null,
+                        "EnterPasswordSimple": null,
                         "ExperimentalSettings": null,
                         "GeneralSettings": null,
                         "NetworkSettings": null,

app/components/Nav/Main/__snapshots__/index.test.js.snap

@@ -196,6 +196,7 @@ exports[`Main should render correctly 1`] = `
               "AdvancedSettings": null,
               "ChoosePasswordSimple": null,
               "CompanySettings": null,
+              "EnterPasswordSimple": null,
               "ExperimentalSettings": null,
               "GeneralSettings": null,
               "NetworkSettings": null,
@@ -501,6 +502,7 @@ exports[`Main should render correctly 1`] = `
                 "AdvancedSettings": null,
                 "ChoosePasswordSimple": null,
                 "CompanySettings": null,
+                "EnterPasswordSimple": null,
                 "ExperimentalSettings": null,
                 "GeneralSettings": null,
                 "NetworkSettings": null,

app/components/Nav/Main/index.js

@@ -44,6 +44,7 @@ import QrScanner from '../../Views/QRScanner';
 import LockScreen from '../../Views/LockScreen';
 import ProtectYourAccount from '../../Views/ProtectYourAccount';
 import ChoosePasswordSimple from '../../Views/ChoosePasswordSimple';
+import EnterPasswordSimple from '../../Views/EnterPasswordSimple';
 import ChoosePassword from '../../Views/ChoosePassword';
 import AccountBackupStep1 from '../../Views/AccountBackupStep1';
 import AccountBackupStep2 from '../../Views/AccountBackupStep2';
@@ -209,6 +210,9 @@ const MainNavigator = createStackNavigator(
 				},
 				ChoosePasswordSimple: {
 					screen: ChoosePasswordSimple
+				},
+				EnterPasswordSimple: {
+					screen: EnterPasswordSimple
 				}
 			})
 		},

app/components/Views/EnterPasswordSimple/__snapshots__/index.test.js.snap

@@ -0,0 +1,109 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`EnterPasswordSimple should render correctly 1`] = `
+<_class
+  emulateUnlessSupported={true}
+  style={
+    Object {
+      "backgroundColor": "#FFFFFF",
+      "flex": 1,
+    }
+  }
+>
+  <View
+    style={
+      Object {
+        "flex": 1,
+        "padding": 20,
+      }
+    }
+    testID="enter-password-screen"
+  >
+    <KeyboardAwareScrollViewMock
+      enableAutomaticScroll={true}
+      enableOnAndroid={false}
+      enableResetScrollToCoords={true}
+      extraHeight={75}
+      extraScrollHeight={0}
+      keyboardOpeningTime={250}
+      resetScrollToCoords={
+        Object {
+          "x": 0,
+          "y": 0,
+        }
+      }
+      style={
+        Object {
+          "flex": 1,
+          "padding": 20,
+        }
+      }
+      viewIsInsideTabBar={false}
+    >
+      <View
+        style={
+          Object {
+            "flex": 1,
+          }
+        }
+      >
+        <View>
+          <Text
+            style={
+              Object {
+                "marginBottom": 15,
+              }
+            }
+          >
+            Please enter your password in order to continue
+          </Text>
+          <TextInput
+            allowFontScaling={true}
+            onChangeText={[Function]}
+            onSubmitEditing={[Function]}
+            placeholder="Password"
+            rejectResponderTermination={true}
+            secureTextEntry={true}
+            style={
+              Object {
+                "borderColor": "#f2f3f4",
+                "borderRadius": 5,
+                "borderWidth": 2,
+                "padding": 10,
+              }
+            }
+            underlineColorAndroid="transparent"
+          />
+        </View>
+        <View
+          style={
+            Object {
+              "marginTop": 20,
+              "paddingHorizontal": 10,
+            }
+          }
+        >
+          <StyledButton
+            disabled={false}
+            disabledContainerStyle={
+              Object {
+                "opacity": 0.6,
+              }
+            }
+            onPress={[Function]}
+            styleDisabled={
+              Object {
+                "opacity": 0.6,
+              }
+            }
+            testID="submit-button"
+            type="blue"
+          >
+            Confirm
+          </StyledButton>
+        </View>
+      </View>
+    </KeyboardAwareScrollViewMock>
+  </View>
+</_class>
+`;

app/components/Views/EnterPasswordSimple/index.js

@@ -0,0 +1,112 @@
+import React, { PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import { ActivityIndicator, Alert, Text, View, TextInput, SafeAreaView, StyleSheet } from 'react-native';
+import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';
+import StyledButton from '../../UI/StyledButton';
+
+import { colors, baseStyles } from '../../../styles/common';
+import { strings } from '../../../../locales/i18n';
+import { getNavigationOptionsTitle } from '../../UI/Navbar';
+
+const styles = StyleSheet.create({
+	mainWrapper: {
+		backgroundColor: colors.white,
+		flex: 1
+	},
+	wrapper: {
+		flex: 1,
+		padding: 20
+	},
+	input: {
+		borderWidth: 2,
+		borderRadius: 5,
+		borderColor: colors.grey000,
+		padding: 10
+	},
+	ctaWrapper: {
+		marginTop: 20,
+		paddingHorizontal: 10
+	},
+	enterPassword: {
+		marginBottom: 15
+	}
+});
+
+/**
+ * View where users can re-enter their password
+ */
+export default class EnterPasswordSimple extends PureComponent {
+	static navigationOptions = ({ navigation }) =>
+		getNavigationOptionsTitle(strings('enter_password.title'), navigation);
+
+	static propTypes = {
+		/**
+		 * The navigator object
+		 */
+		navigation: PropTypes.object
+	};
+
+	state = {
+		password: '',
+		loading: false,
+		error: null
+	};
+
+	mounted = true;
+
+	componentWillUnmount() {
+		this.mounted = false;
+	}
+
+	onPressConfirm = async () => {
+		if (this.state.loading) return;
+		if (this.state.password.length < 8) {
+			Alert.alert(strings('enter_password.error'), strings('choose_password.password_length_error'));
+		} else {
+			this.props.navigation.state.params.onPasswordSet(this.state.password);
+			this.props.navigation.pop();
+			return;
+		}
+	};
+
+	onPasswordChange = val => {
+		this.setState({ password: val });
+	};
+
+	render() {
+		return (
+			<SafeAreaView style={styles.mainWrapper}>
+				<View style={styles.wrapper} testID={'enter-password-screen'}>
+					<KeyboardAwareScrollView style={styles.wrapper} resetScrollToCoords={{ x: 0, y: 0 }}>
+						<View style={baseStyles.flexGrow}>
+							<View>
+								<Text style={styles.enterPassword}>{strings('enter_password.desc')}</Text>
+								<TextInput
+									style={styles.input}
+									placeholder={strings('enter_password.password')}
+									onChangeText={this.onPasswordChange}
+									secureTextEntry
+									onSubmitEditing={this.onPressConfirm}
+								/>
+							</View>
+							<View style={styles.ctaWrapper}>
+								<StyledButton
+									type={'blue'}
+									onPress={this.onPressConfirm}
+									testID={'submit-button'}
+									disabled={!(this.state.password !== '' || this.state.password.length < 8)}
+								>
+									{this.state.loading ? (
+										<ActivityIndicator size="small" color="white" />
+									) : (
+										strings('enter_password.confirm_button')
+									)}
+								</StyledButton>
+							</View>
+						</View>
+					</KeyboardAwareScrollView>
+				</View>
+			</SafeAreaView>
+		);
+	}
+}

app/components/Views/EnterPasswordSimple/index.test.js

@@ -0,0 +1,19 @@
+jest.useFakeTimers();
+
+import React from 'react';
+import { shallow } from 'enzyme';
+import EnterPasswordSimple from './';
+
+describe('EnterPasswordSimple', () => {
+	it('should render correctly', () => {
+		const wrapper = shallow(
+			<EnterPasswordSimple
+				navigation={{
+					state: { params: {} }
+				}}
+			/>,
+			{}
+		);
+		expect(wrapper.dive()).toMatchSnapshot();
+	});
+});

app/components/Views/ImportFromSeed/index.js

@@ -244,24 +244,21 @@ class ImportFromSeed extends PureComponent {
 
 				await KeyringController.createNewVaultAndRestore(this.state.password, this.state.seed);
 
-				if (this.state.biometryType) {
+				if (this.state.biometryType && this.state.biometryChoice) {
 					const authOptions = {
-						accessControl: this.state.biometryChoice
-							? SecureKeychain.ACCESS_CONTROL.BIOMETRY_CURRENT_SET_OR_DEVICE_PASSCODE
-							: SecureKeychain.ACCESS_CONTROL.DEVICE_PASSCODE
+						accessControl: SecureKeychain.ACCESS_CONTROL.BIOMETRY_CURRENT_SET_OR_DEVICE_PASSCODE
 					};
+
 					await SecureKeychain.setGenericPassword('metamask-user', this.state.password, authOptions);
 
-					if (!this.state.biometryChoice) {
-						await AsyncStorage.removeItem('@MetaMask:biometryChoice');
-					} else {
-						// If the user enables biometrics, we're trying to read the password
-						// immediately so we get the permission prompt
-						if (Platform.OS === 'ios') {
-							await SecureKeychain.getGenericPassword();
-						}
-						await AsyncStorage.setItem('@MetaMask:biometryChoice', this.state.biometryType);
+					// If the user enables biometrics, we're trying to read the password
+					// immediately so we get the permission prompt
+					if (Platform.OS === 'ios') {
+						await SecureKeychain.getGenericPassword();
 					}
+					await AsyncStorage.setItem('@MetaMask:biometryChoice', this.state.biometryType);
+					await AsyncStorage.removeItem('@MetaMask:biometryChoiceDisabled');
+					await AsyncStorage.removeItem('@MetaMask:passcodeDisabled');
 				} else {
 					if (this.state.rememberMe) {
 						await SecureKeychain.setGenericPassword('metamask-user', this.state.password, {
@@ -271,6 +268,8 @@ class ImportFromSeed extends PureComponent {
 						await SecureKeychain.resetGenericPassword();
 					}
 					await AsyncStorage.removeItem('@MetaMask:biometryChoice');
+					await AsyncStorage.setItem('@MetaMask:biometryChoiceDisabled', 'true');
+					await AsyncStorage.setItem('@MetaMask:passcodeDisabled', 'true');
 				}
 				// Get onboarding wizard state
 				const onboardingWizard = await AsyncStorage.getItem('@MetaMask:onboardingWizard');