@openshift-assisted/ui-lib 2.9.7-cim → 2.9.8-cim

package/lib/common/types/featureSupportLevel.ts

@@ -1,17 +1,18 @@
 import {
-  FeatureSupportLevel,
   FeatureSupportLevelId,
   SupportLevel,
 } from '@openshift-assisted/types/assisted-installer-service';
 import { ArrayElementType } from './typescriptExtensions';
 
-type Features = Required<ArrayElementType<FeatureSupportLevel['features']>>;
+type Features = Required<ArrayElementType<FeatureSupportLevelId>>;
 export type FeatureId =
   | FeatureSupportLevelId
   | Features['featureId']
-  | 'ODF'
-  | 'CNV'
-  | 'NETWORK_TYPE_SELECTION';
+  | 'NETWORK_TYPE_SELECTION'
+  | 'ARM64_ARCHITECTURE'
+  | 'ARM64_ARCHITECTURE_WITH_CLUSTER_MANAGED_NETWORKING'
+  | 'DUAL_STACK_NETWORKING'
+  | 'MULTIARCH_RELEASE_IMAGE';
 
 export type FeatureIdToSupportLevel = {
   [id in FeatureId]?: SupportLevel;

package/lib/ocm/components/HostsClusterDetailTab/HostsClusterDetailTabContent.tsx

@@ -190,8 +190,9 @@ export const HostsClusterDetailTabContent = ({
       <NewFeatureSupportLevelProvider
         loadingUi={<LoadingState />}
         cluster={day2Cluster}
-        cpuArchitecture={infraEnv?.cpuArchitecture}
+        cpuArchitecture={infraEnv?.cpuArchitecture as CpuArchitecture}
         openshiftVersion={day2Cluster.openshiftVersion}
+        platformType={day2Cluster.platform?.type}
       >
         <AddHosts />
       </NewFeatureSupportLevelProvider>

package/lib/ocm/components/clusterConfiguration/CpuArchitectureDropdown.tsx

@@ -4,16 +4,18 @@ import { CaretDownIcon } from '@patternfly/react-icons';
 import { useField } from 'formik';
 import {
   CpuArchitecture,
-  FeatureId,
   getDefaultCpuArchitecture,
   getFieldId,
   SupportedCpuArchitecture,
 } from '../../../common';
-import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
+import {
+  ArchitectureSupportLevelId,
+  Cluster,
+} from '@openshift-assisted/types/assisted-installer-service';
 
 export type CpuArchitectureItem = {
   description: string;
-  featureSupportLevelId?: FeatureId;
+  featureSupportLevelId?: ArchitectureSupportLevelId;
   label: string;
 };
 

package/lib/ocm/components/clusterConfiguration/OcmClusterDetailsFormFields.tsx

@@ -14,6 +14,7 @@ import {
   StaticTextField,
   useFeature,
   getSupportedCpuArchitectures,
+  SupportedCpuArchitecture,
 } from '../../../common';
 import DiskEncryptionControlGroup from '../../../common/components/clusterConfiguration/DiskEncryptionFields/DiskEncryptionControlGroup';
 import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
@@ -74,7 +75,7 @@ export const OcmClusterDetailsFormFields = ({
   const featureSupportLevelData = useSupportLevelsAPI(
     'features',
     values.openshiftVersion,
-    values.cpuArchitecture,
+    values.cpuArchitecture as SupportedCpuArchitecture,
   );
   const cpuArchitectures = React.useMemo(
     () => getSupportedCpuArchitectures(isMultiArchSupported, cpuArchitecturesByVersionImage),
@@ -171,7 +172,7 @@ export const OcmClusterDetailsFormFields = ({
       ) : (
         <ExternalPlatformDropdown
           onChange={handleExternalPartnerIntegrationsChange}
-          cpuArchitecture={values.cpuArchitecture}
+          cpuArchitecture={values.cpuArchitecture as SupportedCpuArchitecture}
           showOciOption={isOracleCloudPlatformIntegrationEnabled}
           featureSupportLevelData={featureSupportLevelData}
           isSNO={isSNO({ highAvailabilityMode })}

package/lib/ocm/components/clusterConfiguration/networkConfiguration/NetworkConfiguration.tsx

@@ -1,12 +1,13 @@
 import React from 'react';
 import { useFormikContext } from 'formik';
 import { useSelector } from 'react-redux';
-import { Alert, AlertVariant, Grid, Tooltip } from '@patternfly/react-core';
+import { Grid, Tooltip } from '@patternfly/react-core';
 import { VirtualIPControlGroup, VirtualIPControlGroupProps } from './VirtualIPControlGroup';
 import {
   canBeDualStack,
   canSelectNetworkTypeSDN,
   clusterNetworksEqual,
+  CpuArchitecture,
   DUAL_STACK,
   HostSubnets,
   isSNO,
@@ -27,12 +28,15 @@ import { OcmCheckbox } from '../../ui/OcmFormFields';
 import { NetworkTypeControlGroup } from '../../../../common/components/clusterWizard/networkingSteps/NetworkTypeControlGroup';
 import {
   NewFeatureSupportLevelData,
+  NewFeatureSupportLevelMap,
   useNewFeatureSupportLevel,
 } from '../../../../common/components/newFeatureSupportLevels';
 import {
   Cluster,
   ClusterDefaultConfig,
+  PlatformType,
 } from '@openshift-assisted/types/assisted-installer-service';
+import useSupportLevelsAPI from '../../../hooks/useSupportLevelsAPI';
 
 export type NetworkConfigurationProps = VirtualIPControlGroupProps & {
   hostSubnets: HostSubnets;
@@ -74,15 +78,30 @@ const getManagedNetworkingDisabledReason = (
   }
 };
 
-const getUserManagedDisabledReason = (featureSupportLevelData: NewFeatureSupportLevelData) => {
-  if (!featureSupportLevelData.isFeatureSupported('USER_MANAGED_NETWORKING')) {
-    return featureSupportLevelData.getFeatureDisabledReason('USER_MANAGED_NETWORKING');
+const getUserManagedDisabledReason = (
+  featureSupportLevelContext: NewFeatureSupportLevelData,
+  platformType?: PlatformType,
+  featureSupportLevelMap?: NewFeatureSupportLevelMap | null,
+) => {
+  if (!featureSupportLevelContext.isFeatureSupported('USER_MANAGED_NETWORKING')) {
+    return featureSupportLevelContext.getFeatureDisabledReason(
+      'USER_MANAGED_NETWORKING',
+      featureSupportLevelMap ?? undefined,
+      undefined,
+      platformType,
+    );
   }
 };
 
-const getClusterManagedDisabledReason = (featureSupportLevelData: NewFeatureSupportLevelData) => {
-  if (!featureSupportLevelData.isFeatureSupported('CLUSTER_MANAGED_NETWORKING')) {
-    return featureSupportLevelData.getFeatureDisabledReason('CLUSTER_MANAGED_NETWORKING');
+const getClusterManagedDisabledReason = (
+  featureSupportLevelContext: NewFeatureSupportLevelData,
+  featureSupportLevelMap?: NewFeatureSupportLevelMap | null,
+) => {
+  if (!featureSupportLevelContext.isFeatureSupported('CLUSTER_MANAGED_NETWORKING')) {
+    return featureSupportLevelContext.getFeatureDisabledReason(
+      'CLUSTER_MANAGED_NETWORKING',
+      featureSupportLevelMap ?? undefined,
+    );
   }
 };
 
@@ -90,6 +109,8 @@ const getManagedNetworkingState = (
   isDualStack: boolean,
   isOracleCloudInfrastructure: boolean,
   featureSupportLevelData: NewFeatureSupportLevelData,
+  platformType?: PlatformType,
+  featureSupportLevelMap?: NewFeatureSupportLevelMap | null,
 ): {
   isDisabled: boolean;
   clusterManagedDisabledReason?: string;
@@ -100,8 +121,15 @@ const getManagedNetworkingState = (
     isOracleCloudInfrastructure,
     featureSupportLevelData,
   );
-  const cmnReason = getClusterManagedDisabledReason(featureSupportLevelData);
-  const umnReason = getUserManagedDisabledReason(featureSupportLevelData);
+  const cmnReason = getClusterManagedDisabledReason(
+    featureSupportLevelData,
+    featureSupportLevelMap,
+  );
+  const umnReason = getUserManagedDisabledReason(
+    featureSupportLevelData,
+    platformType,
+    featureSupportLevelMap,
+  );
 
   return {
     isDisabled: !!(cmnReason || umnReason || networkingReason),
@@ -116,7 +144,13 @@ const NetworkConfiguration = ({
   isVipDhcpAllocationDisabled,
   defaultNetworkSettings,
 }: NetworkConfigurationProps) => {
-  const featureSupportLevelData = useNewFeatureSupportLevel();
+  const featureSupportLevelContext = useNewFeatureSupportLevel();
+  const featureSupportLevelData = useSupportLevelsAPI(
+    'features',
+    cluster.openshiftVersion,
+    cluster.cpuArchitecture as CpuArchitecture,
+    cluster.platform?.type,
+  );
   const { isViewerMode } = useSelector(selectCurrentClusterPermissionsState);
   const { setFieldValue, values, validateField } = useFormikContext<NetworkConfigurationValues>();
 
@@ -194,9 +228,11 @@ const NetworkConfiguration = ({
       getManagedNetworkingState(
         isDualStack,
         cluster.platform?.type === 'oci',
+        featureSupportLevelContext,
+        cluster.platform?.type,
         featureSupportLevelData,
       ),
-    [isDualStack, cluster.platform?.type, featureSupportLevelData],
+    [isDualStack, cluster.platform?.type, featureSupportLevelContext, featureSupportLevelData],
   );
 
   return (
@@ -214,19 +250,6 @@ const NetworkConfiguration = ({
         />
       )}
 
-      {!isUserManagedNetworking &&
-        !featureSupportLevelData.isFeatureSupported('CLUSTER_MANAGED_NETWORKING_WITH_VMS') && (
-          <Alert
-            title="Your cluster will be subject to support limitations"
-            variant={AlertVariant.info}
-            isInline={true}
-            data-testid="networking-vms-alert"
-          >
-            Some or all of your discovered hosts are virtual machines, so selecting the
-            cluster-managed networking option will limit your installed cluster's support.
-          </Alert>
-        )}
-
       {(isSNOCluster || !isUserManagedNetworking) && (
         <StackTypeControlGroup
           clusterId={cluster.id}
@@ -255,7 +278,7 @@ const NetworkConfiguration = ({
         <VirtualIPControlGroup
           cluster={cluster}
           isVipDhcpAllocationDisabled={isVipDhcpAllocationDisabled}
-          supportLevel={featureSupportLevelData.getFeatureSupportLevel('VIP_AUTO_ALLOC')}
+          supportLevel={featureSupportLevelContext.getFeatureSupportLevel('VIP_AUTO_ALLOC')}
         />
       )}
 

package/lib/ocm/components/clusterConfiguration/platformIntegration/ExternalPlatformDropdown.tsx

@@ -12,7 +12,13 @@ import {
 } from '@patternfly/react-core';
 import { CaretDownIcon } from '@patternfly/react-icons';
 import { useField } from 'formik';
-import { CpuArchitecture, DeveloperPreview, FeatureId, getFieldId } from '../../../../common';
+import {
+  CpuArchitecture,
+  DeveloperPreview,
+  FeatureId,
+  SupportedCpuArchitecture,
+  getFieldId,
+} from '../../../../common';
 import { ExternalPlaformIds, ExternalPlatformLabels, ExternalPlatformLinks } from './constants';
 import { PlatformType } from '@openshift-assisted/types/assisted-installer-service';
 import {
@@ -20,6 +26,7 @@ import {
   NewFeatureSupportLevelMap,
   useNewFeatureSupportLevel,
 } from '../../../../common/components/newFeatureSupportLevels';
+import { architectureData } from '../CpuArchitectureDropdown';
 
 const INPUT_NAME = 'platform';
 const fieldId = getFieldId(INPUT_NAME, 'input');
@@ -27,7 +34,7 @@ const fieldId = getFieldId(INPUT_NAME, 'input');
 type ExternalPlatformDropdownProps = {
   showOciOption: boolean;
   onChange: (selectedPlatform: PlatformType) => void;
-  cpuArchitecture?: string;
+  cpuArchitecture?: SupportedCpuArchitecture;
   featureSupportLevelData: NewFeatureSupportLevelMap | null;
   isSNO: boolean;
 };
@@ -43,7 +50,7 @@ const getDisabledReasonForExternalPlatform = (
   newFeatureSupportLevelContext: NewFeatureSupportLevelData,
   platform: PlatformType,
   featureSupportLevelData?: NewFeatureSupportLevelMap | null,
-  cpuArchitecture?: string,
+  cpuArchitecture?: SupportedCpuArchitecture,
 ): string | undefined => {
   if (!isSNO) {
     return newFeatureSupportLevelContext.getFeatureDisabledReason(
@@ -66,7 +73,7 @@ const getExternalPlatformTypes = (
   isSNO: boolean,
   newFeatureSupportLevelContext: NewFeatureSupportLevelData,
   featureSupportLevelData?: NewFeatureSupportLevelMap | null,
-  cpuArchitecture?: string,
+  cpuArchitecture?: SupportedCpuArchitecture,
 ): Partial<{ [key in PlatformType]: ExternalPlatformInfo }> => {
   const platforms = ['none', 'nutanix', showOciOption && 'oci', 'vsphere'] as PlatformType[];
 
@@ -111,7 +118,7 @@ export const ExternalPlatformDropdown = ({
   >({});
 
   const tooltipDropdownDisabled = `Platform integration is not supported when ${
-    cpuArchitecture || ''
+    cpuArchitecture ? architectureData[cpuArchitecture].label : ''
   } is selected`;
 
   const handleClick = (event: MouseEvent<HTMLButtonElement>, href: string) => {

package/lib/ocm/components/clusterDetail/AssistedInstallerDetailCard.tsx

@@ -142,8 +142,9 @@ const AssistedInstallerDetailCard = ({
               <NewFeatureSupportLevelProvider
                 loadingUi={<LoadingCard />}
                 cluster={cluster}
-                cpuArchitecture={infraEnv.cpuArchitecture}
+                cpuArchitecture={infraEnv.cpuArchitecture as CpuArchitecture}
                 openshiftVersion={cluster.openshiftVersion}
+                platformType={cluster.platform?.type}
               >
                 {content}
               </NewFeatureSupportLevelProvider>

package/lib/ocm/components/clusterDetail/AssistedInstallerExtraDetailCard.tsx

@@ -45,8 +45,9 @@ const AssistedInstallerExtraDetailCard: React.FC<AssistedInstallerExtraDetailCar
         <NewFeatureSupportLevelProvider
           loadingUi={<div />}
           cluster={cluster}
-          cpuArchitecture={infraEnv?.cpuArchitecture}
+          cpuArchitecture={infraEnv?.cpuArchitecture as CpuArchitecture}
           openshiftVersion={cluster.openshiftVersion}
+          platformType={cluster.platform?.type}
         >
           <Grid className="pf-u-mt-md">
             <ClusterProperties cluster={cluster} externalMode />

package/lib/ocm/components/clusterDetail/ClusterDetailStatusMessages.tsx

@@ -10,7 +10,7 @@ import {
 
 import { useDefaultConfiguration } from '../clusterConfiguration/ClusterDefaultConfigurationContext';
 import { ExternalLinkAltIcon } from '@patternfly/react-icons';
-import { calculateClusterDateDiff } from '../../../common/sevices/DateAndTime';
+import { calculateClusterDateDiff } from '../../../common/services/DateAndTime';
 import { isInOcm } from '../../api';
 import { ExternalPlatformLinks } from '../clusterConfiguration/platformIntegration/constants';
 import { useNewFeatureSupportLevel } from '../../../common/components/newFeatureSupportLevels';

package/lib/ocm/components/clusters/ClusterPage.tsx

@@ -171,8 +171,9 @@ const ClusterPageGeneric: React.FC<{ clusterId: string; showBreadcrumbs?: boolea
                 <NewFeatureSupportLevelProvider
                   loadingUi={<ClusterLoading />}
                   cluster={cluster}
-                  cpuArchitecture={infraEnv.cpuArchitecture}
+                  cpuArchitecture={infraEnv.cpuArchitecture as CpuArchitecture}
                   openshiftVersion={cluster.openshiftVersion}
+                  platformType={cluster.platform?.type}
                 >
                   {/* TODO(mlibra): Will be reworked within https://issues.redhat.com/browse/AGENT-522
                 <RebootNodeZeroModal cluster={cluster} />

package/lib/ocm/components/featureSupportLevels/FeatureSupportLevelProvider.tsx

@@ -3,6 +3,7 @@ import {
   ActiveFeatureConfiguration,
   CpuArchitecture,
   FeatureId,
+  SupportedCpuArchitecture,
   getDefaultCpuArchitecture,
 } from '../../../common';
 import { useOpenshiftVersions, usePullSecret } from '../../hooks';
@@ -16,6 +17,7 @@ import {
 import useSupportLevelsAPI from '../../hooks/useSupportLevelsAPI';
 import {
   Cluster,
+  PlatformType,
   SupportLevel,
   SupportLevels,
 } from '@openshift-assisted/types/assisted-installer-service';
@@ -25,7 +27,8 @@ export type NewSupportLevelProviderProps = PropsWithChildren<{
   openshiftVersion?: string;
   loadingUi: React.ReactNode;
   cluster?: Cluster;
-  cpuArchitecture?: string;
+  cpuArchitecture?: CpuArchitecture;
+  platformType?: PlatformType;
 }>;
 
 export const getFeatureSupported = (featureSupportLevels: SupportLevels, featureId: FeatureId) => {
@@ -38,6 +41,7 @@ export const NewFeatureSupportLevelProvider: React.FC<NewSupportLevelProviderPro
   loadingUi,
   cpuArchitecture,
   openshiftVersion,
+  platformType,
 }) => {
   const { loading: loadingOCPVersions } = useOpenshiftVersions();
   const pullSecret = usePullSecret();
@@ -50,7 +54,12 @@ export const NewFeatureSupportLevelProvider: React.FC<NewSupportLevelProviderPro
     pullSecret,
     cluster?.openshiftVersion,
   );
-  const featureSupportLevels = useSupportLevelsAPI('features', openshiftVersion, cpuArchitecture);
+  const featureSupportLevels = useSupportLevelsAPI(
+    'features',
+    openshiftVersion,
+    cpuArchitecture,
+    platformType,
+  );
 
   const supportLevelData = React.useMemo<NewFeatureSupportLevelMap>(() => {
     if (!featureSupportLevels) {
@@ -108,7 +117,8 @@ export const NewFeatureSupportLevelProvider: React.FC<NewSupportLevelProviderPro
     (
       featureId: FeatureId,
       supportLevelDataNew?: NewFeatureSupportLevelMap,
-      cpuArchitecture?: string,
+      cpuArchitecture?: SupportedCpuArchitecture,
+      platformType?: PlatformType,
     ) => {
       const isSupported = isFeatureSupportedCallback(featureId, supportLevelDataNew);
       return getNewFeatureDisabledReason(
@@ -117,6 +127,7 @@ export const NewFeatureSupportLevelProvider: React.FC<NewSupportLevelProviderPro
         activeFeatureConfiguration,
         isSupported,
         cpuArchitecture,
+        platformType,
       );
     },
     [isFeatureSupportedCallback, cluster, activeFeatureConfiguration],

package/lib/ocm/components/featureSupportLevels/ReviewClusterFeatureSupportLevels.tsx

@@ -93,14 +93,7 @@ export const LimitedSupportedCluster = ({
       <>
         <InfoCircleIcon size="sm" color="var(--pf-global--info-color--100)" />
         &nbsp;Your cluster will be subject to support limitations because it includes:
-        <TextList>
-          {getPreviewFeatureList(clusterFeatureSupportLevels)}
-          {clusterFeatureSupportLevels['CLUSTER_MANAGED_NETWORKING_WITH_VMS'] === 'unsupported' && (
-            <TextListItem>
-              Cluster-managed networking with some or all discovered hosts as virtual machines
-            </TextListItem>
-          )}
-        </TextList>
+        <TextList>{getPreviewFeatureList(clusterFeatureSupportLevels)}</TextList>
       </>
     )}
   </TextContent>

package/lib/ocm/components/featureSupportLevels/featureStateUtils.ts

@@ -7,7 +7,12 @@ import {
   SupportedCpuArchitecture,
 } from '../../../common';
 import { architectureData } from '../clusterConfiguration/CpuArchitectureDropdown';
-import { Cluster, SupportLevel } from '@openshift-assisted/types/assisted-installer-service';
+import {
+  Cluster,
+  PlatformType,
+  SupportLevel,
+} from '@openshift-assisted/types/assisted-installer-service';
+import { ExternalPlatformLabels } from '../clusterConfiguration/platformIntegration/constants';
 
 const CNV_OPERATOR_LABEL = 'Openshift Virtualization';
 const LVMS_OPERATOR_LABEL = 'Logical Volume Manager Storage';
@@ -149,7 +154,8 @@ export const getNewFeatureDisabledReason = (
   cluster: Cluster | undefined,
   activeFeatureConfiguration: ActiveFeatureConfiguration,
   isSupported: boolean,
-  cpuArchitecture?: string,
+  cpuArchitecture?: SupportedCpuArchitecture,
+  platformType?: PlatformType,
 ): string | undefined => {
   switch (featureId) {
     case 'SNO': {
@@ -171,7 +177,9 @@ export const getNewFeatureDisabledReason = (
       return getNetworkTypeSelectionDisabledReason(cluster);
     }
     case 'CLUSTER_MANAGED_NETWORKING': {
-      return 'Cluster-managed networking is not supported for ARM architecture with this version of OpenShift.';
+      return `Cluster-managed networking is not supported when using ${
+        platformType ? ExternalPlatformLabels[platformType] : ''
+      }`;
     }
     case 'EXTERNAL_PLATFORM_OCI': {
       return getOciDisabledReason(cpuArchitecture, isSupported);
@@ -191,6 +199,13 @@ export const getNewFeatureDisabledReason = (
         return `Integration with vSphere is not available with the selected CPU architecture.`;
       }
     }
+    case 'USER_MANAGED_NETWORKING': {
+      if (!isSupported) {
+        return `User-Managed Networking is not supported when using ${
+          platformType ? ExternalPlatformLabels[platformType] : ''
+        }`;
+      }
+    }
     default: {
       return undefined;
     }

package/lib/ocm/components/hosts/HostsDiscoveryTable.tsx

@@ -35,6 +35,7 @@ const HostRowDetailExpand = ({ obj: host }: ExpandComponentProps<Host>) => (
     key={host.id}
     host={host}
     AdditionalNTPSourcesDialogToggleComponent={AdditionalNTPSourcesDialogToggle}
+    hideStorage
   />
 );
 

package/lib/ocm/hooks/useSupportLevelsAPI.ts

@@ -1,11 +1,12 @@
 import React from 'react';
-import { useAlerts } from '../../common';
+import { CpuArchitecture, useAlerts } from '../../common';
 import {
   ArchitectureSupportLevelMap,
   NewFeatureSupportLevelMap,
 } from '../../common/components/newFeatureSupportLevels';
 import { getApiErrorMessage, handleApiError } from '../api';
 import NewFeatureSupportLevelsAPI from '../../common/api/assisted-service/NewFeatureSupportLevelsAPI';
+import { PlatformType } from '@openshift-assisted/types/./assisted-installer-service';
 
 type SupportLevelAPIResources = 'architectures' | 'features';
 type UseSupportLevelAPIResponse<T extends SupportLevelAPIResources> = T extends 'architectures'
@@ -17,7 +18,8 @@ type UseSupportLevelAPIResponse<T extends SupportLevelAPIResources> = T extends
 export default function useSupportLevelsAPI<T extends SupportLevelAPIResources>(
   resourceKind: T,
   openshiftVersion?: string,
-  cpuArchitecture?: string,
+  cpuArchitecture?: CpuArchitecture,
+  platformType?: PlatformType,
 ): UseSupportLevelAPIResponse<T> | null {
   const [cpuArchitectures, setCpuArchitectures] =
     React.useState<ArchitectureSupportLevelMap | null>(null);
@@ -45,11 +47,16 @@ export default function useSupportLevelsAPI<T extends SupportLevelAPIResources>(
   );
 
   const fetchFeaturesSupportLevels = React.useCallback(
-    async (openshiftVersion: string, cpuArchitecture?: string) => {
+    async (
+      openshiftVersion: string,
+      cpuArchitecture?: CpuArchitecture,
+      platformType?: PlatformType,
+    ) => {
       try {
         const { data: features } = await NewFeatureSupportLevelsAPI.featuresSupportLevel(
           openshiftVersion,
           cpuArchitecture,
+          platformType,
         );
         setFeatures(features.features);
       } catch (e) {
@@ -70,7 +77,7 @@ export default function useSupportLevelsAPI<T extends SupportLevelAPIResources>(
       if (resourceKind === 'architectures') {
         void fetchArchitecturesSupportLevels(openshiftVersion);
       } else {
-        void fetchFeaturesSupportLevels(openshiftVersion, cpuArchitecture);
+        void fetchFeaturesSupportLevels(openshiftVersion, cpuArchitecture, platformType);
       }
     }
   }, [
@@ -79,6 +86,7 @@ export default function useSupportLevelsAPI<T extends SupportLevelAPIResources>(
     fetchArchitecturesSupportLevels,
     fetchFeaturesSupportLevels,
     resourceKind,
+    platformType,
   ]);
 
   if (resourceKind === 'architectures') {

package/package.json

@@ -1,7 +1,7 @@
 {
   "dependencies": {
-    "@openshift-assisted/locales": "2.9.7-cim",
-    "@openshift-assisted/types": "2.9.7-cim",
+    "@openshift-assisted/locales": "2.9.8-cim",
+    "@openshift-assisted/types": "2.9.8-cim",
     "axios-case-converter": "^0.11.1",
     "camel-case": "^4.1.2",
     "cidr-tools": "^4.3.0",
@@ -127,5 +127,5 @@
       ]
     }
   },
-  "version": "2.9.7-cim"
+  "version": "2.9.8-cim"
 }

package/build/@types/common/sevices/DateAndTime.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateAndTime.d.ts","sourceRoot":"","sources":["../../../../lib/common/sevices/DateAndTime.tsx"],"names":[],"mappings":"AAEA,wBAAgB,sBAAsB,CAAC,SAAS,EAAE,MAAM,UAIvD;AAED,wBAAgB,wBAAwB,CAAC,oBAAoB,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,UAM1F"}

package/build/cjs/common/sevices/DateAndTime.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateAndTime.js","sourceRoot":"","sources":["../../../../lib/common/sevices/DateAndTime.tsx"],"names":[],"mappings":";;;AAAA,mDAA4D;AAE5D,SAAgB,sBAAsB,CAAC,SAAiB;IACtD,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC;IACvC,MAAM,KAAK,GAAG,IAAI,IAAI,EAAE,CAAC;IACzB,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,EAAE,GAAG,UAAU,CAAC,OAAO,EAAE,CAAC,GAAG,sBAAU,CAAC,CAAC;AACnF,CAAC;AAJD,wDAIC;AAED,SAAgB,wBAAwB,CAAC,oBAA4B,EAAE,WAAoB;IACzF,IAAI,WAAW,IAAI,WAAW,KAAK,qBAAS,EAAE;QAC5C,OAAO,oBAAoB,GAAG,sBAAsB,CAAC,WAAW,CAAC,CAAC;KACnE;SAAM;QACL,OAAO,oBAAoB,CAAC;KAC7B;AACH,CAAC;AAND,4DAMC"}