[Test PR] Implemented API Key For Federated APIs

portals/admin/src/main/webapp/site/public/locales/en.json

@@ -591,6 +591,13 @@
   "GatewayEnvironments.AddEditVhost.httpsPort": "HTTPS Port",
   "GatewayEnvironments.AddEditVhost.wsPort": "WS Port",
   "GatewayEnvironments.AddEditVhost.wssPort": "WSS Port",
+  "GatewayEnvironments.GatewayConfiguration.advancedSettings": "Advanced Settings",
+  "GatewayEnvironments.PlanMapping.apiType.ai": "AI APIs",
+  "GatewayEnvironments.PlanMapping.apiType.async": "Async APIs",
+  "GatewayEnvironments.PlanMapping.apiType.other": "Other APIs",
+  "GatewayEnvironments.PlanMapping.apiType.rest": "REST APIs",
+  "GatewayEnvironments.PlanMapping.helper": "Map each local subscription plan to the corresponding gateway plan identifier.",
+  "GatewayEnvironments.PlanMapping.noCompatibleLocalPlans": "No local subscription plans match the supported API types of this gateway.",
   "Gateways.AddEditGateway.back.to.gateways": "Back to Gateways",
   "Gateways.AddEditGateway.loading.gateway.details": "Loading gateway details...",
   "Gateways.AddEditGateway.loading.platform.gateway.details": "Loading platform gateway details...",

portals/admin/src/main/webapp/source/src/app/components/GatewayEnvironments/AddEditGWEnvironment.jsx

@@ -80,6 +80,8 @@
 } from './PlatformGatewayUtils';
 
 const PREFIX = 'AddEditGWEnvironment';
+const PLAN_MAPPING_PROPERTY_PREFIX = 'plan_mapping.';
+const FEDERATED_GATEWAY_VALIDATION_ERROR_CODE = 900520;
 
 const classes = {
     pageContent: `${PREFIX}-pageContent`,
@@ -365,6 +367,23 @@
     return false;
 };
 
+const extractPlanMappingErrors = (responseBody) => {
+    const rowErrors = {};
+    if (!responseBody
+        || responseBody.code !== FEDERATED_GATEWAY_VALIDATION_ERROR_CODE
+        || !Array.isArray(responseBody.error)) {
+        return rowErrors;
+    }
+
+    responseBody.error.forEach((errorItem) => {
+        const fieldKey = errorItem?.message;
+        if (fieldKey && fieldKey.startsWith(PLAN_MAPPING_PROPERTY_PREFIX)) {
+            rowErrors[fieldKey] = errorItem.description || 'Invalid external plan assignment';
+        }
+    });
+    return rowErrors;
+};
+
 /**
  * Reducer
  * @param {JSON} state State
@@ -414,6 +433,7 @@
     const [supportedModes, setSupportedModes] = useState([]);
     const [validating, setValidating] = useState(false);
     const [saving, setSaving] = useState(false);
+    const [planMappingErrors, setPlanMappingErrors] = useState({});
     const { gatewayTypes } = settings;
     const gatewayVersions = useMemo(() => getPlatformGatewayVersions(settings), [settings]);
     const {
@@ -638,6 +658,10 @@
         }
     }, [permissions]);
 
+    useEffect(() => {
+        setPlanMappingErrors({});
+    }, [gatewayType]);
+
     useEffect(() => {
         if (!platformHeaderEditMode) {
             setPlatformDisplayNameDraft(
@@ -881,6 +905,13 @@
     };
 
     const setAdditionalProperties = (key, value) => {
+        if (key && planMappingErrors[key]) {
+            setPlanMappingErrors((prevErrors) => {
+                const updatedErrors = { ...prevErrors };
+                delete updatedErrors[key];
+                return updatedErrors;
+            });
+        }
         const clonedAdditionalProperties = cloneDeep(additionalProperties);
         if (value === undefined) {
             delete clonedAdditionalProperties[key];
@@ -1189,6 +1220,7 @@
 
         promiseAPICall
             .then((result) => {
+                setPlanMappingErrors({});
                 if (id) {
                     Alert.success(
                         `${name} ${intl.formatMessage({
@@ -1226,8 +1258,28 @@
             })
             .catch((error) => {
                 const { response } = error;
-                if (response.body) {
-                    Alert.error(response.body.description);
+                if (response?.body) {
+                    setPlanMappingErrors(extractPlanMappingErrors(response.body));
+                    Alert.error(
+                        response.body.description
+                        || error?.message
+                        || intl.formatMessage({
+                            id: 'GatewayEnvironments.AddEditGWEnvironment.save.failed',
+                            defaultMessage: 'Save failed',
+                        }),
+                    );
+                } else {
+                    setPlanMappingErrors({});
+                    const statusSuffix = response?.status
+                        ? ` (${response.status}${response?.statusText ? ` ${response.statusText}` : ''})`
+                        : '';
+                    Alert.error(
+                        error?.message
+                        || `${intl.formatMessage({
+                            id: 'GatewayEnvironments.AddEditGWEnvironment.save.failed',
+                            defaultMessage: 'Save failed',
+                        })}${statusSuffix}`,
+                    );
                 }
                 setSaving(false);
             });
@@ -2383,6 +2435,9 @@
                                                         validating={
                                                             validating
                                                         }
+                                                        planMappingErrors={
+                                                            planMappingErrors
+                                                        }
                                                         gatewayId={cloneDeep(
                                                             id,
                                                         )}

portals/admin/src/main/webapp/source/src/app/components/GatewayEnvironments/GatewayConfiguration.jsx

@@ -10,9 +10,15 @@
 import { FormattedMessage } from 'react-intl';
 import InputLabel from '@mui/material/InputLabel';
 import FormHelperText from '@mui/material/FormHelperText';
+import Accordion from '@mui/material/Accordion';
+import AccordionSummary from '@mui/material/AccordionSummary';
+import AccordionDetails from '@mui/material/AccordionDetails';
+import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
 import CustomGatewayInputField from 'AppComponents/GatewayEnvironments/CustomGatewayInputField';
+import GatewayPlanMapping from './GatewayPlanMapping';
 
 const StyledSpan = styled('span')(({ theme }) => ({ color: theme.palette.error.dark }));
+const PLAN_MAPPING_PROPERTY_PREFIX = 'plan_mapping.';
 
 // Styled wrapper to mimic TextField's outlined style
 const StyledFormControl = styled(FormControl)(({ theme }) => ({
@@ -42,7 +48,7 @@
 export default function GatewayConfiguration(props) {
     const {
         gatewayConfigurations, additionalProperties = {}, setAdditionalProperties = () => {}, gatewayId,
-        hasErrors, validating,
+        hasErrors, validating, planMappingErrors = {},
     } = props;
 
     const getAllNestedGatewayConfigPropertyNames = (connectorConfigurations, parentKey = '') => {
@@ -167,7 +173,10 @@
 
         // Clear any properties in additionalProperties that are not in the current valid set
         Object.keys(additionalProperties).forEach((propName) => {
-            if (!currentValidProperties.includes(propName)) {
+            if (
+                !currentValidProperties.includes(propName)
+                && !propName.startsWith(PLAN_MAPPING_PROPERTY_PREFIX)
+            ) {
                 setAdditionalProperties(propName, undefined);
             }
         });
@@ -207,7 +216,16 @@
                 });
             }
         }
-        if (gatewayConfiguration.type === 'input') {
+        if (gatewayConfiguration.type === 'mapping') {
+            return (
+                <GatewayPlanMapping
+                    gatewayConfiguration={gatewayConfiguration}
+                    additionalProperties={additionalProperties}
+                    setAdditionalProperties={setAdditionalProperties}
+                    planMappingErrors={planMappingErrors}
+                />
+            );
+        } else if (gatewayConfiguration.type === 'input') {
             if (gatewayConfiguration.mask) {
                 return (
                     <FormControl variant='outlined' fullWidth disabled={disabled}>
@@ -333,9 +351,25 @@
         });
     };
 
+    const regularConfigurations = gatewayConfigurations.filter((config) => config.type !== 'mapping');
+    const mappingConfigurations = gatewayConfigurations.filter((config) => config.type === 'mapping');
+
     return (
         <div>
-            {renderConnectorConfigurations(gatewayConfigurations)}
+            {renderConnectorConfigurations(regularConfigurations)}
+            {mappingConfigurations.length > 0 && (
+                <Accordion sx={{ mt: 2 }}>
+                    <AccordionSummary expandIcon={<ExpandMoreIcon />}>
+                        <FormattedMessage
+                            id='GatewayEnvironments.GatewayConfiguration.advancedSettings'
+                            defaultMessage='Advanced Settings'
+                        />
+                    </AccordionSummary>
+                    <AccordionDetails>
+                        {renderConnectorConfigurations(mappingConfigurations)}
+                    </AccordionDetails>
+                </Accordion>
+            )}
         </div>
     );
 }
@@ -350,4 +384,5 @@
     />,
     hasErrors: () => {},
     validating: false,
+    planMappingErrors: {},
 };