-
Notifications
You must be signed in to change notification settings - Fork 2.8k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #44059 from rushatgabhane/2fa
- Loading branch information
Showing
14 changed files
with
244 additions
and
14 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,91 @@ | ||
| import React from 'react'; | ||
| import {View} from 'react-native'; | ||
| import useLocalize from '@hooks/useLocalize'; | ||
| import useResponsiveLayout from '@hooks/useResponsiveLayout'; | ||
| import useStyleUtils from '@hooks/useStyleUtils'; | ||
| import useThemeStyles from '@hooks/useThemeStyles'; | ||
| import CONST from '@src/CONST'; | ||
| import Button from './Button'; | ||
| import Lottie from './Lottie'; | ||
| import LottieAnimations from './LottieAnimations'; | ||
| import Modal from './Modal'; | ||
| import SafeAreaConsumer from './SafeAreaConsumer'; | ||
| import Text from './Text'; | ||
|
|
||
| type RequireTwoFactorAuthenticationModalProps = { | ||
| /** A callback to call when the form has been submitted */ | ||
| onSubmit: () => void; | ||
|
|
||
| /** A callback to call when the form has been closed */ | ||
| onCancel?: () => void; | ||
|
|
||
| /** Modal visibility */ | ||
| isVisible: boolean; | ||
|
|
||
| /** Describe what is showing */ | ||
| description: string; | ||
|
|
||
| /** | ||
| * Whether the modal should enable the new focus manager. | ||
| * We are attempting to migrate to a new refocus manager, adding this property for gradual migration. | ||
| * */ | ||
| shouldEnableNewFocusManagement?: boolean; | ||
| }; | ||
|
|
||
| function RequireTwoFactorAuthenticationModal({onCancel = () => {}, description, isVisible, onSubmit, shouldEnableNewFocusManagement}: RequireTwoFactorAuthenticationModalProps) { | ||
| const {shouldUseNarrowLayout} = useResponsiveLayout(); | ||
| const styles = useThemeStyles(); | ||
| const {translate} = useLocalize(); | ||
| const StyleUtils = useStyleUtils(); | ||
|
|
||
| return ( | ||
| <SafeAreaConsumer> | ||
| {({safeAreaPaddingBottomStyle}) => ( | ||
| <Modal | ||
| onClose={onCancel} | ||
| isVisible={isVisible} | ||
| type={shouldUseNarrowLayout ? CONST.MODAL.MODAL_TYPE.BOTTOM_DOCKED : CONST.MODAL.MODAL_TYPE.CONFIRM} | ||
| innerContainerStyle={{...styles.pb5, ...styles.pt3, ...styles.boxShadowNone}} | ||
| shouldEnableNewFocusManagement={shouldEnableNewFocusManagement} | ||
| > | ||
| <View style={safeAreaPaddingBottomStyle}> | ||
| <View | ||
| style={[ | ||
| styles.mh3, | ||
| styles.br3, | ||
| styles.cardSectionIllustration, | ||
| styles.alignItemsCenter, | ||
| StyleUtils.getBackgroundColorStyle(LottieAnimations.Safe.backgroundColor), | ||
| ]} | ||
| > | ||
| <Lottie | ||
| source={LottieAnimations.Safe} | ||
| style={styles.h100} | ||
| webStyle={styles.h100} | ||
| autoPlay | ||
| loop | ||
| /> | ||
| </View> | ||
| <View style={[styles.mt5, styles.mh5]}> | ||
| <View style={[styles.gap2, styles.mb10]}> | ||
| <Text style={[styles.textHeadlineH1]}>{translate('twoFactorAuth.pleaseEnableTwoFactorAuth')}</Text> | ||
| <Text style={styles.textSupporting}>{description}</Text> | ||
| </View> | ||
| <Button | ||
| large | ||
| success | ||
| pressOnEnter | ||
| onPress={onSubmit} | ||
| text={translate('twoFactorAuth.enableTwoFactorAuth')} | ||
| /> | ||
| </View> | ||
| </View> | ||
| </Modal> | ||
| )} | ||
| </SafeAreaConsumer> | ||
| ); | ||
| } | ||
|
|
||
| RequireTwoFactorAuthenticationModal.displayName = 'RequireTwoFactorAuthenticationModal'; | ||
|
|
||
| export default RequireTwoFactorAuthenticationModal; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.