Convert Auth Server Properties into Forms along with Back button uniformity

admin-ui/app/config/openApiSpec.ts

@@ -0,0 +1,43 @@
+/**
+ * OpenAPI specification re-export with helper functions.
+ * Provides stable import path using @/ alias instead of brittle relative paths.
+ */
+import spec from '../../configApiSpecs.yaml'
+
+export { spec }
+
+export interface SchemaProperty {
+  type?: string
+  format?: string
+  description?: string
+  items?: SchemaProperty
+  $ref?: string
+  enum?: string[]
+  default?: unknown
+}
+
+interface SchemaDefinition {
+  properties?: Record<string, SchemaProperty>
+}
+
+export interface SpecSchema {
+  components?: {
+    schemas?: Record<string, SchemaDefinition | undefined>
+  }
+}
+
+/** Get schema properties for a given schema name. Returns empty object if not found. */
+export function getSchemaProperties(schemaName: string): Record<string, SchemaProperty> {
+  const typedSpec = spec as unknown as SpecSchema
+  return (typedSpec?.components?.schemas?.[schemaName]?.properties ?? {}) as Record<
+    string,
+    SchemaProperty
+  >
+}
+
+/** Get AppConfiguration schema properties. Convenience function for common use case. */
+export function getAppConfigurationProperties(): Record<string, SchemaProperty> {
+  return getSchemaProperties('AppConfiguration')
+}
+
+export default spec

admin-ui/app/routes/Apps/Gluu/GluuInlineInput.tsx

@@ -126,7 +126,7 @@ const GluuInlineInput = ({
         handler(patch)
       }
     },
-    [disabled, name, showSaveButtons, path, handler],
+    [disabled, name, showSaveButtons, isValidPath, path, handler],
   )
 
   const onAccept = useCallback(() => {

admin-ui/app/routes/Apps/Gluu/GluuTabs.tsx

@@ -56,11 +56,11 @@ TabPanel.displayName = 'TabPanel'
 const isNavigationTab = (tab: TabItem | null): tab is NavigationTab => {
   return Boolean(
     tab &&
-    typeof tab === 'object' &&
-    'name' in tab &&
-    'path' in tab &&
-    typeof tab.path === 'string' &&
-    tab.path.trim().length > 0,
+      typeof tab === 'object' &&
+      'name' in tab &&
+      'path' in tab &&
+      typeof tab.path === 'string' &&
+      tab.path.trim().length > 0,
   )
 }
 

admin-ui/config/webpack.config.client.dev.ts

@@ -182,6 +182,11 @@ const webpackConfig: WebpackConfig & { devServer?: DevServerConfig } = {
       },
       {
         test: /\.ya?ml$/,
+        include: [
+          config.srcDir,
+          config.pluginsDir,
+          path.resolve(__dirname, '..'), // Include root directory for configApiSpecs.yaml
+        ],
         use: 'yaml-loader',
       },
       {

admin-ui/config/webpack.config.client.prod.ts

@@ -192,6 +192,11 @@ const webpackConfig: WebpackConfig & { devServer?: DevServerConfig } = {
       },
       {
         test: /\.ya?ml$/,
+        include: [
+          config.srcDir,
+          config.pluginsDir,
+          path.resolve(__dirname, '..'), // Include root directory for configApiSpecs.yaml
+        ],
         use: 'yaml-loader',
       },
       {

admin-ui/plugins/auth-server/components/Configuration/ConfigPage.test.js → admin-ui/plugins/auth-server/components/Configuration/AuthPage.test.js

@@ -1,9 +1,7 @@
 import React from 'react'
 import { render, screen, waitFor } from '@testing-library/react'
-import ConfigPage from './ConfigPage'
+import AuthPage from './AuthPage'
 import { Provider } from 'react-redux'
-import i18n from '../../../../app/i18n'
-import { I18nextProvider } from 'react-i18next'
 import AppTestWrapper from 'Routes/Apps/Gluu/Tests/Components/AppTestWrapper.test'
 import { combineReducers, configureStore } from '@reduxjs/toolkit'
 
@@ -161,11 +159,11 @@ const Wrapper = ({ children }) => (
   </AppTestWrapper>
 )
 
-it('Should render json properties page properly', () => {
-  render(<ConfigPage configuration={config} permissions={permissions} />, {
+it('Should render json properties page properly', async () => {
+  render(<AuthPage />, {
     wrapper: Wrapper,
   })
-  waitFor(() => expect(screen.getByText(config.issuer)).toBeInTheDocument())
+  await waitFor(() => expect(screen.getByText(config.issuer)).toBeInTheDocument())
   expect(screen.getByTestId('issuer')).toHaveValue(config.issuer)
   expect(screen.getByTestId('baseEndpoint')).toHaveValue(config.baseEndpoint)
   expect(screen.getByTestId('authorizationEndpoint')).toHaveValue(config.authorizationEndpoint)