{"_id":"@codsod/react-native-otp-input","_rev":"8-ed909eb9b5ada84ebee486808cfd0070","name":"@codsod/react-native-otp-input","dist-tags":{"latest":"1.0.7"},"versions":{"1.0.0":{"name":"@codsod/react-native-otp-input","version":"1.0.0","keywords":["otp","input","component","react-native","authentication","typescript","react","mobile","ui","one-time password","user input","secure","cross-platform","form","customizable","password","input field","mobile security","npm","library"],"author":{"url":" Vishal Chaturvedi ","name":"codsod"},"license":"ISC","_id":"@codsod/react-native-otp-input@1.0.0","maintainers":[{"name":"codsod","email":"codsode@gmail.com"}],"homepage":"https://github.com/codsode/react-native-otp-input#readme","bugs":{"url":"https://github.com/codsode/react-native-otp-input/issues"},"dist":{"shasum":"3e4d1745997d4038c995e29e8d76a0e52d04a6e7","tarball":"https://registry.npmjs.org/@codsod/react-native-otp-input/-/react-native-otp-input-1.0.0.tgz","fileCount":4,"integrity":"sha512-scRNnbYb7rrAi5kKmBnx8vRZWg0WSEcPQhVnSTkwCy4iblpTqjX4lUqeS/KzSAL6tQFclDgJRt6HLmJx2geILw==","signatures":[{"sig":"MEUCIQDc0gFcjgTro5b7pIUL6XwofadpHTke3S63omWCbPtF9gIgVQ3N56An6opl9lcpcOfsaB7FCu4epXBULYcOoHcWb+8=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":7950},"main":"src/index.jsx","type":"module","types":"src/index.d.ts","scripts":{"build":"tsc"},"_npmUser":{"name":"codsod","email":"codsode@gmail.com"},"repository":{"url":"git+https://github.com/codsode/react-native-otp-input.git","type":"git"},"_npmVersion":"9.8.1","description":"A customizable OTP input component for React Native with TypeScript support, enabling seamless user authentication with flexible input handling and cross-platform compatibility.","directories":{},"_nodeVersion":"18.18.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1","typescript":"^5.5.4","@types/react":"^18.3.3","react-native":"^0.75.1","@types/react-native":"^0.73.0"},"_npmOperationalInternal":{"tmp":"tmp/react-native-otp-input_1.0.0_1727619343098_0.8250243963058295","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@codsod/react-native-otp-input","version":"1.0.1","keywords":["otp","input","component","react-native","authentication","typescript","react","mobile","ui","one-time password","user input","secure","cross-platform","form","customizable","password","input field","mobile security","npm","library"],"author":{"url":" Vishal Chaturvedi ","name":"codsod"},"license":"ISC","_id":"@codsod/react-native-otp-input@1.0.1","maintainers":[{"name":"codsod","email":"codsode@gmail.com"}],"homepage":"https://github.com/codsode/react-native-otp-input#readme","bugs":{"url":"https://github.com/codsode/react-native-otp-input/issues"},"dist":{"shasum":"1e5d1f90fddc28e7da60f2f4b5b3bc221e8cbfa7","tarball":"https://registry.npmjs.org/@codsod/react-native-otp-input/-/react-native-otp-input-1.0.1.tgz","fileCount":4,"integrity":"sha512-FTwbA2/zfP0jaHp0gRYT/okre+s8h9kLPLJ2p3tv3UkrivcbmwpyIk+KYjNSfdoCzj0XmTum5MaNlWhGBBW1rA==","signatures":[{"sig":"MEYCIQCrKxjNA/kNOksPgcHGmcijAaBbiGViIADm/6oqAVXwOgIhALeM7n+qxCt1fupbUyY3fGp3jeDxqv1h5YrHvV91AcwS","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":8160},"main":"src/index.jsx","type":"module","types":"src/index.d.ts","gitHead":"4f10aaa8a8d6db6e6e4b5c2a27656fd2a79e341b","scripts":{"build":"tsc"},"_npmUser":{"name":"codsod","email":"codsode@gmail.com"},"repository":{"url":"git+https://github.com/codsode/react-native-otp-input.git","type":"git"},"_npmVersion":"9.8.1","description":"A customizable OTP input component for React Native with TypeScript support, enabling seamless user authentication with flexible input handling and cross-platform compatibility.","directories":{},"_nodeVersion":"18.18.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1","typescript":"^5.5.4","@types/react":"^18.3.3","react-native":"^0.75.1","@types/react-native":"^0.73.0"},"_npmOperationalInternal":{"tmp":"tmp/react-native-otp-input_1.0.1_1727621053532_0.21211605077691087","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@codsod/react-native-otp-input","version":"1.0.2","keywords":["otp","input","component","react-native","authentication","typescript","react","mobile","ui","one-time password","user input","secure","cross-platform","form","customizable","password","input field","mobile security","npm","library"],"author":{"url":" Vishal Chaturvedi ","name":"codsod"},"license":"ISC","_id":"@codsod/react-native-otp-input@1.0.2","maintainers":[{"name":"codsod","email":"codsode@gmail.com"}],"homepage":"https://github.com/codsode/react-native-otp-input#readme","bugs":{"url":"https://github.com/codsode/react-native-otp-input/issues"},"dist":{"shasum":"cadc2b42011c273369f0cdece9d403200fbb295b","tarball":"https://registry.npmjs.org/@codsod/react-native-otp-input/-/react-native-otp-input-1.0.2.tgz","fileCount":4,"integrity":"sha512-fWTZxcKZIUxW86DQzzdua80sMiIC1bIpzqcKRnb1HZ8V/v8OMLQ2y8pKHqEqqafUawfBthUnR2R8aXUcJTDKHQ==","signatures":[{"sig":"MEQCIHkfkvRvuwEiycJy54iqqohJI+hCesIAFKl3ybxcN8IhAiBHDqxOr/Ty6BpGzYLFLkxH5b4meIODfL1O3YoFgllheQ==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":8158},"main":"src/index.jsx","type":"module","types":"src/index.d.ts","gitHead":"4f10aaa8a8d6db6e6e4b5c2a27656fd2a79e341b","scripts":{"build":"tsc"},"_npmUser":{"name":"codsod","email":"codsode@gmail.com"},"repository":{"url":"git+https://github.com/codsode/react-native-otp-input.git","type":"git"},"_npmVersion":"9.8.1","description":"A customizable OTP input component for React Native with TypeScript support, enabling seamless user authentication with flexible input handling and cross-platform compatibility.","directories":{},"_nodeVersion":"18.18.2","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1","typescript":"^5.5.4","@types/react":"^18.3.3","react-native":"^0.75.1","@types/react-native":"^0.73.0"},"_npmOperationalInternal":{"tmp":"tmp/react-native-otp-input_1.0.2_1729419473665_0.4189833193264838","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@codsod/react-native-otp-input","version":"1.0.3","keywords":["otp","input","component","react-native","authentication","typescript","react","mobile","ui","one-time password","user input","secure","cross-platform","form","customizable","password","input field","mobile security","npm","library"],"author":{"url":" Vishal Chaturvedi ","name":"codsod"},"license":"ISC","_id":"@codsod/react-native-otp-input@1.0.3","maintainers":[{"name":"codsod","email":"codsode@gmail.com"}],"homepage":"https://github.com/codsode/react-native-otp-input#readme","bugs":{"url":"https://github.com/codsode/react-native-otp-input/issues"},"dist":{"shasum":"bb38a4519ab33d4946d99d87d3d418fe6efdc999","tarball":"https://registry.npmjs.org/@codsod/react-native-otp-input/-/react-native-otp-input-1.0.3.tgz","fileCount":4,"integrity":"sha512-xWOoVC/xpEY0ueWkI/urVAy+1yNpnL5Vr4iww17JdMk9AjRXP4FavNn1SF2Ho5iK37rbMjh45gFurTwWroVbXA==","signatures":[{"sig":"MEUCIQDwffqypiZ52uEZfsFYwtQp0umD7n6nw/oGTm37btbyZwIgfpMmPcFCBgrIgJHkT/dLcNbU+ULFvXXfK3HdANwleLU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":10357},"main":"src/index.jsx","type":"module","types":"src/index.d.ts","gitHead":"4f10aaa8a8d6db6e6e4b5c2a27656fd2a79e341b","scripts":{"build":"tsc"},"_npmUser":{"name":"codsod","email":"codsode@gmail.com"},"repository":{"url":"git+https://github.com/codsode/react-native-otp-input.git","type":"git"},"_npmVersion":"11.1.0","description":"A customizable OTP input component for React Native with TypeScript support, enabling seamless user authentication with flexible input handling and cross-platform compatibility.","directories":{},"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1","typescript":"^5.5.4","@types/react":"^18.3.3","react-native":"^0.75.1","@types/react-native":"^0.73.0"},"_npmOperationalInternal":{"tmp":"tmp/react-native-otp-input_1.0.3_1743349962310_0.9254223352875723","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@codsod/react-native-otp-input","version":"1.0.4","keywords":["otp","input","component","react-native","authentication","typescript","react","mobile","ui","one-time password","user input","secure","cross-platform","form","customizable","password","input field","mobile security","npm","library"],"author":{"url":" Vishal Chaturvedi ","name":"codsod"},"license":"ISC","_id":"@codsod/react-native-otp-input@1.0.4","maintainers":[{"name":"codsod","email":"codsode@gmail.com"}],"homepage":"https://github.com/codsode/react-native-otp-input#readme","bugs":{"url":"https://github.com/codsode/react-native-otp-input/issues"},"dist":{"shasum":"a7571306d64ec4473daed9ad50fe27620f9e89cc","tarball":"https://registry.npmjs.org/@codsod/react-native-otp-input/-/react-native-otp-input-1.0.4.tgz","fileCount":4,"integrity":"sha512-b1B5fcYCD8JCv310U2AZ/b+RTGDiTCq+JNDNIdDHnJhFIrDZ8w90r0csaD1comofMI+62cqUgfvB9NZmQNKDLA==","signatures":[{"sig":"MEQCIH5L0rouhsWrkfD/6bSY+ToHYMbtD+/+dcbptd8iuVs+AiAZ2bNzo8XfVYcIPNICQDysGxYjNHdN4d/YE/GiGs1bcw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":11153},"main":"src/index.jsx","type":"module","types":"src/index.d.ts","gitHead":"4f10aaa8a8d6db6e6e4b5c2a27656fd2a79e341b","scripts":{"build":"tsc"},"_npmUser":{"name":"codsod","email":"codsode@gmail.com"},"repository":{"url":"git+https://github.com/codsode/react-native-otp-input.git","type":"git"},"_npmVersion":"11.1.0","description":"A customizable OTP input component for React Native with TypeScript support, enabling seamless user authentication with flexible input handling and cross-platform compatibility.","directories":{},"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1","typescript":"^5.5.4","@types/react":"^18.3.3","react-native":"^0.75.1","@types/react-native":"^0.73.0"},"_npmOperationalInternal":{"tmp":"tmp/react-native-otp-input_1.0.4_1743350777056_0.4957453011695918","host":"s3://npm-registry-packages-npm-production"}},"1.0.5":{"name":"@codsod/react-native-otp-input","version":"1.0.5","keywords":["otp","input","component","react-native","authentication","typescript","react","mobile","ui","one-time password","user input","secure","cross-platform","form","customizable","password","input field","mobile security","npm","library"],"author":{"url":" Vishal Chaturvedi ","name":"codsod"},"license":"ISC","_id":"@codsod/react-native-otp-input@1.0.5","maintainers":[{"name":"codsod","email":"codsode@gmail.com"}],"homepage":"https://github.com/codsode/react-native-otp-input#readme","bugs":{"url":"https://github.com/codsode/react-native-otp-input/issues"},"dist":{"shasum":"1c9f8459811965335b763d1dc8b6fd22749d8408","tarball":"https://registry.npmjs.org/@codsod/react-native-otp-input/-/react-native-otp-input-1.0.5.tgz","fileCount":4,"integrity":"sha512-2DLX7DbBMecf/5p5RMkElLMShND+u625TC0CmzVpgvJAJLTN4YhBSUfohIRdieZ7bhCeMf8DIIUX++XH0DscVg==","signatures":[{"sig":"MEUCIQD2PRgkDTpxwYXH7Av9BQDdrHIkEU0bZ779CXm6ut6T5gIgJlOZmLmAxEE2hhHI9VZtoSc+KniT5XXqEuBQCOR/pb4=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":11954},"main":"src/index.jsx","type":"module","types":"src/index.d.ts","gitHead":"4f10aaa8a8d6db6e6e4b5c2a27656fd2a79e341b","scripts":{"build":"tsc"},"_npmUser":{"name":"codsod","email":"codsode@gmail.com"},"repository":{"url":"git+https://github.com/codsode/react-native-otp-input.git","type":"git"},"_npmVersion":"11.1.0","description":"A customizable OTP input component for React Native with TypeScript support, enabling seamless user authentication with flexible input handling and cross-platform compatibility.","directories":{},"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1","typescript":"^5.5.4","@types/react":"^18.3.3","react-native":"^0.75.1","@types/react-native":"^0.73.0"},"_npmOperationalInternal":{"tmp":"tmp/react-native-otp-input_1.0.5_1743351230521_0.6201647959397094","host":"s3://npm-registry-packages-npm-production"}},"1.0.6":{"name":"@codsod/react-native-otp-input","version":"1.0.6","keywords":["otp","input","component","react-native","authentication","typescript","react","mobile","ui","one-time password","user input","secure","cross-platform","form","customizable","password","input field","mobile security","npm","library"],"author":{"url":" Vishal Chaturvedi ","name":"codsod"},"license":"ISC","_id":"@codsod/react-native-otp-input@1.0.6","maintainers":[{"name":"codsod","email":"codsode@gmail.com"}],"homepage":"https://github.com/codsode/react-native-otp-input#readme","bugs":{"url":"https://github.com/codsode/react-native-otp-input/issues"},"dist":{"shasum":"48ab59e41115e92319da6672e821aa0cc8d93f7c","tarball":"https://registry.npmjs.org/@codsod/react-native-otp-input/-/react-native-otp-input-1.0.6.tgz","fileCount":4,"integrity":"sha512-2Qp9JWQ3QTz3RjcvB99vquXSXAfS5EH6tqYcqPU2LjVS4owe91j6nq73aiSdxqccjGWatPWbmtoJJKZFw6dP/Q==","signatures":[{"sig":"MEYCIQDY0PvuWo4UAgKfkVbSTI/Hnuv8fkYJNnRIXsRSSHEcfgIhAKGtBMKq7heh5MnAUzZM5/OHlpq95zU8d2X/ooRyssaq","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":12856},"main":"src/index.jsx","type":"module","types":"src/index.d.ts","gitHead":"4f10aaa8a8d6db6e6e4b5c2a27656fd2a79e341b","scripts":{"build":"tsc"},"_npmUser":{"name":"codsod","email":"codsode@gmail.com"},"repository":{"url":"git+https://github.com/codsode/react-native-otp-input.git","type":"git"},"_npmVersion":"11.1.0","description":"A customizable OTP input component for React Native with TypeScript support, enabling seamless user authentication with flexible input handling and cross-platform compatibility.","directories":{},"_nodeVersion":"22.14.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"react":"^18.3.1","typescript":"^5.5.4","@types/react":"^18.3.3","react-native":"^0.75.1","@types/react-native":"^0.73.0"},"_npmOperationalInternal":{"tmp":"tmp/react-native-otp-input_1.0.6_1743351615781_0.4997206188900314","host":"s3://npm-registry-packages-npm-production"}},"1.0.7":{"name":"@codsod/react-native-otp-input","version":"1.0.7","description":"A customizable OTP input component for React Native with TypeScript support, enabling seamless user authentication with flexible input handling and cross-platform compatibility.","type":"module","main":"src/index.jsx","types":"src/index.d.ts","publishConfig":{"access":"public"},"scripts":{"build":"tsc"},"repository":{"type":"git","url":"git+https://github.com/codsode/react-native-otp-input.git"},"keywords":["otp","input","component","react-native","authentication","typescript","react","mobile","ui","one-time password","user input","secure","cross-platform","form","customizable","password","input field","mobile security","npm","library"],"author":{"name":"codsod","url":" Vishal Chaturvedi "},"license":"ISC","bugs":{"url":"https://github.com/codsode/react-native-otp-input/issues"},"homepage":"https://github.com/codsode/react-native-otp-input#readme","devDependencies":{"@types/react":"^18.3.3","@types/react-native":"^0.73.0","react":"^18.3.1","react-native":"^0.75.1","typescript":"^5.5.4"},"_id":"@codsod/react-native-otp-input@1.0.7","gitHead":"4f10aaa8a8d6db6e6e4b5c2a27656fd2a79e341b","_nodeVersion":"22.14.0","_npmVersion":"11.1.0","dist":{"integrity":"sha512-Uiwru5IekS1g0Qqx+RiQ9tqzOmtrexWHk9Kfv15hFyA+TDTrPRZ+7ISXZ4z5YDjWE61lgfWRyiXr9SBy0OCG8w==","shasum":"a4d9c67251777128abb288a3396522244592bd8b","tarball":"https://registry.npmjs.org/@codsod/react-native-otp-input/-/react-native-otp-input-1.0.7.tgz","fileCount":4,"unpackedSize":13227,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCXDpUAkJJNLT5tmCoiKHSdKREmio+GpU/FFQp86CSmOAIgCpRHnX3lnDK2ls4XsrAviZQPmRJ6KGUQqq1Z/aNVMvY="}]},"_npmUser":{"name":"codsod","email":"codsode@gmail.com"},"directories":{},"maintainers":[{"name":"codsod","email":"codsode@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-native-otp-input_1.0.7_1743351955441_0.8748494945357752"},"_hasShrinkwrap":false}},"time":{"created":"2024-09-29T14:15:42.986Z","modified":"2025-03-30T16:25:55.780Z","1.0.0":"2024-09-29T14:15:43.359Z","1.0.1":"2024-09-29T14:44:13.765Z","1.0.2":"2024-10-20T10:17:53.837Z","1.0.3":"2025-03-30T15:52:42.498Z","1.0.4":"2025-03-30T16:06:17.248Z","1.0.5":"2025-03-30T16:13:50.718Z","1.0.6":"2025-03-30T16:20:15.972Z","1.0.7":"2025-03-30T16:25:55.637Z"},"bugs":{"url":"https://github.com/codsode/react-native-otp-input/issues"},"author":{"name":"codsod","url":" Vishal Chaturvedi "},"license":"ISC","homepage":"https://github.com/codsode/react-native-otp-input#readme","keywords":["otp","input","component","react-native","authentication","typescript","react","mobile","ui","one-time password","user input","secure","cross-platform","form","customizable","password","input field","mobile security","npm","library"],"repository":{"type":"git","url":"git+https://github.com/codsode/react-native-otp-input.git"},"description":"A customizable OTP input component for React Native with TypeScript support, enabling seamless user authentication with flexible input handling and cross-platform compatibility.","maintainers":[{"name":"codsod","email":"codsode@gmail.com"}],"readme":"# @codsod/react-native-otp-input\r\n\r\n[](https://github.com/codsode/react-native-otp-input/blob/master/images/react-native-otp-input.png)\r\n\r\nA customizable OTP input component for React Native, designed to simplify user authentication through one-time passwords. This package offers an intuitive interface and flexible functionality, making it ideal for mobile applications.\r\n\r\n## Features\r\n\r\n- **Easy-to-Use API**: Quickly integrate OTP input functionality into your applications.\r\n- **Customizable Length**: Specify the number of input fields for your OTP.\r\n- **Cross-Platform Support**: Optimized for both iOS and Android devices, as well as desktop web.\r\n- **Seamless Focus Management**: Automatically shifts focus between input fields, enhancing user experience.\r\n- **TypeScript Support**: Fully typed for better development experience and error checking.\r\n\r\n## Installation\r\n\r\nTo install the package, use npm or yarn:\r\n\r\n```bash\r\nnpm install @codsod/react-native-otp-input\r\n```\r\n\r\n## Complete Example:\r\n\r\n```javascript\r\nimport React, { useState } from \"react\";\r\nimport OTPInput from \"@codsod/react-native-otp-input\";\r\nimport { StyleSheet, Text, View } from \"react-native\";\r\n\r\nconst Home = () => {\r\n const [otp, setOTP] = useState(\"\");\r\n\r\n return (\r\n \r\n setOTP(txt)}\r\n inputStyle={styles.otpInput}\r\n />\r\n \r\n );\r\n};\r\nconst styles = StyleSheet.create({\r\n container: {\r\n flex: 1,\r\n justifyContent: \"center\",\r\n alignItems: \"center\",\r\n },\r\n otpInput: {\r\n backgroundColor: \"blue\",\r\n color: \"white\",\r\n width: 60,\r\n height: 60,\r\n fontSize: 20,\r\n },\r\n});\r\nexport default Home;\r\n```\r\n\r\n## Props\r\n\r\n| Prop | Type | Description | Default |\r\n| --------------- | ---------- | ------------------------------------------------------------------------- | ------- |\r\n| `length` | `number` | The number of input fields for the OTP. | `4` |\r\n| `onOtpComplete` | `Function` | Callback fired when the OTP input is complete, receiving the entered OTP. | - |\r\n| `style` | `style` | Custom styles for the OTP container. | - |\r\n| `inputStyle` | `style` | Custom styles for each input field. | - |\r\n\r\n### Key Changes and Improvements\r\n\r\n1. **Title and Description**: Adjusted the title and description to focus on OTP input functionality instead of chat interfaces.\r\n\r\n2. **Features Section**: Clearly listed relevant features that are specific to OTP input, highlighting usability and flexibility.\r\n\r\n3. **Installation and Usage**: Improved the example code for clarity and usability. Included more context in the example for better understanding.\r\n\r\n4. **Props Table**: Corrected the descriptions of props to accurately reflect their purposes.\r\n\r\n5. **Contribution and License Sections**: Added these sections to encourage community engagement and clarify the licensing.\r\n\r\n### Conclusion\r\n\r\nFeel free to modify any sections further to better align with your branding or preferences. This README should provide a solid foundation for users to understand and utilize your OTP input component effectively! If you have any more requests or need further assistance, let me know!\r\n","readmeFilename":"readme.md"}