@react-keycloak-refork/web 5.0.0

package/LICENSE.md

@@ -0,0 +1,24 @@
+MIT License
+
+Copyright (c) 2019-present, Mattia Panzeri <mattia.panzeri93@gmail.com>
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,205 @@
+![React Keycloak](/art/react-keycloak-logo.png?raw=true 'React Keycloak Logo')
+
+# React Keycloak <!-- omit in toc -->
+
+> React bindings for [Keycloak](https://www.keycloak.org/). Fork of https://github.com/react-keycloak/react-keycloak.git with updated packages for Keycloak >=26 support.
+
+[![NPM (scoped)](https://img.shields.io/npm/v/@react-keycloak-fork/web?label=npm%20%7C%20web)](https://www.npmjs.com/package/@react-keycloak-fork/web)
+
+[![License](https://img.shields.io/github/license/react-keycloak/react-keycloak.svg)](https://github.com/react-keycloak/react-keycloak/blob/master/LICENSE.md)
+[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lerna.js.org/)
+[![GitHub contributors](https://img.shields.io/github/contributors/react-keycloak/react-keycloak)](https://github.com/react-keycloak/react-keycloak/graphs/contributors)
+[![Github Issues](https://img.shields.io/github/issues/react-keycloak/react-keycloak.svg)](https://github.com/react-keycloak/react-keycloak/issues)
+
+[![Gitter](https://img.shields.io/gitter/room/react-keycloak/community)](https://gitter.im/react-keycloak/community)
+
+---
+
+## Table of Contents <!-- omit in toc -->
+
+- [Install](#install)
+- [Getting Started](#getting-started)
+  - [Setup Keycloak instance](#setup-keycloak-instance)
+  - [Setup KeycloakProvider](#setup-keycloakprovider)
+  - [Hook Usage](#hook-usage)
+  - [External Usage (Advanced)](#external-usage-advanced)
+- [Examples](#examples)
+- [Guides and Articles](#guides-and-articles)
+- [Alternatives](#alternatives)
+- [Contributing](#contributing)
+- [License](#license)
+
+---
+
+## Install
+
+React Keycloak requires:
+
+- React **18.0** or later
+- `keycloak-js` **17.0.0** or later
+
+```shell
+yarn add @react-keycloak-refork/web
+```
+
+or
+
+```shell
+npm install --save @react-keycloak-refork/web
+```
+
+## Getting Started
+
+### Setup Keycloak instance
+
+Create a `keycloak.js` file in the `src` folder of your project (where `App.js` is located) with the following content
+
+```js
+import Keycloak from 'keycloak-js'
+
+// Setup Keycloak instance as needed
+// Pass initialization options as required or leave blank to load from 'keycloak.json'
+const keycloak = new Keycloak()
+
+export default keycloak
+```
+
+### Setup KeycloakProvider
+
+Wrap your App inside `ReactKeycloakProvider` and pass the `keycloak` instance as prop
+
+```js
+import { ReactKeycloakProvider } from '@react-keycloak-refork/web'
+
+import keycloak from './keycloak'
+
+// Wrap everything inside KeycloakProvider
+const App = () => {
+  return (
+    <ReactKeycloakProvider authClient={keycloak}>...</ReactKeycloakProvider>
+  )
+}
+```
+
+**N.B.** If your using other providers (such as `react-redux`) it is recommended to place them inside `ReactKeycloakProvider`.
+
+`ReactKeycloakProvider` automatically invokes `keycloak.init()` method when needed and supports the following props:
+
+- `initOptions`, contains the object to be passed to `keycloak.init()` method, by default the following is used
+
+      {
+        onLoad: 'check-sso',
+      }
+
+  for more options see [Keycloak docs](https://www.keycloak.org/docs/latest/securing_apps/index.html#init-options).
+
+- `LoadingComponent`, a component to be displayed while `keycloak` is being initialized, if not provided child components will be rendered immediately. Defaults to `null`
+
+- `isLoadingCheck`, an optional loading check function to customize LoadingComponent display condition. Return `true` to display LoadingComponent, `false` to hide it.
+
+  Can be implemented as follow
+
+  ```js
+  ;(keycloak) => !keycloak.authenticated
+  ```
+
+- `onEvent`, an handler function that receives events launched by `keycloak`, defaults to `null`.
+
+  It can be implemented as follow
+
+  ```js
+  ;(event, error) => {
+    console.log('onKeycloakEvent', event, error)
+  }
+  ```
+
+  Published events are:
+
+  - `onReady`
+  - `onInitError`
+  - `onAuthSuccess`
+  - `onAuthError`
+  - `onAuthRefreshSuccess`
+  - `onAuthRefreshError`
+  - `onTokenExpired`
+  - `onAuthLogout`
+
+- `onTokens`, an handler function that receives `keycloak` tokens as an object every time they change, defaults to `null`.
+
+  Keycloak tokens are returned as follow
+
+  ```json
+  {
+    "idToken": string,
+    "refreshToken": string,
+    "token": string
+  }
+  ```
+
+### Hook Usage
+
+When a component requires access to `Keycloak`, you can use the `useKeycloak` Hook.
+
+```js
+import { useKeycloak } from '@react-keycloak-refork/web'
+
+export default () => {
+  // Using Object destructuring
+  const { keycloak, initialized } = useKeycloak()
+
+  // Here you can access all of keycloak methods and variables.
+  // See https://www.keycloak.org/docs/latest/securing_apps/index.html#javascript-adapter-reference
+
+  return (
+    <div>
+      <div>{`User is ${
+        !keycloak.authenticated ? 'NOT ' : ''
+      }authenticated`}</div>
+
+      {!!keycloak.authenticated && (
+        <button type="button" onClick={() => keycloak.logout()}>
+          Logout
+        </button>
+      )}
+    </div>
+  )
+}
+```
+
+### External Usage (Advanced)
+
+If you need to access `keycloak` instance from non-`React` files (such as `sagas`, `utils`, `providers` ...), you can import the instance directly from the `keycloak.js` file.
+
+The instance will be initialized by `react-keycloak` but you'll need to be carefull when using the instance and avoid setting/overriding any props, you can however freely access the exposed methods (such as `refreshToken`, `login`, etc...).
+
+## Examples
+
+See inside `examples` folder of [`@react-keycloak-refork/react-keycloak-examples`](https://github.com/react-keycloak/react-keycloak-examples) repository for various demo implementing this library main features.
+
+## Guides and Articles
+
+- Migration guide for `@react-keycloak-refork/web` `v2.x to v3.x` can be found here [MIGRATION.md](https://github.com/react-keycloak/react-keycloak/blob/master/packages/web/MIGRATION.md).
+
+- [Secure React Routes & Component with Keycloak](https://medium.com/@cagline/authenticate-and-authorize-react-routes-component-with-keycloak-666e85662636), a (slightly outdated) guide on how to setup `Keycloak` and create secured contents in a `React` app, thanks to [@cagline](https://github.com/cagline) for the detailed article.
+
+## Alternatives
+
+If you need to connect using a more generic OIDC client instead of `keycloak.js`, consider using one of the following libraries:
+
+- [bjerkio/oidc-react](https://github.com/bjerkio/oidc-react)
+- [thchia/react-oidc](https://github.com/thchia/react-oidc)
+- [@axa-fr/react-oidc](https://github.com/AxaGuilDEv/react-oidc)
+
+## Contributing
+
+See the [contributing guide](https://github.com/react-keycloak/react-keycloak/blob/master/CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
+
+## License
+
+MIT
+
+---
+
+If you found this project to be helpful, please consider buying me a coffee.
+
+[![buy me a coffee](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://buymeacoff.ee/4f18nT0Nk)

package/lib/context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const reactKeycloakWebContext: import("react").Context<import("@react-keycloak-refork/core").IAuthContextProps<import("keycloak-js").default>>;
+export declare const ReactKeycloakWebContextConsumer: import("react").Consumer<import("@react-keycloak-refork/core").IAuthContextProps<import("keycloak-js").default>>;

package/lib/context.js

@@ -0,0 +1,4 @@
+import { createAuthContext } from '@react-keycloak-refork/core';
+export var reactKeycloakWebContext = createAuthContext();
+export var ReactKeycloakWebContextConsumer = reactKeycloakWebContext.Consumer;
+//# sourceMappingURL=context.js.map

package/lib/context.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "file": "context.js",
+  "sourceRoot": "",
+  "sources": [
+    "@react-keycloak-refork\\web\\context.ts"
+  ],
+  "names": [],
+  "mappings": "AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;AAG/D,MAAM,CAAC,IAAM,uBAAuB,GAAG,iBAAiB,EAAoB,CAAA;AAE5E,MAAM,CAAC,IAAM,+BAA+B,GAAG,uBAAuB,CAAC,QAAQ,CAAA"
+}

package/lib/index.d.ts

@@ -0,0 +1,3 @@
+export * from './provider';
+export * from './useKeycloak';
+export * from './withKeycloak';

package/lib/index.js

@@ -0,0 +1,4 @@
+export * from './provider';
+export * from './useKeycloak';
+export * from './withKeycloak';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "file": "index.js",
+  "sourceRoot": "",
+  "sources": [
+    "@react-keycloak-refork\\web\\index.ts"
+  ],
+  "names": [],
+  "mappings": "AAAA,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA"
+}

package/lib/provider.d.ts

@@ -0,0 +1,146 @@
+/// <reference types="react" />
+export declare const ReactKeycloakProvider: {
+    new (props: import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>): {
+        state: {
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        };
+        componentDidMount(): void;
+        componentDidUpdate({ authClient: prevAuthClient, initOptions: prevInitOptions, }: import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>): void;
+        init(): void;
+        onError: (event: import("@react-keycloak-refork/core").AuthClientEvent) => (error?: import("@react-keycloak-refork/core").AuthClientError | undefined) => void;
+        updateState: (event: import("@react-keycloak-refork/core").AuthClientEvent) => () => void;
+        refreshToken: (event: import("@react-keycloak-refork/core").AuthClientEvent) => () => void;
+        render(): import("react").JSX.Element;
+        context: unknown;
+        setState<K extends keyof {
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        }>(state: {
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        } | ((prevState: Readonly<{
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        }>, props: Readonly<import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>>) => {
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        } | Pick<{
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        }, K> | null) | Pick<{
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        }, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>>, nextState: Readonly<{
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        }>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>>, prevState: Readonly<{
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        }>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>>, nextState: Readonly<{
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        }>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>>, nextState: Readonly<{
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        }>, nextContext: any): void;
+    };
+    new (props: import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>, context: any): {
+        state: {
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        };
+        componentDidMount(): void;
+        componentDidUpdate({ authClient: prevAuthClient, initOptions: prevInitOptions, }: import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>): void;
+        init(): void;
+        onError: (event: import("@react-keycloak-refork/core").AuthClientEvent) => (error?: import("@react-keycloak-refork/core").AuthClientError | undefined) => void;
+        updateState: (event: import("@react-keycloak-refork/core").AuthClientEvent) => () => void;
+        refreshToken: (event: import("@react-keycloak-refork/core").AuthClientEvent) => () => void;
+        render(): import("react").JSX.Element;
+        context: unknown;
+        setState<K_1 extends keyof {
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        }>(state: {
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        } | ((prevState: Readonly<{
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        }>, props: Readonly<import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>>) => {
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        } | Pick<{
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        }, K_1> | null) | Pick<{
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        }, K_1> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>>, nextState: Readonly<{
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        }>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>>, prevState: Readonly<{
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        }>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>>, nextState: Readonly<{
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        }>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>>, nextState: Readonly<{
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        }>, nextContext: any): void;
+    };
+    contextType?: import("react").Context<any> | undefined;
+};

package/lib/provider.js

@@ -0,0 +1,4 @@
+import { createAuthProvider } from '@react-keycloak-refork/core';
+import { reactKeycloakWebContext } from './context';
+export var ReactKeycloakProvider = createAuthProvider(reactKeycloakWebContext);
+//# sourceMappingURL=provider.js.map

package/lib/provider.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "file": "provider.js",
+  "sourceRoot": "",
+  "sources": [
+    "@react-keycloak-refork\\web\\provider.ts"
+  ],
+  "names": [],
+  "mappings": "AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAEhE,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAA;AAEnD,MAAM,CAAC,IAAM,qBAAqB,GAAG,kBAAkB,CAAC,uBAAuB,CAAC,CAAA"
+}

package/lib/useKeycloak.d.ts

@@ -0,0 +1,4 @@
+export declare function useKeycloak(): {
+    initialized: boolean;
+    keycloak: import("keycloak-js/lib/keycloak").default;
+};

package/lib/useKeycloak.js

@@ -0,0 +1,17 @@
+import { useContext } from 'react';
+import { reactKeycloakWebContext } from './context';
+export function useKeycloak() {
+    var ctx = useContext(reactKeycloakWebContext);
+    if (!ctx) {
+        throw new Error('useKeycloak hook must be used inside ReactKeycloakProvider context');
+    }
+    if (!ctx.authClient) {
+        throw new Error('authClient has not been assigned to ReactKeycloakProvider');
+    }
+    var authClient = ctx.authClient, initialized = ctx.initialized;
+    return {
+        initialized: initialized,
+        keycloak: authClient,
+    };
+}
+//# sourceMappingURL=useKeycloak.js.map

package/lib/useKeycloak.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "file": "useKeycloak.js",
+  "sourceRoot": "",
+  "sources": [
+    "@react-keycloak-refork\\web\\useKeycloak.ts"
+  ],
+  "names": [],
+  "mappings": "AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAElC,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAA;AAEnD,MAAM,UAAU,WAAW;IACzB,IAAM,GAAG,GAAG,UAAU,CAAC,uBAAuB,CAAC,CAAA;IAE/C,IAAI,CAAC,GAAG,EAAE;QACR,MAAM,IAAI,KAAK,CACb,oEAAoE,CACrE,CAAA;KACF;IAED,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE;QACnB,MAAM,IAAI,KAAK,CAAC,2DAA2D,CAAC,CAAA;KAC7E;IAEO,IAAA,UAAU,GAAkB,GAAG,WAArB,EAAE,WAAW,GAAK,GAAG,YAAR,CAAQ;IACvC,OAAO;QACL,WAAW,aAAA;QACX,QAAQ,EAAE,UAAU;KACrB,CAAA;AACH,CAAC"
+}

package/lib/withKeycloak.d.ts

@@ -0,0 +1,43 @@
+import type { KeycloakInstance } from 'keycloak-js';
+import * as React from 'react';
+type InjectedProps = {
+    keycloakInitialized: boolean;
+    keycloak: KeycloakInstance;
+};
+/**
+ * An HOC which injects the `keycloak` instance and the `keycloakInitialized` flag as props.
+ *
+ * @deprecated Please migrate to useKeycloak hook where/when possible.
+ */
+export declare function withKeycloak<P extends InjectedProps>(Component: React.ComponentType<P>): React.FC<Subtract<P, InjectedProps>>;
+/**
+ * SetDifference (same as Exclude)
+ * @desc Set difference of given union types `A` and `B`
+ * @example
+ *   // Expect: "1"
+ *   SetDifference<'1' | '2' | '3', '2' | '3' | '4'>;
+ *
+ *   // Expect: string | number
+ *   SetDifference<string | number | (() => void), Function>;
+ */
+type SetDifference<A, B> = A extends B ? never : A;
+/**
+ * SetComplement
+ * @desc Set complement of given union types `A` and (it's subset) `A1`
+ * @example
+ *   // Expect: "1"
+ *   SetComplement<'1' | '2' | '3', '2' | '3'>;
+ */
+type SetComplement<A, A1 extends A> = SetDifference<A, A1>;
+/**
+ * Subtract
+ * @desc From `T` remove properties that exist in `T1` (`T1` has a subset of the properties of `T`)
+ * @example
+ *   type Props = { name: string; age: number; visible: boolean };
+ *   type DefaultProps = { age: number };
+ *
+ *   // Expect: { name: string; visible: boolean; }
+ *   type RestProps = Subtract<Props, DefaultProps>;
+ */
+type Subtract<T extends T1, T1 extends object> = Pick<T, SetComplement<keyof T, keyof T1>>;
+export {};

package/lib/withKeycloak.js

@@ -0,0 +1,25 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import * as React from 'react';
+import { useKeycloak } from './useKeycloak';
+/**
+ * An HOC which injects the `keycloak` instance and the `keycloakInitialized` flag as props.
+ *
+ * @deprecated Please migrate to useKeycloak hook where/when possible.
+ */
+export function withKeycloak(Component) {
+    return function WrappedComponent(props) {
+        var _a = useKeycloak(), keycloak = _a.keycloak, initialized = _a.initialized;
+        return (React.createElement(Component, __assign({}, props, { keycloakInitialized: initialized, keycloak: keycloak })));
+    };
+}
+//# sourceMappingURL=withKeycloak.js.map

package/lib/withKeycloak.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "file": "withKeycloak.js",
+  "sourceRoot": "",
+  "sources": [
+    "@react-keycloak-refork\\web\\withKeycloak.tsx"
+  ],
+  "names": [],
+  "mappings": ";;;;;;;;;;;AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAQ3C;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAC1B,SAAiC;IAEjC,OAAO,SAAS,gBAAgB,CAAC,KAAQ;QACjC,IAAA,KAA4B,WAAW,EAAE,EAAvC,QAAQ,cAAA,EAAE,WAAW,iBAAkB,CAAA;QAE/C,OAAO,CACL,oBAAC,SAAS,eACH,KAAW,IAChB,mBAAmB,EAAE,WAAW,EAChC,QAAQ,EAAE,QAAQ,IAClB,CACH,CAAA;IACH,CAAC,CAAA;AACH,CAAC"
+}

package/lib-commonjs/context.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const reactKeycloakWebContext: import("react").Context<import("@react-keycloak-refork/core").IAuthContextProps<import("keycloak-js").default>>;
+export declare const ReactKeycloakWebContextConsumer: import("react").Consumer<import("@react-keycloak-refork/core").IAuthContextProps<import("keycloak-js").default>>;

package/lib-commonjs/context.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactKeycloakWebContextConsumer = exports.reactKeycloakWebContext = void 0;
+var core_1 = require("@react-keycloak-refork/core");
+exports.reactKeycloakWebContext = (0, core_1.createAuthContext)();
+exports.ReactKeycloakWebContextConsumer = exports.reactKeycloakWebContext.Consumer;
+//# sourceMappingURL=context.js.map

package/lib-commonjs/context.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "file": "context.js",
+  "sourceRoot": "",
+  "sources": [
+    "@react-keycloak-refork\\web\\context.ts"
+  ],
+  "names": [],
+  "mappings": ";;;AAAA,oDAA+D;AAGlD,QAAA,uBAAuB,GAAG,IAAA,wBAAiB,GAAoB,CAAA;AAE/D,QAAA,+BAA+B,GAAG,+BAAuB,CAAC,QAAQ,CAAA"
+}

package/lib-commonjs/index.d.ts

@@ -0,0 +1,3 @@
+export * from './provider';
+export * from './useKeycloak';
+export * from './withKeycloak';

package/lib-commonjs/index.js

@@ -0,0 +1,20 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./provider"), exports);
+__exportStar(require("./useKeycloak"), exports);
+__exportStar(require("./withKeycloak"), exports);
+//# sourceMappingURL=index.js.map

package/lib-commonjs/index.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "file": "index.js",
+  "sourceRoot": "",
+  "sources": [
+    "@react-keycloak-refork\\web\\index.ts"
+  ],
+  "names": [],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA,6CAA0B;AAC1B,gDAA6B;AAC7B,iDAA8B"
+}

package/lib-commonjs/provider.d.ts

@@ -0,0 +1,146 @@
+/// <reference types="react" />
+export declare const ReactKeycloakProvider: {
+    new (props: import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>): {
+        state: {
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        };
+        componentDidMount(): void;
+        componentDidUpdate({ authClient: prevAuthClient, initOptions: prevInitOptions, }: import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>): void;
+        init(): void;
+        onError: (event: import("@react-keycloak-refork/core").AuthClientEvent) => (error?: import("@react-keycloak-refork/core").AuthClientError | undefined) => void;
+        updateState: (event: import("@react-keycloak-refork/core").AuthClientEvent) => () => void;
+        refreshToken: (event: import("@react-keycloak-refork/core").AuthClientEvent) => () => void;
+        render(): import("react").JSX.Element;
+        context: unknown;
+        setState<K extends keyof {
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        }>(state: {
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        } | ((prevState: Readonly<{
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        }>, props: Readonly<import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>>) => {
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        } | Pick<{
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        }, K> | null) | Pick<{
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        }, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>>, nextState: Readonly<{
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        }>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>>, prevState: Readonly<{
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        }>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>>, nextState: Readonly<{
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        }>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>>, nextState: Readonly<{
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        }>, nextContext: any): void;
+    };
+    new (props: import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>, context: any): {
+        state: {
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        };
+        componentDidMount(): void;
+        componentDidUpdate({ authClient: prevAuthClient, initOptions: prevInitOptions, }: import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>): void;
+        init(): void;
+        onError: (event: import("@react-keycloak-refork/core").AuthClientEvent) => (error?: import("@react-keycloak-refork/core").AuthClientError | undefined) => void;
+        updateState: (event: import("@react-keycloak-refork/core").AuthClientEvent) => () => void;
+        refreshToken: (event: import("@react-keycloak-refork/core").AuthClientEvent) => () => void;
+        render(): import("react").JSX.Element;
+        context: unknown;
+        setState<K_1 extends keyof {
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        }>(state: {
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        } | ((prevState: Readonly<{
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        }>, props: Readonly<import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>>) => {
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        } | Pick<{
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        }, K_1> | null) | Pick<{
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        }, K_1> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>>;
+        refs: {
+            [key: string]: import("react").ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>>, nextState: Readonly<{
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        }>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: import("react").ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>>, prevState: Readonly<{
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        }>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>>, nextState: Readonly<{
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        }>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<import("@react-keycloak-refork/core").AuthProviderProps<import("keycloak-js/lib/keycloak").default>>, nextState: Readonly<{
+            initialized: boolean;
+            isAuthenticated: boolean;
+            isLoading: boolean;
+        }>, nextContext: any): void;
+    };
+    contextType?: import("react").Context<any> | undefined;
+};

package/lib-commonjs/provider.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactKeycloakProvider = void 0;
+var core_1 = require("@react-keycloak-refork/core");
+var context_1 = require("./context");
+exports.ReactKeycloakProvider = (0, core_1.createAuthProvider)(context_1.reactKeycloakWebContext);
+//# sourceMappingURL=provider.js.map

package/lib-commonjs/provider.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "file": "provider.js",
+  "sourceRoot": "",
+  "sources": [
+    "@react-keycloak-refork\\web\\provider.ts"
+  ],
+  "names": [],
+  "mappings": ";;;AAAA,oDAAgE;AAEhE,qCAAmD;AAEtC,QAAA,qBAAqB,GAAG,IAAA,yBAAkB,EAAC,iCAAuB,CAAC,CAAA"
+}

package/lib-commonjs/useKeycloak.d.ts

@@ -0,0 +1,4 @@
+export declare function useKeycloak(): {
+    initialized: boolean;
+    keycloak: import("keycloak-js/lib/keycloak").default;
+};

package/lib-commonjs/useKeycloak.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useKeycloak = void 0;
+var react_1 = require("react");
+var context_1 = require("./context");
+function useKeycloak() {
+    var ctx = (0, react_1.useContext)(context_1.reactKeycloakWebContext);
+    if (!ctx) {
+        throw new Error('useKeycloak hook must be used inside ReactKeycloakProvider context');
+    }
+    if (!ctx.authClient) {
+        throw new Error('authClient has not been assigned to ReactKeycloakProvider');
+    }
+    var authClient = ctx.authClient, initialized = ctx.initialized;
+    return {
+        initialized: initialized,
+        keycloak: authClient,
+    };
+}
+exports.useKeycloak = useKeycloak;
+//# sourceMappingURL=useKeycloak.js.map

package/lib-commonjs/useKeycloak.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "file": "useKeycloak.js",
+  "sourceRoot": "",
+  "sources": [
+    "@react-keycloak-refork\\web\\useKeycloak.ts"
+  ],
+  "names": [],
+  "mappings": ";;;AAAA,+BAAkC;AAElC,qCAAmD;AAEnD,SAAgB,WAAW;IACzB,IAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,iCAAuB,CAAC,CAAA;IAE/C,IAAI,CAAC,GAAG,EAAE;QACR,MAAM,IAAI,KAAK,CACb,oEAAoE,CACrE,CAAA;KACF;IAED,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE;QACnB,MAAM,IAAI,KAAK,CAAC,2DAA2D,CAAC,CAAA;KAC7E;IAEO,IAAA,UAAU,GAAkB,GAAG,WAArB,EAAE,WAAW,GAAK,GAAG,YAAR,CAAQ;IACvC,OAAO;QACL,WAAW,aAAA;QACX,QAAQ,EAAE,UAAU;KACrB,CAAA;AACH,CAAC;AAlBD,kCAkBC"
+}

package/lib-commonjs/withKeycloak.d.ts

@@ -0,0 +1,43 @@
+import type { KeycloakInstance } from 'keycloak-js';
+import * as React from 'react';
+type InjectedProps = {
+    keycloakInitialized: boolean;
+    keycloak: KeycloakInstance;
+};
+/**
+ * An HOC which injects the `keycloak` instance and the `keycloakInitialized` flag as props.
+ *
+ * @deprecated Please migrate to useKeycloak hook where/when possible.
+ */
+export declare function withKeycloak<P extends InjectedProps>(Component: React.ComponentType<P>): React.FC<Subtract<P, InjectedProps>>;
+/**
+ * SetDifference (same as Exclude)
+ * @desc Set difference of given union types `A` and `B`
+ * @example
+ *   // Expect: "1"
+ *   SetDifference<'1' | '2' | '3', '2' | '3' | '4'>;
+ *
+ *   // Expect: string | number
+ *   SetDifference<string | number | (() => void), Function>;
+ */
+type SetDifference<A, B> = A extends B ? never : A;
+/**
+ * SetComplement
+ * @desc Set complement of given union types `A` and (it's subset) `A1`
+ * @example
+ *   // Expect: "1"
+ *   SetComplement<'1' | '2' | '3', '2' | '3'>;
+ */
+type SetComplement<A, A1 extends A> = SetDifference<A, A1>;
+/**
+ * Subtract
+ * @desc From `T` remove properties that exist in `T1` (`T1` has a subset of the properties of `T`)
+ * @example
+ *   type Props = { name: string; age: number; visible: boolean };
+ *   type DefaultProps = { age: number };
+ *
+ *   // Expect: { name: string; visible: boolean; }
+ *   type RestProps = Subtract<Props, DefaultProps>;
+ */
+type Subtract<T extends T1, T1 extends object> = Pick<T, SetComplement<keyof T, keyof T1>>;
+export {};

package/lib-commonjs/withKeycloak.js

@@ -0,0 +1,52 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.withKeycloak = void 0;
+var React = __importStar(require("react"));
+var useKeycloak_1 = require("./useKeycloak");
+/**
+ * An HOC which injects the `keycloak` instance and the `keycloakInitialized` flag as props.
+ *
+ * @deprecated Please migrate to useKeycloak hook where/when possible.
+ */
+function withKeycloak(Component) {
+    return function WrappedComponent(props) {
+        var _a = (0, useKeycloak_1.useKeycloak)(), keycloak = _a.keycloak, initialized = _a.initialized;
+        return (React.createElement(Component, __assign({}, props, { keycloakInitialized: initialized, keycloak: keycloak })));
+    };
+}
+exports.withKeycloak = withKeycloak;
+//# sourceMappingURL=withKeycloak.js.map

package/lib-commonjs/withKeycloak.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "file": "withKeycloak.js",
+  "sourceRoot": "",
+  "sources": [
+    "@react-keycloak-refork\\web\\withKeycloak.tsx"
+  ],
+  "names": [],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2CAA8B;AAE9B,6CAA2C;AAQ3C;;;;GAIG;AACH,SAAgB,YAAY,CAC1B,SAAiC;IAEjC,OAAO,SAAS,gBAAgB,CAAC,KAAQ;QACjC,IAAA,KAA4B,IAAA,yBAAW,GAAE,EAAvC,QAAQ,cAAA,EAAE,WAAW,iBAAkB,CAAA;QAE/C,OAAO,CACL,oBAAC,SAAS,eACH,KAAW,IAChB,mBAAmB,EAAE,WAAW,EAChC,QAAQ,EAAE,QAAQ,IAClB,CACH,CAAA;IACH,CAAC,CAAA;AACH,CAAC;AAdD,oCAcC"
+}

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@react-keycloak-refork/web",
+  "version": "5.0.0",
+  "license": "MIT",
+  "description": "Fork of https://github.com/react-keycloak/react-keycloak.git with updated packages for Keycloak >=26. React bindings for Keycloak javascript adapter.",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/leoluzh/react-keycloak-fork.git"
+  },
+  "author": "leoluzh",
+  "bugs": {
+    "url": "https://github.com/leoluzh/react-keycloak-fork/issues"
+  },
+  "homepage": "https://github.com/leoluzh/react-keycloak-fork#readme",
+  "keywords": [
+    "react",
+    "keycloak",
+    "keycloak-js"
+  ],
+  "main": "lib-commonjs/index.js",
+  "jsnext:main": "lib/index.js",
+  "module": "lib/index.js",
+  "typings": "lib/index.d.ts",
+  "files": [
+    "lib",
+    "lib-commonjs"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "clean": "rimraf lib lib-commonjs",
+    "prebuild": "npm run clean",
+    "compile:commonjs": "tsc --module commonjs --outDir lib-commonjs",
+    "compile:esnext": "tsc --module esnext --outDir lib",
+    "compile": "run-p compile:*",
+    "fixmaps:lib": "tweak_sourcemap_paths -a --include 'lib/**/*.js.map' 'lib-commonjs/**/*.js.map'",
+    "fixmaps": "run-p fixmaps:*",
+    "build": "run-s compile fixmaps",
+    "test": "jest",
+    "test:coverage": "jest --coverage",
+    "prepublishOnly": "npm run build && cp ../../LICENSE.md ."
+  },
+  "peerDependencies": {
+    "keycloak-js": ">=26.2.0",
+    "react": ">=18.0",
+    "react-dom": ">=18.0",
+    "typescript": ">=3.8"
+  },
+  "peerDependenciesMeta": {
+    "typescript": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.17.9",
+    "@react-keycloak-refork/core": "file:../core",
+    "hoist-non-react-statics": "^3.3.2"
+  },
+  "jest": {
+    "preset": "ts-jest",
+    "testEnvironment": "jsdom"
+  },
+  "devDependencies": {
+    "keycloak-js": "^26.2.0"
+  }
+}