Show OpenID4VCI Credential Issuer Metadata link in admin ui (#32968) (#32969)

Fixes #32968

Signed-off-by: Thomas Darimont <thomas.darimont@googlemail.com>

js/apps/admin-ui/maven-resources/theme/keycloak.v2/admin/messages/messages_en.properties

@@ -1636,6 +1636,7 @@ notVerified=Not verified
 encryptionKeysConfig=Encryption keys config
 updateClientProfileSuccess=Client profile updated successfully
 openIDEndpointConfiguration=OpenID Endpoint Configuration
+oid4vcIssuerMetadata=OpenID4VCI Credential Issuer Metadata
 prompts.login=Login
 users=Users
 keyTabHelp=Location of Kerberos KeyTab file containing the credentials of server principal. For example, /etc/krb5.keytab

js/apps/admin-ui/src/realm-settings/GeneralTab.tsx

@@ -110,6 +110,7 @@ function RealmSettingsGeneralTabForm({
   } = form;
   const isFeatureEnabled = useIsFeatureEnabled();
   const isOrganizationsEnabled = isFeatureEnabled(Feature.Organizations);
+  const isOpenid4vciEnabled = isFeatureEnabled(Feature.OpenId4VCI);
 
   const setupForm = () => {
     convertToFormValues(realm, setValue);
@@ -265,6 +266,16 @@ function RealmSettingsGeneralTabForm({
                   title={t("samlIdentityProviderMetadata")}
                 />
               </StackItem>
+              {isOpenid4vciEnabled && (
+                <StackItem>
+                  <FormattedLink
+                    href={`${addTrailingSlash(
+                      serverBaseUrl,
+                    )}realms/${realmName}/.well-known/openid-credential-issuer`}
+                    title={t("oid4vcIssuerMetadata")}
+                  />
+                </StackItem>
+              )}
             </Stack>
           </FormGroup>
           <FixedButtonsGroup

js/apps/admin-ui/src/utils/useIsFeatureEnabled.ts

@@ -11,6 +11,7 @@ export enum Feature {
   ClientTypes = "CLIENT_TYPES",
   DeclarativeUI = "DECLARATIVE_UI",
   Organizations = "ORGANIZATION",
+  OpenId4VCI = "OID4VC_VCI",
 }
 
 export default function useIsFeatureEnabled() {