fix(admin-ui): Add full typescript type system for the LOCK plugin

admin-ui/app/locales/en/translation.json

@@ -234,6 +234,12 @@
     "acr": "ACR",
     "base_dns": "Base DNs",
     "base_dn": "Base DN",
+    "client_password": "Client Password",
+    "message_consumer_type": "Message Consumer Type",
+    "openid_issuer": "OpenID Issuer",
+    "stat_enabled": "Stat Enabled",
+    "stat_timer_interval": "Stat Timer Interval (Seconds)",
+    "token_url": "Token URL",
     "application_url": "Application URL",
     "ox_auth_issuer": "Auth Issuer",
     "max_count": "Max Count",

admin-ui/app/locales/es/translation.json

@@ -234,6 +234,12 @@
     "acr": "ACR",
     "base_dns": "DNs Base",
     "base_dn": "DN Base",
+    "client_password": "Contraseña del Cliente",
+    "message_consumer_type": "Tipo de Consumidor de Mensajes",
+    "openid_issuer": "Emisor OpenID",
+    "stat_enabled": "Estadísticas Habilitadas",
+    "stat_timer_interval": "Intervalo del Temporizador de Estadísticas (Segundos)",
+    "token_url": "URL del Token",
     "application_url": "URL de la Aplicación",
     "ox_auth_issuer": "Emisor de Auth",
     "max_count": "Recuento Máximo",

admin-ui/app/locales/fr/translation.json

@@ -371,6 +371,12 @@
     "base_dns": "DN de base",
     "bind_dn": "Lier le DN",
     "base_dn": "DN de base",
+    "client_password": "Mot de passe client",
+    "message_consumer_type": "Type de consommateur de messages",
+    "openid_issuer": "Émetteur OpenID",
+    "stat_enabled": "Statistiques activées",
+    "stat_timer_interval": "Intervalle du minuteur de statistiques (secondes)",
+    "token_url": "URL du jeton",
     "application_url": "URL de l'application",
     "ox_auth_issuer": "Émetteur d'authentification",
     "max_count": "Nombre maximal",

admin-ui/app/locales/pt/translation.json

@@ -355,6 +355,12 @@
     "base_dns": "DNs de base",
     "bind_dn": "Vincular DN",
     "base_dn": "DN Base",
+    "client_password": "Senha do Cliente",
+    "message_consumer_type": "Tipo de Consumidor de Mensagens",
+    "openid_issuer": "Emissor OpenID",
+    "stat_enabled": "Estatísticas Habilitadas",
+    "stat_timer_interval": "Intervalo do Temporizador de Estatísticas (Segundos)",
+    "token_url": "URL do Token",
     "application_url": "URL da aplicação",
     "ox_auth_issuer": "Emissor de autenticação",
     "max_count": "Contagem máxima",

admin-ui/plugins/PluginMenuResolver.js

@@ -45,7 +45,7 @@ export async function processRoutes() {
         const metadata = await import(
           /* webpackChunkName: "plugin-[request]" */
           /* webpackMode: "lazy" */
-          `./${pluginName}/metadata`
+          `./${pluginName}/plugin-metadata`
         )
         return metadata.default.routes || []
       }

admin-ui/plugins/jans-lock/components/JansLock.tsx

@@ -0,0 +1,62 @@
+import React from 'react'
+import { useTranslation } from 'react-i18next'
+import { useDispatch } from 'react-redux'
+import { useQueryClient } from '@tanstack/react-query'
+import applicationStyle from 'Routes/Apps/Gluu/styles/applicationstyle'
+import GluuLoader from 'Routes/Apps/Gluu/GluuLoader'
+import { Card, CardBody } from 'Components'
+import JansLockConfiguration from './JansLockConfiguration'
+import {
+  useGetLockProperties,
+  usePatchLockProperties,
+  getGetLockPropertiesQueryKey,
+} from 'JansConfigApi'
+import { PatchOperation } from '../types'
+import SetTitle from 'Utils/SetTitle'
+import { updateToast } from 'Redux/features/toastSlice'
+
+const JansLock: React.FC = () => {
+  const { t } = useTranslation()
+  const dispatch = useDispatch()
+  const queryClient = useQueryClient()
+
+  SetTitle(t('titles.jans_lock'))
+
+  const { data: lockConfiguration, isLoading } = useGetLockProperties()
+  const patchMutation = usePatchLockProperties({
+    mutation: {
+      onSuccess: () => {
+        dispatch(updateToast(true, 'success', t('messages.success_in_saving')))
+        queryClient.invalidateQueries({ queryKey: getGetLockPropertiesQueryKey() })
+      },
+      onError: (error: unknown) => {
+        const err = error as { response?: { data?: { message?: string } } }
+        const errorMessage = err?.response?.data?.message || t('messages.error_in_saving')
+        dispatch(updateToast(true, 'error', errorMessage))
+      },
+    },
+  })
+
+  const handleUpdate = (patchOperations: PatchOperation[]) => {
+    patchMutation.mutate({ data: patchOperations })
+  }
+
+  const loading = isLoading || patchMutation.isPending
+
+  return (
+    <GluuLoader blocking={loading}>
+      <Card className="mb-3" style={applicationStyle.mainCard}>
+        <CardBody>
+          {!isLoading && lockConfiguration ? (
+            <JansLockConfiguration
+              lockConfig={lockConfiguration as Record<string, unknown>}
+              onUpdate={handleUpdate}
+            />
+          ) : null}
+        </CardBody>
+      </Card>
+    </GluuLoader>
+  )
+}
+
+export default JansLock