{"_id":"@daoduythanh/react-native-otpinput","_rev":"1-32d90d62e2d786e379d812cf4f3cd168","name":"@daoduythanh/react-native-otpinput","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@daoduythanh/react-native-otpinput","version":"1.0.0","description":"Simple OTP input for React Native","main":"lib/commonjs/index.js","react-native":"src/index.tsx","module":"lib/module/index.js","types":"lib/typescript/src/index.d.ts","keywords":["react","react-native","native","otp"],"author":{"name":"Đào Duy Thanh"},"repository":{"type":"git","url":"git+https://github.com/daoduythanh/react-native-otpinput.git"},"scripts":{"test":"jest","typescript":"tsc --noEmit","lint":"eslint --ext .js,.ts,.tsx .","prepare":"bob build"},"license":"MIT","devDependencies":{"@commitlint/config-conventional":"^8.2.0","@react-native-community/bob":"^0.7.0","@types/jest":"^24.0.23","@types/react":"^16.9.16","@types/react-native":"^0.60.25","commitlint":"^8.2.0","eslint":"^6.7.2","eslint-config-satya164":"^3.1.2","eslint-plugin-react-hooks":"^2.3.0","eslint-plugin-react-native-globals":"^0.1.2","husky":"^3.1.0","jest":"^24.9.0","prettier":"^1.19.1","react":"^16.12.0","react-native":"^0.61.5","typescript":"^3.7.3"},"peerDependencies":{"react":"*","react-native":"*"},"husky":{"hooks":{"commit-msg":"commitlint -E HUSKY_GIT_PARAMS","pre-commit":"yarn lint && yarn typescript"}},"jest":{"preset":"react-native","modulePathIgnorePatterns":["<rootDir>/example/node_modules","<rootDir>/lib/"]},"@react-native-community/bob":{"source":"src","output":"lib","targets":["commonjs","module","typescript"]},"dependencies":{"@use-it/interval":"^0.1.3"},"gitHead":"12fba844cf0257ec29fa162cdcca6d9232306396","bugs":{"url":"https://github.com/daoduythanh/react-native-otpinput/issues"},"homepage":"https://github.com/daoduythanh/react-native-otpinput#readme","_id":"@daoduythanh/react-native-otpinput@1.0.0","_nodeVersion":"12.7.0","_npmVersion":"6.10.0","dist":{"integrity":"sha512-RBqI9fvc/Komp9buuvTU8W6Q3nPbY3R3OagOvBrtPo2vuM3PVC7KBJpB1i/m+RaG8adi8atGri+LhAvKQ1LPmQ==","shasum":"a2faf17b03063a319e193dec0740fb0e8072ad57","tarball":"https://registry.npmjs.org/@daoduythanh/react-native-otpinput/-/react-native-otpinput-1.0.0.tgz","fileCount":45,"unpackedSize":67652,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeAt1RCRA9TVsSAnZWagAA85AP/iU5rX3Xnf24vlf+MOOP\nqrB038K6bPOQbFb1d8XlQJEDBDSt60oX0UIF1V+oegoyrp9AS0K7XL19Xc7L\nIJRe+GHzZfAocny9g/eIsGxUnjEvj+3FRQnYWzLVulPg5TXQHenYzub7FyJf\nshicz5PNU0WMJypXkU7EF7yTr0ESff4wuAZm2LzyexRGuvXYUuUR2/5w4E7o\nylXXbdos9czFwAQCo29fHfg8JSfppu+dxciyj0rwQHtB0Xxw3VkVj/lQbU3c\nW5s7IBg1XDSb7UVk1MmA6RT0XTYzeSZL6ytTz3V0GV8JlHjRGoj0kdDg5QAR\n4iHbBVE7EAuqQh6rrtveiLnlkGftWTWzwPLM6oJdi/m6HVgn3GHHpumiWE9f\nStNkMF80DMEZqYTUtY4s3fu/eS+V8rzTBkNya+ElEjbVvhF9XMZcgsyS60XM\nrs2jVTKF3h7vqFoud0/NYonNRYlU1ETZxm5+67xsaVWYebTYYrKhS8I0WjHn\niKhuTzLhQ3WoiFFZakASx+uEi99E+6elwmzaHWWKtxmnMKPkw2ttAJCGReL7\ngfoh5PVIrfd11BU4dxw9QF+kq77Rtd12QyVT36vBhV2uW18vgiEisiseNEJL\nMitFF+QsTUuc4dCnPw3M9a+lKMTwObK6hfUy55/OeG4QbhKLvtMKp1v7AX/U\nD1DH\r\n=TjsL\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCa1xknH33iPdUQmKx9wxAzC0VFfyz27iEFC/qsgpUnugIgWanZthU5hnYNvblCu/14zVOgr9++zEODv0sGorblyko="}]},"maintainers":[{"name":"daoduythanh","email":"thanhdd3006@gmail.com"}],"_npmUser":{"name":"daoduythanh","email":"thanhdd3006@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-otpinput_1.0.0_1577246032516_0.4680934938986532"},"_hasShrinkwrap":false}},"time":{"created":"2019-12-25T03:53:52.483Z","1.0.0":"2019-12-25T03:53:52.844Z","modified":"2022-04-05T02:43:23.094Z"},"maintainers":[{"name":"daoduythanh","email":"thanhdd3006@gmail.com"}],"description":"Simple OTP input for React Native","homepage":"https://github.com/daoduythanh/react-native-otpinput#readme","keywords":["react","react-native","native","otp"],"repository":{"type":"git","url":"git+https://github.com/daoduythanh/react-native-otpinput.git"},"author":{"name":"Đào Duy Thanh"},"bugs":{"url":"https://github.com/daoduythanh/react-native-otpinput/issues"},"license":"MIT","readme":"# React Native Otp Input\n\n[![styled with prettier](https://img.shields.io/badge/styled_with-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)\n\nA cross-platform and simple Otp Input component for React Native.\n\n- Handle Input suggestion on IOS (requires React Native 0.58+ and iOS 12 or above)\n- Auto fill when copy code on Android.\n- Fully-typed with Typescript\n\n## Installation\n\n```javascript\n$ npm install -S react-native-otpinput\n```\n\nor\n\n```javascript\n$ yarn add react-native-otpinput\n```\n\n## Usage\n\n```tsx\nimport React, { useState } from 'react';\nimport { View } from 'react-native';\nimport { OtpInput } from 'react-native-otpinput';\n\nconst App: React.FC<{}> = () => {\n  const [code, setCode] = useState('');\n\n  return (\n    <View>\n      <OtpInput code={code} onCodeChanged={setCode} pinCount={4} />\n    </View>\n  );\n};\n```\n\n## Props\n\n| Name                     | Type     | Default      | Description                                                                                         |\n| ------------------------ | -------- | ------------ | --------------------------------------------------------------------------------------------------- |\n| autoFocusOnLoad          | boolean  | false        | auto focus the 1st input and show keyboard on load                                                  |\n| code                     | string   | **REQUIRED** | the value of the input                                                                              |\n| digitInputHighlightStyle | object   | null         | the style of focused input                                                                          |\n| digitInputStyle          | object   | null         | the style of all inputs                                                                             |\n| onCodeChanged            | function | **REQUIRED** | called when the code is changed                                                                     |\n| onCodeFilled             | function | null         | called when the last digit is filled                                                                |\n| pinCount                 | number   | **REQUIRED** | the number of digit in OTP code                                                                     |\n| secureTextEntry          | boolean  | false        | if true, the text input obscures the text entered so that sensitive text like passwords stay secure |\n| style                    | object   | null         | custom container style                                                                              |\n\n## Acknowledgement\n\nThis library is created based on [@twotalltotems/react-native-otp-input](https://github.com/Twotalltotems/react-native-otp-input)\n","readmeFilename":"README.md"}