fix: set autoFocus to default as true

Author: johelder

src/components/text-input.tsx

@@ -6,7 +6,7 @@ import type { TextInputOTPProps, TextInputOTPRef } from '../types';
 export const TextInput = forwardRef<
   TextInputOTPRef,
   Omit<TextInputOTPProps, 'children'>
->((props, ref) => {
+>(({ autoFocus = true, ...rest }, ref) => {
   const {
     inputRef,
     handleKeyPress,
@@ -32,7 +32,8 @@ export const TextInput = forwardRef<
       onChangeText={handleChangeText}
       style={styles.input}
       keyboardType="number-pad"
-      {...props}
+      autoFocus={autoFocus}
+      {...rest}
     />
   );
 });

src/hooks/use-text-input-otp.tsx

@@ -27,12 +27,15 @@ const TextInputOTPContext = createContext<TextInputOTPContextProps>({
 });
 
 export function TextInputOTPProvider({
+  autoFocus = true,
   maxLength,
   onFilled,
   children,
-}: PropsWithChildren<Pick<TextInputOTPProps, 'maxLength' | 'onFilled'>>) {
+}: PropsWithChildren<
+  Pick<TextInputOTPProps, 'autoFocus' | 'maxLength' | 'onFilled'>
+>) {
   const [code, setCode] = useState(Array(maxLength).fill(''));
-  const [currentIndex, setCurrentIndex] = useState(0);
+  const [currentIndex, setCurrentIndex] = useState(autoFocus ? 0 : -1);
   const inputRef = useRef<TextInput>(null);
 
   function updateCodeAtIndex(index: number, value: string) {

src/types/text-input-otp.ts

@@ -3,6 +3,7 @@ import type { StyleProp, TextInputProps, ViewStyle } from 'react-native';
 
 export type TextInputOTPProps = {
   children: ReactNode;
+  autoFocus?: boolean;
   maxLength: number;
   onFilled?: (text: string) => void;
   containerStyles?: StyleProp<ViewStyle>;