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

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import { TextContent, Text, Split, SplitItem } from '@patternfly/react-core';
+import { ASSISTED_INSTALLER_DOCUMENTATION_LINK, ExternalLink } from '../../../common';
+
+export const AssistedInstallerHeader = () => {
+  return (
+    <TextContent>
+      <Text component="h1" className="pf-u-display-inline">
+        Install OpenShift with the Assisted Installer
+      </Text>
+      <Split hasGutter>
+        <SplitItem>
+          <ExternalLink href={ASSISTED_INSTALLER_DOCUMENTATION_LINK}>
+            Assisted Installer documentation
+          </ExternalLink>
+        </SplitItem>
+        <SplitItem>
+          <Text component="a" data-testid="whats-new-link">
+            What's new in Assisted Installer?
+          </Text>
+        </SplitItem>
+      </Split>
+    </TextContent>
+  );
+};

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

@@ -1,21 +1,12 @@
 import React from 'react';
 import { Redirect, RouteComponentProps } from 'react-router-dom';
 import { useDispatch } from 'react-redux';
+import { PageSection, PageSectionVariants, Text, TextContent } from '@patternfly/react-core';
 import {
-  PageSection,
-  PageSectionVariants,
-  Split,
-  SplitItem,
-  Text,
-  TextContent,
-} from '@patternfly/react-core';
-import {
-  ASSISTED_INSTALLER_DOCUMENTATION_LINK,
   AddHostsContextProvider,
   AlertsContextProvider,
   CpuArchitecture,
   ErrorState,
-  ExternalLink,
   ResourceUIState,
 } from '../../../common';
 import ClusterDetail from '../clusterDetail/ClusterDetail';
@@ -32,7 +23,7 @@ import { routeBasePath } from '../../config';
 import ClusterWizardContextProvider from '../clusterWizard/ClusterWizardContextProvider';
 import useInfraEnv from '../../hooks/useInfraEnv';
 import { SentryErrorMonitorContextProvider } from '../SentryErrorMonitorContextProvider';
-import { forceReload } from '../../reducers/clusters';
+import { forceReload } from '../../store/slices/current-cluster/slice';
 import { ClusterUiError } from './ClusterPageErrors';
 import ClusterLoading from './ClusterLoading';
 import ClusterPollingErrorModal from '../clusterDetail/ClusterPollingErrorModal';
@@ -41,6 +32,7 @@ import { BackButton } from '../ui/Buttons/BackButton';
 import { NewFeatureSupportLevelProvider } from '../featureSupportLevels';
 import { usePullSecret } from '../../hooks';
 import { Cluster, InfraEnv } from '@openshift-assisted/types/assisted-installer-service';
+import { AssistedInstallerHeader } from './AssistedInstallerHeader';
 
 type MatchParams = {
   clusterId: string;
@@ -113,23 +105,7 @@ const ClusterPageGeneric: React.FC<{ clusterId: string; showBreadcrumbs?: boolea
           {showBreadcrumbs && <ClusterBreadcrumbs clusterName={cluster.name} />}
           {showBreadcrumbs && (
             <PageSection variant={PageSectionVariants.light}>
-              <TextContent>
-                <Text component="h1" className="pf-u-display-inline">
-                  Install OpenShift with the Assisted Installer
-                </Text>
-                <Split hasGutter>
-                  <SplitItem>
-                    <ExternalLink href={ASSISTED_INSTALLER_DOCUMENTATION_LINK}>
-                      Assisted Installer documentation
-                    </ExternalLink>
-                  </SplitItem>
-                  <SplitItem>
-                    <Text component="a" data-testid="whats-new-link">
-                      What's new in Assisted Installer?
-                    </Text>
-                  </SplitItem>
-                </Split>
-              </TextContent>
+              <AssistedInstallerHeader />
             </PageSection>
           )}
 

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

@@ -1,5 +1,4 @@
 import React from 'react';
-import { useDispatch, useSelector } from 'react-redux';
 import { RouteComponentProps } from 'react-router-dom';
 import {
   Button,
@@ -10,8 +9,6 @@ import {
   PageSection,
 } from '@patternfly/react-core';
 import { AddCircleOIcon } from '@patternfly/react-icons';
-
-import { selectClusterTableRows, selectClustersUIState } from '../../selectors/clusters';
 import {
   ResourceUIState,
   Alerts,
@@ -22,11 +19,7 @@ import {
   AlertsContextProvider,
 } from '../../../common';
 import ClustersTable from './ClustersTable';
-import {
-  fetchClustersAsync,
-  deleteCluster,
-  ClustersDispatch,
-} from '../../reducers/clusters/clustersSlice';
+import { fetchClustersAsync, deleteCluster } from '../../store/slices/clusters/slice';
 import { handleApiError, getApiErrorMessage } from '../../api';
 import ClusterBreadcrumbs from './ClusterBreadcrumbs';
 import { routeBasePath } from '../../config';
@@ -34,6 +27,11 @@ import { ClustersService } from '../../services';
 import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
 import ClusterPollingErrorModal from '../clusterDetail/ClusterPollingErrorModal';
 import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
+import { useSelectorDay1, useDispatchDay1 } from '../../store';
+import {
+  selectClustersUIState,
+  selectClusterTableRows,
+} from '../../store/slices/clusters/selectors';
 
 type ClustersProps = RouteComponentProps;
 
@@ -41,13 +39,13 @@ const Clusters: React.FC<ClustersProps> = ({ history }) => {
   const { LOADING, EMPTY, POLLING_ERROR, RELOADING } = ResourceUIState;
   const { addAlert } = useAlerts();
   const { t } = useTranslation();
-  const clusterRows = useSelector(selectClusterTableRows(t));
-  const clustersUIState = useSelector(selectClustersUIState);
+  const clusterRows = useSelectorDay1(selectClusterTableRows(t));
+  const clustersUIState = useSelectorDay1(selectClustersUIState);
   const uiState = React.useRef(clustersUIState);
   if (clustersUIState !== RELOADING) {
     uiState.current = clustersUIState;
   }
-  const dispatch = useDispatch<ClustersDispatch>();
+  const dispatch = useDispatchDay1();
   const deleteClusterAsync = React.useCallback(
     async (clusterId: Cluster['id']) => {
       try {

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

@@ -1,5 +1,4 @@
 import React from 'react';
-import { useDispatch, useSelector } from 'react-redux';
 import { useHistory } from 'react-router-dom';
 import {
   Toolbar,
@@ -22,13 +21,14 @@ import {
 import { FilterIcon, SyncIcon } from '@patternfly/react-icons';
 import { clusterStatusLabels, isSelectEventChecked, ToolbarButton } from '../../../common';
 import { ResourceUIState } from '../../../common';
-import { selectClustersUIState } from '../../selectors';
-import { ClustersDispatch, fetchClustersAsync } from '../../reducers/clusters';
+import { fetchClustersAsync } from '../../store/slices/clusters/slice';
 import { routeBasePath } from '../../config';
 import omit from 'lodash-es/omit.js';
 import { TFunction } from 'i18next';
 import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
 import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
+import { useDispatchDay1, useSelectorDay1 } from '../../store';
+import { selectClustersUIState } from '../../store/slices/clusters/selectors';
 
 export type ClusterFiltersType = {
   [key: string]: string[]; // value from clusterStatusLabels
@@ -52,8 +52,8 @@ const ClustersListToolbar: React.FC<ClustersListToolbarProps> = ({
 }) => {
   const [isStatusExpanded, setStatusExpanded] = React.useState(false);
   const history = useHistory();
-  const clustersUIState = useSelector(selectClustersUIState);
-  const dispatch = useDispatch<ClustersDispatch>();
+  const clustersUIState = useSelectorDay1(selectClustersUIState);
+  const dispatch = useDispatchDay1();
   const fetchClusters = React.useCallback(() => void dispatch(fetchClustersAsync()), [dispatch]);
 
   const onClearAllFilters: ToolbarProps['clearAllFilters'] = () => {

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

@@ -17,10 +17,13 @@ import {
 } from '@patternfly/react-table';
 import { ClusterTableRows } from '../../../common/types/clusters';
 import DeleteClusterModal from './DeleteClusterModal';
-import { ClusterRowDataProps, getClusterTableStatusCell } from '../../selectors/clusters';
 import { clusterStatusLabels, rowSorter, HumanizedSortable } from '../../../common';
 import ClustersListToolbar, { ClusterFiltersType } from './ClustersListToolbar';
 import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
+import {
+  ClusterRowDataProps,
+  getClusterTableStatusCell,
+} from '../../store/slices/clusters/selectors';
 
 type DeleteClusterID = Pick<ClusterRowDataProps, 'id' | 'name'>;
 

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

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { PageSectionVariants, TextContent, Text, PageSection } from '@patternfly/react-core';
+import { PageSectionVariants, PageSection } from '@patternfly/react-core';
 import { AlertsContextProvider } from '../../../common';
 import ClusterBreadcrumbs from './ClusterBreadcrumbs';
 import { ClusterDefaultConfigurationProvider } from '../clusterConfiguration/ClusterDefaultConfigurationContext';
@@ -9,6 +9,7 @@ import { SentryErrorMonitorContextProvider } from '../SentryErrorMonitorContextP
 import ClusterLoading from './ClusterLoading';
 import { ClusterUiError } from './ClusterPageErrors';
 import { NewFeatureSupportLevelProvider } from '../featureSupportLevels';
+import { AssistedInstallerHeader } from './AssistedInstallerHeader';
 
 const NewClusterPageGeneric: React.FC<{ pageTitleSection?: ReactNode }> = ({
   pageTitleSection,
@@ -38,11 +39,7 @@ const NewClusterTitleSection: React.FC = () => (
   <>
     <ClusterBreadcrumbs clusterName="New cluster" />
     <PageSection variant={PageSectionVariants.light}>
-      <TextContent>
-        <Text component="h1" className="pf-u-display-inline">
-          Install OpenShift with the Assisted Installer
-        </Text>
-      </TextContent>
+      <AssistedInstallerHeader />
     </PageSection>
   </>
 );

package/lib/ocm/components/clusters/clusterPolling.ts

@@ -1,5 +1,4 @@
 import React from 'react';
-import { useSelector, useDispatch } from 'react-redux';
 import { ResourceUIState, POLLING_INTERVAL } from '../../../common';
 import {
   fetchClusterAsync,
@@ -7,10 +6,10 @@ import {
   forceReload,
   cancelForceReload,
   FetchErrorType,
-  ClusterDispatch,
-} from '../../reducers/clusters';
-import { selectCurrentClusterState } from '../../selectors';
+} from '../../store/slices/current-cluster/slice';
+import { selectCurrentClusterState } from '../../store/slices/current-cluster/selectors';
 import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
+import { useDispatchDay1, useSelectorDay1 } from '../../store';
 
 const shouldRefetch = (uiState: ResourceUIState, hasClusterData: boolean) => {
   if (uiState === ResourceUIState.POLLING_ERROR) {
@@ -24,7 +23,7 @@ const shouldRefetch = (uiState: ResourceUIState, hasClusterData: boolean) => {
 };
 
 export const useFetchCluster = (clusterId: string) => {
-  const dispatch = useDispatch<ClusterDispatch>();
+  const dispatch = useDispatchDay1();
   return React.useCallback(() => {
     if (clusterId) {
       void dispatch(fetchClusterAsync(clusterId));
@@ -39,8 +38,9 @@ export const useClusterPolling = (
   uiState: ResourceUIState;
   errorDetail: FetchErrorType | undefined;
 } => {
-  const { isReloadScheduled, uiState, data, errorDetail } = useSelector(selectCurrentClusterState);
-  const dispatch = useDispatch();
+  const { isReloadScheduled, uiState, data, errorDetail } =
+    useSelectorDay1(selectCurrentClusterState);
+  const dispatch = useDispatchDay1();
   const fetchCluster = useFetchCluster(clusterId);
   const hasClusterData = !!data;
 

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

@@ -134,6 +134,16 @@ const getNetworkTypeSelectionDisabledReason = (cluster: Cluster | undefined) =>
   return undefined;
 };
 
+const getOciDisabledReason = (cpuArchitecture: string | undefined, isSupported: boolean) => {
+  if (!isSupported) {
+    if (cpuArchitecture === CpuArchitecture.s390x || cpuArchitecture === CpuArchitecture.ppc64le) {
+      return `Integration with Oracle is not available with the selected CPU architecture.`;
+    } else {
+      return 'Integration with Oracle is available for OpenShift 4.14 and later versions.';
+    }
+  }
+};
+
 export const getNewFeatureDisabledReason = (
   featureId: FeatureId,
   cluster: Cluster | undefined,
@@ -164,17 +174,21 @@ export const getNewFeatureDisabledReason = (
       return 'Cluster-managed networking is not supported for ARM architecture with this version of OpenShift.';
     }
     case 'EXTERNAL_PLATFORM_OCI': {
-      if (cpuArchitecture === 's390x') {
-        return "Can't set Oracle platform on s390x architecture";
-      } else {
-        return 'Integration with Oracle is available for OpenShift 4.14 and later versions.';
-      }
+      return getOciDisabledReason(cpuArchitecture, isSupported);
     }
     case 'MCE': {
       if (!isSupported) {
         return 'Multicluster engine is not supported in this OpenShift version.';
-      } else {
-        return undefined;
+      }
+    }
+    case 'NUTANIX_INTEGRATION': {
+      if (!isSupported) {
+        return `Integration with Nutanix is not available with the selected CPU architecture.`;
+      }
+    }
+    case 'VSPHERE_INTEGRATION': {
+      if (!isSupported) {
+        return `Integration with vSphere is not available with the selected CPU architecture.`;
       }
     }
     default: {

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

@@ -26,7 +26,7 @@ import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
 import { hardwareStatusColumn } from './HardwareStatus';
 import HostsTableEmptyState from '../hosts/HostsTableEmptyState';
 import { useSelector } from 'react-redux';
-import { selectCurrentClusterPermissionsState } from '../../selectors';
+import { selectCurrentClusterPermissionsState } from '../../store/slices/current-cluster/selectors';
 import { useClusterWizardContext } from '../clusterWizard/ClusterWizardContext';
 import { Cluster, Host } from '@openshift-assisted/types/assisted-installer-service';
 

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

@@ -20,7 +20,7 @@ import {
   setServerUpdateError,
   updateCluster,
   updateHost,
-} from '../../reducers/clusters';
+} from '../../store/slices/current-cluster/slice';
 import { useModalDialogsContext } from './ModalDialogsContext';
 import { downloadHostInstallationLogs, onAdditionalNtpSourceAction } from './utils';
 import {
@@ -47,7 +47,6 @@ import UpdateDay2ApiVipModal from './UpdateDay2ApiVipModal';
 import { UpdateDay2ApiVipFormProps } from './UpdateDay2ApiVipForm';
 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 {
@@ -57,6 +56,10 @@ import {
   Host,
   HostUpdateParams,
 } from '@openshift-assisted/types/assisted-installer-service';
+import {
+  selectCurrentClusterPermissionsState,
+  selectCurrentClusterState,
+} from '../../store/slices/current-cluster/selectors';
 
 export const useHostsTable = (cluster: Cluster) => {
   const { addAlert } = useAlerts();

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

@@ -2,7 +2,7 @@ import { saveAs } from 'file-saver';
 import type { AlertsContextType } from '../../../common';
 
 import { isInOcm, handleApiError, getApiErrorMessage } from '../../api';
-import { updateCluster } from '../../reducers/clusters';
+import { updateCluster } from '../../store/slices/current-cluster/slice';
 import { ClustersService } from '../../services';
 import ClustersAPI from '../../../common/api/assisted-service/ClustersAPI';
 import { stringToJSON } from '../../../common/utils';

package/lib/ocm/components/index.ts

@@ -1,7 +1,7 @@
 export * from './clusterDetail';
 export * from './clusters';
 export * from './ui';
-export * from './Router';
+export * from './Routes';
 export * from './AddHosts';
 export * from './clusterWizard';
 export * from './HostsClusterDetailTab';

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { useSelector } from 'react-redux';
 import { Checkbox, CheckboxProps, Radio, RadioProps } from '@patternfly/react-core';
-import { selectCurrentClusterPermissionsState } from '../../selectors';
+import { selectCurrentClusterPermissionsState } from '../../store/slices/current-cluster/selectors';
 import {
   CheckboxField,
   CodeField,

package/lib/ocm/hooks/index.ts

@@ -1,5 +1,4 @@
 export { default as useOpenshiftVersions } from './useOpenshiftVersions';
-export { default as useClusterSupportedPlatforms } from './useClusterSupportedPlatforms';
 export { default as useManagedDomains } from './useManagedDomains';
 export { default as useUsedClusterNames } from './useUsedClusterNames';
 export { default as useInfraEnvId } from './useInfraEnvId';

package/lib/ocm/hooks/useSetClusterPermissions.ts

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

package/lib/ocm/index.ts

@@ -1,6 +1,5 @@
 export * as Api from './api';
 export * as Store from './store';
-export * as Selectors from './selectors';
 export * as Config from './config';
 export * as Services from './services';
 

package/lib/ocm/store/hooks.ts

@@ -1,5 +1,9 @@
-import type { DispatchDay1, DispatchDay2 } from './index';
-import { useDispatch } from 'react-redux';
+import { useDispatch, useSelector } from 'react-redux';
+import type { TypedUseSelectorHook } from 'react-redux';
+import type { DispatchDay1, RootStateDay1 } from './store-day1';
+import type { DispatchDay2, RootStateDay2 } from './store-day2';
 
 export const useDispatchDay1: () => DispatchDay1 = useDispatch;
+export const useSelectorDay1: TypedUseSelectorHook<RootStateDay1> = useSelector;
 export const useDispatchDay2: () => DispatchDay2 = useDispatch;
+export const useSelectorDay2: TypedUseSelectorHook<RootStateDay2> = useSelector;

package/lib/ocm/store/index.ts

@@ -1,23 +1,5 @@
-import { configureStore } from '@reduxjs/toolkit';
-import clustersReducer from '../reducers/clusters/clustersSlice';
-import currentClusterReducer from '../reducers/clusters/currentClusterSlice';
-import { infraEnvsReducer } from './slices/infraEnvs/slice';
-
-export const store = configureStore({
-  reducer: {
-    clusters: clustersReducer,
-    currentCluster: currentClusterReducer,
-    infraEnvs: infraEnvsReducer,
-  },
-  preloadedState: {},
-});
-export type RootState = ReturnType<typeof store.getState>;
-export type DispatchDay1 = (typeof store)['dispatch'];
-
-export const storeDay2 = configureStore({
-  reducer: {
-    infraEnvs: infraEnvsReducer,
-  },
-});
-export type RootStateDay2 = ReturnType<typeof storeDay2.getState>;
-export type DispatchDay2 = (typeof storeDay2)['dispatch'];
+export { storeDay1 } from './store-day1';
+export { storeDay2 } from './store-day2';
+export type { RootStateDay1, DispatchDay1 } from './store-day1';
+export type { RootStateDay2, DispatchDay2 } from './store-day2';
+export { useSelectorDay1, useSelectorDay2, useDispatchDay1, useDispatchDay2 } from './hooks';

package/lib/ocm/{selectors/clusters.tsx → store/slices/clusters/selectors.tsx}

@@ -1,27 +1,25 @@
 import React from 'react';
 import { createSelector } from '@reduxjs/toolkit';
-import { IRow, IRowData } from '@patternfly/react-table';
+import type { IRow, IRowData } from '@patternfly/react-table';
 import { Link } from 'react-router-dom';
-import { TFunction } from 'i18next';
-
+import type { TFunction } from 'i18next';
 import {
   DASH,
   getDateTimeCell,
   getEnabledHostCount,
   getOpenshiftVersionText,
   getTotalHostCount,
-  ClusterTableRows,
   HostsCount,
-  HumanizedSortable,
   ResourceUIState,
-} from '../../common';
-import ClusterStatus, { getClusterStatusText } from '../components/clusters/ClusterStatus';
-import { routeBasePath } from '../config';
-import { RootState } from '../store';
-import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
+} from '../../../../common';
+import type { ClusterTableRows, HumanizedSortable } from '../../../../common';
+import ClusterStatus, { getClusterStatusText } from '../../../components/clusters/ClusterStatus';
+import { routeBasePath } from '../../../config';
+import { RootStateDay1 } from '../../store-day1';
+import type { Cluster } from '@openshift-assisted/types/assisted-installer-service';
 
-const selectClusters = (state: RootState) => state.clusters.data;
-const clustersUIState = (state: RootState) => state.clusters.uiState;
+const selectClusters = (state: RootStateDay1) => state.clusters.data;
+const clustersUIState = (state: RootStateDay1) => state.clusters.uiState;
 
 export const selectClustersUIState = createSelector(
   [selectClusters, clustersUIState],

package/lib/ocm/{reducers/clusters/clustersSlice.ts → store/slices/clusters/slice.ts}

@@ -6,9 +6,9 @@ import {
   AnyAction,
   Dispatch,
 } from '@reduxjs/toolkit';
-import { ResourceUIState } from '../../../common';
-import { ClustersAPI } from '../../services/apis';
-import { handleApiError, isInOcm } from '../../api';
+import { ResourceUIState } from '../../../../common';
+import { ClustersAPI } from '../../../services/apis';
+import { handleApiError, isInOcm } from '../../../api';
 import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
 
 export const fetchClustersAsync = createAsyncThunk<Cluster[] | void>(
@@ -60,5 +60,6 @@ export const clustersSlice = createSlice({
   },
 });
 
-export const { deleteCluster } = clustersSlice.actions;
-export default clustersSlice.reducer;
+const { actions, reducer } = clustersSlice;
+export const { deleteCluster } = actions;
+export const clustersReducer = reducer;

package/lib/ocm/{selectors/currentCluster.ts → store/slices/current-cluster/selectors.ts}

@@ -1,13 +1,13 @@
-import { AssistedInstallerPermissionTypesListType } from '../../common';
-import { RootState } from '../store';
+import { AssistedInstallerPermissionTypesListType } from '../../../../common';
+import { RootStateDay1 } from '../../store-day1';
 
-export const selectCurrentClusterState = (state: RootState) => state.currentCluster;
-export const selectCurrentCluster = (state: RootState) => state.currentCluster.data;
-export const selectCurrentClusterUIState = (state: RootState) => state.currentCluster.uiState;
-export const selectIsCurrentClusterSNO = (state: RootState) =>
+export const selectCurrentClusterState = (state: RootStateDay1) => state.currentCluster;
+export const selectCurrentCluster = (state: RootStateDay1) => state.currentCluster.data;
+export const selectCurrentClusterUIState = (state: RootStateDay1) => state.currentCluster.uiState;
+export const selectIsCurrentClusterSNO = (state: RootStateDay1) =>
   state.currentCluster.data?.highAvailabilityMode === 'None';
 export const selectCurrentClusterPermissionsState = (
-  state: RootState,
+  state: RootStateDay1,
 ): AssistedInstallerPermissionTypesListType => {
   if (state.currentCluster) {
     return state.currentCluster.permissions;

package/lib/ocm/{reducers/clusters/currentClusterSlice.ts → store/slices/current-cluster/slice.ts}

@@ -9,15 +9,16 @@ import {
   PayloadAction,
   ThunkDispatch,
 } from '@reduxjs/toolkit';
-import { AssistedInstallerPermissionTypesListType, ResourceUIState } from '../../../common';
+import { Cluster, Host } from '@openshift-assisted/types/assisted-installer-service';
 import {
-  getApiErrorMessage,
+  AssistedInstallerPermissionTypesListType,
+  FETCH_ABORTED_ERROR_CODE,
   getApiErrorCode,
+  getApiErrorMessage,
   handleApiError,
-  FETCH_ABORTED_ERROR_CODE,
-} from '../../api';
-import { ClustersService } from '../../services';
-import { Cluster, Host } from '@openshift-assisted/types/assisted-installer-service';
+  ResourceUIState,
+} from '../../../../common';
+import ClustersService from '../../../services/ClustersService';
 
 export type FetchErrorType = {
   code: string | number;
@@ -140,6 +141,7 @@ export const currentClusterSlice = createSlice({
   },
 });
 
+const { actions, reducer } = currentClusterSlice;
 export const {
   updateCluster,
   updateClusterBase,
@@ -149,5 +151,5 @@ export const {
   forceReload,
   cancelForceReload,
   updateClusterPermissions,
-} = currentClusterSlice.actions;
-export default currentClusterSlice.reducer;
+} = actions;
+export const currentClusterReducer = reducer;

package/lib/ocm/store/slices/feature-flags/selectors.ts

@@ -0,0 +1,13 @@
+import { createSelector } from '@reduxjs/toolkit';
+import { AssistedInstallerFeatureType } from '../../../../common';
+import { RootStateDay1 } from '../../store-day1';
+
+export const selectFeatureFlagsSlice = (state: RootStateDay1) => state.featureFlags;
+
+export const isFeatureEnabled = createSelector(
+  [selectFeatureFlagsSlice, (_, feature: AssistedInstallerFeatureType) => feature],
+  (featureFlags, feature) => {
+    // Configured via Unleash in the OCM
+    return !!featureFlags[feature];
+  },
+);

package/lib/ocm/store/slices/feature-flags/slice.ts

@@ -0,0 +1,15 @@
+import { createSlice, PayloadAction } from '@reduxjs/toolkit';
+import { FeatureListType } from '../../../../common';
+
+const featureFlagsSlice = createSlice({
+  name: 'featureFlags',
+  initialState: {} as FeatureListType,
+  reducers: {
+    setFeatureFlags: (state, action: PayloadAction<FeatureListType>) => {
+      return Object.assign(state, action.payload);
+    },
+  },
+});
+
+export const featureFlagsActions = featureFlagsSlice.actions;
+export const featureFlagsReducer = featureFlagsSlice.reducer;

package/lib/ocm/store/slices/{infraEnvs → infra-envs}/selectors.ts

@@ -1,10 +1,10 @@
 import { createSelector } from '@reduxjs/toolkit';
-import type { RootState } from '../../index';
+import type { RootStateDay1 } from '../../store-day1';
 import type { CpuArchitecture } from '../../../../common';
 
-export const selectInfraEnvsSlice = (state: RootState) => state.infraEnvs;
+export const selectInfraEnvsSlice = (state: RootStateDay1) => state.infraEnvs;
 export const selectInfraEnvByCpuArchitecture = createSelector(
-  [selectInfraEnvsSlice, (_: RootState, cpuArchitecture: CpuArchitecture) => cpuArchitecture],
+  [selectInfraEnvsSlice, (_: RootStateDay1, cpuArchitecture: CpuArchitecture) => cpuArchitecture],
   (infraEnvs, cpuArchitecture) =>
     infraEnvs.find((infraEnv) => infraEnv.cpuArchitecture === cpuArchitecture),
 );