[lib] Introduce a restore flow flag
ClosedPublic
Actions

Show All 21 Lines
import { SafeAreaView } from 'react-native-safe-area-context';		import { SafeAreaView } from 'react-native-safe-area-context';

import { useIsLoggedInToAuthoritativeKeyserver } from 'lib/hooks/account-hooks.js';		import { useIsLoggedInToAuthoritativeKeyserver } from 'lib/hooks/account-hooks.js';
import { setActiveSessionRecoveryActionType } from 'lib/keyserver-conn/keyserver-conn-types.js';		import { setActiveSessionRecoveryActionType } from 'lib/keyserver-conn/keyserver-conn-types.js';
import { usePersistedStateLoaded } from 'lib/selectors/app-state-selectors.js';		import { usePersistedStateLoaded } from 'lib/selectors/app-state-selectors.js';
import { isLoggedIn } from 'lib/selectors/user-selectors.js';		import { isLoggedIn } from 'lib/selectors/user-selectors.js';
import { recoveryFromReduxActionSources } from 'lib/types/account-types.js';		import { recoveryFromReduxActionSources } from 'lib/types/account-types.js';
import { useDispatch } from 'lib/utils/redux-utils.js';		import { useDispatch } from 'lib/utils/redux-utils.js';
import { usingCommServicesAccessToken } from 'lib/utils/services-utils.js';		import {
		usingCommServicesAccessToken,
		usingRestoreFlow,
		} from 'lib/utils/services-utils.js';

import { splashBackgroundURI } from './background-info.js';		import { splashBackgroundURI } from './background-info.js';
import FullscreenSIWEPanel from './fullscreen-siwe-panel.react.js';		import FullscreenSIWEPanel from './fullscreen-siwe-panel.react.js';
import LogInPanel from './log-in-panel.react.js';		import LogInPanel from './log-in-panel.react.js';
import type { LogInState } from './log-in-panel.react.js';		import type { LogInState } from './log-in-panel.react.js';
import LoggedOutStaffInfo from './logged-out-staff-info.react.js';		import LoggedOutStaffInfo from './logged-out-staff-info.react.js';
import { authoritativeKeyserverID } from '../authoritative-keyserver.js';		import { authoritativeKeyserverID } from '../authoritative-keyserver.js';
import KeyboardAvoidingView from '../components/keyboard-avoiding-view.react.js';		import KeyboardAvoidingView from '../components/keyboard-avoiding-view.react.js';
▲ Show 20 Lines • Show All 452 Lines • ▼ Show 20 Lines	const buttonsViewStyle = React.useMemo(
[styles.buttonContainer, buttonsViewOpacity],		[styles.buttonContainer, buttonsViewOpacity],
);		);
const buttons = React.useMemo(() => {		const buttons = React.useMemo(() => {
if (mode.curMode !== 'prompt') {		if (mode.curMode !== 'prompt') {
return null;		return null;
}		}

const signInButtons = [];		const signInButtons = [];
		if (!usingRestoreFlow) {
signInButtons.push(		signInButtons.push(
<TouchableOpacity		<TouchableOpacity
onPress={onPressLogIn}		onPress={onPressLogIn}
style={classicAuthButtonStyle}		style={classicAuthButtonStyle}
activeOpacity={0.6}		activeOpacity={0.6}
key="login-form"		key="login-form"
>		>
<Text style={classicAuthButtonTextStyle}>Sign in</Text>		<Text style={classicAuthButtonTextStyle}>Sign in</Text>
</TouchableOpacity>,		</TouchableOpacity>,
);		);
if (__DEV__) {		}
		if (__DEV__ \|\| usingRestoreFlow) {
		const buttonText = usingRestoreFlow ? 'Sign in' : 'Sign in (QR)';
signInButtons.push(		signInButtons.push(
<TouchableOpacity		<TouchableOpacity
onPress={onPressQRCodeSignIn}		onPress={onPressQRCodeSignIn}
style={classicAuthButtonStyle}		style={classicAuthButtonStyle}
activeOpacity={0.6}		activeOpacity={0.6}
key="qr-code-login"		key="qr-code-login"
>		>
<Text style={classicAuthButtonTextStyle}>Sign in (QR)</Text>		<Text style={classicAuthButtonTextStyle}>{buttonText}</Text>
</TouchableOpacity>,		</TouchableOpacity>,
);		);
}		}

return (		let siweSection = null;
<AnimatedView style={buttonsViewStyle}>		if (!usingRestoreFlow) {
<LoggedOutStaffInfo />		siweSection = (
		<>
<TouchableOpacity		<TouchableOpacity
onPress={onPressSIWE}		onPress={onPressSIWE}
style={siweAuthButtonStyle}		style={siweAuthButtonStyle}
activeOpacity={0.6}		activeOpacity={0.6}
>		>
<View style={styles.siweIcon}>		<View style={styles.siweIcon}>
<EthereumLogo />		<EthereumLogo />
</View>		</View>
<Text style={siweAuthButtonTextStyle}>Sign in with Ethereum</Text>		<Text style={siweAuthButtonTextStyle}>Sign in with Ethereum</Text>
</TouchableOpacity>		</TouchableOpacity>
<View style={styles.siweOr}>		<View style={styles.siweOr}>
<View style={styles.siweOrLeftHR} />		<View style={styles.siweOrLeftHR} />
<Text style={styles.siweOrText}>or</Text>		<Text style={styles.siweOrText}>or</Text>
<View style={styles.siweOrRightHR} />		<View style={styles.siweOrRightHR} />
</View>		</View>
		</>
		);
		}

		return (
		<AnimatedView style={buttonsViewStyle}>
		<LoggedOutStaffInfo />
		{siweSection}
<View style={styles.signInButtons}>{signInButtons}</View>		<View style={styles.signInButtons}>{signInButtons}</View>
<View style={styles.registerButtons}>		<View style={styles.registerButtons}>
<TouchableOpacity		<TouchableOpacity
onPress={onPressNewRegister}		onPress={onPressNewRegister}
style={classicAuthButtonStyle}		style={classicAuthButtonStyle}
activeOpacity={0.6}		activeOpacity={0.6}
key="new"		key="new"
>		>
▲ Show 20 Lines • Show All 110 Lines • Show Last 20 Lines

[lib] Introduce a restore flow flagClosedPublicActions

Details

Diff Detail

Event Timeline

Revision ContentsChangeset List

Diff 46036

lib/utils/services-utils.js

[lib] Introduce a restore flow flag
ClosedPublic
Actions

Revision Contents
Changeset List