{"_id":"@abhinavchauhan01/auth-components","_rev":"3-0e10d7a260cc8265e728558011d53dbf","name":"@abhinavchauhan01/auth-components","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@abhinavchauhan01/auth-components","version":"1.0.0","keywords":["react","authentication","login","signup","forgot-password","otp","verification"],"author":{"name":"Kickrtechnology"},"license":"MIT","_id":"@abhinavchauhan01/auth-components@1.0.0","maintainers":[{"name":"abhinavchauhan01","email":"caaryan877@gmail.com"}],"homepage":"https://github.com/kickrtechnology/auth-components#readme","bugs":{"url":"https://github.com/kickrtechnology/auth-components/issues"},"dist":{"shasum":"f29dbb7cc6f2c6e69c226ed31a186465ea6f82c7","tarball":"https://registry.npmjs.org/@abhinavchauhan01/auth-components/-/auth-components-1.0.0.tgz","fileCount":7,"integrity":"sha512-6u/z0e78S6mhRCfmw0i6cyYWlObqRU++VeLWHkYcruCgNYV8OGpypQAFgYlI1MT0/BkxLh6sIZBrBotVJHEMUw==","signatures":[{"sig":"MEQCIDjsluZXpiw+Ey4gGKNkN+8CY0eZHMh7Le/xVtAnBQtEAiAmsnCDzHDFQwMdAzrmInu1E8uvRVFO3x7H5o2wBnJ3EA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4141599},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","scripts":{"lint":"eslint src/**/*.{js,jsx}","test":"jest","build":"rollup -c","prepare":"npm run build"},"_npmUser":{"name":"abhinavchauhan01","email":"caaryan877@gmail.com"},"repository":{"url":"git+https://github.com/kickrtechnology/auth-components.git","type":"git"},"_npmVersion":"10.9.0","description":"Customizable authentication components for React applications","directories":{},"_nodeVersion":"20.17.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","eslint":"^8.51.0","rollup":"^2.79.1","typescript":"^5.2.2","@babel/core":"^7.23.0","@types/react":"^18.2.28","@babel/preset-env":"^7.22.20","@rollup/plugin-url":"^8.0.2","@babel/preset-react":"^7.25.7","@rollup/plugin-babel":"^6.0.4","rollup-plugin-terser":"^7.0.2","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-node-resolve":"^15.2.3","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/auth-components_1.0.0_1729576772282_0.547453591689427","host":"s3://npm-registry-packages"}},"1.0.1":{"name":"@abhinavchauhan01/auth-components","version":"1.0.1","keywords":["react","authentication","login","signup","forgot-password","otp","verification"],"author":{"name":"Kickrtechnology"},"license":"MIT","_id":"@abhinavchauhan01/auth-components@1.0.1","maintainers":[{"name":"abhinavchauhan01","email":"caaryan877@gmail.com"}],"homepage":"https://github.com/kickrtechnology/auth-components#readme","bugs":{"url":"https://github.com/kickrtechnology/auth-components/issues"},"dist":{"shasum":"01b5070c30b736cc0da433ff3b3395cf84142c1f","tarball":"https://registry.npmjs.org/@abhinavchauhan01/auth-components/-/auth-components-1.0.1.tgz","fileCount":7,"integrity":"sha512-rFzGqUje95OfIZt/hbBF7oDP724zXbTNlXGeZD497Yo99wy1RUwo6d/h8VSp/6GoEjr6tqzm9VgmOq4pAFFjkw==","signatures":[{"sig":"MEQCIA1kz3fSN3aO39Z3N2q2E6YtjaShTgalCzmvSqiCBIh0AiAWZYTMlzvMjiGusJmvRpjv9mKz6MPgcbkobZ6z7dI/SA==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4144076},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","scripts":{"lint":"eslint src/**/*.{js,jsx}","test":"jest","build":"rollup -c","prepare":"npm run build"},"_npmUser":{"name":"abhinavchauhan01","email":"caaryan877@gmail.com"},"repository":{"url":"git+https://github.com/kickrtechnology/auth-components.git","type":"git"},"_npmVersion":"10.9.0","description":"Customizable authentication components for React applications","directories":{},"_nodeVersion":"20.17.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","eslint":"^8.51.0","rollup":"^2.79.1","typescript":"^5.2.2","@babel/core":"^7.23.0","@types/react":"^18.2.28","@babel/preset-env":"^7.22.20","@rollup/plugin-url":"^8.0.2","@babel/preset-react":"^7.25.7","@rollup/plugin-babel":"^6.0.4","rollup-plugin-terser":"^7.0.2","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-node-resolve":"^15.2.3","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/auth-components_1.0.1_1729578655102_0.4194232749408471","host":"s3://npm-registry-packages"}},"1.0.2":{"name":"@abhinavchauhan01/auth-components","version":"1.0.2","keywords":["react","authentication","login","signup","forgot-password","otp","verification"],"author":{"name":"Kickrtechnology"},"license":"MIT","_id":"@abhinavchauhan01/auth-components@1.0.2","maintainers":[{"name":"abhinavchauhan01","email":"caaryan877@gmail.com"}],"homepage":"https://github.com/kickrtechnology/auth-components#readme","bugs":{"url":"https://github.com/kickrtechnology/auth-components/issues"},"dist":{"shasum":"7f254b9e04fd19483543fec430b6858e482d673e","tarball":"https://registry.npmjs.org/@abhinavchauhan01/auth-components/-/auth-components-1.0.2.tgz","fileCount":7,"integrity":"sha512-Fv2/xJBeE8auhUan62zrMqZFUTEy7jRJ4PrMiU/YVGmUjDIAxfKmkrIE2i2WToXDRu33VTVC0jBQYfFi0+UK1w==","signatures":[{"sig":"MEYCIQD7Ml/7raVhUP6B+conY+KY+G5xV0W5uS7zE7P1MpADkgIhAPRJ5jYrM50ckCj1f0ArYAl6UmmIDKruNGCFWDg+5rCM","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":4144093},"main":"dist/index.js","type":"module","types":"dist/index.d.ts","module":"dist/index.esm.js","scripts":{"lint":"eslint src/**/*.{js,jsx}","test":"jest","build":"rollup -c","prepare":"npm run build"},"_npmUser":{"name":"abhinavchauhan01","email":"caaryan877@gmail.com"},"repository":{"url":"git+https://github.com/kickrtechnology/auth-components.git","type":"git"},"_npmVersion":"10.9.0","description":"Customizable authentication components for React applications","directories":{},"_nodeVersion":"20.17.0","_hasShrinkwrap":false,"devDependencies":{"jest":"^29.7.0","eslint":"^8.51.0","rollup":"^2.79.1","typescript":"^5.2.2","@babel/core":"^7.23.0","@types/react":"^18.2.28","@babel/preset-env":"^7.22.20","@rollup/plugin-url":"^8.0.2","@babel/preset-react":"^7.25.7","@rollup/plugin-babel":"^6.0.4","rollup-plugin-terser":"^7.0.2","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-node-resolve":"^15.2.3","rollup-plugin-peer-deps-external":"^2.2.4"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"_npmOperationalInternal":{"tmp":"tmp/auth-components_1.0.2_1729579340152_0.3224058024568093","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@abhinavchauhan01/auth-components","version":"1.0.3","description":"Customizable authentication components for React applications","main":"dist/index.js","module":"dist/index.esm.js","types":"dist/index.d.ts","type":"module","scripts":{"build":"rollup -c","prepare":"npm run build","test":"jest","lint":"eslint src/**/*.{js,jsx}"},"peerDependencies":{"react":">=16.8.0","react-dom":">=16.8.0"},"devDependencies":{"@babel/core":"^7.23.0","@babel/preset-env":"^7.22.20","@babel/preset-react":"^7.25.7","@rollup/plugin-babel":"^6.0.4","@rollup/plugin-commonjs":"^25.0.7","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-url":"^8.0.2","@types/react":"^18.2.28","eslint":"^8.51.0","jest":"^29.7.0","rollup":"^2.79.1","rollup-plugin-peer-deps-external":"^2.2.4","rollup-plugin-terser":"^7.0.2","typescript":"^5.2.2"},"keywords":["react","authentication","login","signup","forgot-password","otp","verification"],"author":{"name":"Kickrtechnology"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/kickrtechnology/auth-components.git"},"bugs":{"url":"https://github.com/kickrtechnology/auth-components/issues"},"homepage":"https://github.com/kickrtechnology/auth-components#readme","_id":"@abhinavchauhan01/auth-components@1.0.3","_nodeVersion":"20.17.0","_npmVersion":"10.9.0","dist":{"integrity":"sha512-/GyY/8U4aNuTrGZbVXZVOwkq6rmn+1/GH62yLIrWIUTchYEm0V57MfRQWkqixQ+tSQWtVwTVepn4H+m2QH/91Q==","shasum":"7cc9d0be0c73faea511c931564410b7ff95ee137","tarball":"https://registry.npmjs.org/@abhinavchauhan01/auth-components/-/auth-components-1.0.3.tgz","fileCount":7,"unpackedSize":4144093,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDrLZnIUEHTQKT7UJIk7Ha8BkbGhapujxNY+MI1ixxg4gIgPWT7oIRQ6yTN0sVQ1Nzcw2PYkrnPUEamK7maZdTzQRU="}]},"_npmUser":{"name":"abhinavchauhan01","email":"caaryan877@gmail.com"},"directories":{},"maintainers":[{"name":"abhinavchauhan01","email":"caaryan877@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/auth-components_1.0.3_1729579793995_0.2674236202918028"},"_hasShrinkwrap":false}},"time":{"created":"2024-10-22T05:59:32.145Z","modified":"2024-10-22T06:49:54.521Z","1.0.0":"2024-10-22T05:59:32.556Z","1.0.1":"2024-10-22T06:30:55.366Z","1.0.2":"2024-10-22T06:42:20.396Z","1.0.3":"2024-10-22T06:49:54.344Z"},"bugs":{"url":"https://github.com/kickrtechnology/auth-components/issues"},"author":{"name":"Kickrtechnology"},"license":"MIT","homepage":"https://github.com/kickrtechnology/auth-components#readme","keywords":["react","authentication","login","signup","forgot-password","otp","verification"],"repository":{"type":"git","url":"git+https://github.com/kickrtechnology/auth-components.git"},"description":"Customizable authentication components for React applications","maintainers":[{"name":"abhinavchauhan01","email":"caaryan877@gmail.com"}],"readme":"# @kickrtechnology/auth-components\n\nA collection of customizable authentication components for React applications.\n\n## Installation\n\n```bash\nnpm install @kickrtechnology/auth-components\n# or\nyarn add @kickrtechnology/auth-components\n```\n\n## Components\n\n1. CustomizableLogin\n2. CustomizableSignup\n3. CustomizableOTPVerification\n4. CustomizableForgotPassword\n\n## Usage\n\n```jsx\nimport { \n  CustomizableLogin, \n  CustomizableSignup,\n  CustomizableOTPVerification,\n  CustomizableForgotPassword \n} from '@kickrtechnology/auth-components';\n\n// Login Component\nfunction App() {\n  return (\n    <CustomizableLogin   containerStyle={{\n        backgroundColor: '#c8e8fa',\n        // backgroundColor: '#f0f0f0',\n        boxShadow: '0 0 10px rgba(0,0,0,0.2)',\n        display:\"flex\",\n        flexDirection:\"column\",\n        justifyContent:\"center\",\n        alignItems:\"center\",\n        minWidth:\"400px\",\n        maxWidth:\"600px\"\n      }}\n      inputStyle={{\n        backgroundColor: '#ffffff',\n        border: '1px solid #ddd',\n        width:\"340px\"\n      }}\n      buttonStyle={{\n        backgroundColor: '#ff5722',\n        borderRadius: '20px',\n       boxShadow:\"5px 5px 1px green\",\n      }}\n      brandingStyle={{\n        color: 'blue',\n        fontWeight: 'bold',\n      }}\n      onSubmit={handleSubmit}\n      licenseKey=\"PAID_LICENSE_KEY\"  loginMethod = 'email' />\n  );\n}\n\n// Signup Component\n<CustomizableSignup\n      fields={['firstName', 'lastName', 'email', 'phone']}\n      // customStyles={{\n      //   firstName: { borderColor: 'blue' },\n      //   lastName: { borderColor: 'green' },\n      // }}\n      containerStyle={{\n        backgroundColor: '#c8e8fa',\n        // backgroundColor: '#f0f0f0',\n        boxShadow: '0 0 10px rgba(0,0,0,0.2)',\n        display:\"flex\",\n        flexDirection:\"column\",\n        justifyContent:\"center\",\n        alignItems:\"center\",\n        minWidth:\"400px\",\n        maxWidth:\"600px\"\n      }}\n      inputStyle={{\n        backgroundColor: '#ffffff',\n        border: '1px solid #ddd',\n        width:\"340px\"\n      }}\n      buttonStyle={{\n        backgroundColor: '#ff5722',\n        borderRadius: '20px',\n       boxShadow:\"5px 5px 1px green\",\n      }}\n      brandingStyle={{\n        color: 'blue',\n        fontWeight: 'bold',\n      }}\n      onSubmit={handleSubmit}\n      licenseKey=\"PAID_LICENSE_KEY\"\n    />\n\n   <CustomizableLogin   containerStyle={{\n        backgroundColor: '#c8e8fa',\n        // backgroundColor: '#f0f0f0',\n        boxShadow: '0 0 10px rgba(0,0,0,0.2)',\n        display:\"flex\",\n        flexDirection:\"column\",\n        justifyContent:\"center\",\n        alignItems:\"center\",\n        minWidth:\"400px\",\n        maxWidth:\"600px\"\n      }}\n      inputStyle={{\n        backgroundColor: '#ffffff',\n        border: '1px solid #ddd',\n        width:\"340px\"\n      }}\n      buttonStyle={{\n        backgroundColor: '#ff5722',\n        borderRadius: '20px',\n       boxShadow:\"5px 5px 1px green\",\n      }}\n      brandingStyle={{\n        color: 'blue',\n        fontWeight: 'bold',\n      }}\n      onSubmit={handleSubmit}\n      licenseKey=\"PAID_LICENSE_KEY\"  loginMethod = 'email' />\n    \n\n    <CustomizableOTPVerification\n  numberOfDigits={4} // Default is 6\n  customStyles={{\n    input: { borderColor: 'blue' }\n  }}\n  containerStyle={{\n    backgroundColor: '#c8e8fa',\n    // backgroundColor: '#f0f0f0',\n    boxShadow: '0 0 10px rgba(0,0,0,0.2)',\n    display:\"flex\",\n    flexDirection:\"column\",\n    justifyContent:\"center\",\n    alignItems:\"center\",\n    minWidth:\"400px\",\n    maxWidth:\"600px\"\n  }}\n  buttonStyle={{\n    backgroundColor: '#ff5722',\n    borderRadius: '20px',\n   boxShadow:\"5px 5px 1px green\",\n  }}\n  onSubmit={(otp) => {\n    console.log('OTP:', otp);\n    // Handle OTP verification\n  }}\n/>\n\n// OTP Verification\n<CustomizableOTPVerification\n  numberOfDigits={4} // Default is 6\n  customStyles={{\n    input: { borderColor: 'blue' }\n  }}\n  containerStyle={{\n    backgroundColor: '#c8e8fa',\n    // backgroundColor: '#f0f0f0',\n    boxShadow: '0 0 10px rgba(0,0,0,0.2)',\n    display:\"flex\",\n    flexDirection:\"column\",\n    justifyContent:\"center\",\n    alignItems:\"center\",\n    minWidth:\"400px\",\n    maxWidth:\"600px\"\n  }}\n  buttonStyle={{\n    backgroundColor: '#ff5722',\n    borderRadius: '20px',\n   boxShadow:\"5px 5px 1px green\",\n  }}\n  onSubmit={(otp) => {\n    console.log('OTP:', otp);\n    // Handle OTP verification\n  }}\n/>\n\n// Forgot Password\n<CustomizableForgotPassword\n  resetMethod=\"phone\"\n  onSendOTP={async (identifier) => {\n    // API call to send OTP\n    return true; // return success status\n  }}\n  onVerifyOTP={async (otp) => {\n    // API call to verify OTP\n    return true; // return success status\n  }}\n  onResetPassword={async (newPassword) => {\n    // API call to reset password\n    // Handle success/error\n  }}\n  inputStyle={{\n    backgroundColor: '#ffffff',\n    border: '1px solid #ddd',\n    width:\"340px\"\n  }}\n  customStyles={{\n    email: { borderColor: '#ddd' },\n    password: { borderColor: '#ddd' },\n    otpInput: { backgroundColor: '#f5f5f5' }\n  }}\n  containerStyle={{\n    backgroundColor: '#c8e8fa',\n    // backgroundColor: '#f0f0f0',\n    boxShadow: '0 0 10px rgba(0,0,0,0.2)',\n    display:\"flex\",\n    flexDirection:\"column\",\n    justifyContent:\"center\",\n    alignItems:\"center\",\n    minWidth:\"400px\",\n    maxWidth:\"600px\"\n  }}\n  \n  buttonStyle={{\n    backgroundColor: '#ff5722',\n    borderRadius: '20px',\n     width:\"340px\",\n   boxShadow:\"5px 5px 1px green\",\n  }}\n/>\n```\n\n## Props\n\n### CustomizableLogin\n| Prop | Type | Description |\n|------|------|-------------|\n| loginMethod | 'email' \\| 'phone' | Login method |\n| onSubmit | Function | Callback when form is submitted |\n| customStyles | Object | Custom styles for components |\n| licenseKey | string | License key to remove branding |\n\n[... Add documentation for other components ...]\n\n## License\n\nMIT © Kickrtechnology","readmeFilename":"README.md"}