@axa-fr/react-oidc 7.22.17 → 7.22.19-alpha.1516

package/README.md

@@ -11,7 +11,6 @@ We provide a wrapper **@axa-fr/react-oidc** for **React** (compatible next.js) a
 - Try the React demo at https://black-rock-0dc6b0d03.1.azurestaticapps.net/ (most advanced)
 - Try the pure javascript demo at https://icy-glacier-004ab4303.2.azurestaticapps.net/
 
-
 <img src="https://raw.githubusercontent.com/AxaFrance/oidc-client/main/docs/img/introduction.gif" alt="Sample React Oicd"/>
 
 - [About](#about)
@@ -60,12 +59,14 @@ node ./node_modules/@axa-fr/react-oidc/bin/copy-service-worker-files.mjs public
 ```
 
 WARNING : If you use Service Worker mode, the OidcServiceWorker.js file should always be up to date with the version of the library. You may setup a postinstall script in your package.json file to update it at each npm install. For example :
+
 ```sh
   "scripts": {
     ...
     "postinstall": "node ./node_modules/@axa-fr/react-oidc/bin/copy-service-worker-files.mjs public"
   },
 ```
+
 If you need a very secure mode where refresh_token and access_token will be hide behind a service worker that will proxify requests.
 The only file you should edit is "OidcTrustedDomains.js".
 
@@ -79,25 +80,25 @@ The only file you should edit is "OidcTrustedDomains.js".
 // Domains used by OIDC server must be also declared here
 const trustedDomains = {
   default: {
-    oidcDomains :["https://demo.duendesoftware.com"],
-    accessTokenDomains : ["https://www.myapi.com/users"]
+    oidcDomains: ['https://demo.duendesoftware.com'],
+    accessTokenDomains: ['https://www.myapi.com/users'],
   },
 };
 
 // Service worker will continue to give access token to the JavaScript client
 // Ideal to hide refresh token from client JavaScript, but to retrieve access_token for some
 // scenarios which require it. For example, to send it via websocket connection.
-trustedDomains.config_show_access_token = { 
-    oidcDomains :["https://demo.duendesoftware.com"],
-    accessTokenDomains : ["https://www.myapi.com/users"], 
-    showAccessToken: true,
+trustedDomains.config_show_access_token = {
+  oidcDomains: ['https://demo.duendesoftware.com'],
+  accessTokenDomains: ['https://www.myapi.com/users'],
+  showAccessToken: true,
   // convertAllRequestsToCorsExceptNavigate: false, // default value is false
   // setAccessTokenToNavigateRequests: true, // default value is true
 };
 
 // DPoP (Demonstrating Proof of Possession) will be activated for the following domains
 trustedDomains.config_with_dpop = {
-  domains: ["https://demo.duendesoftware.com"],
+  domains: ['https://demo.duendesoftware.com'],
   demonstratingProofOfPossession: true,
   demonstratingProofOfPossessionOnlyWhenDpopHeaderPresent: true, // default value is false, inject DPOP token only when DPOP header is present
   // Optional, more details bellow
@@ -117,7 +118,12 @@ trustedDomains.config_with_dpop = {
  }*/
 };
 
-
+// Setting allowMultiTabLogin to true will enable storing login-specific parameters (state, nonce, code verifier)
+// separately for each tab. This will prevent errors when logins are initiated from multiple tabs.
+trustedDomains.config_multi_tab_login = {
+  domains: ['https://demo.duendesoftware.com'],
+  allowMultiTabLogin: true,
+};
 ```
 
 ## Run The Demo
@@ -143,26 +149,25 @@ 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",
-  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", // just comment that line to disable service worker mode
+  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', // just comment that line to disable service worker mode
   service_worker_only: false,
-  demonstrating_proof_of_possession: false, 
+  demonstrating_proof_of_possession: false,
 };
 
 const App = () => (
@@ -174,7 +179,7 @@ const App = () => (
   </OidcProvider>
 );
 
-render(<App />, document.getElementById("root"));
+render(<App />, document.getElementById('root'));
 ```
 
 ```javascript
@@ -208,7 +213,7 @@ const configuration = {
     refresh_time_before_tokens_expiration_in_second: Number, // default is 120 seconds
     service_worker_relative_url: String,
     service_worker_keep_alive_path: String, // default is "/"
-    service_worker_only: Boolean, // default false 
+    service_worker_only: Boolean, // default false
     service_worker_activate: () => boolean, // you can take the control of the service worker default activation which use user agent string
     service_worker_update_require_callback: (registration:any, stopKeepAlive:Function) => Promise<void>, // callback called when service worker need to be updated, you can take the control of the update process
     service_worker_register: (url: string) => Promise<ServiceWorkerRegistration>, // Optional, you can take the control of the service worker registration
@@ -235,7 +240,7 @@ const configuration = {
 demonstrating_proof_of_possession_configuration: DemonstratingProofOfPossessionConfiguration // Optional, more details bellow
 };
 
-interface DemonstratingProofOfPossessionConfiguration 
+interface DemonstratingProofOfPossessionConfiguration
 {
   generateKeyAlgorithm:  RsaHashedKeyGenParams | EcKeyGenParams,
           digestAlgorithm: AlgorithmIdentifier,
@@ -268,8 +273,8 @@ const defaultDemonstratingProofOfPossessionConfiguration: DemonstratingProofOfPo
 "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();
@@ -279,33 +284,19 @@ export const Home = () => {
       <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>
+          <p className="card-text">React Demo Application protected by OpenId Connect</p>
           {!isAuthenticated && (
-            <button
-              type="button"
-              className="btn btn-primary"
-              onClick={() => login("/profile")}
-            >
+            <button type="button" className="btn btn-primary" onClick={() => login('/profile')}>
               Login
             </button>
           )}
           {isAuthenticated && (
-            <button
-              type="button"
-              className="btn btn-primary"
-              onClick={() => logout()}
-            >
+            <button type="button" className="btn btn-primary" onClick={() => logout()}>
               logout
             </button>
           )}
           {isAuthenticated && (
-            <button
-              type="button"
-              className="btn btn-primary"
-              onClick={() => renewTokens()}
-            >
+            <button type="button" className="btn btn-primary" onClick={() => renewTokens()}>
               renewTokens
             </button>
           )}
@@ -328,8 +319,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>
@@ -346,12 +337,12 @@ export default AdminSecure;
 `withOidcSecure` will act the same as `OidcSecure`,it will also trigger authentication in case the 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>
@@ -368,7 +359,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();
@@ -380,11 +371,10 @@ const DisplayAccessToken = () => {
     <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 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>}
         {accessTokenPayload != null && (
@@ -399,7 +389,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();
@@ -413,9 +403,7 @@ const DisplayIdToken = () => {
       <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>
-        )}
+        {idTokenPayload != null && <p className="card-text">{JSON.stringify(idTokenPayload)}</p>}
       </div>
     </div>
   );
@@ -425,7 +413,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();
@@ -456,8 +444,8 @@ If you are not using the service worker. The Fetch function needs to send Access
 This hook will give you a wrapped fetch that adds 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);
@@ -465,16 +453,14 @@ const DisplayUserInfo = ({ fetch }) => {
 
   useEffect(() => {
     const fetchUserInfoAsync = async () => {
-      const res = await fetch(
-        "https://demo.duendesoftware.com/connect/userinfo",
-      );
+      const res = await fetch('https://demo.duendesoftware.com/connect/userinfo');
       if (res.status != 200) {
         return null;
       }
       return res.json();
     };
     let isMounted = true;
-    fetchUserInfoAsync().then((userInfo) => {
+    fetchUserInfoAsync().then(userInfo => {
       if (isMounted) {
         setLoading(false);
         setOidcUser(userInfo);
@@ -494,9 +480,7 @@ const DisplayUserInfo = ({ fetch }) => {
       <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>
-          )}
+          {oidcUser != null && <p className="card-text">{JSON.stringify(oidcUser)}</p>}
         </div>
       </div>
     </div>
@@ -519,8 +503,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);
@@ -528,16 +512,14 @@ const DisplayUserInfo = ({ fetch }) => {
 
   useEffect(() => {
     const fetchUserInfoAsync = async () => {
-      const res = await fetch(
-        "https://demo.duendesoftware.com/connect/userinfo",
-      );
+      const res = await fetch('https://demo.duendesoftware.com/connect/userinfo');
       if (res.status != 200) {
         return null;
       }
       return res.json();
     };
     let isMounted = true;
-    fetchUserInfoAsync().then((userInfo) => {
+    fetchUserInfoAsync().then(userInfo => {
       if (isMounted) {
         setLoading(false);
         setOidcUser(userInfo);
@@ -557,9 +539,7 @@ const DisplayUserInfo = ({ fetch }) => {
       <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>
-          )}
+          {oidcUser != null && <p className="card-text">{JSON.stringify(oidcUser)}</p>}
         </div>
       </div>
     </div>
@@ -580,23 +560,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,
 };
 
@@ -632,7 +612,7 @@ const App = () => (
   </OidcProvider>
 );
 
-render(<App />, document.getElementById("root"));
+render(<App />, document.getElementById('root'));
 ```
 
 ## How It Works
@@ -654,15 +634,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) => {
@@ -673,13 +653,13 @@ export default function Layout({ children }) {
   const router = useRouter();
   const withCustomHistory = () => {
     return {
-      replaceState: (url) => {
+      replaceState: url => {
         router
           .replace({
             pathname: url,
           })
           .then(() => {
-            window.dispatchEvent(new Event("popstate"));
+            window.dispatchEvent(new Event('popstate'));
           });
       },
     };
@@ -707,14 +687,13 @@ 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",
-  silent_redirect_uri:
-    window.location.origin + "#authentication-silent-callback",
-  scope: "openid profile email api offline_access",
-  authority: "https://demo.duendesoftware.com",
+  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',
   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/bin/copy-service-worker-files.mjs

@@ -1,18 +1,19 @@
-import path from 'path';
+/* global console, process */
+/* eslint no-console: "off" */
 import fs from 'fs';
+import path from 'path';
 import { fileURLToPath } from 'url';
 
 try {
-
   /**
    * Script to run after npm install
    *
    * Copy selected files to user's directory
    */
-  const script_prefix= 'react-oidc';
+  const script_prefix = 'react-oidc';
 
   const copyFile = async (src, dest, overwrite) => {
-    if(!fileExists(src)) {
+    if (!fileExists(src)) {
       console.log(`[${script_prefix}:skip] file does not exist ${src}`);
       return false;
     }
@@ -24,17 +25,24 @@ try {
     }
     await fs.promises.copyFile(src, dest);
     console.log(`[${script_prefix}:copy] ${dest}`);
-    return true
+    return true;
   };
 
-  const fileExists = (path) => {
+  const fileExists = path => {
     return !!fs.existsSync(path);
   };
 
   const initPath = process.cwd();
   const __dirname = path.dirname(fileURLToPath(import.meta.url));
-  const srcDir = path.join(__dirname, ".." , ".." ,'oidc-client-service-worker', 'dist');
-  const srcDirFallback = path.join(__dirname, "..", 'node_modules', '@axa-fr' ,'oidc-client-service-worker', 'dist');
+  const srcDir = path.join(__dirname, '..', '..', 'oidc-client-service-worker', 'dist');
+  const srcDirFallback = path.join(
+    __dirname,
+    '..',
+    'node_modules',
+    '@axa-fr',
+    'oidc-client-service-worker',
+    'dist',
+  );
   const destinationFolder = process.argv.length >= 3 ? process.argv[2] : 'public';
   const destinationDir = path.join(initPath, destinationFolder);
 
@@ -51,19 +59,18 @@ try {
 
   for await (const file of files) {
     const success = await copyFile(
-        path.join(srcDir, file.fileName),
-        path.join(destinationDir, file.fileName),
-        file.overwrite
+      path.join(srcDir, file.fileName),
+      path.join(destinationDir, file.fileName),
+      file.overwrite,
     );
-    if(!success){
+    if (!success) {
       await copyFile(
-          path.join(srcDirFallback, file.fileName),
-          path.join(destinationDir, file.fileName),
-          file.overwrite
+        path.join(srcDirFallback, file.fileName),
+        path.join(destinationDir, file.fileName),
+        file.overwrite,
       );
     }
   }
-
 } catch (err) {
   console.warn(err);
-}
+}

package/dist/FetchToken.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FetchToken.d.ts","sourceRoot":"","sources":["../src/FetchToken.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAc,MAAM,qBAAqB,CAAC;AAGxD,MAAM,WAAW,2BAA2B;IAC1C,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAUD,eAAO,MAAM,aAAa,WAAW,KAAK,kEAAyF,OAAO,wCAE7H,2BAA2B,4CAGvC,CAAC;AAEF,eAAO,MAAM,YAAY,WAAW,KAAK,kEAAyF,OAAO;mBAK7H,WAAW,GAAG,GAAG,SAAS,WAAW;CAQhD,CAAC"}
+{"version":3,"file":"FetchToken.d.ts","sourceRoot":"","sources":["../src/FetchToken.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAc,MAAM,qBAAqB,CAAC;AAGxD,MAAM,WAAW,2BAA2B;IAC1C,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAgBD,eAAO,MAAM,aAAa,WAEf,KAAK,kEAEuB,OAAO,wCAGpC,2BAA2B,4CAOlC,CAAC;AAEJ,eAAO,MAAM,YAAY,WAChB,KAAK,kEAEuB,OAAO;mBAMhC,WAAW,GAAG,GAAG,SAAS,WAAW;CAYhD,CAAC"}

package/dist/OidcProvider.d.ts

@@ -1,4 +1,4 @@
-import { Fetch, OidcConfiguration, OidcClient, ILOidcLocation } from '@axa-fr/oidc-client';
+import { Fetch, ILOidcLocation, OidcClient, OidcConfiguration } from '@axa-fr/oidc-client';
 import { ComponentType, FC, PropsWithChildren } from 'react';
 import { CustomHistory } from './core/routes/withRouter.js';
 

package/dist/OidcProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OidcProvider.d.ts","sourceRoot":"","sources":["../src/OidcProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,KAAK,EAAmB,iBAAiB,EAAE,UAAU,EAAE,cAAc,EAAe,MAAM,qBAAqB,CAAC;AACxH,OAAO,EAAE,aAAa,EAAE,EAAE,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAMlF,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE5D,MAAM,MAAM,WAAW,GAAG;IACtB,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;CAC/B,CAAC;AAIF,MAAM,MAAM,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,EAAE,GAAG,KAAK,IAAI,CAAC;IACnE,QAAQ,CAAC,EAAE,MAAM,KAAK,CAAC;IACvB,QAAQ,CAAC,EAAE,cAAc,CAAA;CAC5B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC3B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC;CAC5C,CAAC;AA0CF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAgIjE,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"OidcProvider.d.ts","sourceRoot":"","sources":["../src/OidcProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EAEL,cAAc,EACd,UAAU,EACV,iBAAiB,EAElB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,EAAE,EAAE,iBAAiB,EAAuB,MAAM,OAAO,CAAC;AAWlF,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE5D,MAAM,MAAM,WAAW,GAAG;IACxB,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;CAC7B,CAAC;AAIF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,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,EAAE,GAAG,KAAK,IAAI,CAAC;IACnE,QAAQ,CAAC,EAAE,MAAM,KAAK,CAAC;IACvB,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC;CAC1C,CAAC;AAqCF,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAuKjE,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/OidcSecure.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OidcSecure.d.ts","sourceRoot":"","sources":["../src/OidcSecure.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAc,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAa,MAAM,OAAO,CAAC;AAEzD,MAAM,MAAM,eAAe,GAAG;IAC1B,YAAY,CAAC,EAAC,MAAM,CAAC;IACrB,MAAM,CAAC,EAAC,SAAS,CAAC;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAa7D,CAAC;AAEF,eAAO,MAAM,cAAc,qBACP,GAAG,kBAAkB,eAAe,CAAC,CAAC,0HAMzD,CAAC"}
+{"version":3,"file":"OidcSecure.d.ts","sourceRoot":"","sources":["../src/OidcSecure.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,EAAE,EAAE,iBAAiB,EAAa,MAAM,OAAO,CAAC;AAEzD,MAAM,MAAM,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC,eAAe,CAAC,CAkB7D,CAAC;AAEF,eAAO,MAAM,cAAc,qBAEL,GAAG,kBAAkB,eAAe,CAAC,CAAC,0HAWzD,CAAC"}

package/dist/OidcTrustedDomains.js

@@ -5,22 +5,25 @@
 // Domains used by OIDC server must be also declared here
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 const trustedDomains = {
-    default: ['https://demo.duendesoftware.com', 'https://kdhttps.auth0.com'],
-    config_classic: ['https://demo.duendesoftware.com'],
-    config_without_silent_login: ['https://demo.duendesoftware.com'],
-    config_without_refresh_token: ['https://demo.duendesoftware.com'],
-    config_without_refresh_token_silent_login: ['https://demo.duendesoftware.com'],
-    config_google: ['https://oauth2.googleapis.com', 'https://openidconnect.googleapis.com'],
-    config_with_hash: ['https://demo.duendesoftware.com'],
+  default: ['https://demo.duendesoftware.com', 'https://kdhttps.auth0.com'],
+  config_classic: ['https://demo.duendesoftware.com'],
+  config_without_silent_login: ['https://demo.duendesoftware.com'],
+  config_without_refresh_token: ['https://demo.duendesoftware.com'],
+  config_without_refresh_token_silent_login: ['https://demo.duendesoftware.com'],
+  config_google: ['https://oauth2.googleapis.com', 'https://openidconnect.googleapis.com'],
+  config_with_hash: ['https://demo.duendesoftware.com'],
 };
 
 // Service worker will continue to give access token to the JavaScript client
 // Ideal to hide refresh token from client JavaScript, but to retrieve access_token for some
 // scenarios which require it. For example, to send it via websocket connection.
-trustedDomains.config_show_access_token = { domains: ['https://demo.duendesoftware.com'], showAccessToken: true };
+trustedDomains.config_show_access_token = {
+  domains: ['https://demo.duendesoftware.com'],
+  showAccessToken: true,
+};
 
 // This example defines domains used by OIDC server separately from domains to which access tokens will be injected.
 trustedDomains.config_separate_oidc_access_token_domains = {
-    oidcDomains: ['https://demo.duendesoftware.com'],
-    accessTokenDomains: ['https://myapi'],
+  oidcDomains: ['https://demo.duendesoftware.com'],
+  accessTokenDomains: ['https://myapi'],
 };

package/dist/ReactOidc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactOidc.d.ts","sourceRoot":"","sources":["../src/ReactOidc.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAsB,MAAM,qBAAqB,CAAC;AAkBpE,eAAO,MAAM,OAAO;2BAuBY,MAAM,GAAG,SAAS,WAAqB,SAAS;4BAG9C,MAAM,GAAG,IAAI,GAAG,SAAS,WAAqB,SAAS;2BAGlD,SAAS,KAAW,QAAQ,eAAe,GAAG,WAAW,CAAC;;CAehG,CAAC;AAkBF,MAAM,MAAM,eAAe,GAAG;IAC1B,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,kBAAkB,CAAC,EAAE,GAAG,CAAC;IACzB,6CAA6C,CAAC,EAAE,GAAG,CAAC;CACvD,CAAA;AAMD,eAAO,MAAM,kBAAkB,iDAoC9B,CAAC;AAeF,MAAM,MAAM,WAAW,GAAG;IACtB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,cAAc,CAAC,EAAE,GAAG,CAAC;CACxB,CAAA;AAED,eAAO,MAAM,cAAc,6CAgC1B,CAAC"}
+{"version":3,"file":"ReactOidc.d.ts","sourceRoot":"","sources":["../src/ReactOidc.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,SAAS,EAAU,MAAM,qBAAqB,CAAC;AAkBpE,eAAO,MAAM,OAAO;2BA6BF,MAAM,GAAG,SAAS,WACxB,SAAS;4BAYH,MAAM,GAAG,IAAI,GAAG,SAAS,WAC/B,SAAS;2BAIgB,SAAS,KAAU,QAAQ,eAAe,GAAG,WAAW,CAAC;;CAe7F,CAAC;AAsBF,MAAM,MAAM,eAAe,GAAG;IAC5B,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,kBAAkB,CAAC,EAAE,GAAG,CAAC;IACzB,6CAA6C,CAAC,EAAE,GAAG,CAAC;CACrD,CAAC;AASF,eAAO,MAAM,kBAAkB,iDA6C9B,CAAC;AAeF,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,cAAc,CAAC,EAAE,GAAG,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,cAAc,6CAqC1B,CAAC"}

package/dist/User.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"User.d.ts","sourceRoot":"","sources":["../src/User.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAc,MAAM,qBAAqB,CAAC;AAGpE,oBAAY,cAAc;IACtB,eAAe,oBAAmB;IAClC,OAAO,iBAAiB;IACxB,MAAM,gBAAgB;IACtB,YAAY,uBAAuB;CACtC;AAED,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,YAAY,GAAG,YAAY,IAAI;IAC1D,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;IACf,MAAM,EAAE,cAAc,CAAC;CAC1B,CAAA;AAED,eAAO,MAAM,WAAW;;;;CA8CvB,CAAC"}
+{"version":3,"file":"User.d.ts","sourceRoot":"","sources":["../src/User.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGpE,oBAAY,cAAc;IACxB,eAAe,oBAAoB;IACnC,OAAO,iBAAiB;IACxB,MAAM,gBAAgB;IACtB,YAAY,uBAAuB;CACpC;AAED,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,YAAY,GAAG,YAAY,IAAI;IAC5D,IAAI,EAAE,CAAC,GAAG,IAAI,CAAC;IACf,MAAM,EAAE,cAAc,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;CAwDvB,CAAC"}

package/dist/core/default-component/Authenticating.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Authenticating.component.d.ts","sourceRoot":"","sources":["../../../src/core/default-component/Authenticating.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,QAAA,MAAM,cAAc,EAAG,aAAa,CAAC,GAAG,CAOvC,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"Authenticating.component.d.ts","sourceRoot":"","sources":["../../../src/core/default-component/Authenticating.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,QAAA,MAAM,cAAc,EAAE,aAAa,CAAC,GAAG,CAOtC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/core/default-component/Callback.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Callback.component.d.ts","sourceRoot":"","sources":["../../../src/core/default-component/Callback.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAuB,MAAM,OAAO,CAAC;AAK3D,eAAO,MAAM,eAAe,EAAE,aAAa,CAAC,GAAG,CAKxC,CAAC;AAER,QAAA,MAAM,eAAe,EAAE,aAAa,CAAC,GAAG,CA+BvC,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"Callback.component.d.ts","sourceRoot":"","sources":["../../../src/core/default-component/Callback.component.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAuB,MAAM,OAAO,CAAC;AAK3D,eAAO,MAAM,eAAe,EAAE,aAAa,CAAC,GAAG,CAO9C,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,aAAa,CAAC,GAAG,CAoCvC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/core/default-component/Loading.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Loading.component.d.ts","sourceRoot":"","sources":["../../../src/core/default-component/Loading.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,QAAA,MAAM,OAAO,EAAG,aAAa,CAAC,GAAG,CAIhC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Loading.component.d.ts","sourceRoot":"","sources":["../../../src/core/default-component/Loading.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,QAAA,MAAM,OAAO,EAAE,aAAa,CAAC,GAAG,CAAuD,CAAC;AAExF,eAAe,OAAO,CAAC"}

package/dist/core/default-component/ServiceWorkerNotSupported.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ServiceWorkerNotSupported.component.d.ts","sourceRoot":"","sources":["../../../src/core/default-component/ServiceWorkerNotSupported.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,QAAA,MAAM,yBAAyB,EAAG,aAAa,CAAC,GAAG,CAOlD,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"ServiceWorkerNotSupported.component.d.ts","sourceRoot":"","sources":["../../../src/core/default-component/ServiceWorkerNotSupported.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,QAAA,MAAM,yBAAyB,EAAE,aAAa,CAAC,GAAG,CAUjD,CAAC;AAEF,eAAe,yBAAyB,CAAC"}