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

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/dist/core/default-component/SilentSignin.component.d.ts

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"SilentSignin.component.d.ts","sourceRoot":"","sources":["../../../src/oidc/core/default-component/SilentSignin.component.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAY,aAAa,EAAC,MAAM,OAAO,CAAC;AAKtD,QAAA,MAAM,YAAY,EAAE,aAAa,CAAC,GAAG,CA2BnC,CAAC;AAEH,eAAe,YAAY,CAAC"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"SilentSignin.component.js","sourceRoot":"","sources":["../../../src/oidc/core/default-component/SilentSignin.component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsD;AACtD,4DAAsC;AACtC,yDAA0E;AAG1E,IAAM,YAAY,GAAuB,CAAC,UAAC,EAAoB;QAAnB,iBAAiB,uBAAA;IACzD,IAAM,WAAW,GAAG,IAAA,6CAA+B,EAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAE1E,IAAM,OAAO,GAAI,cAAI,CAAC,GAAG,CAAC;IAC1B,IAAM,IAAI,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;IAExC,IAAI,MAAM,GAAG,IAAI,CAAC;IAElB,KAAyB,UAA2B,EAA3B,KAAA,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,EAA3B,cAA2B,EAA3B,IAA2B,EAAE;QAA7C,IAAA,WAAY,EAAX,GAAG,QAAA,EAAE,KAAK,QAAA;QAChB,IAAG,GAAG,KAAK,OAAO,IAAI,GAAG,IAAI,OAAO,EAAC;YACjC,SAAS;SACZ;QACD,IAAG,MAAM,KAAK,IAAI,EAAC;YACf,MAAM,GAAG,EAAE,CAAC;SACf;QACD,MAAM,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;KACvB;IAED,IAAA,iBAAS,EAAC;QACN,IAAG,CAAC,IAAI,CAAC,MAAM,EAAC;YACZ,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,CAAC,KAAK,EAAE,IAAI,EAAE,WAAW,CAAC,KAAK,CAAC,CAAC;SACnF;QACD,OAAO;QACP,CAAC,CAAA;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,6DAAK,CAAC;AACjB,CAAC,CAAC,CAAC;AAEH,kBAAe,YAAY,CAAC"}

package/src/App.css

@@ -1,38 +0,0 @@
-.App {
-  text-align: center;
-}
-
-.App-logo {
-  height: 40vmin;
-  pointer-events: none;
-}
-
-@media (prefers-reduced-motion: no-preference) {
-  .App-logo {
-    animation: App-logo-spin infinite 20s linear;
-  }
-}
-
-.App-header {
-  background-color: #282c34;
-  min-height: 100vh;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  font-size: calc(10px + 2vmin);
-  color: white;
-}
-
-.App-link {
-  color: #61dafb;
-}
-
-@keyframes App-logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}

package/src/App.specold.tsx

@@ -1,46 +0,0 @@
-// __tests__/fetch.test.js
-/*import React from 'react'
-import {rest} from 'msw'
-import {setupServer} from 'msw/node'
-import {render, fireEvent, waitFor, screen} from '@testing-library/react'
-import '@testing-library/jest-dom'
-import App from "./App";
-import {act} from "react-dom/test-utils";
-
-const server = setupServer(
-   rest.get('http://api/.well-known/openid-configuration', (req, res, ctx) => {
-        return res( ctx.status(200),ctx.json({
-            "issuer":"https://demo.identityserver.io",
-            "jwks_uri":"https://demo.identityserver.io/.well-known/openid-configuration/jwks",
-            "authorization_endpoint":"https://demo.identityserver.io/connect/authorize",
-            "token_endpoint":"https://demo.identityserver.io/connect/token",
-            "userinfo_endpoint":"https://demo.identityserver.io/connect/userinfo",
-            "end_session_endpoint":"https://demo.identityserver.io/connect/endsession",
-            "check_session_iframe":"https://demo.identityserver.io/connect/checksession",
-            "revocation_endpoint":"https://demo.identityserver.io/connect/revocation",
-            "introspection_endpoint":"https://demo.identityserver.io/connect/introspect",
-            "device_authorization_endpoint":"https://demo.identityserver.io/connect/deviceauthorization","frontchannel_logout_supported":true,"frontchannel_logout_session_supported":true,"backchannel_logout_supported":true,"backchannel_logout_session_supported":true,"scopes_supported":["openid","profile","email","api","api.scope1","api.scope2","scope2","policyserver.runtime","policyserver.management","offline_access"],"claims_supported":["sub","name","family_name","given_name","middle_name","nickname","preferred_username","profile","picture","website","gender","birthdate","zoneinfo","locale","updated_at","email","email_verified"],"grant_types_supported":["authorization_code","client_credentials","refresh_token","implicit","password","urn:ietf:params:oauth:grant-type:device_code"],"response_types_supported":["code","token","id_token","id_token token","code id_token","code token","code id_token token"],"response_modes_supported":["form_post","query","fragment"],"token_endpoint_auth_methods_supported":["client_secret_basic","client_secret_post"],"id_token_signing_alg_values_supported":["RS256"],"subject_types_supported":["public"],"code_challenge_methods_supported":["plain","S256"],"request_parameter_supported":true}))
-    }),
-)
-
-beforeAll(() => server.listen())
-afterEach(() => server.resetHandlers())
-afterAll(() => server.close())
-
-test('Load home page then login should log', async () => {
-    
-    const configuration = {
-        client_id: 'interactive.public.short',
-        redirect_uri: 'http://localhost:4200/authentication/callback',
-        scope: 'openid profile email api offline_access',
-        authority: 'http://api',
-        refresh_time_before_tokens_expiration_in_second: 70,
-    };
-    // @ts-ignore
-    const {debug, getByText, rerender} = render(<App configuration={configuration}/>);
-    await waitFor(() => getByText('React Demo Application protected by OpenId Connect'));
-    fireEvent.click(screen.getByText('Login'));
-    await waitFor(() => getByText('Authentification en cours'));
-    
-})
-*/

package/src/App.tsx

@@ -1,96 +0,0 @@
-import React, {useReducer} from 'react';
-import {BrowserRouter, Route, Link, Routes} from 'react-router-dom';
-import { Home } from "./Home";
-import { Profile, SecureProfile } from "./Profile";
-import { configurationAuth0, configurationIdentityServer, configurationIdentityServerWithoutDiscovery } from './configurations';
-import { withOidcSecure, OidcProvider } from "./oidc";
-import {FetchUserHoc, FetchUserHook} from "./FetchUser";
-import { MultiAuthContainer } from "./MultiAuth";
-
-const OidcSecureHoc = withOidcSecure(Profile);
-
-function reducer(state, action) {
-  switch (action.type) {
-    case 'event':
-      return [{...action.data, date:Date.now()}, ...state]
-    default:
-      throw new Error();
-  }
-}
-
-function App() {
-  const [show, setShow] = React.useState(false);
-  const [events, dispatch] = useReducer(reducer, []);
-
-  const onEvent=(configurationName, eventName, data )=>{
-   // console.log(`oidc:${configurationName}:${eventName}`, data);
-    dispatch({type: 'event', data: {name: `oidc:${configurationName}:${eventName}`, data}})
-  }
-  return (<>
-
-    <OidcProvider configuration={configurationIdentityServer} onEvent={onEvent}>
-      <BrowserRouter>
-        <nav className="navbar navbar-expand-lg navbar-dark bg-primary">
-          <a className="navbar-brand" href="/">@axa-fr/react-oidc</a>
-          <button className="navbar-toggler" type="button" onClick={() => setShow(!show)} data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
-            <span className="navbar-toggler-icon"/>
-          </button>
-          <div style={show ? { display: "block" } : { display: 'none' }} className="collapse navbar-collapse" id="navbarNav">
-            <ul className="navbar-nav">
-              <li className="nav-item">
-                <Link className="nav-link" to="/">Home</Link>
-              </li>
-              <li className="nav-item">
-                <Link className="nav-link" to="/profile">Profile</Link>
-              </li>
-              <li className="nav-item">
-                <Link className="nav-link" to="/profile-secure-component">Secure Profile Component</Link>
-              </li>
-              <li className="nav-item">
-                <Link className="nav-link" to="/profile-secure-hoc">Secure Profile Hoc</Link>
-              </li>
-              <li className="nav-item">
-                <Link className="nav-link" to="/user-fetch-secure-hoc">Secure User Fetch Hoc</Link>
-              </li>
-              <li className="nav-item">
-                <Link className="nav-link" to="/user-fetch-secure-hook">Secure User Fetch Hook</Link>
-              </li>
-              <li className="nav-item">
-                <Link className="nav-link" to="/multi-auth">Multi Auth</Link>
-              </li>
-            </ul>
-          </div>
-        </nav>
-
-        <div>
-          <Routes>
-            <Route path="/" element={<Home></Home>} />
-            <Route path="/profile" element={<Profile></Profile>} />
-            <Route path="/profile-secure-component" element={<SecureProfile></SecureProfile>} />
-            <Route path="/profile-secure-hoc" element={<OidcSecureHoc></OidcSecureHoc>} />
-            <Route path="/user-fetch-secure-hoc" element={<FetchUserHoc></FetchUserHoc>} />
-            <Route path="/user-fetch-secure-hook" element={<FetchUserHook></FetchUserHook>} />
-            <Route path="/multi-auth/*" element={<MultiAuthContainer></MultiAuthContainer>} />
-          </Routes>
-        </div>
-
-      </BrowserRouter>
-    </OidcProvider>
-       <div className="container-fluid mt-3">
-        <div className="card">
-          <div className="card-body" >
-            <h5 className="card-title">Default configuration Events</h5>
-            <div style={{"overflowX": "hidden", "overflowY": "scroll", "maxHeight": "400px"}}>
-              {events.map(e => {
-                const date = new Date(e.date);
-                const dateFormated = `${date.getHours()}:${date.getMinutes()}:${date.getSeconds()}`;
-                return <p>{dateFormated} {e.name}: { JSON.stringify(e.data)}</p>
-              })}
-            </div>
-          </div>
-        </div>
-      </div></>
-  );
-}
-
-export default App;

package/src/FetchUser.tsx

@@ -1,53 +0,0 @@
-import React, {useEffect, useState} from 'react';
-
-import {useOidcFetch, withOidcFetch} from "./oidc/FetchToken";
-import {OidcSecure} from "./oidc";
-
-const DisplayUserInfo = ({ fetch }) => {
-    const [oidcUser, setOidcUser] = useState(null);
-    const [isLoading, setLoading] = useState(true);
-
-    useEffect(() => {
-        const fetchUserInfoAsync = async () => {
-            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) => {
-            if(isMounted) {
-                setLoading(false);
-                setOidcUser(userInfo)
-            }
-        })
-        return  () => {
-            isMounted = false;
-        };
-    },[]);
-    
-    if(isLoading){
-        return <>Loading</>;
-    }
-
-    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>
-                    {oidcUser != null && <p className="card-text">{JSON.stringify(oidcUser)}</p>}
-                </div>
-            </div>
-        </div>
-    )
-};
-
-const UserInfoWithFetchHoc = withOidcFetch(fetch)(DisplayUserInfo);
-
-export const FetchUserHoc= () => <OidcSecure><UserInfoWithFetchHoc/></OidcSecure>;
-
-export const FetchUserHook= () => {
-    const {fetch} = useOidcFetch();
-    return <OidcSecure><DisplayUserInfo fetch={fetch} /></OidcSecure>
-}

package/src/Home.tsx

@@ -1,22 +0,0 @@
-import React from 'react';
-import {useOidc} from "./oidc";
-
-export const Home = () => {
-
-    const { login, logout, isAuthenticated} = useOidc();
-
-    return (
-        <div className="container-fluid mt-3">
-            <div className="card">
-                <div className="card-body">
-                    <h5 className="card-title">Home</h5>
-                    <p className="card-text">React Demo Application protected by OpenId Connect. More info on about oidc on <a href="https://github.com/AxaGuilDEv/react-oidc">GitHub @axa-fr/react-oidc</a></p>
-                    {!isAuthenticated && <p><button type="button" className="btn btn-primary" onClick={() => login('/profile')}>Login</button></p>}
-                    {!isAuthenticated && <p><button type="button" className="btn btn-primary" onClick={() => login('/profile', null, "youhou")}>Login with state</button></p>}
-                    {isAuthenticated && <p><button type="button" className="btn btn-primary" onClick={() => logout('/profile')}>logout /profile</button></p>}
-                    {isAuthenticated && <p><button type="button" className="btn btn-primary" onClick={() => logout('')}>logout</button></p>}
-                </div>
-            </div>
-        </div>
-    )
-};

package/src/MultiAuth.tsx

@@ -1,116 +0,0 @@
-import React, {useState} from 'react';
-import {OidcProvider, useOidc, useOidcAccessToken, useOidcIdToken} from "./oidc";
-import { configurationIdentityServer, configurationIdentityServerWithHash, configurationGoogle} from "./configurations";
-import AuthenticatingError from "./override/AuthenticateError.component"
-import Authenticating from "./override/Authenticating.component"
-import Loading from "./override/Loading.component"
-import {CallBackSuccess} from "./override/Callback.component"
-import SessionLost from "./override/SessionLost.component"
-import ServiceWorkerNotSupported from "./override/ServiceWorkerNotSupported.component"
-
-const MultiAuth = ( {configurationName, handleConfigurationChange }) => {
-    const { login, logout, isAuthenticated} = useOidc(configurationName);
-    const [fname, setFname] = useState("")
-
-    const handleChange = e => {
-        setFname(e.target.value)
-    }
-    return (
-        <div className="container-fluid mt-3">
-            <div className="card">
-                <div className="card-body">
-                    <h5 className="card-title">Multiple Authentication</h5>
-                    <form>
-                        <label>
-                            First Name:{" "}
-                            <input type="text" value={fname} onChange={handleChange} />
-                        </label>
-                    </form>
-                    <p className="card-text">React Demo Application protected by OpenId Connect with MultipleAuthentication.
-                        <br/>For example, config_1 can have other sensitive scope, config_2 does not ask for the "offline_access" so it does not retrieve the most sensitive token "refresh_token" for very sensitive operation, it retrive only access_token valid for a small amout of time.</p>
-                    <select value={configurationName} onChange={handleConfigurationChange} >
-                        <option value="config_classic">config_classic</option>
-                        <option value="config_without_refresh_token">config_without_refresh_token</option>
-                        <option value="config_google">google</option>
-                        <option value="config_with_hash">config_with_hash</option>
-                    </select>
-                    {!isAuthenticated && <button type="button" className="btn btn-primary" onClick={() => login()}>Login</button>}
-                    {isAuthenticated && <button type="button" className="btn btn-primary" onClick={() => logout()}>logout</button>}
-                </div>
-            </div>
-        </div>
-    );
-};
-
-if(!sessionStorage.configurationName){
-    sessionStorage.configurationName = "config_classic";
-}
-
-export const MultiAuthContainer = () => {
-    const [isSessionLost, setIsSessionLost] = useState(false)
-    const [configurationName, setConfigurationName] = useState(sessionStorage.configurationName);
-    const callBack = window.location.origin+"/multi-auth/authentification/callback2";
-    const silent_redirect_uri = window.location.origin+"/multi-auth/authentification/silent-callback2";
-    const configurations = {
-        config_classic: {...configurationIdentityServer,
-            redirect_uri:callBack,
-            silent_redirect_uri,
-            scope: 'openid profile email api offline_access'
-        },
-        config_without_refresh_token: {...configurationIdentityServer,
-            redirect_uri:callBack,
-            silent_redirect_uri: "",
-            scope: 'openid profile email api'},
-        config_google: { ...configurationGoogle },
-        config_with_hash: { ...configurationIdentityServerWithHash}
-    }
-    const handleConfigurationChange = (event) => {
-        const configurationName = event.target.value;
-        sessionStorage.configurationName = configurationName;
-        setConfigurationName(configurationName);
-
-    }
-
-    const onSessionLost = ()=>{
-        setIsSessionLost(true);
-    }
-    
-    return (
-        <>
-        <OidcProvider configuration={configurations[configurationName]} 
-                      configurationName={configurationName}
-                      loadingComponent={Loading}
-                      authenticatingErrorComponent={AuthenticatingError}
-                      authenticatingComponent={Authenticating}
-                      serviceWorkerNotSupportedComponent={ServiceWorkerNotSupported}
-                      callbackSuccessComponent={CallBackSuccess}
-                      onSessionLost={onSessionLost}
-        >
-            { isSessionLost && <SessionLost configurationName={configurationName}/>}
-            <MultiAuth configurationName={configurationName} handleConfigurationChange={handleConfigurationChange} />
-            <DisplayAccessToken configurationName={configurationName} />
-        </OidcProvider>
-    </>
-    );
-};
-
-const DisplayAccessToken = ({configurationName}) => {
-    const{ accessToken, accessTokenPayload } = useOidcAccessToken(configurationName);
-    const{ idTokenPayload } = useOidcIdToken(configurationName);
-
-    if(!accessToken){
-        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'}}>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">Access Token: {JSON.stringify(accessToken)}</p>}
-                {accessTokenPayload != null && <p className="card-text">Access Token Payload: {JSON.stringify(accessTokenPayload)}</p>}
-                <h5 className="card-title">Id Token</h5>
-                {idTokenPayload != null && <p className="card-text">Access Token Payload: {JSON.stringify(idTokenPayload)}</p>}
-            </div>
-        </div>
-    )
-};

package/src/Profile.tsx

@@ -1,77 +0,0 @@
-import React from 'react';
-
-import {OidcSecure, useOidcAccessToken, useOidcIdToken, useOidcUser, OidcUserStatus} from "./oidc";
-
-
-const DisplayUserInfo = () => {
-    const{ oidcUser, oidcUserLoadingState } = useOidcUser();
-
-    switch (oidcUserLoadingState){
-        case OidcUserStatus.Loading:
-            return <p>User Information are loading</p>;
-        case OidcUserStatus.Unauthenticated:
-            return <p>you are not authenticated</p>;
-        case OidcUserStatus.LoadingError:
-            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>
-                </div>
-            );
-    }
-};
-
-export const Profile = () => {
-
-    return (
-       <div className="container mt-3">
-           <DisplayAccessToken/>
-           <DisplayIdToken/>
-           <DisplayUserInfo/>
-        </div>
-    );
-}
-
-const DisplayAccessToken = () => {
-    const{ accessToken, accessTokenPayload } = useOidcAccessToken();
-
-    if(!accessToken){
-        return <p>you are not authenticated</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'}}>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">Access Token: {JSON.stringify(accessToken)}</p>}
-                {accessTokenPayload != null && <p className="card-text">Access Token Payload: {JSON.stringify(accessTokenPayload)}</p>}
-            </div>
-        </div>
-    )
-};
-
-
-const DisplayIdToken =() => {
-    const{ idToken, idTokenPayload } = useOidcIdToken();
-
-    if(!idToken){
-        return <p>you are not authenticated</p>
-    }
-
-    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">IdToken: {JSON.stringify(idToken)}</p>}
-                {idTokenPayload != null && <p className="card-text">IdToken Payload: {JSON.stringify(idTokenPayload)}</p>}
-            </div>
-        </div>
-    );
-}
-
-
-export const SecureProfile = () => <OidcSecure><Profile /></OidcSecure>;