@axa-fr/react-oidc 6.9.7 → 6.10.0

package/README.md

@@ -1,6 +1,6 @@
 # @axa-fr/react-oidc
 
-Try the demo at <https://black-rock-0dc6b0d03.1.azurestaticapps.net/>
+Try the demo at https://black-rock-0dc6b0d03.1.azurestaticapps.net/
 
 ![Sample React OIDC](https://github.com/AxaGuilDEv/react-oidc/blob/master/docs/img/introduction.gif?raw=true)
 
@@ -60,7 +60,7 @@ The only file you should edit is "OidcTrustedDomains.js".
 
 // Domains used by OIDC server must be also declared here
 const trustedDomains = {
-  default: ['https://demo.duendesoftware.com', 'https://www.myapi.com/users'],
+  default: ["https://demo.duendesoftware.com", "https://www.myapi.com/users"],
 };
 ```
 
@@ -85,24 +85,24 @@ The default routes used internally :
 - www.your-app.fr/authentication/callback
 
 ```javascript
-import React from 'react';
-import { render } from 'react-dom';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { OidcProvider } from '@axa-fr/react-oidc';
-import Header from './Layout/Header';
-import Routes from './Router';
+import React from "react";
+import { render } from "react-dom";
+import { BrowserRouter as Router } from "react-router-dom";
+import { OidcProvider } from "@axa-fr/react-oidc";
+import Header from "./Layout/Header";
+import Routes from "./Router";
 
 // This configuration use hybrid mode
 // ServiceWorker are used if available (more secure) else tokens are given to the client
 // You need to give inside your code the "access_token" when using fetch
 const configuration = {
-  client_id: 'interactive.public.short',
-  redirect_uri: window.location.origin + '/authentication/callback',
+  client_id: "interactive.public.short",
+  redirect_uri: window.location.origin + "/authentication/callback",
   silent_redirect_uri:
-    window.location.origin + '/authentication/silent-callback',
-  scope: 'openid profile email api offline_access', // offline_access scope allow your client to retrieve the refresh_token
-  authority: 'https://demo.duendesoftware.com',
-  service_worker_relative_url: '/OidcServiceWorker.js',
+    window.location.origin + "/authentication/silent-callback",
+  scope: "openid profile email api offline_access", // offline_access scope allow your client to retrieve the refresh_token
+  authority: "https://demo.duendesoftware.com",
+  service_worker_relative_url: "/OidcServiceWorker.js",
   service_worker_only: false,
 };
 
@@ -115,7 +115,7 @@ const App = () => (
   </OidcProvider>
 );
 
-render(<App />, document.getElementById('root'));
+render(<App />, document.getElementById("root"));
 ```
 
 ```javascript
@@ -164,33 +164,33 @@ const propTypes = {
 "useOidc" returns all props from the Hook :
 
 ```javascript
-import React from 'react';
-import { useOidc } from './oidc';
+import React from "react";
+import { useOidc } from "./oidc";
 
 export const Home = () => {
   const { login, logout, renewTokens, isAuthenticated } = useOidc();
 
   return (
-    <div className='container-fluid mt-3'>
-      <div className='card'>
-        <div className='card-body'>
-          <h5 className='card-title'>Welcome !!!</h5>
-          <p className='card-text'>
+    <div className="container-fluid mt-3">
+      <div className="card">
+        <div className="card-body">
+          <h5 className="card-title">Welcome !!!</h5>
+          <p className="card-text">
             React Demo Application protected by OpenId Connect
           </p>
           {!isAuthenticated && (
             <button
-              type='button'
-              className='btn btn-primary'
-              onClick={() => login('/profile')}
+              type="button"
+              className="btn btn-primary"
+              onClick={() => login("/profile")}
             >
               Login
             </button>
           )}
           {isAuthenticated && (
             <button
-              type='button'
-              className='btn btn-primary'
+              type="button"
+              className="btn btn-primary"
               onClick={() => logout()}
             >
               logout
@@ -198,8 +198,8 @@ export const Home = () => {
           )}
           {isAuthenticated && (
             <button
-              type='button'
-              className='btn btn-primary'
+              type="button"
+              className="btn btn-primary"
               onClick={() => renewTokens()}
             >
               renewTokens
@@ -224,8 +224,8 @@ The Hook method exposes :
 `OidcSecure` component trigger authentication in case user is not authenticated. So, the children of that component can be accessible only once you are connected.
 
 ```javascript
-import React from 'react';
-import { OidcSecure } from '@axa-fr/react-oidc';
+import React from "react";
+import { OidcSecure } from "@axa-fr/react-oidc";
 
 const AdminSecure = () => (
   <OidcSecure>
@@ -242,19 +242,19 @@ export default AdminSecure;
 "withOidcSecure" act the same as "OidcSecure" it also trigger authentication in case user is not authenticated.
 
 ```javascript
-import React from 'react';
-import { Switch, Route } from 'react-router-dom';
-import { withOidcSecure } from '@axa-fr/react-oidc';
-import Home from '../Pages/Home';
-import Dashboard from '../Pages/Dashboard';
-import Admin from '../Pages/Admin';
+import React from "react";
+import { Switch, Route } from "react-router-dom";
+import { withOidcSecure } from "@axa-fr/react-oidc";
+import Home from "../Pages/Home";
+import Dashboard from "../Pages/Dashboard";
+import Admin from "../Pages/Admin";
 
 const Routes = () => (
   <Switch>
-    <Route exact path='/' component={Home} />
-    <Route path='/dashboard' component={withOidcSecure(Dashboard)} />
-    <Route path='/admin' component={Admin} />
-    <Route path='/home' component={Home} />
+    <Route exact path="/" component={Home} />
+    <Route path="/dashboard" component={withOidcSecure(Dashboard)} />
+    <Route path="/admin" component={Admin} />
+    <Route path="/home" component={Home} />
   </Switch>
 );
 
@@ -264,7 +264,7 @@ export default Routes;
 ## How to get "Access Token" : Hook method
 
 ```javascript
-import { useOidcAccessToken } from '@axa-fr/react-oidc';
+import { useOidcAccessToken } from "@axa-fr/react-oidc";
 
 const DisplayAccessToken = () => {
   const { accessToken, accessTokenPayload } = useOidcAccessToken();
@@ -273,18 +273,18 @@ const DisplayAccessToken = () => {
     return <p>you are not authentified</p>;
   }
   return (
-    <div className='card text-white bg-info mb-3'>
-      <div className='card-body'>
-        <h5 className='card-title'>Access Token</h5>
-        <p style={{ color: 'red', backgroundColor: 'white' }}>
+    <div className="card text-white bg-info mb-3">
+      <div className="card-body">
+        <h5 className="card-title">Access Token</h5>
+        <p style={{ color: "red", backgroundColor: "white" }}>
           Please consider to configure the ServiceWorker in order to protect
           your application from XSRF attacks. ""access_token" and
           "refresh_token" will never be accessible from your client side
           javascript.
         </p>
-        {<p className='card-text'>{JSON.stringify(accessToken)}</p>}
+        {<p className="card-text">{JSON.stringify(accessToken)}</p>}
         {accessTokenPayload != null && (
-          <p className='card-text'>{JSON.stringify(accessTokenPayload)}</p>
+          <p className="card-text">{JSON.stringify(accessTokenPayload)}</p>
         )}
       </div>
     </div>
@@ -295,7 +295,7 @@ const DisplayAccessToken = () => {
 ## How to get IDToken : Hook method
 
 ```javascript
-import { useOidcIdToken } from '@axa-fr/react-oidc';
+import { useOidcIdToken } from "@axa-fr/react-oidc";
 
 const DisplayIdToken = () => {
   const { idToken, idTokenPayload } = useOidcIdToken();
@@ -305,12 +305,12 @@ const DisplayIdToken = () => {
   }
 
   return (
-    <div className='card text-white bg-info mb-3'>
-      <div className='card-body'>
-        <h5 className='card-title'>ID Token</h5>
-        {<p className='card-text'>{JSON.stringify(idToken)}</p>}
+    <div className="card text-white bg-info mb-3">
+      <div className="card-body">
+        <h5 className="card-title">ID Token</h5>
+        {<p className="card-text">{JSON.stringify(idToken)}</p>}
         {idTokenPayload != null && (
-          <p className='card-text'>{JSON.stringify(idTokenPayload)}</p>
+          <p className="card-text">{JSON.stringify(idTokenPayload)}</p>
         )}
       </div>
     </div>
@@ -321,7 +321,7 @@ const DisplayIdToken = () => {
 ## How to get User Information : Hook method
 
 ```javascript
-import { useOidcUser, UserStatus } from '@axa-fr/react-oidc';
+import { useOidcUser, UserStatus } from "@axa-fr/react-oidc";
 
 const DisplayUserInfo = () => {
   const { oidcUser, oidcUserLoadingState } = useOidcUser();
@@ -335,10 +335,10 @@ const DisplayUserInfo = () => {
       return <p>Fail to load user information</p>;
     default:
       return (
-        <div className='card text-white bg-success mb-3'>
-          <div className='card-body'>
-            <h5 className='card-title'>User information</h5>
-            <p className='card-text'>{JSON.stringify(oidcUser)}</p>
+        <div className="card text-white bg-success mb-3">
+          <div className="card-body">
+            <h5 className="card-title">User information</h5>
+            <p className="card-text">{JSON.stringify(oidcUser)}</p>
           </div>
         </div>
       );
@@ -352,8 +352,8 @@ If your are not using the service worker. Fetch function need to send AccessToke
 This Hook give you a wrapped fetch that add the access token for you.
 
 ```javascript
-import React, { useEffect, useState } from 'react';
-import { useOidcFetch, OidcSecure } from '@axa-fr/react-oidc';
+import React, { useEffect, useState } from "react";
+import { useOidcFetch, OidcSecure } from "@axa-fr/react-oidc";
 
 const DisplayUserInfo = ({ fetch }) => {
   const [oidcUser, setOidcUser] = useState(null);
@@ -362,7 +362,7 @@ const DisplayUserInfo = ({ fetch }) => {
   useEffect(() => {
     const fetchUserInfoAsync = async () => {
       const res = await fetch(
-        'https://demo.duendesoftware.com/connect/userinfo'
+        "https://demo.duendesoftware.com/connect/userinfo",
       );
       if (res.status != 200) {
         return null;
@@ -386,12 +386,12 @@ const DisplayUserInfo = ({ fetch }) => {
   }
 
   return (
-    <div className='container mt-3'>
-      <div className='card text-white bg-success mb-3'>
-        <div className='card-body'>
-          <h5 className='card-title'>User information</h5>
+    <div className="container mt-3">
+      <div className="card text-white bg-success mb-3">
+        <div className="card-body">
+          <h5 className="card-title">User information</h5>
           {oidcUser != null && (
-            <p className='card-text'>{JSON.stringify(oidcUser)}</p>
+            <p className="card-text">{JSON.stringify(oidcUser)}</p>
           )}
         </div>
       </div>
@@ -415,8 +415,8 @@ If your are not using the service worker. Fetch function need to send AccessToke
 This HOC give you a wrapped fetch that add the access token for you.
 
 ```javascript
-import React, { useEffect, useState } from 'react';
-import { useOidcFetch, OidcSecure } from '@axa-fr/react-oidc';
+import React, { useEffect, useState } from "react";
+import { useOidcFetch, OidcSecure } from "@axa-fr/react-oidc";
 
 const DisplayUserInfo = ({ fetch }) => {
   const [oidcUser, setOidcUser] = useState(null);
@@ -425,7 +425,7 @@ const DisplayUserInfo = ({ fetch }) => {
   useEffect(() => {
     const fetchUserInfoAsync = async () => {
       const res = await fetch(
-        'https://demo.duendesoftware.com/connect/userinfo'
+        "https://demo.duendesoftware.com/connect/userinfo",
       );
       if (res.status != 200) {
         return null;
@@ -449,12 +449,12 @@ const DisplayUserInfo = ({ fetch }) => {
   }
 
   return (
-    <div className='container mt-3'>
-      <div className='card text-white bg-success mb-3'>
-        <div className='card-body'>
-          <h5 className='card-title'>User information</h5>
+    <div className="container mt-3">
+      <div className="card text-white bg-success mb-3">
+        <div className="card-body">
+          <h5 className="card-title">User information</h5>
           {oidcUser != null && (
-            <p className='card-text'>{JSON.stringify(oidcUser)}</p>
+            <p className="card-text">{JSON.stringify(oidcUser)}</p>
           )}
         </div>
       </div>
@@ -476,23 +476,23 @@ You can inject your own components.
 All components definition receive props `configurationName`. Please checkout the demo for more complete example.
 
 ```javascript
-import React from 'react';
-import { render } from 'react-dom';
-import { BrowserRouter as Router } from 'react-router-dom';
-import { OidcProvider } from '@axa-fr/react-oidc';
-import Header from './Layout/Header';
-import Routes from './Router';
+import React from "react";
+import { render } from "react-dom";
+import { BrowserRouter as Router } from "react-router-dom";
+import { OidcProvider } from "@axa-fr/react-oidc";
+import Header from "./Layout/Header";
+import Routes from "./Router";
 
 // This configuration use hybrid mode
 // ServiceWorker are used if available (more secure) else tokens are given to the client
 // You need to give inside your code the "access_token" when using fetch
 const configuration = {
-  client_id: 'interactive.public.short',
-  redirect_uri: 'http://localhost:4200/authentication/callback',
-  silent_redirect_uri: 'http://localhost:4200/authentication/silent-callback',
-  scope: 'openid profile email api offline_access',
-  authority: 'https://demo.identityserver.io',
-  service_worker_relative_url: '/OidcServiceWorker.js',
+  client_id: "interactive.public.short",
+  redirect_uri: "http://localhost:4200/authentication/callback",
+  silent_redirect_uri: "http://localhost:4200/authentication/silent-callback",
+  scope: "openid profile email api offline_access",
+  authority: "https://demo.identityserver.io",
+  service_worker_relative_url: "/OidcServiceWorker.js",
   service_worker_only: false,
 };
 
@@ -528,7 +528,7 @@ const App = () => (
   </OidcProvider>
 );
 
-render(<App />, document.getElementById('root'));
+render(<App />, document.getElementById("root"));
 ```
 
 ## How It Works
@@ -549,15 +549,15 @@ To work with NextJS you need to inject your own history surcharge like the sampl
 **component/layout.js**
 
 ```javascript
-import { OidcProvider } from '@axa-fr/react-oidc';
-import { useRouter } from 'next/router';
+import { OidcProvider } from "@axa-fr/react-oidc";
+import { useRouter } from "next/router";
 
 const configuration = {
-  client_id: 'interactive.public.short',
-  redirect_uri: 'http://localhost:3001/#authentication/callback',
-  silent_redirect_uri: 'http://localhost:3001/#authentication/silent-callback', // Optional activate silent-login that use cookies between OIDC server and client javascript to restore the session
-  scope: 'openid profile email api offline_access',
-  authority: 'https://demo.duendesoftware.com',
+  client_id: "interactive.public.short",
+  redirect_uri: "http://localhost:3001/#authentication/callback",
+  silent_redirect_uri: "http://localhost:3001/#authentication/silent-callback", // Optional activate silent-login that use cookies between OIDC server and client javascript to restore the session
+  scope: "openid profile email api offline_access",
+  authority: "https://demo.duendesoftware.com",
 };
 
 const onEvent = (configurationName, eventName, data) => {
@@ -574,7 +574,7 @@ export default function Layout({ children }) {
             pathname: url,
           })
           .then(() => {
-            window.dispatchEvent(new Event('popstate'));
+            window.dispatchEvent(new Event("popstate"));
           });
       },
     };
@@ -602,14 +602,14 @@ For more information checkout the [NextJS React OIDC demo](https://github.com/Ax
 
 ```javascript
 export const configurationIdentityServerWithHash = {
-  client_id: 'interactive.public.short',
-  redirect_uri: window.location.origin + '#authentication-callback',
+  client_id: "interactive.public.short",
+  redirect_uri: window.location.origin + "#authentication-callback",
   silent_redirect_uri:
-    window.location.origin + '#authentication-silent-callback',
-  scope: 'openid profile email api offline_access',
-  authority: 'https://demo.duendesoftware.com',
+    window.location.origin + "#authentication-silent-callback",
+  scope: "openid profile email api offline_access",
+  authority: "https://demo.duendesoftware.com",
   refresh_time_before_tokens_expiration_in_second: 70,
-  service_worker_relative_url: '/OidcServiceWorker.js',
+  service_worker_relative_url: "/OidcServiceWorker.js",
   service_worker_only: false,
 };
 ```

package/dist/FetchToken.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FetchToken.d.ts","sourceRoot":"","sources":["../src/oidc/FetchToken.tsx"],"names":[],"mappings":";AAGA,oBAAY,KAAK,GAAG,OAAO,MAAM,CAAC,KAAK,CAAC;AAExC,MAAM,WAAW,2BAA2B;IAC1C,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAiCD,eAAO,MAAM,aAAa,WAAW,KAAK,oEAE3B,2BAA2B,gBAGvC,CAAC;AAEJ,eAAO,MAAM,YAAY,WAAU,KAAK;;CAMvC,CAAA"}
+{"version":3,"file":"FetchToken.d.ts","sourceRoot":"","sources":["../src/oidc/FetchToken.tsx"],"names":[],"mappings":";AAEA,oBAAY,KAAK,GAAG,OAAO,MAAM,CAAC,KAAK,CAAC;AAExC,MAAM,WAAW,2BAA2B;IAC1C,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAiCD,eAAO,MAAM,aAAa,WAAW,KAAK,oEAE3B,2BAA2B,gBAGvC,CAAC;AAEJ,eAAO,MAAM,YAAY,WAAW,KAAK;;CAMxC,CAAC"}

package/dist/FetchToken.js

@@ -12,10 +12,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useOidcFetch = exports.withOidcFetch = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const vanillaOidc_1 = require("./vanilla/vanillaOidc");
-const defaultConfigurationName = "default";
+const defaultConfigurationName = 'default';
 const fetchWithToken = (fetch, getOidcWithConfigurationName) => (...params) => __awaiter(void 0, void 0, void 0, function* () {
     const [url, options, ...rest] = params;
-    const optionTmp = options ? Object.assign({}, options) : { method: "GET" };
+    const optionTmp = options ? Object.assign({}, options) : { method: 'GET' };
     let headers = new Headers();
     if (optionTmp.headers) {
         headers = !(optionTmp.headers instanceof Headers)

package/dist/FetchToken.js.map

@@ -1 +1 @@
-{"version":3,"file":"FetchToken.js","sourceRoot":"","sources":["../src/oidc/FetchToken.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AACA,uDAAiD;AAQjD,MAAM,wBAAwB,GAAG,SAAS,CAAC;AAE3C,MAAM,cAAc,GAAG,CAAC,KAAY,EAAE,4BAAsD,EAAE,EAAE,CAAC,CAAO,GAAG,MAAyB,EAAE,EAAE;IACtI,MAAM,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,GAAG,MAAM,CAAC;IACvC,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,mBAAM,OAAO,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;IAE9D,IAAI,OAAO,GAAG,IAAI,OAAO,EAAE,CAAC;IAC5B,IAAI,SAAS,CAAC,OAAO,EAAE;QACrB,OAAO,GAAG,CAAC,CAAC,SAAS,CAAC,OAAO,YAAY,OAAO,CAAC;YAC7C,CAAC,CAAC,IAAI,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC;YAChC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC;KACzB;IACD,MAAM,IAAI,GAAG,4BAA4B,EAAE,CAAC;IAE5C,aAAa;IACb,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,kBAAkB,EAAE,CAAC;IACtD,MAAM,WAAW,GAAG,aAAa,CAAC,MAAM,CAAC,WAAW,CAAC;IAErD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;QAC1B,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC;KAC3C;IACD,IAAI,WAAW,EAAE;QACf,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,UAAU,WAAW,EAAE,CAAC,CAAC;QACtD,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE;YAC1B,SAAS,CAAC,WAAW,GAAG,aAAa,CAAC;SACvC;KACF;IACD,MAAM,UAAU,mCAAQ,SAAS,KAAE,OAAO,GAAE,CAAC;IAC7C,OAAO,MAAM,KAAK,CAAC,GAAG,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,CAAC;AAC/C,CAAC,CAAA,CAAC;AAEK,MAAM,aAAa,GAAG,CAAC,QAAe,IAAI,EAAE,iBAAiB,GAAG,wBAAwB,EAAE,EAAE,CAAC,CAChG,gBAAgB,EAChB,EAAE,CAAC,CAAC,KAAkC,EAAE,EAAE;IAC1C,MAAM,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,IAAA,oBAAY,EAAC,KAAK,IAAI,KAAK,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAA;IAC9E,OAAO,uBAAC,gBAAgB,oBAAK,KAAK,IAAE,KAAK,EAAE,QAAQ,IAAI,CAAC;AAC1D,CAAC,CAAC;AALS,QAAA,aAAa,iBAKtB;AAEG,MAAM,YAAY,GAAE,CAAC,QAAe,IAAI,EAAE,iBAAiB,GAAG,wBAAwB,EAAE,EAAE;IAC/F,MAAM,aAAa,GAAG,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC;IAC5C,MAAM,OAAO,GAAG,yBAAW,CAAC,GAAG,CAAC;IAChC,MAAM,4BAA4B,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACtE,MAAM,QAAQ,GAAG,cAAc,CAAC,aAAa,EAAE,4BAA4B,CAAC,CAAC;IAC7E,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;AAC7B,CAAC,CAAA;AANY,QAAA,YAAY,gBAMxB"}
+{"version":3,"file":"FetchToken.js","sourceRoot":"","sources":["../src/oidc/FetchToken.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,uDAAoD;AAQpD,MAAM,wBAAwB,GAAG,SAAS,CAAC;AAE3C,MAAM,cAAc,GAAG,CAAC,KAAY,EAAE,4BAAsD,EAAE,EAAE,CAAC,CAAO,GAAG,MAAyB,EAAE,EAAE;IACtI,MAAM,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,GAAG,MAAM,CAAC;IACvC,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,mBAAM,OAAO,EAAG,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;IAE/D,IAAI,OAAO,GAAG,IAAI,OAAO,EAAE,CAAC;IAC5B,IAAI,SAAS,CAAC,OAAO,EAAE;QACrB,OAAO,GAAG,CAAC,CAAC,SAAS,CAAC,OAAO,YAAY,OAAO,CAAC;YAC7C,CAAC,CAAC,IAAI,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC;YAChC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC;KACzB;IACD,MAAM,IAAI,GAAG,4BAA4B,EAAE,CAAC;IAE5C,aAAa;IACb,MAAM,aAAa,GAAG,MAAM,IAAI,CAAC,kBAAkB,EAAE,CAAC;IACtD,MAAM,WAAW,GAAG,aAAa,CAAC,MAAM,CAAC,WAAW,CAAC;IAErD,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;QAC1B,OAAO,CAAC,GAAG,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC;KAC3C;IACD,IAAI,WAAW,EAAE;QACf,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,UAAU,WAAW,EAAE,CAAC,CAAC;QACtD,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE;YAC1B,SAAS,CAAC,WAAW,GAAG,aAAa,CAAC;SACvC;KACF;IACD,MAAM,UAAU,mCAAQ,SAAS,KAAE,OAAO,GAAE,CAAC;IAC7C,OAAO,MAAM,KAAK,CAAC,GAAG,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,CAAC;AAC/C,CAAC,CAAA,CAAC;AAEK,MAAM,aAAa,GAAG,CAAC,QAAe,IAAI,EAAE,iBAAiB,GAAG,wBAAwB,EAAE,EAAE,CAAC,CAChG,gBAAgB,EAChB,EAAE,CAAC,CAAC,KAAkC,EAAE,EAAE;IAC1C,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAA,oBAAY,EAAC,KAAK,IAAI,KAAK,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC;IAClF,OAAO,uBAAC,gBAAgB,oBAAK,KAAK,IAAE,KAAK,EAAE,QAAQ,IAAI,CAAC;AAC1D,CAAC,CAAC;AALS,QAAA,aAAa,iBAKtB;AAEG,MAAM,YAAY,GAAG,CAAC,QAAe,IAAI,EAAE,iBAAiB,GAAG,wBAAwB,EAAE,EAAE;IAChG,MAAM,aAAa,GAAG,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC;IAC5C,MAAM,OAAO,GAAG,yBAAW,CAAC,GAAG,CAAC;IAChC,MAAM,4BAA4B,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACtE,MAAM,QAAQ,GAAG,cAAc,CAAC,aAAa,EAAE,4BAA4B,CAAC,CAAC;IAC7E,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;AAC7B,CAAC,CAAC;AANW,QAAA,YAAY,gBAMvB"}

package/dist/OidcProvider.d.ts

@@ -1,8 +1,9 @@
 import { ComponentType, FC, PropsWithChildren } from 'react';
+import { CustomHistory } from './core/routes/withRouter';
 import { OidcConfiguration } from './vanilla/oidc';
-import { CustomHistory } from "./core/routes/withRouter";
+import { VanillaOidc } from './vanilla/vanillaOidc';
 export declare type oidcContext = {
-    getOidc: Function;
+    (name?: string): VanillaOidc;
 };
 export declare type OidcProviderProps = {
     callbackSuccessComponent?: ComponentType<any>;
@@ -14,11 +15,11 @@ export declare type OidcProviderProps = {
     configurationName?: string;
     configuration?: OidcConfiguration;
     children: any;
-    onSessionLost?: Function;
-    onLogoutFromAnotherTab?: Function;
-    onLogoutFromSameTab?: Function;
+    onSessionLost?: () => void;
+    onLogoutFromAnotherTab?: () => void;
+    onLogoutFromSameTab?: () => void;
     withCustomHistory?: () => CustomHistory;
-    onEvent?: Function;
+    onEvent?: (configuration: string, name: string, data: any) => void;
 };
 export declare type OidcSessionProps = {
     configurationName: string;

package/dist/OidcProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OidcProvider.d.ts","sourceRoot":"","sources":["../src/oidc/OidcProvider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAC,aAAa,EAAE,EAAE,EAAE,iBAAiB,EAAsB,MAAM,OAAO,CAAC;AACvF,OAAO,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;AAMjD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzD,oBAAY,WAAW,GAAG;IACtB,OAAO,EAAE,QAAQ,CAAC;CACrB,CAAC;AAIF,oBAAY,iBAAiB,GAAG;IAC5B,wBAAwB,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC9C,oBAAoB,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,uBAAuB,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC7C,4BAA4B,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAClD,gBAAgB,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACtC,kCAAkC,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACxD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,QAAQ,EAAE,GAAG,CAAC;IACd,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,sBAAsB,CAAC,EAAC,QAAQ,CAAC;IACjC,mBAAmB,CAAC,EAAC,QAAQ,CAAC;IAC9B,iBAAiB,CAAC,EAAE,MAAM,aAAa,CAAC;IACxC,OAAO,CAAC,EAAC,QAAQ,CAAA;CACpB,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC;CAC5C,CAAC;AAyCF,eAAO,MAAM,YAAY,EAAG,EAAE,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAgIlE,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"OidcProvider.d.ts","sourceRoot":"","sources":["../src/oidc/OidcProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,EAAE,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAMlF,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,oBAAY,WAAW,GAAG;IACtB,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;CAChC,CAAC;AAIF,oBAAY,iBAAiB,GAAG;IAC5B,wBAAwB,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC9C,oBAAoB,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC1C,uBAAuB,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC7C,4BAA4B,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAClD,gBAAgB,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACtC,kCAAkC,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACxD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,QAAQ,EAAE,GAAG,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,iBAAiB,CAAC,EAAE,MAAM,aAAa,CAAC;IACxC,OAAO,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAC,GAAG,KAAK,IAAI,CAAC;CACrE,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC;CAC5C,CAAC;AA0CF,eAAO,MAAM,YAAY,EAAG,EAAE,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CA6HlE,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/OidcProvider.js

@@ -6,14 +6,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.OidcProvider = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
-const vanillaOidc_1 = require("./vanilla/vanillaOidc");
-const OidcRoutes_1 = __importDefault(require("./core/routes/OidcRoutes"));
+const AuthenticateError_component_1 = __importDefault(require("./core/default-component/AuthenticateError.component"));
 const index_1 = require("./core/default-component/index");
 const ServiceWorkerNotSupported_component_1 = __importDefault(require("./core/default-component/ServiceWorkerNotSupported.component"));
-const AuthenticateError_component_1 = __importDefault(require("./core/default-component/AuthenticateError.component"));
-const defaultEventState = { name: "", data: null };
+const OidcRoutes_1 = __importDefault(require("./core/routes/OidcRoutes"));
+const vanillaOidc_1 = require("./vanilla/vanillaOidc");
+const defaultEventState = { name: '', data: null };
 const OidcSession = ({ loadingComponent, children, configurationName }) => {
-    const [loading, setLoading] = (0, react_1.useState)(true);
+    const [isLoading, setIsLoading] = (0, react_1.useState)(true);
     const getOidc = vanillaOidc_1.VanillaOidc.get;
     const oidc = getOidc(configurationName);
     (0, react_1.useEffect)(() => {
@@ -21,16 +21,19 @@ const OidcSession = ({ loadingComponent, children, configurationName }) => {
         if (oidc) {
             oidc.tryKeepExistingSessionAsync().then(() => {
                 if (isMounted) {
-                    setLoading(false);
+                    setIsLoading(false);
                 }
             });
         }
         return () => {
             isMounted = false;
         };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [configurationName]);
     const LoadingComponent = loadingComponent;
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: loading ? ((0, jsx_runtime_1.jsx)(LoadingComponent, { configurationName: configurationName })) : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children })) }));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: isLoading
+            ? ((0, jsx_runtime_1.jsx)(LoadingComponent, { configurationName: configurationName }))
+            : ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children })) }));
 };
 const Switch = ({ isLoading, loadingComponent, children, configurationName }) => {
     const LoadingComponent = loadingComponent;
@@ -39,16 +42,17 @@ const Switch = ({ isLoading, loadingComponent, children, configurationName }) =>
     }
     return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
 };
-const OidcProvider = ({ children, configuration, configurationName = "default", callbackSuccessComponent = index_1.CallBackSuccess, authenticatingComponent = index_1.Authenticating, loadingComponent = index_1.Loading, serviceWorkerNotSupportedComponent = ServiceWorkerNotSupported_component_1.default, authenticatingErrorComponent = AuthenticateError_component_1.default, sessionLostComponent = index_1.SessionLost, onSessionLost = null, onLogoutFromAnotherTab = null, onLogoutFromSameTab = null, withCustomHistory = null, onEvent = null, }) => {
-    const getOidc = (configurationName = "default") => {
+const OidcProvider = ({ children, configuration, configurationName = 'default', callbackSuccessComponent = index_1.CallBackSuccess, authenticatingComponent = index_1.Authenticating, loadingComponent = index_1.Loading, serviceWorkerNotSupportedComponent = ServiceWorkerNotSupported_component_1.default, authenticatingErrorComponent = AuthenticateError_component_1.default, sessionLostComponent = index_1.SessionLost, onSessionLost = null, onLogoutFromAnotherTab = null, onLogoutFromSameTab = null, withCustomHistory = null, onEvent = null, }) => {
+    const getOidc = (configurationName = 'default') => {
         return vanillaOidc_1.VanillaOidc.getOrCreate(configuration, configurationName);
     };
+    // eslint-disable-next-line @typescript-eslint/naming-convention
     const [loading, setLoading] = (0, react_1.useState)(true);
     const [event, setEvent] = (0, react_1.useState)(defaultEventState);
-    const [currentConfigurationName, setConfigurationName] = (0, react_1.useState)("default");
+    const [currentConfigurationName, setConfigurationName] = (0, react_1.useState)('default');
     (0, react_1.useEffect)(() => {
         const oidc = getOidc(configurationName);
-        const newSubscriptionId = oidc.subscriveEvents((name, data) => {
+        const newSubscriptionId = oidc.subscribeEvents((name, data) => {
             if (onEvent) {
                 onEvent(configurationName, name, data);
             }
@@ -60,8 +64,8 @@ const OidcProvider = ({ children, configuration, configurationName = "default",
     }, [configurationName, onEvent]);
     (0, react_1.useEffect)(() => {
         const oidc = getOidc(configurationName);
-        const newSubscriptionId = oidc.subscriveEvents((name, data) => {
-            if (name == vanillaOidc_1.VanillaOidc.eventNames.refreshTokensAsync_error || name == vanillaOidc_1.VanillaOidc.eventNames.syncTokensAsync_error) {
+        const newSubscriptionId = oidc.subscribeEvents((name, data) => {
+            if (name === vanillaOidc_1.VanillaOidc.eventNames.refreshTokensAsync_error || name === vanillaOidc_1.VanillaOidc.eventNames.syncTokensAsync_error) {
                 if (onSessionLost != null) {
                     onSessionLost();
                     return;
@@ -78,17 +82,16 @@ const OidcProvider = ({ children, configuration, configurationName = "default",
             else if (name === vanillaOidc_1.VanillaOidc.eventNames.logout_from_same_tab) {
                 if (onLogoutFromSameTab != null) {
                     onLogoutFromSameTab();
-                    return;
                 }
-                //setEvent({name, data});
+                // setEvent({name, data});
             }
-            else if (name == vanillaOidc_1.VanillaOidc.eventNames.loginAsync_begin
-                || name == vanillaOidc_1.VanillaOidc.eventNames.loginCallbackAsync_end
-                || name == vanillaOidc_1.VanillaOidc.eventNames.loginAsync_error
-                || name == vanillaOidc_1.VanillaOidc.eventNames.loginCallbackAsync_error) {
+            else if (name === vanillaOidc_1.VanillaOidc.eventNames.loginAsync_begin ||
+                name === vanillaOidc_1.VanillaOidc.eventNames.loginCallbackAsync_end ||
+                name === vanillaOidc_1.VanillaOidc.eventNames.loginAsync_error ||
+                name === vanillaOidc_1.VanillaOidc.eventNames.loginCallbackAsync_error) {
                 setEvent({ name, data });
             }
-            else if (name == vanillaOidc_1.VanillaOidc.eventNames.service_worker_not_supported_by_browser && configuration.service_worker_only === true) {
+            else if (name === vanillaOidc_1.VanillaOidc.eventNames.service_worker_not_supported_by_browser && configuration.service_worker_only === true) {
                 setEvent({ name, data });
             }
         });
@@ -99,27 +102,28 @@ const OidcProvider = ({ children, configuration, configurationName = "default",
             previousOidc.removeEventSubscription(newSubscriptionId);
             setEvent(defaultEventState);
         };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [configuration, configurationName]);
     const SessionLostComponent = sessionLostComponent;
     const AuthenticatingComponent = authenticatingComponent;
     const LoadingComponent = loadingComponent;
     const ServiceWorkerNotSupportedComponent = serviceWorkerNotSupportedComponent;
     const AuthenticatingErrorComponent = authenticatingErrorComponent;
-    const isLoading = (loading || (currentConfigurationName != configurationName));
+    const isLoading = (loading || (currentConfigurationName !== configurationName));
     const oidc = getOidc(configurationName);
-    let eventName = event.name;
+    const eventName = event.name;
     switch (eventName) {
         case vanillaOidc_1.VanillaOidc.eventNames.service_worker_not_supported_by_browser:
-            return (0, jsx_runtime_1.jsx)(Switch, Object.assign({ loadingComponent: LoadingComponent, isLoading: isLoading, configurationName: configurationName }, { children: (0, jsx_runtime_1.jsx)(ServiceWorkerNotSupportedComponent, { configurationName: configurationName }) }));
+            return ((0, jsx_runtime_1.jsx)(Switch, Object.assign({ loadingComponent: LoadingComponent, isLoading: isLoading, configurationName: configurationName }, { children: (0, jsx_runtime_1.jsx)(ServiceWorkerNotSupportedComponent, { configurationName: configurationName }) })));
         case vanillaOidc_1.VanillaOidc.eventNames.loginAsync_begin:
-            return (0, jsx_runtime_1.jsx)(Switch, Object.assign({ loadingComponent: LoadingComponent, isLoading: isLoading, configurationName: configurationName }, { children: (0, jsx_runtime_1.jsx)(AuthenticatingComponent, { configurationName: configurationName }) }));
+            return ((0, jsx_runtime_1.jsx)(Switch, Object.assign({ loadingComponent: LoadingComponent, isLoading: isLoading, configurationName: configurationName }, { children: (0, jsx_runtime_1.jsx)(AuthenticatingComponent, { configurationName: configurationName }) })));
         case vanillaOidc_1.VanillaOidc.eventNames.loginAsync_error:
         case vanillaOidc_1.VanillaOidc.eventNames.loginCallbackAsync_error:
-            return (0, jsx_runtime_1.jsx)(Switch, Object.assign({ loadingComponent: LoadingComponent, isLoading: isLoading, configurationName: configurationName }, { children: (0, jsx_runtime_1.jsx)(AuthenticatingErrorComponent, { configurationName: configurationName }) }));
+            return ((0, jsx_runtime_1.jsx)(Switch, Object.assign({ loadingComponent: LoadingComponent, isLoading: isLoading, configurationName: configurationName }, { children: (0, jsx_runtime_1.jsx)(AuthenticatingErrorComponent, { configurationName: configurationName }) })));
         case vanillaOidc_1.VanillaOidc.eventNames.refreshTokensAsync_error:
         case vanillaOidc_1.VanillaOidc.eventNames.syncTokensAsync_error:
         case vanillaOidc_1.VanillaOidc.eventNames.logout_from_another_tab:
-            return (0, jsx_runtime_1.jsx)(Switch, Object.assign({ loadingComponent: LoadingComponent, isLoading: isLoading, configurationName: configurationName }, { children: (0, jsx_runtime_1.jsx)(SessionLostComponent, { configurationName: configurationName }) }));
+            return ((0, jsx_runtime_1.jsx)(Switch, Object.assign({ loadingComponent: LoadingComponent, isLoading: isLoading, configurationName: configurationName }, { children: (0, jsx_runtime_1.jsx)(SessionLostComponent, { configurationName: configurationName }) })));
         default:
             return ((0, jsx_runtime_1.jsx)(Switch, Object.assign({ loadingComponent: LoadingComponent, isLoading: isLoading, configurationName: configurationName }, { children: (0, jsx_runtime_1.jsx)(OidcRoutes_1.default, Object.assign({ redirect_uri: oidc.configuration.redirect_uri, silent_redirect_uri: oidc.configuration.silent_redirect_uri, silent_login_uri: oidc.configuration.silent_login_uri, callbackSuccessComponent: callbackSuccessComponent, callbackErrorComponent: authenticatingErrorComponent, authenticatingComponent: authenticatingComponent, configurationName: configurationName, withCustomHistory: withCustomHistory }, { children: (0, jsx_runtime_1.jsx)(OidcSession, Object.assign({ loadingComponent: LoadingComponent, configurationName: configurationName }, { children: children })) })) })));
     }