{"_id":"@caminkunick/firebase-signin-ui","_rev":"1-d290f83aad9578b71f220207bfef9ce4","name":"@caminkunick/firebase-signin-ui","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@caminkunick/firebase-signin-ui","version":"1.0.0","description":"Made with create-react-library","author":{"name":"caminkunick"},"license":"MIT","repository":{"type":"git","url":"git+https://github.com/caminikunick/firebase-signin-ui.git"},"main":"dist/index.js","module":"dist/index.modern.js","source":"src/index.tsx","engines":{"node":">=10"},"scripts":{"build":"microbundle-crl --no-compress --format modern,cjs --external=@emotion,@fortawesome,@mui,firebase","start":"microbundle-crl watch --no-compress --format modern,cjs --external=@emotion,@fortawesome,@mui,firebase","prepare":"run-s build","test":"run-s test:unit test:lint test:build","test:build":"run-s build","test:lint":"eslint .","test:unit":"cross-env CI=1 react-scripts test --env=jsdom","test:watch":"react-scripts test --env=jsdom","predeploy":"cd example && yarn install && yarn run build","deploy":"gh-pages -d example/build"},"peerDependencies":{"react":"^16.0.0"},"devDependencies":{"@testing-library/jest-dom":"^4.2.4","@testing-library/react":"^9.5.0","@testing-library/user-event":"^7.2.1","@types/jest":"^25.1.4","@types/node":"^12.12.38","@types/react":"^16.9.27","@types/react-dom":"^16.9.7","@typescript-eslint/eslint-plugin":"^2.26.0","@typescript-eslint/parser":"^2.26.0","babel-eslint":"^10.0.3","cross-env":"^7.0.2","eslint":"^6.8.0","eslint-config-prettier":"^6.7.0","eslint-config-standard":"^14.1.0","eslint-config-standard-react":"^9.2.0","eslint-plugin-import":"^2.18.2","eslint-plugin-node":"^11.0.0","eslint-plugin-prettier":"^3.1.1","eslint-plugin-promise":"^4.2.1","eslint-plugin-react":"^7.17.0","eslint-plugin-standard":"^4.0.1","gh-pages":"^2.2.0","microbundle-crl":"^0.13.10","npm-run-all":"^4.1.5","prettier":"^2.0.4","react":"^16.13.1","react-dom":"^16.13.1","react-scripts":"^3.4.1","typescript":"^3.7.5"},"dependencies":{"@emotion/react":"^11.8.2","@emotion/styled":"^11.8.1","@fortawesome/fontawesome-svg-core":"^6.1.1","@fortawesome/free-brands-svg-icons":"^6.1.1","@fortawesome/free-solid-svg-icons":"^6.1.1","@fortawesome/react-fontawesome":"^0.1.18","@mui/material":"^5.5.2","firebase":"^9.6.10"},"types":"./dist/index.d.ts","gitHead":"ce98340f091a914e048ef3a22c651723ac9b21d7","bugs":{"url":"https://github.com/caminikunick/firebase-signin-ui/issues"},"homepage":"https://github.com/caminikunick/firebase-signin-ui#readme","_id":"@caminkunick/firebase-signin-ui@1.0.0","_nodeVersion":"16.13.2","_npmVersion":"8.1.2","dist":{"integrity":"sha512-0VKpwBvhDYNQnGl0N796lO09Ra9NuNwj8jkx/qnL3SyWycsU0W8Jl5S4CXgY2GRH3hcwgFkS35CskyV/gx7y/Q==","shasum":"0c15c70fcabb012cf1d8d6ffa157ea22c36ec256","tarball":"https://registry.npmjs.org/@caminkunick/firebase-signin-ui/-/firebase-signin-ui-1.0.0.tgz","fileCount":26,"unpackedSize":213361,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiQwGuACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrNWg//Y9+4ocsrIZqgCgy+ScWAXHxj61bnSQpoVu891DfvAeF0sV22\r\nWFKaf9tEENyui+jf9Vw+/E2dysc6Bbx/QsVDUu6lq8lMxOauuwnugUPB5IHl\r\nWKl9K3SpQbgm2GfB7ME6rsZKp67UGLOokjbBv28EFHvBxczLUQ1s5ehkNWeL\r\na/6hfd4udf572DetvGiyzVcsSb+aVmSeNDQBr32DUDVLWASBYXPB0Td2uV7X\r\nvdWxdiWo4m018jFoHiU3bPrKvaLunTUFstJaZ9zwNkX/WQ096qZBEsajPBlM\r\nG9Fus68GZwmy3XW0wb6v8PUa++Go7wkTZ1fGMC3iC9HNenwt3UA23pzRWwlR\r\n/NaaKtx8neMfyJHkjnUiyejdvRdINFLtf6la9lFUHV3LmXO0bQS1N9JqhkAy\r\nCaqbX7k9/bAf9UQPTtqlehzzbyIHXoyTdv4Lb4qQewbgk+2jBEwBJZhXDmax\r\nWzKq1PQI6wt0tYAnzNhlEcZZeP/V6XmxAufEGXilBFoZ2c1ZQXrS0diB4leM\r\nP5VP5OBWvJ/TTZMOEYdc4XT8syixT03NdYJUDMEnhgE9MOAgMaGtkCu8UvQg\r\nijM33thUYH/Bhm4XAjSKwY/B1x2//w0KRGhbVZhNxMbKj0rv2yYOEo07hX97\r\nInjYm0YSzva3+HtM8PsCTP95SyDvZ2f7Y4c=\r\n=moVm\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG1e1lpIx6E98DEHpgFvZ+hFC5f/S+5j1Ri97/zUegL5AiEA8JGXc2noYQVr7JZKcgZ5dKGMWzHdIoTB1OQELhhChx8="}]},"_npmUser":{"name":"caminkunick","email":"caminkunick@gmail.com"},"directories":{},"maintainers":[{"name":"caminkunick","email":"caminkunick@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/firebase-signin-ui_1.0.0_1648558510563_0.7730489440683188"},"_hasShrinkwrap":false}},"time":{"created":"2022-03-29T12:55:10.505Z","1.0.0":"2022-03-29T12:55:10.740Z","modified":"2022-04-04T21:34:24.380Z"},"maintainers":[{"name":"caminkunick","email":"caminkunick@gmail.com"}],"description":"Made with create-react-library","homepage":"https://github.com/caminikunick/firebase-signin-ui#readme","repository":{"type":"git","url":"git+https://github.com/caminikunick/firebase-signin-ui.git"},"author":{"name":"caminkunick"},"bugs":{"url":"https://github.com/caminikunick/firebase-signin-ui/issues"},"license":"MIT","readme":"# @caminkunick/firebase-signin-ui\n\n> Made with create-react-library\n\n[![NPM](https://img.shields.io/npm/v/@caminkunick/firebase-signin-ui.svg)](https://www.npmjs.com/package/@caminkunick/firebase-signin-ui) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)\n\n## Install\n\n```bash\nnpm install --save @caminkunick/firebase-signin-ui\n```\n\n## Usage\n\n```tsx\nimport React, { useState } from 'react'\nimport { FirebaseOptions } from 'firebase/app'\nimport { FirebaseSignInUI, FSUIConfig } from '@caminkunick/firebase-signin-ui'\nimport '@caminkunick/firebase-signin-ui/dist/index.css'\nimport { Typography } from '@mui/material'\n\nexport let firebaseConfig: FirebaseOptions = { ...config }\n\nconst App = () => {\n  const [open, setOpen] = useState<boolean>(false)\n\n  const handleOpen = (open: boolean) => () => setOpen(open)\n  const config: FSUIConfig = {\n    providers: ['google'],\n    callback: (user) => console.log(user),\n    onError: (err) => console.warn(err.message)\n  }\n\n  return (\n    <FirebaseSignInUI\n      firebaseConfig={firebaseConfig}\n      title='Welcome'\n      open={open}\n      onClose={handleOpen(false)}\n      config={config}\n    />\n  )\n}\n```\n\n<br>\n<br>\n\n## Property\n\n| Prop             | Type                                                                                                            | Default | Description                                        |\n| ---------------- | --------------------------------------------------------------------------------------------------------------- | ------- | -------------------------------------------------- |\n| firebaseConfig\\* | FirebaseOptions                                                                                                 |         | config value from firebase console                 |\n| title            | ReactNode                                                                                                       |         | title Element of tab sign in with E-mail           |\n| variant          | 'dialog' \\| 'fluid'                                                                                             | 'fluid' | title Element of tab sign in with E-mail           |\n| open             | boolean                                                                                                         | false   | visibility state if variant is **\"dialog\"**        |\n| onClose          | func                                                                                                            |         | close function when click backdrop or close button |\n| componentProps   | {<br>&emsp;&emsp;container?: { noBorder?: boolean } & BoxProps,<br>&emsp;&emsp;textField?: TextFieldProps <br>} |         | additions properties for component                 |\n| config\\*         | FSUIConfig                                                                                                      |         | [config](#config) values                           |\n| translate        | { [key in TranslateKeys]?: string }                                                                             |         | translate dict                                     |\n\n<br>\n<br>\n\n## <a name=\"config\"></a> Config\n\n| Prop       | Type                                                                                                                        | Default | Description                                                                                   |\n| ---------- | --------------------------------------------------------------------------------------------------------------------------- | ------- | --------------------------------------------------------------------------------------------- |\n| providers  | Array< 'google'<br />\\| 'facebook'<br />\\| 'apple'<br />\\| 'twitter'<br />\\| 'github'<br />\\| 'microsoft'<br />\\| 'yahoo' > |         | array of provider                                                                             |\n| callback\\* | func                                                                                                                        |         | Signature:<br />**function(user: User) => void**<br />**User** is prop from **firebase/auth** |\n| onError    | func                                                                                                                        |         | Signature:<br>**function(error:Error) => void**                                               |\n\n<br>\n<br>\n\n## Translate\n\n| **Key**                   |\n| ------------------------- |\n| auth/auth-not-found       |\n| auth/email-already-in-use |\n| auth/invalid-email        |\n| auth/user-not-found       |\n| auth/wrong-password       |\n| Back                      |\n| ConfirmPassword           |\n| Email                     |\n| ForgetPassword            |\n| InvalidFormat             |\n| Password                  |\n| Password8Chars            |\n| PasswordNotMatch          |\n| PleaseWait                |\n| SendEmail                 |\n| SignIn                    |\n| SignOut                   |\n| SignUp                    |\n\n<br>\n<br>\n\n```jsx\nconst translate:{ [key in TranslateKey]:string } = {\n  \"auth/auth-not-found\":  \"ไม่พบ Auth\",\n  \"auth/email-already-in-use\":  \"อีเมลได้ถูกใช้งานแล้ว\",\n  \"auth/invalid-email\": \"อีเมลไม่ถูกต้อง\",\n  \"auth/user-not-found\":  \"ไม่พบผู้ใช้งานนี้\",\n  \"auth/wrong-password\":  \"รหัสผ่านไม่ถูกต้อง\",\n  \"Back\": \"กลับ\",\n  \"ConfirmPassword\":  \"ยืนยันรหัสผ่าน\",\n  \"Email\":  \"อีเมล\",\n  \"ForgetPassword\": \"ลืมรหัสผ่าน\",\n  \"InvalidFormat\":  \"ไม่ถูกต้อง\",\n  \"Password\": \"รหัสผ่าน\",\n  \"Password8Chars\": \"รหัสผ่านต้องมีอย่างน้อย 8 ตัวอักษร\",\n  \"PasswordNotMatch\": \"รหัสผ่านไม่ตรงกัน\",\n  \"PleaseWait\": \"กรุณารอสักครู่\",\n  \"SendEmail\":  \"ส่งอีเมล\",\n  \"SignIn\": \"เข้าสู่ระบบ\",\n  \"SignOut\": \"ออกจากระบบ\",\n  \"SignUp\": \"สมัครสมาชิก\"\n}\n```\n\n<br>\n<br>\n\n## License\n\nMIT © [caminkunick](https://github.com/caminkunick)\n","readmeFilename":"README.md"}