@openshift-assisted/ui-lib 2.9.0-cim → 2.9.5-cim

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

@@ -3,8 +3,6 @@ import { Stack, StackItem } from '@patternfly/react-core';
 import {
   ChangeHostnameAction,
   selectSchedulableMasters,
-  Cluster,
-  Host,
   isSNO,
   DeleteHostAction,
   TableToolbar,
@@ -29,6 +27,8 @@ import { hardwareStatusColumn } from './HardwareStatus';
 import HostsTableEmptyState from '../hosts/HostsTableEmptyState';
 import { useSelector } from 'react-redux';
 import { selectCurrentClusterPermissionsState } from '../../selectors';
+import { useClusterWizardContext } from '../clusterWizard/ClusterWizardContext';
+import { Cluster, Host } from '@openshift-assisted/types/assisted-installer-service';
 
 const HostRowDetailExpand = ({ obj: host }: ExpandComponentProps<Host>) => (
   <HostDetail
@@ -55,6 +55,7 @@ const HostsDiscoveryTable = ({ cluster }: HostsDiscoveryTableProps) => {
     onMassDeleteHost,
     ...modalProps
   } = useHostsTable(cluster);
+  const { wizardPerPage, setWizardPerPage } = useClusterWizardContext();
 
   const { isViewerMode } = useSelector(selectCurrentClusterPermissionsState);
   const isSNOCluster = isSNO(cluster);
@@ -70,17 +71,17 @@ const HostsDiscoveryTable = ({ cluster }: HostsDiscoveryTableProps) => {
         cluster.kind,
       ),
       hardwareStatusColumn({ onEditHostname: onEditHost }),
-      discoveredAtColumn,
-      cpuCoresColumn,
-      memoryColumn,
-      disksColumn,
+      discoveredAtColumn(t),
+      cpuCoresColumn(t),
+      memoryColumn(t),
+      disksColumn(t),
       countColumn(cluster),
     ],
     [t, onEditHost, actionChecks.canEditHostname, actionChecks.canEditRole, onEditRole, cluster],
   );
 
   const hosts = cluster.hosts || [];
-  const paginationProps = usePagination(hosts.length);
+  const paginationProps = usePagination(hosts.length, wizardPerPage, setWizardPerPage);
   const itemIDs = hosts.map((h) => h.id);
   const showBulkActions = !(isViewerMode || isSNOCluster);
 

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import InfoLinkWithModal from '../ui/InfoLinkWithModal';
-import { pluralize } from 'humanize-plus';
 import { DiscoveryTroubleshootingModalContent } from '../../../common';
+import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
 
 export interface HostsDiscoveryTroubleshootingInfoLinkWithModalProps {
   isInline?: boolean;
@@ -12,10 +12,12 @@ const HostsDiscoveryTroubleshootingInfoLinkWithModal = ({
   isInline = false,
   isSingleNode = false,
 }: HostsDiscoveryTroubleshootingInfoLinkWithModalProps) => {
+  const { t } = useTranslation();
+
   return (
     <InfoLinkWithModal
-      linkText={`${pluralize(+isSingleNode, 'Host')} not showing up?`}
-      modalTitle={'Hosts not showing up troubleshooter'}
+      linkText={t('ai:Host not showing up?', { count: isSingleNode ? 1 : 2 })}
+      modalTitle={t('ai:Hosts not showing up troubleshooter')}
       modalVariant={'large'}
       isInline={isInline}
       linkId="link-host-troubleshooting"

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

@@ -12,8 +12,6 @@ import {
 } from '../../../common/components/storage/StorageUtils';
 import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
 import {
-  Cluster,
-  Host,
   hasEnabledOperators,
   isCompact,
   selectSchedulableMasters,
@@ -30,6 +28,8 @@ import {
   useHostsTableDetailContext,
 } from '../../../common/components/hosts/HostsTableDetailContext';
 import { hardwareStatusColumn } from './HardwareStatus';
+import { useClusterWizardContext } from '../clusterWizard/ClusterWizardContext';
+import { Cluster, Host } from '@openshift-assisted/types/assisted-installer-service';
 
 export function ExpandComponent({ obj: host }: ExpandComponentProps<Host>) {
   const { onDiskRole, canEditDisks, updateDiskSkipFormatting } = useHostsTableDetailContext();
@@ -54,13 +54,14 @@ const HostsStorageTable = ({ cluster }: { cluster: Cluster }) => {
     updateDiskSkipFormatting,
     ...modalProps
   } = useHostsTable(cluster);
+  const { wizardPerPage, setWizardPerPage } = useClusterWizardContext();
 
   const content = React.useMemo(() => {
     const columns = [
       hostnameColumn(t, onEditHost, undefined, actionChecks.canEditHostname),
       roleColumn(t, undefined, undefined, selectSchedulableMasters(cluster)),
       hardwareStatusColumn({}),
-      disksColumn,
+      disksColumn(t),
       numberOfDisksColumn,
     ];
     if (hasEnabledOperators(cluster.monitoredOperators, OPERATOR_NAME_ODF)) {
@@ -72,7 +73,7 @@ const HostsStorageTable = ({ cluster }: { cluster: Cluster }) => {
   }, [actionChecks.canEditHostname, cluster, onEditHost, t]);
 
   const hosts = cluster.hosts || [];
-  const paginationProps = usePagination(hosts.length);
+  const paginationProps = usePagination(hosts.length, wizardPerPage, setWizardPerPage);
 
   return (
     <>

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { ConnectedIcon } from '@patternfly/react-icons';
-import { pluralize } from 'humanize-plus';
 import EmptyState from '../../../common/components/ui/uiState/EmptyState';
+import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
 import HostsDiscoveryTroubleshootingInfoLinkWithModal from './HostsDiscoveryTroubleshootingInfoLinkWithModal';
 
 export interface HostsTableEmptyStateProps {
@@ -9,11 +9,13 @@ export interface HostsTableEmptyStateProps {
 }
 
 const HostsTableEmptyState = ({ isSingleNode = false }: HostsTableEmptyStateProps) => {
+  const { t } = useTranslation();
+
   return (
     <EmptyState
       icon={ConnectedIcon}
-      title={`Waiting for ${pluralize(+isSingleNode, 'host')}...`}
-      content="Hosts may take a few minutes to appear here after booting."
+      title={t('ai:Waiting for host...', { count: isSingleNode ? 1 : 2 })}
+      content={t('ai:Hosts may take a few minutes to appear here after booting.')}
       secondaryActions={[
         <HostsDiscoveryTroubleshootingInfoLinkWithModal key={'hosts-not-showing'} />,
       ]}

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { Host, Inventory, Cluster } from '../../../common';
 import { dialogsSlice } from '../../../common';
+import { Cluster, Host, Inventory } from '@openshift-assisted/types/assisted-installer-service';
 
 const { openDialog: openDialogAction, closeDialog: closeDialogAction } = dialogsSlice.actions;
 const dialogsReducer = dialogsSlice.reducer;

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

@@ -1,15 +1,5 @@
 import React from 'react';
-import { Alert, AlertVariant, Text, TextContent, TextVariants } from '@patternfly/react-core';
-
-const Hint = () => (
-  <TextContent>
-    <Text component={TextVariants.p}>
-      All non-installation disks will be used for local storage and must be formatted before the
-      storage operator's installation. To view and format available disks, expand each host row in
-      the table.
-    </Text>
-  </TextContent>
-);
+import { Alert, AlertVariant } from '@patternfly/react-core';
 
 const OdfDisksManualFormattingHint = () => {
   return (
@@ -18,7 +8,8 @@ const OdfDisksManualFormattingHint = () => {
       isInline
       title="Make sure you format all non-installation disks"
     >
-      <Hint />
+      All non-installation disks will be used for local storage and must be formatted before the
+      storage operator's installation.
     </Alert>
   );
 };

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

@@ -1,13 +1,15 @@
 import * as React from 'react';
-import { Stack, StackItem } from '@patternfly/react-core';
+import { Alert, AlertVariant, List, ListItem, Stack, StackItem } from '@patternfly/react-core';
 import {
-  Cluster,
   FormatDiskWarning,
+  getInventory,
   hasEnabledOperators,
   OPERATOR_NAME_ODF,
 } from '../../../common';
 import { isAddHostsCluster, isSomeDisksSkipFormatting } from '../clusters/utils';
 import OdfDisksManualFormattingHint from './OdfDisksManualFormattingHint';
+import { getDiskLimitation } from '../../../common/components/storage/DisksTable';
+import { Cluster, Host } from '@openshift-assisted/types/assisted-installer-service';
 
 const StorageAlerts = ({ cluster }: { cluster: Cluster }) => {
   const showFormattingHint =
@@ -15,8 +17,54 @@ const StorageAlerts = ({ cluster }: { cluster: Cluster }) => {
     !isAddHostsCluster(cluster);
   const someDisksAreSkipFormatting = isSomeDisksSkipFormatting(cluster);
 
+  const diskLimitations = [...(cluster.hosts as Host[])]
+    ?.sort(
+      (a, b) =>
+        (a.requestedHostname && a.requestedHostname.localeCompare(b.requestedHostname as string)) ||
+        0,
+    )
+    ?.map((host) => {
+      const disks = getInventory(host).disks || [];
+      const installationDisk = disks.find((disk) => disk.id === host.installationDiskId);
+      if (installationDisk) {
+        const holder = disks.find((d) =>
+          installationDisk.holders?.split(',').includes(d.name as string),
+        );
+
+        if (holder) {
+          return getDiskLimitation(installationDisk.name, host.requestedHostname, holder);
+        }
+      }
+    })
+    .filter(Boolean);
+
   return (
     <Stack hasGutter>
+      {!!diskLimitations.length && (
+        <StackItem>
+          {diskLimitations?.length === 1 ? (
+            <Alert
+              title={diskLimitations[0]}
+              isInline
+              variant={AlertVariant.warning}
+              data-testid="diskLimitationsAlert"
+            />
+          ) : (
+            <Alert
+              title="Installation disk limitations"
+              isInline
+              variant={AlertVariant.warning}
+              data-testid="diskLimitationsAlert"
+            >
+              <List>
+                {diskLimitations.map((warning, index) => (
+                  <ListItem key={`installationWarning-${index}`}>{warning}</ListItem>
+                ))}
+              </List>
+            </Alert>
+          )}
+        </StackItem>
+      )}
       {showFormattingHint && (
         <StackItem>
           <OdfDisksManualFormattingHint />

package/lib/ocm/components/hosts/use-hosts-table.tsx

@@ -2,12 +2,7 @@ import * as React from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import {
   useAlerts,
-  Cluster,
-  Disk,
-  DiskRole,
   EventsModal,
-  Host,
-  HostUpdateParams,
   AddHostsContext,
   MassChangeHostnameModal,
   getInventory,
@@ -54,6 +49,14 @@ import { usePagination } from '../../../common/components/hosts/usePagination';
 import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
 import { selectCurrentClusterPermissionsState, selectCurrentClusterState } from '../../selectors';
 import { hardwareStatusColumn } from './HardwareStatus';
+import { ClusterWizardContext } from '../clusterWizard/ClusterWizardContext';
+import {
+  Cluster,
+  Disk,
+  DiskRole,
+  Host,
+  HostUpdateParams,
+} from '@openshift-assisted/types/assisted-installer-service';
 
 export const useHostsTable = (cluster: Cluster) => {
   const { addAlert } = useAlerts();
@@ -67,6 +70,7 @@ export const useHostsTable = (cluster: Cluster) => {
   } = useModalDialogsContext();
   const { resetCluster } = React.useContext(AddHostsContext);
   const { isViewerMode } = useSelector(selectCurrentClusterPermissionsState);
+  const { t } = useTranslation();
 
   const dispatch = useDispatch();
 
@@ -329,6 +333,7 @@ export const useHostsTable = (cluster: Cluster) => {
   const actionResolver = React.useMemo(
     () =>
       hostActionResolver({
+        t,
         ...actionChecks,
         onEditRole,
         onDiskRole,
@@ -341,6 +346,7 @@ export const useHostsTable = (cluster: Cluster) => {
         ...hostActions,
       }),
     [
+      t,
       actionChecks,
       hostActions,
       onEditRole,
@@ -440,6 +446,7 @@ export const HostsTableModals = ({
   onAdditionalNtpSource,
   onUpdateDay2ApiVip,
 }: HostsTableModalsProps) => {
+  const { wizardPerPage, setWizardPerPage } = React.useContext(ClusterWizardContext) || {};
   const dispatch = useDispatch();
   const { resetCluster } = React.useContext(AddHostsContext);
   const { uiState } = useSelector(selectCurrentClusterState);
@@ -460,7 +467,11 @@ export const HostsTableModals = ({
     () => [hostnameColumn(t), hardwareStatusColumn({ isWithinModal: true })],
     [t],
   );
-  const paginationProps = usePagination(massDeleteHostDialog.data?.hosts?.length || 0);
+  const paginationProps = usePagination(
+    massDeleteHostDialog.data?.hosts?.length || 0,
+    wizardPerPage,
+    setWizardPerPage,
+  );
 
   if (uiState === ResourceUIState.UPDATE_ERROR) {
     // Do not show a modal beneath the ServerUpdateError

package/lib/ocm/components/hosts/utils.ts

@@ -1,17 +1,17 @@
 import { saveAs } from 'file-saver';
+import type { AlertsContextType } from '../../../common';
+
+import { isInOcm, handleApiError, getApiErrorMessage } from '../../api';
+import { updateCluster } from '../../reducers/clusters';
+import { ClustersService } from '../../services';
+import ClustersAPI from '../../../common/api/assisted-service/ClustersAPI';
+import { stringToJSON } from '../../../common/utils';
 import {
-  AlertsContextType,
   Cluster,
-  V2ClusterUpdateParams,
   Host,
-  stringToJSON,
   Inventory,
-} from '../../../common';
-
-import { ocmClient, handleApiError, getApiErrorMessage } from '../../api';
-import { updateCluster } from '../../reducers/clusters';
-import { ClustersService } from '../../services';
-import ClustersAPI from '../../services/apis/ClustersAPI';
+  V2ClusterUpdateParams,
+} from '@openshift-assisted/types/assisted-installer-service';
 
 export const downloadHostInstallationLogs = async (
   addAlert: AlertsContextType['addAlert'],
@@ -23,7 +23,7 @@ export const downloadHostInstallationLogs = async (
         `Cannot download logs for host ${host.id}. Missing clusterId field value in host.`,
       );
     }
-    if (ocmClient) {
+    if (isInOcm) {
       const { data } = await ClustersAPI.getPresignedForClusterFiles({
         clusterId: host.clusterId,
         fileName: 'logs',

package/lib/ocm/components/ui/OcmFormFields.tsx

@@ -8,14 +8,12 @@ import {
   InputField,
   RadioField,
   RichInputField,
-  SelectField,
   SwitchField,
 } from '../../../common';
 import {
   CheckboxFieldProps,
   CodeFieldProps,
   RadioFieldProps,
-  SelectFieldProps,
   SwitchFieldProps,
 } from '../../../common/components/ui/formik/types';
 import { RichInputFieldPropsProps } from '../../../common/components/ui/formik/RichInputField';
@@ -46,27 +44,41 @@ export function RefFormFieldDisabler<T extends DisableableField>(
 
 // Formik Fields
 const OcmInputField = FormFieldDisabler<React.ComponentProps<typeof InputField>>(InputField);
-const OcmSelectField = FormFieldDisabler<SelectFieldProps>(SelectField);
+type OcmInputFieldProps = Parameters<typeof OcmInputField>[0];
 const OcmCheckboxField = FormFieldDisabler<CheckboxFieldProps>(CheckboxField);
+type OcmCheckboxFieldProps = Parameters<typeof OcmCheckboxField>[0];
 const OcmSwitchField = FormFieldDisabler<SwitchFieldProps>(SwitchField);
+type OcmSwitchFieldProps = Parameters<typeof OcmSwitchField>[0];
 const OcmRadioField = FormFieldDisabler<RadioFieldProps>(RadioField);
+type OcmRadioFieldProps = Parameters<typeof OcmRadioField>[0];
 const OcmCodeField = FormFieldDisabler<CodeFieldProps>(CodeField);
+type OcmCodeFieldProps = Parameters<typeof OcmCodeField>[0];
 
 // Patternfly components
 const OcmCheckbox = FormFieldDisabler<CheckboxProps>(Checkbox);
+type OcmCheckboxProps = Parameters<typeof OcmCheckbox>[0];
 const OcmRadio = FormFieldDisabler<RadioProps>(Radio);
+type OcmRadioProps = Parameters<typeof OcmRadio>[0];
 
 // With forwardRef
 const OcmRichInputField = RefFormFieldDisabler<RichInputFieldPropsProps>(RichInputField);
+type OcmRichInputFieldProps = Parameters<typeof OcmRichInputField>[0];
 
 export {
   OcmInputField,
+  OcmInputFieldProps,
   OcmRichInputField,
-  OcmSelectField,
+  OcmRichInputFieldProps,
   OcmCheckbox,
+  OcmCheckboxProps,
   OcmCheckboxField,
+  OcmCheckboxFieldProps,
   OcmCodeField,
+  OcmCodeFieldProps,
   OcmSwitchField,
+  OcmSwitchFieldProps,
   OcmRadioField,
+  OcmRadioFieldProps,
   OcmRadio,
+  OcmRadioProps,
 };

package/lib/ocm/config/constants.ts

@@ -1,8 +1,8 @@
 import {
   AssistedInstallerOCMPermissionTypesListType,
   AssistedInstallerPermissionTypesListType,
-  Cluster,
 } from '../../common';
+import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
 
 /* Used from Integration tests so we can mock the permissions */
 export type ExtendedCluster = Cluster & {

package/lib/ocm/hooks/useClusterCustomManifests.ts

@@ -1,6 +1,10 @@
 import React from 'react';
 import { alertsSlice } from '../../common/reducers';
-import { Cluster, ListManifests, Manifest } from '../../common/api/types';
+import {
+  Cluster,
+  ListManifests,
+  Manifest,
+} from '@openshift-assisted/types/assisted-installer-service';
 import { ClustersAPI } from '../services/apis';
 import { getApiErrorMessage, handleApiError } from '../api';
 import { getErrorMessage } from '../../common/utils';

package/lib/ocm/hooks/useClusterPreflightRequirements.ts

@@ -1,6 +1,9 @@
 import React from 'react';
 import { alertsSlice } from '../../common/reducers';
-import { Cluster, PreflightHardwareRequirements } from '../../common/api/types';
+import {
+  Cluster,
+  PreflightHardwareRequirements,
+} from '@openshift-assisted/types/assisted-installer-service';
 import { ClustersAPI } from '../services/apis';
 import { getApiErrorMessage, handleApiError } from '../api';
 import { getErrorMessage } from '../../common/utils';

package/lib/ocm/hooks/useClusterSupportedPlatforms.ts

@@ -4,14 +4,14 @@ import useSWR from 'swr';
 import { getApiErrorMessage, handleApiError } from '../api';
 import { ClustersAPI } from '../services/apis';
 import {
-  PlatformType,
   POLLING_INTERVAL,
   NonPlatformIntegrations,
   isClusterPlatformTypeVM,
   useAlerts,
   SupportedPlatformType,
 } from '../../common';
-import { APIErrorMixin } from '../api/types';
+import { APIErrorMixin } from '../../common/api/utils';
+import { PlatformType } from '@openshift-assisted/types/assisted-installer-service';
 
 export type SupportedPlatformIntegrationType = 'no-active-integrations' | SupportedPlatformType;
 

package/lib/ocm/hooks/useInfraEnv.ts

@@ -1,9 +1,14 @@
 import React from 'react';
 import { useInfraEnvId } from '.';
-import { Cluster, CpuArchitecture, InfraEnv, InfraEnvUpdateParams } from '../../common';
+import { CpuArchitecture } from '../../common';
 import { getErrorMessage } from '../../common/utils';
 import { InfraEnvsAPI } from '../services/apis';
 import InfraEnvIdsCacheService from '../services/InfraEnvIdsCacheService';
+import {
+  Cluster,
+  InfraEnv,
+  InfraEnvUpdateParams,
+} from '@openshift-assisted/types/assisted-installer-service';
 
 export default function useInfraEnv(
   clusterId: Cluster['id'],

package/lib/ocm/hooks/useInfraEnvId.ts

@@ -1,7 +1,12 @@
 import React from 'react';
-import { Cluster, ClusterCpuArchitecture, CpuArchitecture, InfraEnv } from '../../common';
+import { CpuArchitecture } from '../../common';
 import { getErrorMessage } from '../../common/utils';
 import { InfraEnvsService } from '../services';
+import {
+  Cluster,
+  InfraEnv,
+  InfraEnvCreateParams,
+} from '@openshift-assisted/types/assisted-installer-service';
 
 export default function useInfraEnvId(
   clusterId: Cluster['id'],
@@ -24,9 +29,9 @@ export default function useInfraEnvId(
           const infraEnv = await InfraEnvsService.create({
             name: InfraEnvsService.makeInfraEnvName(cpuArchitecture, clusterName),
             pullSecret,
-            clusterId: clusterId,
+            clusterId,
             openshiftVersion,
-            cpuArchitecture: cpuArchitecture as ClusterCpuArchitecture,
+            cpuArchitecture: cpuArchitecture as InfraEnvCreateParams['cpuArchitecture'],
           });
           setInfraEnv(infraEnv.id);
         }

package/lib/ocm/hooks/useInfraEnvImageUrl.ts

@@ -1,8 +1,9 @@
 import React from 'react';
-import { Cluster, CpuArchitecture, PresignedUrl } from '../../common';
+import { CpuArchitecture } from '../../common';
 import { InfraEnvsAPI } from '../services/apis';
 import { getErrorMessage } from '../../common/utils';
 import { InfraEnvsService } from '../services';
+import { Cluster, PresignedUrl } from '@openshift-assisted/types/assisted-installer-service';
 
 type ImgUrl = {
   url: PresignedUrl['url'];

package/lib/ocm/hooks/useInfraEnvIpxeImageUrl.ts

@@ -1,8 +1,9 @@
 import React from 'react';
-import { Cluster, CpuArchitecture, PresignedUrl } from '../../common';
+import { CpuArchitecture } from '../../common';
 import { InfraEnvsAPI } from '../services/apis';
 import { getErrorMessage } from '../../common/utils';
 import { InfraEnvsService } from '../services';
+import { Cluster, PresignedUrl } from '@openshift-assisted/types/assisted-installer-service';
 
 type ImgUrl = {
   url: PresignedUrl['url'];

package/lib/ocm/hooks/useManagedDomains.ts

@@ -1,7 +1,8 @@
 import React from 'react';
-import { ManagedDomain, useAlerts } from '../../common';
+import { useAlerts } from '../../common';
 import { getApiErrorMessage, handleApiError } from '../api';
 import { ManagedDomainsAPI } from '../services/apis';
+import { ManagedDomain } from '@openshift-assisted/types/assisted-installer-service';
 
 export default function useManagedDomains() {
   const [managedDomains, setManagedDomains] = React.useState<ManagedDomain[]>();

package/lib/ocm/hooks/useOpenshiftVersions.tsx

@@ -1,14 +1,13 @@
 import React from 'react';
+import { CpuArchitecture, OpenshiftVersionOptionType } from '../../common';
+import { getApiErrorMessage, handleApiError } from '../api';
+import { SupportedOpenshiftVersionsAPI } from '../services/apis';
+import { getKeys } from '../../common/utils';
 import {
   Cluster,
-  CpuArchitecture,
   ImportClusterParams,
   OpenshiftVersion,
-  OpenshiftVersionOptionType,
-} from '../../common';
-import { getApiErrorMessage, handleApiError } from '../api';
-import { SupportedOpenshiftVersionsAPI } from '../services/apis';
-import { getKeys } from '../../common/utils';
+} from '@openshift-assisted/types/assisted-installer-service';
 
 type OpenShiftVersion = Cluster['openshiftVersion'];
 

package/lib/ocm/hooks/useOracleDropdownItemState.ts

@@ -0,0 +1,45 @@
+import type { NewFeatureSupportLevelMap } from '../../common/components/newFeatureSupportLevels';
+import { useNewFeatureSupportLevel } from '../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelContext';
+import { clusterExistsReason as CLUSTER_EXISTS_REASON } from '../components/featureSupportLevels/featureStateUtils';
+export const FEATURE_ID = 'EXTERNAL_PLATFORM_OCI';
+
+export interface OracleDropdownItemState {
+  readonly featureId: string;
+  readonly isSupported: boolean;
+  readonly isDisabled: boolean;
+  readonly disabledReason?: string;
+}
+
+export const useOracleDropdownItemState = (
+  hasExistentCluster: boolean,
+  featureSupportLevelData: NewFeatureSupportLevelMap | null,
+  cpuArchitecture: string,
+): OracleDropdownItemState | null => {
+  const featureSupportLevelContext = useNewFeatureSupportLevel();
+  if (!featureSupportLevelData) {
+    return null;
+  }
+
+  const isSupported = featureSupportLevelData
+    ? featureSupportLevelContext.isFeatureSupported(FEATURE_ID, featureSupportLevelData)
+    : false;
+
+  let disabledReason: string | undefined;
+
+  if (hasExistentCluster) {
+    disabledReason = CLUSTER_EXISTS_REASON;
+  } else if (!isSupported) {
+    disabledReason = featureSupportLevelContext.getFeatureDisabledReason(
+      FEATURE_ID,
+      undefined,
+      cpuArchitecture,
+    );
+  }
+
+  return {
+    featureId: FEATURE_ID,
+    isSupported,
+    isDisabled: disabledReason !== undefined,
+    disabledReason,
+  };
+};

package/lib/ocm/hooks/usePullSecret.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { getApiErrorMessage, handleApiError, ocmClient } from '../api';
+import { getApiErrorMessage, handleApiError } from '../api';
 import { useAlerts } from '../../common';
-import { OcmClientRequestResponse } from '../types';
+import { AccessTokenAPI } from '../../common/api/accounts-management-service/access-token-api';
 
 export default function usePullSecret() {
   const [pullSecret, setPullSecret] = React.useState<string>();
@@ -9,12 +9,9 @@ export default function usePullSecret() {
 
   const getPullSecret = React.useCallback(async () => {
     try {
-      if (ocmClient) {
-        const response: OcmClientRequestResponse = await ocmClient.post<string>(
-          '/api/accounts_mgmt/v1/access_token',
-        );
-        const data = response?.request?.response;
-        setPullSecret(data || ''); // unmarshalled response as a string
+      const accessTokenCfg = await AccessTokenAPI.fetchPullSecret();
+      if (accessTokenCfg) {
+        setPullSecret(JSON.stringify(accessTokenCfg)); // unmarshalled response as a string
       } else {
         setPullSecret('');
       }

package/lib/ocm/hooks/useSetClusterPermissions.ts

@@ -1,7 +1,8 @@
 import { useDispatch } from 'react-redux';
-import { AssistedInstallerOCMPermissionTypesListType, Cluster } from '../../common';
+import { AssistedInstallerOCMPermissionTypesListType } from '../../common';
 import { ExtendedCluster, getBasePermissions, ocmPermissionsToAIPermissions } from '../config';
 import { updateClusterPermissions } from '../reducers/clusters';
+import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
 
 export default function useSetClusterPermissions() {
   const dispatch = useDispatch();