Add roles from JWT payload (#71)

* Add roles from jwt payload

* Bump @workos-inc/authkit-js to 0.14.0

Author: atainter

.gitignore

@@ -1,2 +1,3 @@
 /node_modules
 /dist
+.idea

package-lock.json

@@ -37,6 +37,6 @@
     "react": ">=17"
   },
   "dependencies": {
-    "@workos-inc/authkit-js": "0.13.0"
+    "@workos-inc/authkit-js": "0.14.0"
   }
 }

package.json

@@ -43,6 +43,7 @@ export function AuthKitProvider(props: AuthKitProviderProps) {
       } = response;
       const {
         role = null,
+        roles = null,
         permissions = [],
         feature_flags: featureFlags = [],
       } = getClaims(accessToken);
@@ -52,6 +53,7 @@ export function AuthKitProvider(props: AuthKitProviderProps) {
           user,
           organizationId,
           role,
+          roles,
           permissions,
           featureFlags,
           impersonator,
@@ -117,6 +119,7 @@ function isEquivalentWorkOSSession(
     a.user?.updatedAt === b.user?.updatedAt &&
     a.organizationId === b.organizationId &&
     a.role === b.role &&
+    a.roles === b.roles &&
     a.permissions.length === b.permissions.length &&
     a.permissions.every((perm, i) => perm === b.permissions[i]) &&
     a.featureFlags.length === b.featureFlags.length &&

src/provider.tsx

@@ -9,6 +9,7 @@ export interface State {
   isLoading: boolean;
   user: User | null;
   role: string | null;
+  roles: string[] | null;
   organizationId: string | null;
   permissions: string[];
   featureFlags: string[];
@@ -19,6 +20,7 @@ export const initialState: State = {
   isLoading: true,
   user: null,
   role: null,
+  roles: null,
   organizationId: null,
   permissions: [],
   featureFlags: [],