@one-view/auth-helpers

Installation

With NPM

$ npm install @one-view/auth-helpers

With Yarn

$ yarn add @one-view/auth-helpers

Usage

Get token and use it inside React component using useToken hook. It works hand in hand with useFetchData hook from @one-view/api-client package.

import React from 'react'
import ReactDOM from 'react-dom'
import { useToken } from '@one-view/auth-helpers'
import { useFetchData } from '@one-view/api-client'

export const App = () => {
  const token = useToken()
  const { data } = useFetchData('/endpoint', {
    accessToken: token.access_token
  })

  return <div>{ data }</div>
}

Available Hooks

| Hook name | Descrption | | :------------- | :------------- | | useToken| Returns Token object | | useAccessToken| Returns access_token value from Token object | | useIdToken| Returns id_token value from Token object | | useProfile| Returns user's Profile object | | useGoogleOpenIDEndpoint | Returns google Open ID endpoints from Discovery document|

Token

type Token = {
  access_token: string
  id_token: string
  token_type: 'Bearer'
  expires_in: number
  expires_at: number
}

Profile

type Profile {
  name: string
  givenName: string
  lastName: string
  email: string
  avatar: string
}