feat: implement-authorize-oidc-client

introduce the oidc-client with the authorize api. authoirize handles the
calling of authorize routes based on the well-known config.

when a p1 env is detected, it will use a post request
otherwise, a background request is done via a hidden iframe

Author: ryanbas21

packages/oidc-client/src/lib/authorize.slice.ts

@@ -0,0 +1,23 @@
+import { createApi, fetchBaseQuery } from '@reduxjs/toolkit/query';
+
+const authorizeSlice = createApi({
+  reducerPath: 'authorizeSlice',
+  baseQuery: fetchBaseQuery({
+    credentials: 'include',
+    prepareHeaders: (headers) => {
+      headers.set('Content-Type', 'application/json');
+      headers.set('Accept', 'application/json');
+      headers.set('x-requested-with', 'ping-sdk');
+      headers.set('x-requested-platform', 'javascript');
+
+      return headers;
+    },
+  }),
+  endpoints: (builder) => ({
+    handleAuthorize: builder.query<string, string>({
+      query: (authorizeUrl) => authorizeUrl,
+    }),
+  }),
+});
+
+export { authorizeSlice };

packages/oidc-client/src/lib/client.store.utils.test.ts

@@ -0,0 +1,67 @@
+import { recreateAuthorizeUrl, handleAuthorize } from './client.store.utils.js';
+import { describe, expect, it, vi, beforeEach, afterEach } from 'vitest';
+
+// Mock createAuthorizeUrl from sdk to avoid actual URL generation logic or network calls
+vi.mock('@forgerock/sdk-oidc', () => {
+  return {
+    createAuthorizeUrl: vi
+      .fn()
+      .mockResolvedValue(
+        'https://example.com/authorize?client_id=client_id&redirect_uri=https%3A%2F%2Fexample.com%2Fredirect&scope=openid&state=state&response_type=code',
+      ),
+  };
+});
+
+// Stub the global fetch used inside handleAuthorize so it returns predictable JSON
+beforeEach(() => {
+  vi.stubGlobal(
+    'fetch',
+    vi.fn().mockResolvedValue({
+      json: async () => ({
+        authorizeResponse: {
+          code: 'code',
+          state: 'state',
+        },
+      }),
+    }),
+  );
+});
+
+afterEach(() => {
+  vi.unstubAllGlobals();
+});
+
+describe('client-store utilities', () => {
+  it('should handle authorize', async () => {
+    const result = await handleAuthorize('https://example.com/authorize');
+    expect(result).toEqual({
+      code: 'code',
+      state: 'state',
+    });
+  });
+
+  it('should recreate authorize url', async () => {
+    const result = await recreateAuthorizeUrl(
+      {
+        error: 'error',
+        error_description: 'error_description',
+        state: 'state',
+      },
+      'https://example.com/authorize',
+      {
+        clientId: 'client_id',
+        redirectUri: 'https://example.com/redirect',
+        scope: 'openid',
+        state: 'state',
+        responseType: 'code',
+      },
+    );
+    expect(result).toEqual({
+      error: 'error',
+      error_description: 'error_description',
+      state: 'state',
+      redirectUrl:
+        'https://example.com/authorize?client_id=client_id&redirect_uri=https%3A%2F%2Fexample.com%2Fredirect&scope=openid&state=state&response_type=code',
+    });
+  });
+});

packages/oidc-client/src/lib/store.ts

@@ -0,0 +1,36 @@
+import type { ActionTypes, RequestMiddleware } from '@forgerock/sdk-request-middleware';
+import type { logger as loggerFn } from '@forgerock/sdk-logger';
+
+import { configureStore } from '@reduxjs/toolkit';
+import { fetchWellKnownConfig } from './wellknown.api.js';
+import { authorizeSlice } from './authorize.slice.js';
+
+export function createOidcStore<ActionType extends ActionTypes>({
+  requestMiddleware,
+  logger,
+}: {
+  requestMiddleware?: RequestMiddleware<ActionType, unknown>[];
+  logger?: ReturnType<typeof loggerFn>;
+}) {
+  return configureStore({
+    reducer: {
+      [fetchWellKnownConfig.reducerPath]: fetchWellKnownConfig.reducer,
+      [authorizeSlice.reducerPath]: authorizeSlice.reducer,
+    },
+    middleware: (getDefaultMiddleware) =>
+      getDefaultMiddleware({
+        thunk: {
+          extraArgument: {
+            /**
+             * This becomes the `api.extra` argument, and will be passed into the
+             * customer query wrapper for `baseQuery`
+             */
+            requestMiddleware,
+            logger,
+          },
+        },
+      })
+        .concat(fetchWellKnownConfig.middleware)
+        .concat(authorizeSlice.middleware),
+  });
+}

packages/oidc-client/tsconfig.json

@@ -18,6 +18,18 @@
     {
       "path": "../sdk-effects/iframe-manager"
     },
+    {
+      "path": "../sdk-effects/sdk-request-middleware"
+    },
+    {
+      "path": "../sdk-effects/oidc"
+    },
+    {
+      "path": "../sdk-effects/logger"
+    },
+    {
+      "path": "../sdk-effects/iframe-manager"
+    },
     {
       "path": "./tsconfig.lib.json"
     },