@axa-fr/react-oidc 6.9.7 → 6.10.0

package/src/oidc/User.ts

@@ -1,5 +1,6 @@
-import { useEffect, useState} from "react";
-import {VanillaOidc} from "./vanilla/vanillaOidc";
+import { useEffect, useState } from 'react';
+
+import { VanillaOidc } from './vanilla/vanillaOidc';
 
 export enum OidcUserStatus {
     Unauthenticated= 'Unauthenticated',
@@ -9,8 +10,8 @@ export enum OidcUserStatus {
 }
 
 export type OidcUser<T extends OidcUserInfo = OidcUserInfo> = {
-    user: T,
-    status: OidcUserStatus
+    user: T;
+    status: OidcUserStatus;
 }
 
 export interface OidcUserInfo {
@@ -45,24 +46,24 @@ export interface OidcAddressClaim {
     country?: string;
 }
 
-export const useOidcUser = <T extends OidcUserInfo = OidcUserInfo>(configurationName="default") => {
-    const [oidcUser, setOidcUser] = useState<OidcUser<T>>({user: null, status: OidcUserStatus.Unauthenticated});
+export const useOidcUser = <T extends OidcUserInfo = OidcUserInfo>(configurationName = 'default') => {
+    const [oidcUser, setOidcUser] = useState<OidcUser<T>>({ user: null, status: OidcUserStatus.Unauthenticated });
 
     const oidc = VanillaOidc.get(configurationName);
     useEffect(() => {
         let isMounted = true;
-        if(oidc && oidc.tokens) {
-            setOidcUser({...oidcUser, status: OidcUserStatus.Loading});
+        if (oidc && oidc.tokens) {
+            setOidcUser({ ...oidcUser, status: OidcUserStatus.Loading });
             oidc.userInfoAsync()
                 .then((info) => {
                     if (isMounted) {
-                        setOidcUser({user: info, status: OidcUserStatus.Loaded});
+                        setOidcUser({ user: info, status: OidcUserStatus.Loaded });
                     }
                 })
-                .catch(() => setOidcUser({...oidcUser, status: OidcUserStatus.LoadingError}));
+                .catch(() => setOidcUser({ ...oidcUser, status: OidcUserStatus.LoadingError }));
         }
-        return  () => { isMounted = false };
+        return () => { isMounted = false; };
     }, []);
 
-    return {oidcUser: oidcUser.user, oidcUserLoadingState: oidcUser.status}
-}
+    return { oidcUser: oidcUser.user, oidcUserLoadingState: oidcUser.status };
+};

package/src/oidc/core/default-component/AuthenticateError.component.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import {ComponentType} from "react";
+import { ComponentType } from 'react';
 
 const AuthenticatingError: ComponentType<any> = () => (
   <div className="oidc-authenticating">

package/src/oidc/core/default-component/Authenticating.component.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import {ComponentType} from "react";
+import { ComponentType } from 'react';
 
 const Authenticating : ComponentType<any> = () => (
   <div className="oidc-authenticating">

package/src/oidc/core/default-component/Callback.component.tsx

@@ -1,29 +1,29 @@
-import React, {useEffect, useState, ComponentType} from 'react';
-import AuthenticatingError from "./AuthenticateError.component";
-import {VanillaOidc} from "../../vanilla/vanillaOidc";
-import {getCustomHistory} from "../routes/withRouter";
+import React, { ComponentType, useEffect, useState } from 'react';
 
-export const CallBackSuccess: ComponentType<any> = () =>  (<div className="oidc-callback">
+import { VanillaOidc } from '../../vanilla/vanillaOidc';
+import { getCustomHistory } from '../routes/withRouter';
+import AuthenticatingError from './AuthenticateError.component';
+
+export const CallBackSuccess: ComponentType<any> = () => (<div className="oidc-callback">
   <div className="oidc-callback__container">
     <h1 className="oidc-callback__title">Authentication complete</h1>
     <p className="oidc-callback__content">You will be redirected to your application.</p>
   </div>
 </div>);
 
-const CallbackManager: ComponentType<any> = ({callBackError, callBackSuccess, configurationName, withCustomHistory }) => {
-
-  const [error, setError] = useState(false);
+const CallbackManager: ComponentType<any> = ({ callBackError, callBackSuccess, configurationName, withCustomHistory }) => {
+  const [isError, setIsError] = useState(false);
   useEffect(() => {
     let isMounted = true;
     const playCallbackAsync = async () => {
-      const getOidc =  VanillaOidc.get;
+      const getOidc = VanillaOidc.get;
       try {
-        const {callbackPath} = await getOidc(configurationName).loginCallbackAsync();
-        const history = (withCustomHistory)? withCustomHistory(): getCustomHistory();
-        history.replaceState(callbackPath || "/")
+        const { callbackPath } = await getOidc(configurationName).loginCallbackAsync();
+        const history = (withCustomHistory) ? withCustomHistory() : getCustomHistory();
+        history.replaceState(callbackPath || '/');
       } catch (error) {
-          if(isMounted) {
-            setError(true);
+          if (isMounted) {
+            setIsError(true);
           }
       }
     };
@@ -31,15 +31,15 @@ const CallbackManager: ComponentType<any> = ({callBackError, callBackSuccess, co
     return () => {
       isMounted = false;
     };
-  },[]);
+  }, []);
 
   const CallbackErrorComponent = callBackError || AuthenticatingError;
   const CallbackSuccessComponent = callBackSuccess || CallBackSuccess;
 
-  if(error){
-    return <CallbackErrorComponent configurationName={configurationName} />
+  if (isError) {
+    return <CallbackErrorComponent configurationName={configurationName} />;
   }
-  
+
   return <CallbackSuccessComponent configurationName={configurationName} />;
 };
 

package/src/oidc/core/default-component/Loading.component.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import {ComponentType} from "react";
+import { ComponentType } from 'react';
 
 const Loading : ComponentType<any> = () => (
   <span className="oidc-loading">

package/src/oidc/core/default-component/ServiceWorkerNotSupported.component.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import {ComponentType} from "react";
+import { ComponentType } from 'react';
 
 const ServiceWorkerNotSupported : ComponentType<any> = () => (
   <div className="oidc-serviceworker">

package/src/oidc/core/default-component/SessionLost.component.tsx

@@ -1,4 +1,4 @@
-import React, {ComponentType} from 'react';
+import React, { ComponentType } from 'react';
 
 export const SessionLost: ComponentType<any> = () => (
   <div className="oidc-session-lost">

package/src/oidc/core/default-component/SilentCallback.component.tsx

@@ -1,12 +1,13 @@
-import React, {useEffect, ComponentType} from 'react';
-import {VanillaOidc} from "../../vanilla/vanillaOidc"
+import { ComponentType, useEffect } from 'react';
 
-const CallbackManager: ComponentType<any> = ({configurationName }) => {
+import { VanillaOidc } from '../../vanilla/vanillaOidc';
 
+const CallbackManager: ComponentType<any> = ({ configurationName }) => {
     useEffect(() => {
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         let isMounted = true;
         const playCallbackAsync = async () => {
-            const getOidc =  VanillaOidc.get;
+            const getOidc = VanillaOidc.get;
             const oidc = getOidc(configurationName);
             oidc.silentLoginCallbackAsync();
         };
@@ -14,9 +15,9 @@ const CallbackManager: ComponentType<any> = ({configurationName }) => {
         return () => {
             isMounted = false;
         };
-    },[]);
+    }, []);
 
     return <></>;
 };
 
-export default CallbackManager;
+export default CallbackManager;

package/src/oidc/core/default-component/SilentLogin.component.tsx

@@ -1,35 +1,33 @@
-import React, {useEffect, ComponentType} from 'react';
-import {VanillaOidc} from "../../vanilla/vanillaOidc";
-import {getParseQueryStringFromLocation} from "../../vanilla/route-utils";
+import { ComponentType, useEffect } from 'react';
 
+import { getParseQueryStringFromLocation } from '../../vanilla/route-utils';
+import { VanillaOidc } from '../../vanilla/vanillaOidc';
 
-const SilentLogin: ComponentType<any> = (({configurationName }) => {
+const SilentLogin: ComponentType<any> = ({ configurationName }) => {
     const queryParams = getParseQueryStringFromLocation(window.location.href);
 
-    const getOidc =  VanillaOidc.get;
+    const getOidc = VanillaOidc.get;
     const oidc = getOidc(configurationName);
-    
-    let extras = null;  
 
-    for (let [key, value] of Object.entries(queryParams)) {
-        if(key === "state" || key == "scope"){
+    let extras = null;
+
+    for (const [key, value] of Object.entries(queryParams)) {
+        if (key === 'state' || key === 'scope') {
             continue;
         }
-        if(extras === null){
+        if (extras === null) {
             extras = {};
         }
         extras[key] = value;
     }
-    
+
     useEffect(() => {
-        if(!oidc.tokens){
-            oidc.loginAsync(null, extras,  true, queryParams.scope);
-        }
-        return () => {
+        if (!oidc.tokens) {
+            oidc.loginAsync(null, extras, true, queryParams.scope);
         }
     }, []);
-    
+
     return <></>;
-});
+};
 
-export default SilentLogin;
+export default SilentLogin;

package/src/oidc/core/default-component/index.ts

@@ -1,6 +1,6 @@
+export { default as AuthenticateError } from './AuthenticateError.component';
 export { default as Authenticating } from './Authenticating.component';
 export { default as Callback, CallBackSuccess } from './Callback.component';
-export { default as SessionLost } from './SessionLost.component';
 export { default as Loading } from './Loading.component';
-export { default as AuthenticateError } from './AuthenticateError.component';
 export { default as ServiceWorkerNotSupported } from './ServiceWorkerNotSupported.component';
+export { default as SessionLost } from './SessionLost.component';

package/src/oidc/core/routes/OidcRoutes.tsx

@@ -1,9 +1,10 @@
 import React, { ComponentType, FC, PropsWithChildren, useEffect, useState } from 'react';
+
 import { getPath } from '../../vanilla/route-utils';
 import CallbackComponent from '../default-component/Callback.component';
-import SilentCallbackComponent from "../default-component/SilentCallback.component";
-import { CustomHistory } from "./withRouter";
-import SilentLoginComponent from "../default-component/SilentLogin.component";
+import SilentCallbackComponent from '../default-component/SilentCallback.component';
+import SilentLoginComponent from '../default-component/SilentLogin.component';
+import { CustomHistory } from './withRouter';
 
 const defaultProps: Partial<OidcRoutesProps> = {
 
@@ -27,34 +28,34 @@ const OidcRoutes: FC<PropsWithChildren<OidcRoutesProps>> = ({
                                                               silent_redirect_uri,
                                                               silent_login_uri,
   children, configurationName,
-  withCustomHistory=null,
+  withCustomHistory = null,
 }) => {
   // This exist because in next.js window outside useEffect is null
-  let pathname = window ? getPath(window.location.href) : '';
-  
+  const pathname = window ? getPath(window.location.href) : '';
+
   const [path, setPath] = useState(pathname);
-  
+
   useEffect(() => {
     const setNewPath = () => setPath(getPath(window.location.href));
     setNewPath();
     window.addEventListener('popstate', setNewPath, false);
     return () => window.removeEventListener('popstate', setNewPath, false);
   }, []);
-  
+
   const callbackPath = getPath(redirect_uri);
 
-  if(silent_redirect_uri){
-    if(path === getPath(silent_redirect_uri)){
-      return <SilentCallbackComponent configurationName={configurationName} />
+  if (silent_redirect_uri) {
+    if (path === getPath(silent_redirect_uri)) {
+      return <SilentCallbackComponent configurationName={configurationName} />;
     }
   }
 
-  if(silent_login_uri){
-    if(path === getPath(silent_login_uri)){
-      return <SilentLoginComponent configurationName={configurationName} />
+  if (silent_login_uri) {
+    if (path === getPath(silent_login_uri)) {
+      return <SilentLoginComponent configurationName={configurationName} />;
     }
   }
-  
+
   switch (path) {
     case callbackPath:
       return <CallbackComponent callBackError={callbackErrorComponent} callBackSuccess={callbackSuccessComponent} configurationName={configurationName} withCustomHistory={withCustomHistory} />;

package/src/oidc/core/routes/withRouter.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 const generateKey = () =>
   Math.random()
     .toString(36)
@@ -24,7 +22,7 @@ type InitCustomEventParams<T = any> = {
 // IE Polyfill for CustomEvent
 export const CreateEvent = (windowInternal: WindowInternal, documentInternal: Document) => (
   event: string,
-  params: InitCustomEventParams
+  params: InitCustomEventParams,
 ): CustomEvent => {
   if (typeof windowInternal.CustomEvent === 'function') {
     return new windowInternal.CustomEvent(event, params);
@@ -49,7 +47,7 @@ export type CustomHistory = {
 const getHistory = (
   windowInternal: WindowInternal,
   CreateEventInternal: (event: string, params?: InitCustomEventParams) => CustomEvent,
-  generateKeyInternal: typeof generateKey
+  generateKeyInternal: typeof generateKey,
 ): CustomHistory => {
   return {
     replaceState: (url?: string | null, stateHistory?: WindowHistoryState): void => {

package/src/oidc/index.ts

@@ -1,6 +1,7 @@
-export { withOidcSecure, OidcSecure } from "./OidcSecure";
-export { useOidcUser, OidcUserStatus} from "./User";
-export { useOidc, useOidcAccessToken, useOidcIdToken } from "./ReactOidc";
-export { withOidcFetch, useOidcFetch } from "./FetchToken";
-export { OidcProvider } from "./OidcProvider";
-export {TokenRenewMode } from "./vanilla/parseTokens";
+export { useOidcFetch, withOidcFetch } from './FetchToken';
+export { OidcProvider } from './OidcProvider';
+export { OidcSecure, withOidcSecure } from './OidcSecure';
+export { useOidc, useOidcAccessToken, useOidcIdToken } from './ReactOidc';
+export { OidcUserStatus, useOidcUser } from './User';
+export type { OidcConfiguration } from './vanilla/oidc';
+export { TokenRenewMode } from './vanilla/parseTokens';