import { HintPicker } from '@housing/react-native-sms-retriever';
import { OtpRetrieval } from '@housing/react-native-sms-retriever';

//Usage for hint Picker

async requestHint() {
    try {
      let phoneNumber = await HintPickerModule.requestHint()
      //phoneNumber is the number User selected
      
    } catch (exception) {
      Sentry.captureException(exception)
    }
  }
  
 //Usage for SmsRetriever 
 // The library is wrapped inside a component which is a generic text input.It retrieves and populates the OTP in the text input.
 
 <OtpRetrieval
    onAutoReadComplete={this.onAutoReadComplete}  // callback which returns the retrieved otp back to the app in argument
    refCallback={this.setOTPRef}  // callback which gives the ref of the Generic TextInput in the library.We set the ref to access functions of Generic TextInput
    type="otp"
    autoCorrect={false}
    autoCapitalize="none"
    placeholder={Constants.OTP_PLACEHOLDER}
    errorText={Constants.OTP_ERROR_TEXT}
    position={otpPosition}  // specifies the position of OTP in the text message that user gets while OTP Verification
    onErrorOccured={this.onErrorOccured}  // A callback that gives any error occured during OTP Retrieval.
  />

  // To handle reset, the ref that is set in refCallback must call onResendClicked.
  // Pass onChangeText as props to the library to handle the case when the user enters OTP manually.