1077 Logout faster when session expires and when token doesnt work in api calls

.changeset/spicy-olives-itch.md

@@ -0,0 +1,5 @@
+---
+"@orchestrator-ui/orchestrator-ui-components": minor
+---
+
+Signs user out when api calls fail because of expired token

packages/orchestrator-ui-components/src/components/WfoRouteChangeListener/WfoRouteChangeListener.tsx

@@ -0,0 +1,22 @@
+import React, { useEffect } from 'react';
+
+import { getSession, signOut } from 'next-auth/react';
+import { useRouter } from 'next/router';
+
+import { useGetOrchestratorConfig } from '@/hooks';
+
+export const WfoRouteChangeListener = () => {
+    const router = useRouter();
+    const { authActive } = useGetOrchestratorConfig();
+
+    useEffect(() => {
+        if (authActive) {
+            getSession().then((session) => {
+                if (!session) {
+                    signOut();
+                }
+            });
+        }
+    }, [authActive, router]);
+    return <></>;
+};

packages/orchestrator-ui-components/src/components/WfoRouteChangeListener/index.tsx

@@ -0,0 +1 @@
+export * from './WfoRouteChangeListener';

packages/orchestrator-ui-components/src/components/index.ts

@@ -28,3 +28,4 @@ export * from './WfoNoResults';
 export * from './WfoStartButton';
 export * from './WfoSubscriptionsList';
 export * from './WfoSummary';
+export * from './WfoRouteChangeListener';

packages/orchestrator-ui-components/src/rtk/api.ts

@@ -1,4 +1,4 @@
-import { getSession } from 'next-auth/react';
+import { getSession, signOut } from 'next-auth/react';
 
 import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query/react';
 import { graphqlRequestBaseQuery } from '@rtk-query/graphql-request-base-query';
@@ -85,6 +85,21 @@ export const orchestratorApi = createApi({
                 const graphqlFn = graphqlRequestBaseQuery({
                     url: customApi ? customApi.apiBaseUrl : graphqlEndpointCore,
                     prepareHeaders,
+                    customErrors: (error) => {
+                        const { name, message, stack, response } = error;
+                        if (response?.errors && response.errors?.length > 0) {
+                            response.errors.map((error) => {
+                                // TODO: https://github.com/workfloworchestrator/orchestrator-ui-library/issues/1105
+                                if (
+                                    error.extensions?.error_type ===
+                                    'not_authorized'
+                                ) {
+                                    signOut();
+                                }
+                            });
+                        }
+                        return { name, message, stack };
+                    },
                 });
                 return graphqlFn(args, api, {});
         }