@multiplatform.one/keycloak 0.2.10 → 0.2.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplatform.one/keycloak",
-  "version": "0.2.10",
+  "version": "0.2.12",
   "description": "keycloak client for multiplatform.one ecosystem",
   "main": "dist/lib",
   "module": "dist/esm",
@@ -72,7 +72,7 @@
     "@typescript-eslint/parser": "^5.59.5",
     "babel-plugin-fully-specified": "^1.3.0",
     "cspell": "^6.31.1",
-    "esbuild": "^0.17.18",
+    "esbuild": "^0.17.19",
     "esbuild-plugin-babel": "^0.2.3",
     "eslint": "^8.40.0",
     "eslint-config-alloy": "^5.0.0",
@@ -115,10 +115,10 @@
   },
   "dependencies": {
     "@bitspur/keycloak-js": "21.1.0-3",
-    "@bitspur/react-keycloak-ssr": "4.0.1",
-    "@bitspur/react-keycloak-web": "4.0.1",
+    "@bitspur/react-keycloak-ssr": "4.0.2",
+    "@bitspur/react-keycloak-web": "4.0.2",
     "core-js-pure": "^3.30.2",
-    "expo-auth-session": "^4.0.3",
+    "expo-auth-session": "^4.1.0",
     "solito": "^3.2.6"
   },
   "resolutions": {

package/src/provider/keycloakProvider.tsx

@@ -23,7 +23,8 @@
  */
 
 import Keycloak from '@bitspur/keycloak-js';
-import React, { useMemo, useEffect, useState } from 'react';
+import React, { useMemo, useEffect, useState, useCallback } from 'react';
+import type { AuthClientEvent, AuthClientError, AuthClientTokens } from '@bitspur/react-keycloak-core';
 import type { KeycloakInitOptions } from '@bitspur/keycloak-js';
 import type { ReactNode, ComponentType } from 'react';
 import { AfterAuth } from './afterAuth';
@@ -42,6 +43,8 @@ export interface KeycloakProviderProps {
   keycloakConfig: KeycloakConfig;
   keycloakInitOptions?: KeycloakInitOptions;
   loadingComponent?: ComponentType;
+  onEvent?: (eventType: AuthClientEvent, error?: AuthClientError) => void;
+  onTokens?: (tokens: AuthClientTokens) => void;
 }
 
 const logger = console;
@@ -53,6 +56,8 @@ export function KeycloakProvider({
   keycloakConfig,
   keycloakInitOptions,
   loadingComponent,
+  onEvent,
+  onTokens,
 }: KeycloakProviderProps) {
   const authState = useAuthState();
   const LoadingComponent = loadingComponent || (() => <>{debug ? 'authenticating' : null}</>);
@@ -169,6 +174,16 @@ export function KeycloakProvider({
     };
   }, []);
 
+  const handleEvent = useCallback((eventType: AuthClientEvent, error?: AuthClientError) => {
+    if (error) {
+      if (typeof error === 'string') throw new Error(error);
+      const err: Error & { errorDescription?: string } = new Error(error.error);
+      err.errorDescription = error.error_description;
+      throw err;
+    }
+    if (onEvent) onEvent(eventType, error);
+  }, []);
+
   const keycloak = useMemo(
     () =>
       typeof window !== 'undefined' &&
@@ -203,14 +218,16 @@ export function KeycloakProvider({
     return (
       // @ts-ignore
       <SSRKeycloakProvider
+        LoadingComponent={<LoadingComponent />}
         initOptions={initOptions}
+        onEvent={handleEvent}
+        onTokens={onTokens}
+        persistor={SSRCookies(cookies)}
         keycloakConfig={{
-          url: keycloakConfig.baseUrl,
-          realm: keycloakConfig.realm,
           clientId: keycloakConfig.clientId,
+          realm: keycloakConfig.realm,
+          url: keycloakConfig.baseUrl,
         }}
-        persistor={SSRCookies(cookies)}
-        LoadingComponent={<LoadingComponent />}
       >
         <AfterAuth>{children}</AfterAuth>
       </SSRKeycloakProvider>
@@ -218,7 +235,13 @@ export function KeycloakProvider({
   }
   if (!keycloak) return <>{children}</>;
   return (
-    <ReactKeycloakProvider initOptions={initOptions} authClient={keycloak} LoadingComponent={<LoadingComponent />}>
+    <ReactKeycloakProvider
+      LoadingComponent={<LoadingComponent />}
+      authClient={keycloak}
+      initOptions={initOptions}
+      onEvent={handleEvent}
+      onTokens={onTokens}
+    >
       <AfterAuth>{children}</AfterAuth>
     </ReactKeycloakProvider>
   );