feat: Added useHooks for userData

README.md

@@ -26,16 +26,19 @@ Add `FaceLogin` to your component:
 ```js
 import React from 'react';
 import ReactDOM from 'react-dom';
-import FaceLogin from 'face-guardian';
+import { FaceLogin, useUserData } from 'face-guardian';
 
 const App = () => {
+  const userData = useUserData();
+
   return (
     <React.StrictMode>
       <FaceLogin
         appId="your-app-id"
         buttonStyles={{ background: 'red', fontSize: '20px' }}
         buttonText="Custom Button Text"
       />
+      {userData && <div>Welcome, {userData.name}!</div>}
     </React.StrictMode>
   );
 };
@@ -44,6 +47,18 @@ const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement)
 root.render(<App />);
 ```
 
+## Contributing
+
+We welcome contributions to the Face Guardian package! Please refer to our [Contributing Guidelines](https://github.com/Cyvid7-Darus10/face-guardian-npm/blob/main/CONTRIBUTING.md) for detailed information on how you can contribute.
+
+## Support
+
+If you're having trouble with the package, please open an issue on the [GitHub repository](https://github.com/Cyvid7-Darus10/face-guardian-npm/issues). We'll do our best to help you out.
+
+## License
+
+The Face Guardian package is open source software [licensed as MIT](https://github.com/Cyvid7-Darus10/face-guardian-npm/blob/main/LICENSE).
+
 [npm-url]: https://www.npmjs.com/package/face-guardian
 [npm-image]: https://img.shields.io/npm/v/face-guardian
 [github-license]: https://img.shields.io/github/license/Cyvid7-Darus10/face-guardian-npm

dist/cjs/components/FaceLogin/index.d.ts

@@ -1,6 +1,8 @@
-import React from 'react';
-declare const FaceLogin: React.FC<{
+import React, { CSSProperties } from 'react';
+type FaceLoginProps = {
     appId: string;
-    clientSecret: string;
-}>;
+    buttonStyles?: CSSProperties;
+    buttonText?: string;
+};
+declare const FaceLogin: React.FC<FaceLoginProps>;
 export default FaceLogin;

dist/cjs/components/useUserData/index.d.ts

@@ -0,0 +1,2 @@
+declare const useUserData: () => any;
+export default useUserData;

dist/cjs/index.d.ts

@@ -1,2 +1,3 @@
 import FaceLogin from './components/FaceLogin';
-export default FaceLogin;
+import useUserData from './components/useUserData';
+export { FaceLogin, useUserData };

dist/esm/components/FaceLogin/index.d.ts

@@ -1,6 +1,8 @@
-import React from 'react';
-declare const FaceLogin: React.FC<{
+import React, { CSSProperties } from 'react';
+type FaceLoginProps = {
     appId: string;
-    clientSecret: string;
-}>;
+    buttonStyles?: CSSProperties;
+    buttonText?: string;
+};
+declare const FaceLogin: React.FC<FaceLoginProps>;
 export default FaceLogin;

dist/esm/components/useUserData/index.d.ts

@@ -0,0 +1,2 @@
+declare const useUserData: () => any;
+export default useUserData;

dist/esm/index.d.ts

@@ -1,2 +1,3 @@
 import FaceLogin from './components/FaceLogin';
-export default FaceLogin;
+import useUserData from './components/useUserData';
+export { FaceLogin, useUserData };