Add scopes details to tooltip in CustomPadLock

[nimsara66]

Purpose

To address the customer's requirement of displaying the required scopes for API invocation in the Devportal Try Out console of the APIM, ensuring that subscribers can view the necessary scopes without relying on custom UI modifications.

Goal

To provide a native solution in APIM that enables users to view the required scopes for invoking an API in the Devportal Try Out console.

Approach

The CustomPadLock.jsx component is rendered for each operation in the Devportal Try Out console. It extracts the relevant scopes for each operation and displays them in a table within the tooltip of a custom padlock icon, as illustrated in the sample below.

If the security is disabled,

Issue

Related to: wso2/api-manager#3407
Internal: https://github.com/wso2-enterprise/wso2-apim-internal/issues/8005

[sonarqubecloud]

Quality Gate passed

Issues
2 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud