{"_id":"@bitkub-blockchain/react-bitkubnext-oauth2","_rev":"4-80556fe92c958f46cfa57faa73742eb3","name":"@bitkub-blockchain/react-bitkubnext-oauth2","dist-tags":{"latest":"0.0.15"},"versions":{"0.0.13":{"name":"@bitkub-blockchain/react-bitkubnext-oauth2","version":"0.0.13","main":"dist/index.js","typings":"dist/index.d.ts","license":"MIT","scripts":{"build":"tsc","preversion":"rm -rf ./dist && tsc","postversion":"git push && git push --tags"},"devDependencies":{"@types/node":"^16.7.10","@types/react":"^17.0.19","@types/react-dom":"^17.0.9","react":"^17.0.2","react-dom":"^17.0.2","typescript":"^4.2.4"},"peerDependencies":{"react":">=17","react-dom":">=17"},"gitHead":"ad75c4e0096dd8132631f82ae124a3e40a06b3a0","description":"```sh yarn add @makejack4/react-bitkubnext-oauth2 ``` ## How to use ##### Step 1 : Connect with bitkub next for your UI-component ``` import { ReactBitkubNextOauth2 } from \"@makejack4/react-bitkubnext-oauth2\"","_id":"@bitkub-blockchain/react-bitkubnext-oauth2@0.0.13","_nodeVersion":"14.16.1","_npmVersion":"7.18.1","dist":{"integrity":"sha512-UGzJPkov4B52im3YSIReaQ+jUNImXiZZ2ZzsaLTvCnj2o6ye5O2jBiFt7x+BwWkuqT5WBGyRA599o2S7u9hS2Q==","shasum":"bcca297e739e84b67ab5da1072fff5b2e9b0eb02","tarball":"https://registry.npmjs.org/@bitkub-blockchain/react-bitkubnext-oauth2/-/react-bitkubnext-oauth2-0.0.13.tgz","fileCount":14,"unpackedSize":15968,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhlMKcCRA9TVsSAnZWagAA3JQP/j7Uj7zSl4lNUQph/1/x\n//ySMhU9M2/hn/keG6TwsDfyQ3W71CKlJSPeXq+YP56uwqY3sFOZ+rI40oX3\nS+dJy6Cx1A0pgM4GE8TeIidPUMSE9spjF1526/YLKDkMC8rWaR/f/6xhgeKs\nGpIa0/CHMMd7ViXhlscg0S8sqyQbFz6XH628D5Q6wMFUUkcV3UX2panEdoFy\nIAsyKR/+SNiYj0i59CD59r2OVjvZOxt+LLw3x+cIwvlSDu1TcIfzge5g2yYu\nQxqh/lSQNqrFjycXA3aZUP9yDIrKrnojw8/bybYZjBC958819cPlJxNWrep0\nm1hekA9tIknkD8xp5WUnlCsP3SI90x+mpucpF5Md6rNhW+3l2E3+s5thrTsv\n6rQ4Z6gMRlyDuJfSDdjIwdlSKBH4tvIjhbBNRwY57lqMDw6gNMMphy52jkIz\nm3FD0+OkX7QoEYzDb5pZQ14XGLCyLeqqt9oCNBpVyXvicBFmCRcOSJqRsmai\nck+Cj5xHeojvHy1R42nPaepHYBnFB43CI31kT26MP8DtCHIX1H4U/MRNQ318\n2QOqbqkDg8IxfR2LXcc+qvARDrTKYlGx5/CF0PQ0JmeOtuytduhbEqZSMmGX\n/aTuk2tSdDbaNFt15OT16y0UHxHXsJZUy+Kr6JRC3Gm9o5yKIO8sr64RlIVD\nq6Go\r\n=bg/y\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBZtrdpJhPKTSsxxX0y7n6MzrcvbWgQwfGQuIHL15QtVAiEA6jEPZzU+OdYq7dcrJb0ADbMKMpHaGy2BkJZGf4JjKXM="}]},"_npmUser":{"name":"rattanapol-bbt","email":"au.rattanapol@bitkub.com"},"directories":{},"maintainers":[{"name":"rattanapol-bbt","email":"au.rattanapol@bitkub.com"},{"name":"moonshot-isman","email":"isman.isman@bitkub.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bitkubnext-oauth2_0.0.13_1637139099982_0.47696228824654074"},"_hasShrinkwrap":false},"0.0.14":{"name":"@bitkub-blockchain/react-bitkubnext-oauth2","version":"0.0.14","main":"dist/index.js","typings":"dist/index.d.ts","license":"MIT","scripts":{"build":"tsc","preversion":"rm -rf ./dist && tsc","postversion":"git push && git push --tags"},"devDependencies":{"@types/node":"^16.7.10","@types/react":"^17.0.19","@types/react-dom":"^17.0.9","react":"^17.0.2","react-dom":"^17.0.2","typescript":"^4.2.4"},"peerDependencies":{"react":">=17","react-dom":">=17"},"description":"## Installation ```sh yarn add @makejack4/react-bitkubnext-oauth2 ``` ## How to use ##### Step 1 : Connect with bitkub next for your UI-component ``` import { ReactBitkubNextOauth2 } from \"@bitkub-blockchain/react-bitkubnext-oauth2\"","_id":"@bitkub-blockchain/react-bitkubnext-oauth2@0.0.14","dist":{"shasum":"459b48b166b2a4b3a537d6cd092e07480afce3a8","integrity":"sha512-Ms63+7vR9mGsccZU9BSPMA566CDh82cHbvZTjF+tf5pjlTBEKpJRoSGGkKxMQ3sFhUXAgAkQIBRwag/ewRM2kw==","tarball":"https://registry.npmjs.org/@bitkub-blockchain/react-bitkubnext-oauth2/-/react-bitkubnext-oauth2-0.0.14.tgz","fileCount":17,"unpackedSize":15992,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhlMNQCRA9TVsSAnZWagAAi98QAIUb84e+CB8ttLhfegaG\nAqDPKmTHM2l/G9GLSwKUi4fL5sHkVvioVz4/QIsY25m+Vzk2UCb1nznCP1z7\n7y5W71qiDFhDrd2j7wAburgiBa+TC8rDrpgW+HB1eB7CS36A29Rwnqho4QpW\nSXyXCtDYqpPd7R10GUFsfz3g+Cbxizu5gPXDyVf8ux02fx0tlCddmzQaeYYm\neDh0aovEfVVOyRy7YbgvAtCOVfoY6MPXUrUqfDyV8/tyvGuM7IM5VOglc0Wv\n0Q4x2ZXec7L/1EAqPqThZV0LpXKGUjpSEsgqWCZcAbGYikKRvAE9ZuV2vN3/\nQBJADR8OegpGgqhfdT2J92wRAoa3k0qPr4XGrCvfi4Q2fI8qXXV6Sm4ssqhd\nW3phsiTTii7utbM0xvhsFagF8NKRFV2WbWjnQkJHDe0kcz+YMEiTiKSA/hhU\nAFjDHHurcsFHHS/zuLs+q4tttG0aRdb1xGUteX/6qcuvf8zdu79J6Vh24MZ6\n4DeNA9z23baCYF2KctXO2JbPi4SK1mekUDE1/OEengqOPbB2xgzV+Z/ZKw/i\nWQj+BJgGSePWU9QK+W3EFdDB6hNZa1SfYK7f94x0AJraNaHbqMNOoUjrF4/n\nsSLERMu5zAe03/wNddRigMx7zR3Vt29BAsVcPbo8yaVEh9t6bZYZ9ZGzIYx8\nTJCf\r\n=SRsj\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFlWHfxF5Jblp3e3RoC3XVTla2QA/qCpgnIu4FplUsynAiEA50ZKaS79v0MIgLzlKvkHBwGQesx4FKvBUA3raEL+2Os="}]},"_npmUser":{"name":"rattanapol-bbt","email":"au.rattanapol@bitkub.com"},"directories":{},"maintainers":[{"name":"rattanapol-bbt","email":"au.rattanapol@bitkub.com"},{"name":"moonshot-isman","email":"isman.isman@bitkub.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bitkubnext-oauth2_0.0.14_1637139280602_0.6460900928875788"},"_hasShrinkwrap":false},"0.0.15":{"name":"@bitkub-blockchain/react-bitkubnext-oauth2","version":"0.0.15","main":"dist/index.js","typings":"dist/index.d.ts","license":"MIT","scripts":{"build":"tsc","preversion":"rm -rf ./dist && tsc","postversion":"git push && git push --tags"},"devDependencies":{"@types/node":"^16.7.10","@types/react":"^17.0.19","@types/react-dom":"^17.0.9","react":"^17.0.2","react-dom":"^17.0.2","typescript":"^4.2.4"},"peerDependencies":{"react":">=17","react-dom":">=17"},"description":"## Installation ```sh yarn add @bitkub-blockchain/react-bitkubnext-oauth2 ``` ## How to use ##### Step 1 : Connect with bitkub next for your UI-component ``` import { ReactBitkubNextOauth2 } from \"@bitkub-blockchain/react-bitkubnext-oauth2\"","_id":"@bitkub-blockchain/react-bitkubnext-oauth2@0.0.15","dist":{"shasum":"cfd930d2d1110459337f087599553673d963a4b7","integrity":"sha512-hI+qkGQ/EohROvDIUp2p8H7Bwg4qym6CGo1QYmpcvf2+lcCsMeZRoAETVK1fpOsoyw6/BAuGZyCZef9U8wjmzQ==","tarball":"https://registry.npmjs.org/@bitkub-blockchain/react-bitkubnext-oauth2/-/react-bitkubnext-oauth2-0.0.15.tgz","fileCount":17,"unpackedSize":16000,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJhlMOoCRA9TVsSAnZWagAA1r8P/AsIs4DZyKy62rbie8Rj\nnoUMOJgqd44tPm9ubwXx+Qgv1T5cm1tkeRdKm8jXHpdnim7HqVRbkR98FNt7\nd0RoQF2NjLyyFySzL6jT1d9jj2IzinwbhzUlOhL3SqLmi88LygKIO7jvBPPr\nxPrQQVGS7fPyDe+LeEiI2cT5a99dbcif6Ts0JjbCEJja86aQC27IoDOz/8s6\nOKiymUCjSbpcpJZHzCaWmYEtr4IBXXvYNIO4fJD3c8i/chkTAwh9WOyBo53F\nsP0QNFDQ1Y2eKnsJE9H6eZ/jbHKo0yed3l9qDdO6IDJYKkl3M9W7bz5guuop\nkkj2d9AYzxzVWVZGyfVR7VRCkysQxgEtW2U8WP6Ny3ExxtfPk6NIQdtMFh6b\nRcYXpiq7fqZI8doF2YNfAozbNsYmVf3wprpwaJtk2h4TPKJh0o0ux86boXDy\nkcmhVJ1wON3c/BG/Cg9344/u2yc3a095FWABF89Z0tVnqbe/2bUetXY5Pkp5\nigJRCpLl44CdgZpjjXGHCwrqlopqkzDNF2mnMVbgMoTxgCI8g7VTQ5z0zLty\nf5dlFmaVmfr7hWaJ5yATK/di3LdSMHi9GWs6PoLe09MqvsBkrVpxd4RxmAB0\ndRBdNDdb/yRl9VWHwyN0+PUdCswqW+XT44IeXvvywai1lyTJppLAWVu2b0NP\nyHUb\r\n=9D/0\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIACv2yoAVDRZJfVliLA/vXq7BCsbK2CWPtwC+tM0+4VxAiAODDdO0sCQhsWDezIZ5h94tF57iGJQtmarIdhxCE+Z6Q=="}]},"_npmUser":{"name":"rattanapol-bbt","email":"au.rattanapol@bitkub.com"},"directories":{},"maintainers":[{"name":"rattanapol-bbt","email":"au.rattanapol@bitkub.com"},{"name":"moonshot-isman","email":"isman.isman@bitkub.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-bitkubnext-oauth2_0.0.15_1637139368312_0.5142779206023429"},"_hasShrinkwrap":false}},"time":{"created":"2021-11-17T08:51:39.928Z","0.0.13":"2021-11-17T08:51:40.172Z","modified":"2022-06-23T07:36:02.267Z","0.0.14":"2021-11-17T08:54:40.757Z","0.0.15":"2021-11-17T08:56:08.457Z"},"maintainers":[{"email":"mai.parinthorn@bitkub.com","name":"mpbitkub"},{"email":"au.rattanapol@bitkub.com","name":"rattanapol-bbt"},{"email":"isman.isman@bitkub.com","name":"moonshot-isman"}],"description":"## Installation ```sh yarn add @bitkub-blockchain/react-bitkubnext-oauth2 ``` ## How to use ##### Step 1 : Connect with bitkub next for your UI-component ``` import { ReactBitkubNextOauth2 } from \"@bitkub-blockchain/react-bitkubnext-oauth2\"","license":"MIT","readme":"# React BitkubNext Oauth2\n## Installation\n```sh\nyarn add @bitkub-blockchain/react-bitkubnext-oauth2\n```\n## How to use\n##### Step 1 : Connect with bitkub next for your UI-component\n```\nimport { ReactBitkubNextOauth2 } from \"@bitkub-blockchain/react-bitkubnext-oauth2\"\n\n\n \n\n```\n==================\n##### Step 2 : When Oauth2 Success, In your redirect uri will have code query string in your URL\n```\nimport { exchangeAuthorizationCode } from '@bitkub-blockchain/react-bitkubnext-oauth2'\n\nconst handlerGetAccessToken = async () => {\n const { access_token, refresh_token } = await exchangeAuthorizationCode(\"YOUR_OAUTH_CLIENT_ID\", \"YOUR_OAUTH_REDIRECT_URI\", code)\n // success\n alert(access_token)\n alert(refresh_token)\n}\n\n```\n==================\n##### Extra : Extend Your Access Token if you have a refresh token\n```\nimport { exchangeRefreshToken } from '@bitkub-blockchain/react-bitkubnext-oauth2'\n\nconst handlerExtendAccessToken = async () => {\n const { access_token, refresh_token } = await exchangeRefreshToken(\"YOUR_OAUTH_CLIENT_ID\", \"YOUR_REFRESH_TOKEN\")\n // success\n alert(access_token)\n alert(refresh_token)\n}\n```\n==================\n## ReactBitkubNextOauth2 Props\n| Name | Required | Type | Default value |\n| :------------ | :----------: | :----------: | :----------: |\n| clientId | true | String | |\n| redirectURI | true | String | |\n| mode | false | 'new_tab' , 'popup' , 'redirect' | \"new_tab\" |\n| state | false | String | |\n| onClick | false | () => void | |\n","readmeFilename":"README.md"}