@multiplatform.one/keycloak 0.2.9 → 0.2.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplatform.one/keycloak",
-  "version": "0.2.9",
+  "version": "0.2.11",
   "description": "keycloak client for multiplatform.one ecosystem",
   "main": "dist/lib",
   "module": "dist/esm",
@@ -56,25 +56,25 @@
     "react-native": "~0.68.5"
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.21.4",
+    "@babel/preset-env": "^7.21.5",
     "@babel/preset-flow": "^7.21.4",
     "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.21.4",
+    "@babel/preset-typescript": "^7.21.5",
     "@react-native-async-storage/async-storage": "^1.18.1",
     "@react-navigation/native": "^6.1.6",
     "@types/eslint": "^8.37.0",
     "@types/jest": "^29.5.1",
     "@types/lodash.camelcase": "^4.3.7",
     "@types/lodash.startcase": "^4.4.7",
-    "@types/react": "18.2.0",
-    "@types/react-native": "0.71.6",
-    "@typescript-eslint/eslint-plugin": "^5.59.1",
-    "@typescript-eslint/parser": "^5.59.1",
+    "@types/react": "18.2.6",
+    "@types/react-native": "0.72.0",
+    "@typescript-eslint/eslint-plugin": "^5.59.5",
+    "@typescript-eslint/parser": "^5.59.5",
     "babel-plugin-fully-specified": "^1.3.0",
     "cspell": "^6.31.1",
     "esbuild": "^0.17.18",
     "esbuild-plugin-babel": "^0.2.3",
-    "eslint": "^8.39.0",
+    "eslint": "^8.40.0",
     "eslint-config-alloy": "^5.0.0",
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-spellcheck": "^0.0.20",
@@ -82,11 +82,11 @@
     "jest": "^29.5.0",
     "jest-sonar-reporter": "^2.0.0",
     "lockfile-lint": "^4.10.1",
-    "multiplatform.one": "^0.5.29",
-    "next": "^13.3.1",
+    "multiplatform.one": "^0.5.30",
+    "next": "^13.4.2",
     "prettier": "^2.8.8",
     "react": "^18.2.0",
-    "react-native": "~0.71.7",
+    "react-native": "~0.71.8",
     "ts-node": "^10.9.1",
     "typescript": "^5.0.4"
   },
@@ -117,12 +117,13 @@
     "@bitspur/keycloak-js": "21.1.0-3",
     "@bitspur/react-keycloak-ssr": "4.0.1",
     "@bitspur/react-keycloak-web": "4.0.1",
-    "core-js-pure": "^3.30.1",
+    "core-js-pure": "^3.30.2",
     "expo-auth-session": "^4.0.3",
-    "solito": "^3.2.5"
+    "solito": "^3.2.6"
   },
   "resolutions": {
-    "expo-keycloak-auth@1.0.14": "patch:expo-keycloak-auth@npm%3A1.0.14#./.yarn/patches/expo-keycloak-auth-npm-1.0.14-78201597ce.patch"
+    "expo-keycloak-auth@1.0.14": "patch:expo-keycloak-auth@npm%3A1.0.14#./.yarn/patches/expo-keycloak-auth-npm-1.0.14-78201597ce.patch",
+    "@types/react": "^18.2.6"
   },
   "prettier": "eslint-config-alloy/.prettierrc.js"
 }

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,15 @@ export function KeycloakProvider({
     };
   }, []);
 
+  const handleEvent = useCallback((eventType: AuthClientEvent, error?: AuthClientError) => {
+    if (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 +217,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 +234,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>
   );