@axa-fr/react-oidc 6.0.0-beta1 → 6.0.0-beta10

package/src/oidc/vanilla/oidc.ts

@@ -21,8 +21,7 @@ import {getParseQueryStringFromLocation} from "./route-utils";
 import {AuthorizationServiceConfigurationJson} from "@openid/appauth/src/authorization_service_configuration";
 
 const performTokenRequestAsync= async (url, details, extras) => {
-
-
+    
     for (let [key, value] of Object.entries(extras)) {
         if (details[key] === undefined) {
             details[key] = value;
@@ -47,15 +46,22 @@ const performTokenRequestAsync= async (url, details, extras) => {
     if(response.status !== 200){
         return {success:false, status: response.status}
     }
-    const result = await response.json();
+    const tokens = await response.json();
+
+    if(!tokens.issued_at) {
+        const currentTimeUnixSecond = new Date().getTime() /1000;
+        tokens.issued_at = currentTimeUnixSecond;
+    }
+    
     return { success : true,
         data : {
-            accessToken: result.access_token,
-            expiresIn: result.expires_in,
-            idToken: result.id_token,
-            refreshToken: result.refresh_token,
-            scope: result.scope,
-            tokenType: result.token_type,
+            accessToken: tokens.access_token,
+            expiresIn: tokens.expires_in,
+            idToken: tokens.id_token,
+            refreshToken: tokens.refresh_token,
+            scope: tokens.scope,
+            tokenType: tokens.token_type,
+            issuedAt: tokens.issued_at
         }
     };
 }
@@ -210,9 +216,9 @@ const autoRenewTokens = (oidc, refreshToken, expiresAt) => {
                 oidc.timeoutId = autoRenewTokens(oidc, tokens.refreshToken, oidc.tokens.expiresAt);
             }
         } else{
-            await oidc.syncTokensAsync();
-            if(oidc.timeoutId) {
-                oidc.timeoutId = autoRenewTokens(oidc, refreshToken, expiresAt);
+            const tokens = await oidc.syncTokensAsync();
+            if(tokens && oidc.timeoutId) {
+                oidc.timeoutId = autoRenewTokens(oidc, tokens.refreshToken, tokens.expiresAt);
             }
         }
     }, 1000);
@@ -225,7 +231,6 @@ const getLoginParams = (configurationName, redirectUri) => {
     return JSON.parse(sessionStorage[getLoginSessionKey(configurationName, redirectUri)]);
 }
 
-
 const userInfoAsync = async (oidc) => {
     if(oidc.userInfo != null){
         return oidc.userInfo;
@@ -244,7 +249,7 @@ const userInfoAsync = async (oidc) => {
        const res = await fetch(url, {
            headers: {
                authorization: `Bearer ${accessToken}`,
-               credentials: 'same-origin'
+               credentials: 'include'
            }
        });
 
@@ -274,7 +279,10 @@ const setTokensAsync = async (serviceWorker, tokens) =>{
         accessTokenPayload = extractAccessTokenPayload(tokens);
     }
     const _idTokenPayload = idTokenPayload(tokens.idToken);
-    const expiresAt =  (_idTokenPayload && _idTokenPayload.exp) ? _idTokenPayload.exp :  tokens.issuedAt + tokens.expiresIn;
+
+    const idTokenExipreAt =(_idTokenPayload && _idTokenPayload.exp) ? _idTokenPayload.exp: Number.MAX_VALUE;
+    const accessTokenExpiresAt =  (accessTokenPayload && accessTokenPayload.exp)? accessTokenPayload.exp : tokens.issuedAt + tokens.expiresIn;
+    const expiresAt = idTokenExipreAt < accessTokenExpiresAt ? idTokenExipreAt : accessTokenExpiresAt;
     return {...tokens, idTokenPayload: _idTokenPayload, accessTokenPayload, expiresAt};
 }
 
@@ -304,31 +312,30 @@ const eventNames = {
     syncTokensAsync_begin: "syncTokensAsync_begin",
     syncTokensAsync_end: "syncTokensAsync_end",
     syncTokensAsync_error: "syncTokensAsync_error"
-
 }
 
 const getRandomInt = (max) => {
     return Math.floor(Math.random() * max);
 }
 
-const WELL_KNOWN_PATH = '.well-known';
-const OPENID_CONFIGURATION = 'openid-configuration';
-
-
 const oneHourSecond = 60 * 60;
-const fetchFromIssuer = async (openIdIssuerUrl: string, timeCacheSecond = oneHourSecond):
+let fetchFromIssuerCache = null;
+const fetchFromIssuer = async (openIdIssuerUrl: string, timeCacheSecond = oneHourSecond, storage= window.sessionStorage):
     Promise<OidcAuthorizationServiceConfiguration> => {
-    const fullUrl = `${openIdIssuerUrl}/${WELL_KNOWN_PATH}/${OPENID_CONFIGURATION}`;
+    const fullUrl = `${openIdIssuerUrl}/.well-known/openid-configuration`;
     
     const localStorageKey = `oidc.server:${openIdIssuerUrl}`;
-    const cacheJson = window.sessionStorage.getItem(localStorageKey);
-    
+    if(!fetchFromIssuerCache && storage) {
+        const cacheJson = storage.getItem(localStorageKey);
+        if(cacheJson){
+            fetchFromIssuerCache = JSON.parse(cacheJson);
+        }
+    }
     const oneHourMinisecond = 1000 * timeCacheSecond;
     // @ts-ignore
-    if(cacheJson && (cacheJson.timestamp + oneHourMinisecond) > Date.now()){
-        return new OidcAuthorizationServiceConfiguration(JSON.parse(cacheJson));
+    if(fetchFromIssuerCache && (fetchFromIssuerCache.timestamp + oneHourMinisecond) > Date.now()){
+        return new OidcAuthorizationServiceConfiguration(fetchFromIssuerCache.result);
     }
-    
     const response = await fetch(fullUrl);
 
     if (response.status != 200) {
@@ -336,8 +343,12 @@ const fetchFromIssuer = async (openIdIssuerUrl: string, timeCacheSecond = oneHou
     }
     
     const result = await response.json();
-    window.sessionStorage.setItem(localStorageKey, JSON.stringify({result, timestamp:Date.now()}));
     
+    const timestamp = Date.now();
+    fetchFromIssuerCache = {result, timestamp};
+    if(storage) {
+        storage.setItem(localStorageKey, JSON.stringify({result, timestamp}));
+    }
     return new OidcAuthorizationServiceConfiguration(result);
 }
 
@@ -366,7 +377,12 @@ export class Oidc {
     private session?: any;
     private checkSessionIFrame: CheckSessionIFrame;
     constructor(configuration:OidcConfiguration, configurationName="default") {
-      this.configuration = configuration
+        let silent_login_uri = configuration.silent_login_uri;
+        if(configuration.silent_redirect_uri && !configuration.silent_login_uri){
+            silent_login_uri = `${configuration.silent_redirect_uri.replace("-callback", "").replace("callback", "")}-login`; 
+        }
+        
+        this.configuration = {...configuration, silent_login_uri};
         this.configurationName= configurationName;
       this.tokens = null
       this.userInfo = null;
@@ -384,6 +400,8 @@ export class Oidc {
       this.publishEvent.bind(this);
       this.destroyAsync.bind(this);
       this.logoutAsync.bind(this);
+      
+      this.initAsync(this.configuration.authority, this.configuration.authority_configuration);
     }
 
     subscriveEvents(func){
@@ -415,18 +433,29 @@ Please checkout that you are using OIDC hook inside a <OidcProvider configuratio
     }
     static eventNames = eventNames;
     
-    silentLoginCallbackFromIFrame(){
+    _silentLoginCallbackFromIFrame(){
         if (this.configuration.silent_redirect_uri && this.configuration.silent_login_uri) {
             const queryParams = getParseQueryStringFromLocation(window.location.href);
             window.top.postMessage(`${this.configurationName}_oidc_tokens:${JSON.stringify({tokens:this.tokens, sessionState:queryParams.session_state})}`, window.location.origin);
         }
     }
-    silentLoginErrorCallbackFromIFrame(){
+    _silentLoginErrorCallbackFromIFrame() {
         if (this.configuration.silent_redirect_uri && this.configuration.silent_login_uri) {
             const queryParams = getParseQueryStringFromLocation(window.location.href);
-            window.top.postMessage(`${this.configurationName}_oidc_error:${JSON.stringify({error:queryParams.error})}`, window.location.origin);
+            window.top.postMessage(`${this.configurationName}_oidc_error:${JSON.stringify({error: queryParams.error})}`, window.location.origin);
         }
     }
+    
+    async silentLoginCallBackAsync() {
+        try {
+            await this.loginCallbackAsync(true);
+            this._silentLoginCallbackFromIFrame();
+        } catch (error) {
+            console.error(error)
+            this._silentLoginErrorCallbackFromIFrame();
+        }
+    }
+    
     async silentLoginAsync(extras:StringMap=null, state:string=null, scope:string=null) {
         if (!this.configuration.silent_redirect_uri || !this.configuration.silent_login_uri) {
             return Promise.resolve(null);
@@ -435,6 +464,13 @@ Please checkout that you are using OIDC hook inside a <OidcProvider configuratio
             await sleepAsync(1000);
             this.publishEvent(eventNames.silentLoginAsync, {message:"wait because document is hidden"});
         }
+
+        let numberTryOnline = 6;
+        while (!navigator.onLine && numberTryOnline > 0) {
+            await sleepAsync(1000);
+            numberTryOnline--;
+            this.publishEvent(eventNames.refreshTokensAsync, {message: `wait because navigator is offline try ${numberTryOnline}` });
+        }
             
         try {
             this.publishEvent(eventNames.silentLoginAsync_begin, {});
@@ -499,7 +535,7 @@ Please checkout that you are using OIDC hook inside a <OidcProvider configuratio
                                         self.publishEvent(eventNames.silentLoginAsync_error, result);
                                         iframe.remove();
                                         isResolved = true;
-                                        reject(result);
+                                        reject(new Error("oidc_"+result.error));
                                     }
                                 }
                             }
@@ -508,10 +544,10 @@ Please checkout that you are using OIDC hook inside a <OidcProvider configuratio
                     const silentSigninTimeout = configuration.silent_login_timeout ?? 12000
                     setTimeout(() => {
                         if (!isResolved) {
-                            self.publishEvent(eventNames.silentLoginAsync_error, "timeout");
+                            self.publishEvent(eventNames.silentLoginAsync_error, {reason: "timeout"});
                             iframe.remove();
                             isResolved = true;
-                            reject("timeout");
+                            reject(new Error("timeout"));
                         }
                     }, silentSigninTimeout);
                 } catch (e) {
@@ -525,7 +561,6 @@ Please checkout that you are using OIDC hook inside a <OidcProvider configuratio
             throw e;
         }
     }
-    initAsyncPromise = null;
     async initAsync(authority:string, authorityConfiguration:AuthorityConfiguration) {
         if (authorityConfiguration != null) {
             return new OidcAuthorizationServiceConfiguration( {
@@ -537,12 +572,11 @@ Please checkout that you are using OIDC hook inside a <OidcProvider configuratio
                 check_session_iframe:authorityConfiguration.check_session_iframe,
             });
         }
-        if(this.initAsyncPromise){
-            return this.initAsyncPromise;
-        }
-        
-        this.initAsyncPromise = await fetchFromIssuer(authority, this.configuration.authority_time_cache_wellknowurl_in_second ?? 60 * 60);
-        return this.initAsyncPromise;
+
+        const serviceWorker = await initWorkerAsync(this.configuration.service_worker_relative_url, this.configurationName);
+        const storage = serviceWorker ? window.localStorage : null;
+        const initAsyncPromise = await fetchFromIssuer(authority, this.configuration.authority_time_cache_wellknowurl_in_second ?? 60 * 60, storage);
+        return initAsyncPromise;
     }
 
     tryKeepExistingSessionPromise = null;
@@ -572,13 +606,15 @@ Please checkout that you are using OIDC hook inside a <OidcProvider configuratio
                             expiresIn: tokens.expires_in,
                             idToken: tokens.id_token,
                             scope: tokens.scope,
-                            tokenType: tokens.token_type
+                            tokenType: tokens.token_type,
+                            issuedAt: tokens.issued_at
                         }
                         this.tokens = await setTokensAsync(serviceWorker, reformattedToken);
                         this.serviceWorker = serviceWorker;
                         // @ts-ignore
                         this.timeoutId = autoRenewTokens(this, this.tokens.refreshToken, this.tokens.expiresAt);
                         const sessionState = await serviceWorker.getSessionStateAsync();
+                        // @ts-ignore
                         await this.startCheckSessionAsync(oidcServerConfiguration.check_session_iframe, configuration.client_id, sessionState);
                         this.publishEvent(eventNames.tryKeepExistingSessionAsync_end, {
                             success: true,
@@ -606,6 +642,7 @@ Please checkout that you are using OIDC hook inside a <OidcProvider configuratio
                         // @ts-ignore
                         this.timeoutId = autoRenewTokens(this, tokens.refreshToken, this.tokens.expiresAt);
                         const sessionState = session.getSessionState();
+                        // @ts-ignore
                         await this.startCheckSessionAsync(oidcServerConfiguration.check_session_iframe, configuration.client_id, sessionState);
                         this.publishEvent(eventNames.tryKeepExistingSessionAsync_end, {
                             success: true,
@@ -659,23 +696,6 @@ Please checkout that you are using OIDC hook inside a <OidcProvider configuratio
 
                 let serviceWorker = await initWorkerAsync(configuration.service_worker_relative_url, this.configurationName);
                 const oidcServerConfiguration = await this.initAsync(configuration.authority, configuration.authority_configuration);
-                /*if (serviceWorker && installServiceWorker) {
-                    const isServiceWorkerProxyActive = await serviceWorker.isServiceWorkerProxyActiveAsync();
-                    if (!isServiceWorkerProxyActive) {
-                        const isUnregistered = await serviceWorker.unregisterAsync();
-                        console.log("isUnregistered")
-                        console.log(isUnregistered)
-                        if(isUnregistered){
-                            serviceWorker = await initWorkerAsync(configuration.service_worker_relative_url, this.configurationName);
-                        }
-                        const extrasQueries = extras != null ? {...extras}: {};
-                        extrasQueries.callbackPath = url;
-                        extrasQueries.state = state;
-                        const queryString = buildQueries(extrasQueries);
-                        window.location.href = `${redirectUri}/service-worker-install${queryString}`;
-                        //return;
-                    }
-                }*/
                 let storage;
                 if (serviceWorker) {
                     serviceWorker.startKeepAliveServiceWorker();
@@ -878,6 +898,7 @@ Please checkout that you are using OIDC hook inside a <OidcProvider configuratio
                                 clearTimeout(timeoutId);
                                 this.timeoutId=null;
                                 const loginParams = getLoginParams(this.configurationName, redirectUri);
+                                // @ts-ignore
                                 this.startCheckSessionAsync(oidcServerConfiguration.check_session_iframe, clientId, sessionState, isSilentSignin).then(() =>{
                                     this.publishEvent(eventNames.loginCallbackAsync_end, {});
                                     resolve({
@@ -911,7 +932,8 @@ Please checkout that you are using OIDC hook inside a <OidcProvider configuratio
         
         const localsilentLoginAsync= async () => {
             try {
-                const silent_token_response = await this.silentLoginAsync();
+                const loginParams = getLoginParams(this.configurationName, configuration.redirect_uri);
+                const silent_token_response = await this.silentLoginAsync(loginParams.extras, loginParams.state);
                 if (silent_token_response) {
                     return silent_token_response.tokens;
                 }
@@ -952,7 +974,7 @@ Please checkout that you are using OIDC hook inside a <OidcProvider configuratio
             };
             
             let index = 0;
-            while (index <=2) {
+            while (index <=4) {
                 try {
                     this.publishEvent(eventNames.refreshTokensAsync_begin, {refreshToken:refreshToken, tryNumber: index});
                     if(index > 1) {
@@ -960,6 +982,12 @@ Please checkout that you are using OIDC hook inside a <OidcProvider configuratio
                             await sleepAsync(1000);
                             this.publishEvent(eventNames.refreshTokensAsync, {message: "wait because document is hidden"});
                         }
+                        let numberTryOnline = 6;
+                        while (!navigator.onLine && numberTryOnline > 0) {
+                            await sleepAsync(1000);
+                            numberTryOnline--;
+                            this.publishEvent(eventNames.refreshTokensAsync, {message: `wait because navigator is offline try ${numberTryOnline}` });
+                        }
                     }
                     const tokenResponse = await performTokenRequestAsync(oidcServerConfiguration.tokenEndpoint, details, extras)
                     if (tokenResponse.success) {
@@ -980,55 +1008,76 @@ Please checkout that you are using OIDC hook inside a <OidcProvider configuratio
 
     syncTokensAsyncPromise=null;
     async syncTokensAsync() {
-        // Service Worker can be killed by the browser (when it wants,for example after 10 seconds of inactivity, so we retreieve the session if it happen)
-        const configuration = this.configuration;
-        if(!this.tokens){
-            return;
-        }
-
-        const oidcServerConfiguration = await this.initAsync(configuration.authority, configuration.authority_configuration);
-        const serviceWorker = await initWorkerAsync(configuration.service_worker_relative_url, this.configurationName);
-        if (serviceWorker) {
-            const { isLogin } = await serviceWorker.initAsync(oidcServerConfiguration, "syncTokensAsync");
-            if(isLogin == false){
-                this.publishEvent(eventNames.logout_from_another_tab, {});
-                await this.destroyAsync();
+        
+        const localSyncTokensAsync = async () => {
+            // Service Worker can be killed by the browser (when it wants,for example after 10 seconds of inactivity, so we retreieve the session if it happen)
+            const configuration = this.configuration;
+            if (!this.tokens) {
+                return null;
             }
-            else if (isLogin == null){
-                try {
-                    this.publishEvent(eventNames.syncTokensAsync_begin, {});
-                    this.syncTokensAsyncPromise = this.silentLoginAsync({prompt:"none"});
-                    const silent_token_response = await this.syncTokensAsyncPromise;
-                    if (silent_token_response && silent_token_response.tokens) {
-                        this.tokens = await setTokensAsync(serviceWorker, silent_token_response.tokens);
-                    } else{
-                        this.publishEvent(eventNames.syncTokensAsync_error, {message:"no token found in result"});
-                        if(this.timeoutId){
+
+            const oidcServerConfiguration = await this.initAsync(configuration.authority, configuration.authority_configuration);
+            const serviceWorker = await initWorkerAsync(configuration.service_worker_relative_url, this.configurationName);
+            if (serviceWorker) {
+                const {isLogin} = await serviceWorker.initAsync(oidcServerConfiguration, "syncTokensAsync");
+                if (isLogin == false) {
+                    this.publishEvent(eventNames.logout_from_another_tab, {});
+                    await this.destroyAsync();
+                    return null;
+                } else if (isLogin == null) {
+                    try {
+                        this.publishEvent(eventNames.syncTokensAsync_begin, {});
+                        const loginParams = getLoginParams(this.configurationName, configuration.redirect_uri);
+                        const silent_token_response = await this.silentLoginAsync({...loginParams.extras,prompt: "none"}, loginParams.state);
+                        if (silent_token_response && silent_token_response.tokens) {
+                            this.tokens = await setTokensAsync(serviceWorker, silent_token_response.tokens);
+                            this.publishEvent(eventNames.syncTokensAsync_end, {});
+                            return this.tokens;
+                        } else {
+                            this.publishEvent(eventNames.syncTokensAsync_error, {message: "no token found in result"});
+                            if (this.timeoutId) {
+                                timer.clearTimeout(this.timeoutId);
+                                this.timeoutId = null;
+                            }
+                            this.publishEvent(eventNames.syncTokensAsync_end, {});
+                            return null;
+                        }
+                    } catch (exceptionSilent) {
+                        console.error(exceptionSilent);
+                        this.publishEvent(eventNames.syncTokensAsync_error, exceptionSilent);
+                        if (this.timeoutId) {
                             timer.clearTimeout(this.timeoutId);
-                            this.timeoutId=null;
+                            this.timeoutId = null;
                         }
-                        return;
-                    }
-                } catch (exceptionSilent) {
-                    console.error(exceptionSilent);
-                    this.publishEvent(eventNames.syncTokensAsync_error, exceptionSilent);
-                    if(this.timeoutId){
-                        timer.clearTimeout(this.timeoutId);
-                        this.timeoutId=null;
+                        this.publishEvent(eventNames.syncTokensAsync_end, {});
+                        return null;
                     }
-                    return;
+
+                }
+            } else {
+                const session = initSession(this.configurationName, configuration.redirect_uri, configuration.storage ?? sessionStorage);
+                const {tokens} = await session.initAsync();
+                if (!tokens) {
+                    this.publishEvent(eventNames.logout_from_another_tab, {});
+                    await this.destroyAsync();
+                    return null;
                 }
-                this.syncTokensAsyncPromise = null;
-                this.publishEvent(eventNames.syncTokensAsync_end, {});
-            }
-        } else {
-            const session = initSession(this.configurationName, configuration.redirect_uri, configuration.storage ?? sessionStorage);
-            const {tokens} = await session.initAsync();
-            if(!tokens){
-                this.publishEvent(eventNames.logout_from_another_tab, {});
-                await this.destroyAsync();
             }
+            return this.tokens;
         }
+        
+        if(this.syncTokensAsyncPromise){
+            return this.syncTokensAsyncPromise;
+        }
+
+        this.syncTokensAsyncPromise = localSyncTokensAsync().then(result =>{
+            if(this.syncTokensAsyncPromise){
+                this.syncTokensAsyncPromise = null;
+            }
+            return result;
+        });
+        
+        return this.syncTokensAsyncPromise
     }
 
 

package/dist/core/default-component/ServiceWorkerInstall.component.d.ts

@@ -1,4 +0,0 @@
-import { ComponentType } from 'react';
-declare const ServiceWorkerInstall: ComponentType<any>;
-export default ServiceWorkerInstall;
-//# sourceMappingURL=ServiceWorkerInstall.component.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ServiceWorkerInstall.component.d.ts","sourceRoot":"","sources":["../../../src/oidc/core/default-component/ServiceWorkerInstall.component.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAsB,aAAa,EAAC,MAAM,OAAO,CAAC;AAMhE,QAAA,MAAM,oBAAoB,EAAE,aAAa,CAAC,GAAG,CAmD5C,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/core/default-component/ServiceWorkerInstall.component.js

@@ -1,131 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importStar(require("react"));
-var AuthenticateError_component_1 = __importDefault(require("./AuthenticateError.component"));
-var oidc_1 = __importDefault(require("../../vanilla/oidc"));
-var Authenticating_component_1 = __importDefault(require("./Authenticating.component"));
-var route_utils_1 = require("../../vanilla/route-utils");
-var ServiceWorkerInstall = function (_a) {
-    var callBackError = _a.callBackError, authenticating = _a.authenticating, configurationName = _a.configurationName;
-    var getOidc = oidc_1.default.get;
-    var _b = (0, react_1.useState)(false), error = _b[0], setError = _b[1];
-    var _c = (0, react_1.useState)(true), isLoading = _c[0], setLoading = _c[1];
-    var CallbackErrorComponent = callBackError || AuthenticateError_component_1.default;
-    var CallbackSuccessComponent = authenticating || Authenticating_component_1.default;
-    (0, react_1.useEffect)(function () {
-        var isMounted = true;
-        var playCallbackAsync = function () { return __awaiter(void 0, void 0, void 0, function () {
-            var queryParams, extras, _i, _a, _b, key, value, error_1;
-            return __generator(this, function (_c) {
-                switch (_c.label) {
-                    case 0:
-                        _c.trys.push([0, 2, , 3]);
-                        queryParams = (0, route_utils_1.getParseQueryStringFromLocation)(window.location.href);
-                        extras = null;
-                        for (_i = 0, _a = Object.entries(queryParams); _i < _a.length; _i++) {
-                            _b = _a[_i], key = _b[0], value = _b[1];
-                            if (key === "state" || key == "callbackPath") {
-                                continue;
-                            }
-                            if (extras === null) {
-                                extras = {};
-                            }
-                            extras[key] = value;
-                        }
-                        // @ts-ignore
-                        return [4 /*yield*/, getOidc(configurationName).loginAsync(queryParams.callbackPath, extras, false, queryParams.state)];
-                    case 1:
-                        // @ts-ignore
-                        _c.sent();
-                        if (isMounted) {
-                            setLoading(false);
-                        }
-                        return [3 /*break*/, 3];
-                    case 2:
-                        error_1 = _c.sent();
-                        if (isMounted) {
-                            setError(true);
-                            setLoading(false);
-                        }
-                        return [3 /*break*/, 3];
-                    case 3: return [2 /*return*/];
-                }
-            });
-        }); };
-        playCallbackAsync();
-        return function () {
-            isMounted = false;
-        };
-    }, []);
-    if (isLoading) {
-        return null;
-    }
-    if (error) {
-        return react_1.default.createElement(CallbackErrorComponent, { configurationName: configurationName });
-    }
-    return react_1.default.createElement(CallbackSuccessComponent, { configurationName: configurationName });
-};
-exports.default = ServiceWorkerInstall;
-//# sourceMappingURL=ServiceWorkerInstall.component.js.map

package/dist/core/default-component/ServiceWorkerInstall.component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ServiceWorkerInstall.component.js","sourceRoot":"","sources":["../../../src/oidc/core/default-component/ServiceWorkerInstall.component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAgE;AAChE,8FAAgE;AAChE,4DAAsC;AACtC,wFAAwD;AACxD,yDAA0E;AAE1E,IAAM,oBAAoB,GAAuB,UAAC,EAAmD;QAAlD,aAAa,mBAAA,EAAE,cAAc,oBAAA,EAAE,iBAAiB,uBAAA;IAC/F,IAAM,OAAO,GAAI,cAAI,CAAC,GAAG,CAAC;IACpB,IAAA,KAAoB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAlC,KAAK,QAAA,EAAE,QAAQ,QAAmB,CAAC;IACpC,IAAA,KAA0B,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAAvC,SAAS,QAAA,EAAE,UAAU,QAAkB,CAAC;IAE/C,IAAM,sBAAsB,GAAG,aAAa,IAAI,qCAAmB,CAAC;IACpE,IAAM,wBAAwB,GAAG,cAAc,IAAI,kCAAc,CAAC;IAElE,IAAA,iBAAS,EAAC;QACN,IAAI,SAAS,GAAG,IAAI,CAAC;QACrB,IAAM,iBAAiB,GAAG;;;;;;wBAEZ,WAAW,GAAG,IAAA,6CAA+B,EAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;wBACtE,MAAM,GAAG,IAAI,CAAC;wBAClB,WAAoD,EAA3B,KAAA,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,EAA3B,cAA2B,EAA3B,IAA2B,EAAE;4BAA7C,WAAY,EAAX,GAAG,QAAA,EAAE,KAAK,QAAA;4BAChB,IAAG,GAAG,KAAK,OAAO,IAAI,GAAG,IAAI,cAAc,EAAC;gCACxC,SAAS;6BACZ;4BACD,IAAG,MAAM,KAAK,IAAI,EAAC;gCACf,MAAM,GAAG,EAAE,CAAC;6BACf;4BACD,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;yBACvB;wBAED,aAAa;wBACb,qBAAM,OAAO,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,WAAW,CAAC,YAAY,EAAE,MAAM,EAAC,KAAK,EAAE,WAAW,CAAC,KAAK,CAAC,EAAA;;wBADtG,aAAa;wBACb,SAAsG,CAAC;wBACvG,IAAG,SAAS,EAAE;4BACV,UAAU,CAAC,KAAK,CAAC,CAAC;yBACrB;;;;wBAED,IAAG,SAAS,EAAE;4BACV,QAAQ,CAAC,IAAI,CAAC,CAAC;4BACf,UAAU,CAAC,KAAK,CAAC,CAAC;yBACrB;;;;;aAER,CAAC;QACF,iBAAiB,EAAE,CAAC;QACpB,OAAO;YACH,SAAS,GAAG,KAAK,CAAC;QACtB,CAAC,CAAC;IACN,CAAC,EAAC,EAAE,CAAC,CAAC;IAEN,IAAG,SAAS,EAAC;QACT,OAAO,IAAI,CAAC;KACf;IAED,IAAG,KAAK,EAAC;QACL,OAAO,8BAAC,sBAAsB,IAAC,iBAAiB,EAAE,iBAAiB,GAAI,CAAA;KAC1E;IAED,OAAO,8BAAC,wBAAwB,IAAC,iBAAiB,EAAE,iBAAiB,GAAI,CAAC;AAC9E,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}

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

@@ -1,60 +0,0 @@
-import React, {useEffect, useState, ComponentType} from 'react';
-import AuthenticatingError from "./AuthenticateError.component";
-import Oidc from "../../vanilla/oidc";
-import Authenticating from "./Authenticating.component";
-import {getParseQueryStringFromLocation} from "../../vanilla/route-utils";
-
-const ServiceWorkerInstall: ComponentType<any> = ({callBackError, authenticating, configurationName }) => {
-    const getOidc =  Oidc.get;
-    const [error, setError] = useState(false);
-    const [isLoading, setLoading] = useState(true);
-
-    const CallbackErrorComponent = callBackError || AuthenticatingError;
-    const CallbackSuccessComponent = authenticating || Authenticating;
-
-    useEffect(() => {
-        let isMounted = true;
-        const playCallbackAsync = async () => {
-            try {
-                const queryParams = getParseQueryStringFromLocation(window.location.href);
-                let extras = null;
-                for (let [key, value] of Object.entries(queryParams)) {
-                    if(key === "state" || key == "callbackPath"){
-                        continue;
-                    }
-                    if(extras === null){
-                        extras = {};
-                    }
-                    extras[key] = value;
-                }
-                
-                // @ts-ignore
-                await getOidc(configurationName).loginAsync(queryParams.callbackPath, extras,false, queryParams.state);
-                if(isMounted) {
-                    setLoading(false);
-                }
-            } catch (error) {
-                if(isMounted) {
-                    setError(true);
-                    setLoading(false);
-                }
-            }
-        };
-        playCallbackAsync();
-        return () => {
-            isMounted = false;
-        };
-    },[]);
-
-    if(isLoading){
-        return null;
-    }
-
-    if(error){
-        return <CallbackErrorComponent configurationName={configurationName} />
-    }
-
-    return <CallbackSuccessComponent configurationName={configurationName} />;
-};
-
-export default ServiceWorkerInstall;