Application warning banner

.changeset/smooth-snakes-vanish.md

@@ -0,0 +1,11 @@
+---
+"@wso2is/admin.applications.v1": patch
+"@wso2is/admin.connections.v1": patch
+"@wso2is/admin.extensions.v1": patch
+"@wso2is/react-components": patch
+"@wso2is/admin.core.v1": patch
+"@wso2is/theme": patch
+"@wso2is/i18n": patch
+---
+
+Add outdated app banner and labels.

features/admin.applications.v1/api/use-get-application-inbound-configs.ts

@@ -20,6 +20,7 @@ import useRequest, { RequestErrorInterface, RequestResultInterface } from "@wso2
 import { store } from "@wso2is/admin.core.v1/store";
 import { HttpMethods } from "@wso2is/core/models";
 import { AxiosRequestConfig } from "axios";
+import { OIDCDataInterface } from "../models";
 
 /**
  * Hook to get the protocol configurations of an application.
@@ -29,7 +30,7 @@ import { AxiosRequestConfig } from "axios";
  * @param shouldFetch - Condition to check if data should be fetched.
  * @returns Response as a promise.
  */
-const useGetApplicationInboundConfigs = <Data = unknown, Error = RequestErrorInterface>(
+const useGetApplicationInboundConfigs = <Data = OIDCDataInterface, Error = RequestErrorInterface>(
     id: string,
     protocol: string,
     shouldFetch: boolean = true

features/admin.applications.v1/constants/application-management.ts

@@ -41,6 +41,11 @@ export class ApplicationManagementConstants {
     public static readonly SYSTEM_APPS: string[] = [ this.CONSOLE_APP_NAME ];
     public static readonly DEFAULT_APPS: string[] = [ this.MY_ACCOUNT_APP_NAME ];
 
+    /**
+     * When a new Application version is released, this variable should to be updated.
+     */
+    public static readonly LATEST_VERSION: string = "v1.0.0";
+
     /**
      * Private constructor to avoid object instantiation from outside
      * the class.

features/admin.applications.v1/models/application.ts

@@ -36,6 +36,7 @@ export interface ApplicationBasicInterface {
     id?: string;
     name: string;
     description?: string;
+    applicationVersion?: string;
     accessUrl?: string;
     clientId?: string;
     issuer?: string;
@@ -331,6 +332,7 @@ export interface ApplicationTemplateListItemInterface {
     id: string;
     name: string;
     description?: string;
+    applicationVersion?: string;
     image?: string;
     authenticationProtocol?: string;
     /**

features/admin.applications.v1/pages/application-edit.scss

@@ -19,3 +19,45 @@
 .application-branding-link {
     cursor: pointer;
 }
+
+.ignore-once-button {
+    color: #788997;
+}
+
+.banner-detail-card {
+    border: 0;
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+    background: #fffaf3;
+    padding: 5px;
+    padding-left: 35px;
+}
+
+.banner-detail-content {
+    padding: 0;
+}
+
+.banner-grid {
+    padding-left: 30px;
+}
+
+.application-outdated-alert-expanded-view {
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+}
+
+.spaced-list li {
+    margin-bottom: 10px;
+}
+
+.banner-wrapper {
+    margin-bottom: 20px;
+}
+
+.banner-view-hide-details {
+    min-width: 120px;
+}
+
+.banner-action {
+    margin: 0 0 1.5em 0 !important;
+}