@openshift-assisted/ui-lib 2.9.10-cim → 2.9.11-cim

package/build/cjs/ocm/store/slices/feature-flags/selectors.js

@@ -4,8 +4,5 @@ exports.isFeatureEnabled = exports.selectFeatureFlagsSlice = void 0;
 const toolkit_1 = require("@reduxjs/toolkit");
 const selectFeatureFlagsSlice = (state) => state.featureFlags;
 exports.selectFeatureFlagsSlice = selectFeatureFlagsSlice;
-exports.isFeatureEnabled = (0, toolkit_1.createSelector)([exports.selectFeatureFlagsSlice, (_, feature) => feature], (featureFlags, feature) => {
-    // Configured via Unleash in the OCM
-    return !!featureFlags[feature];
-});
+exports.isFeatureEnabled = (0, toolkit_1.createSelector)(exports.selectFeatureFlagsSlice, (_featureFlags, featureId) => featureId, (featureFlags, featureId) => featureFlags.data[featureId]);
 //# sourceMappingURL=selectors.js.map

package/build/cjs/ocm/store/slices/feature-flags/selectors.js.map

@@ -1 +1 @@
-{"version":3,"file":"selectors.js","sourceRoot":"","sources":["../../../../../../lib/ocm/store/slices/feature-flags/selectors.ts"],"names":[],"mappings":";;;AAAA,8CAAkD;AAI3C,MAAM,uBAAuB,GAAG,CAAC,KAAoB,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC;AAAvE,QAAA,uBAAuB,2BAAgD;AAEvE,QAAA,gBAAgB,GAAG,IAAA,wBAAc,EAC5C,CAAC,+BAAuB,EAAE,CAAC,CAAC,EAAE,OAAqC,EAAE,EAAE,CAAC,OAAO,CAAC,EAChF,CAAC,YAAY,EAAE,OAAO,EAAE,EAAE;IACxB,oCAAoC;IACpC,OAAO,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;AACjC,CAAC,CACF,CAAC"}
+{"version":3,"file":"selectors.js","sourceRoot":"","sources":["../../../../../../lib/ocm/store/slices/feature-flags/selectors.ts"],"names":[],"mappings":";;;AAEA,8CAAkD;AAE3C,MAAM,uBAAuB,GAAG,CAAC,KAAoB,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC;AAAvE,QAAA,uBAAuB,2BAAgD;AAEvE,QAAA,gBAAgB,GAAG,IAAA,wBAAc,EAC5C,+BAAuB,EACvB,CAAC,aAAyD,EAAE,SAAgC,EAAE,EAAE,CAC9F,SAAS,EACX,CAAC,YAAY,EAAE,SAAS,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAC1D,CAAC"}

package/build/cjs/ocm/store/slices/feature-flags/slice.js

@@ -1,16 +1,89 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.featureFlagsReducer = exports.featureFlagsActions = void 0;
+exports.featureFlagsReducer = exports.featureFlagsActions = exports.featureFlagsAsyncActions = void 0;
+const tslib_1 = require("tslib");
 const toolkit_1 = require("@reduxjs/toolkit");
+const featureGate_1 = require("../../../../common/features/featureGate");
+const external_features_1 = require("../../../config/external-features");
+const slice_1 = require("../current-user/slice");
+const featureFlagsAsyncActions = {
+    detectFeaturesAsync: (0, toolkit_1.createAsyncThunk)('featureFlags/detectFeatures', (featuresOverride = null, thunkApi) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        var _a, _b, _c;
+        yield thunkApi.dispatch(slice_1.currentUserAsyncActions.getCapabilitiesAsync());
+        const state = thunkApi.getState();
+        for (const { featureId, capabilityId } of external_features_1.externalFeaturesMappings) {
+            const capability = (_c = (_b = (_a = state.currentUser.data) === null || _a === void 0 ? void 0 : _a.organization) === null || _b === void 0 ? void 0 : _b.capabilities) === null || _c === void 0 ? void 0 : _c.find((capability) => capability.name === capabilityId);
+            if (capability) {
+                thunkApi.dispatch(featureFlagsActions.setFeatureFlag({
+                    featureId,
+                    isEnabled: capability.value === 'true',
+                }));
+            }
+        }
+        if (featuresOverride !== null) {
+            for (const [k, v] of Object.entries(featuresOverride)) {
+                thunkApi.dispatch(featureFlagsActions.setFeatureFlag({
+                    featureId: k,
+                    isEnabled: v,
+                }));
+            }
+        }
+    })),
+};
+exports.featureFlagsAsyncActions = featureFlagsAsyncActions;
+const initialState = {
+    data: featureGate_1.STANDALONE_DEPLOYMENT_ENABLED_FEATURES,
+    error: null,
+    meta: {
+        status: 'idle',
+        updatedAt: null,
+        currentRequestId: null,
+    },
+};
 const featureFlagsSlice = (0, toolkit_1.createSlice)({
     name: 'featureFlags',
-    initialState: {},
+    initialState,
     reducers: {
-        setFeatureFlags: (state, action) => {
-            return Object.assign(state, action.payload);
+        setMeta: (state, action) => {
+            state.meta.updatedAt = new Date().toUTCString();
+            state.meta.status = action.payload.meta.requestStatus;
+            state.meta.currentRequestId = action.payload.meta.requestId;
+            return state;
+        },
+        setFeatureFlag: (state, action) => {
+            const { featureId, isEnabled } = action.payload;
+            state.data[featureId] = isEnabled;
+            state.error = null;
+            state.meta.updatedAt = new Date().toUTCString();
+            return state;
         },
     },
+    extraReducers: (builder) => {
+        for (const { pending, fulfilled, rejected } of Object.values(featureFlagsAsyncActions)) {
+            builder.addCase(pending, (state, action) => {
+                if (/idle|fulfilled|rejected/.test(state.meta.status)) {
+                    featureFlagsActions.setMeta(action);
+                }
+                return state;
+            });
+            builder.addCase(fulfilled, (state, action) => {
+                if (/idle|pending/.test(state.meta.status)) {
+                    featureFlagsActions.setMeta(action);
+                }
+                return state;
+            });
+            builder.addCase(rejected, (state, action) => {
+                if (/idle|pending/.test(state.meta.status)) {
+                    featureFlagsActions.setMeta(action);
+                    state.error = action.error;
+                }
+                return state;
+            });
+        }
+    },
 });
-exports.featureFlagsActions = featureFlagsSlice.actions;
-exports.featureFlagsReducer = featureFlagsSlice.reducer;
+const featureFlagsActions = featureFlagsSlice.actions;
+exports.featureFlagsActions = featureFlagsActions;
+const featureFlagsReducer = featureFlagsSlice.reducer;
+exports.featureFlagsReducer = featureFlagsReducer;
 //# sourceMappingURL=slice.js.map

package/build/cjs/ocm/store/slices/feature-flags/slice.js.map

@@ -1 +1 @@
-{"version":3,"file":"slice.js","sourceRoot":"","sources":["../../../../../../lib/ocm/store/slices/feature-flags/slice.ts"],"names":[],"mappings":";;;AAAA,8CAA8D;AAG9D,MAAM,iBAAiB,GAAG,IAAA,qBAAW,EAAC;IACpC,IAAI,EAAE,cAAc;IACpB,YAAY,EAAE,EAAqB;IACnC,QAAQ,EAAE;QACR,eAAe,EAAE,CAAC,KAAK,EAAE,MAAsC,EAAE,EAAE;YACjE,OAAO,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC;QAC9C,CAAC;KACF;CACF,CAAC,CAAC;AAEU,QAAA,mBAAmB,GAAG,iBAAiB,CAAC,OAAO,CAAC;AAChD,QAAA,mBAAmB,GAAG,iBAAiB,CAAC,OAAO,CAAC"}
+{"version":3,"file":"slice.js","sourceRoot":"","sources":["../../../../../../lib/ocm/store/slices/feature-flags/slice.ts"],"names":[],"mappings":"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"}

package/build/cjs/ocm/store/slices/infra-envs/thunks.js

@@ -9,7 +9,7 @@ exports.listInfraEnvsByClusterId = (0, toolkit_1.createAsyncThunk)('infraEnvs/li
     const { data: infraEnvs } = yield apis_1.InfraEnvsAPI.list(clusterId);
     return infraEnvs;
 }));
-exports.createInfraEnv = (0, toolkit_1.createAsyncThunk)('', (params) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+exports.createInfraEnv = (0, toolkit_1.createAsyncThunk)('infraEnvs/createInfraEnv', (params) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
     const { data: infraEnv } = yield apis_1.InfraEnvsAPI.register(params);
     // dispatch({ type: 'currentCluster/updateStaticNetworkConfig' payload: infraEnv.staticNetworkConfig });
     return infraEnv;

package/build/cjs/ocm/store/slices/infra-envs/thunks.js.map

@@ -1 +1 @@
-{"version":3,"file":"thunks.js","sourceRoot":"","sources":["../../../../../../lib/ocm/store/slices/infra-envs/thunks.ts"],"names":[],"mappings":";;;;AAAA,8CAAoD;AAEpD,iDAAsD;AAEtD,2CAA8D;AAQjD,QAAA,wBAAwB,GAAG,IAAA,0BAAgB,EACtD,2BAA2B,EAC3B,CAAO,SAAwB,EAAE,EAAE;IACjC,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,MAAM,mBAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/D,OAAO,SAAS,CAAC;AACnB,CAAC,CAAA,CACF,CAAC;AAEW,QAAA,cAAc,GAAG,IAAA,0BAAgB,EAC5C,EAAE,EACF,CAAO,MAAuD,EAAE,EAAE;IAChE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,MAAM,mBAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC/D,wGAAwG;IACxG,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAA,CACF,CAAC;AAEW,QAAA,kBAAkB,GAAG,IAAA,0BAAgB,EAAC,qBAAqB,EAAE,CAAO,CAAC,EAAE,QAAQ,EAAE,EAAE;IAC9F,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,EAAmB,CAAC;IACnD,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnE,MAAM,QAAQ,GAAG,EAAE,CAAC;IACpB,KAAK,MAAM,UAAU,IAAI,WAAW,EAAE;QACpC,QAAQ,CAAC,IAAI,CAAC,mBAAY,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC;KACpD;IACD,OAAO,MAAM,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;AACrC,CAAC,CAAA,CAAC,CAAC;AAEU,QAAA,cAAc,GAAG,IAAA,0BAAgB,EAC5C,kBAAkB,EAClB,CAAO,EAAgF,EAAE,EAAE;QAApF,EAAE,UAAU,OAAoE,EAA/D,MAAM,sBAAvB,cAAyB,CAAF;IAC5B,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,MAAM,mBAAY,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;IACzE,wGAAwG;IACxG,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAA,CACF,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,0BAAgB,EACzC,uBAAuB,EACvB,CAAO,eAAgC,EAAE,QAAQ,EAAE,EAAE;IACnD,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,EAAmB,CAAC;IACnD,kFAAkF;IAClF,mFAAmF;IACnF,0BAA0B;IAC1B,MAAM,QAAQ,GAAG,IAAA,2CAA+B,EAAC,KAAK,EAAE,eAAe,CAAa,CAAC;IACrF,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,MAAM,mBAAY,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC3E,OAAO,YAAY,CAAC;AACtB,CAAC,CAAA,CACF,CAAC"}
+{"version":3,"file":"thunks.js","sourceRoot":"","sources":["../../../../../../lib/ocm/store/slices/infra-envs/thunks.ts"],"names":[],"mappings":";;;;AAAA,8CAAoD;AAEpD,iDAAsD;AAEtD,2CAA8D;AAQjD,QAAA,wBAAwB,GAAG,IAAA,0BAAgB,EACtD,2BAA2B,EAC3B,CAAO,SAAwB,EAAE,EAAE;IACjC,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,MAAM,mBAAY,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC/D,OAAO,SAAS,CAAC;AACnB,CAAC,CAAA,CACF,CAAC;AAEW,QAAA,cAAc,GAAG,IAAA,0BAAgB,EAC5C,0BAA0B,EAC1B,CAAO,MAAuD,EAAE,EAAE;IAChE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,MAAM,mBAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC/D,wGAAwG;IACxG,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAA,CACF,CAAC;AAEW,QAAA,kBAAkB,GAAG,IAAA,0BAAgB,EAAC,qBAAqB,EAAE,CAAO,CAAC,EAAE,QAAQ,EAAE,EAAE;IAC9F,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,EAAmB,CAAC;IACnD,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnE,MAAM,QAAQ,GAAG,EAAE,CAAC;IACpB,KAAK,MAAM,UAAU,IAAI,WAAW,EAAE;QACpC,QAAQ,CAAC,IAAI,CAAC,mBAAY,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC;KACpD;IACD,OAAO,MAAM,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;AACrC,CAAC,CAAA,CAAC,CAAC;AAEU,QAAA,cAAc,GAAG,IAAA,0BAAgB,EAC5C,kBAAkB,EAClB,CAAO,EAAgF,EAAE,EAAE;QAApF,EAAE,UAAU,OAAoE,EAA/D,MAAM,sBAAvB,cAAyB,CAAF;IAC5B,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,MAAM,mBAAY,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC;IACzE,wGAAwG;IACxG,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAA,CACF,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,0BAAgB,EACzC,uBAAuB,EACvB,CAAO,eAAgC,EAAE,QAAQ,EAAE,EAAE;IACnD,MAAM,KAAK,GAAG,QAAQ,CAAC,QAAQ,EAAmB,CAAC;IACnD,kFAAkF;IAClF,mFAAmF;IACnF,0BAA0B;IAC1B,MAAM,QAAQ,GAAG,IAAA,2CAA+B,EAAC,KAAK,EAAE,eAAe,CAAa,CAAC;IACrF,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,GAAG,MAAM,mBAAY,CAAC,WAAW,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC3E,OAAO,YAAY,CAAC;AACtB,CAAC,CAAA,CACF,CAAC"}

package/build/cjs/ocm/store/store-day1.js

@@ -6,7 +6,7 @@ const slice_1 = require("./slices/clusters/slice");
 const slice_2 = require("./slices/current-cluster/slice");
 const slice_3 = require("./slices/infra-envs/slice");
 const slice_4 = require("./slices/feature-flags/slice");
-const common_1 = require("../../common");
+const slice_5 = require("./slices/current-user/slice");
 exports.storeDay1 = (0, toolkit_1.configureStore)({
     devTools: {
         name: 'Assisted Installer - Day 1',
@@ -16,9 +16,7 @@ exports.storeDay1 = (0, toolkit_1.configureStore)({
         currentCluster: slice_2.currentClusterReducer,
         infraEnvs: slice_3.infraEnvsReducer,
         featureFlags: slice_4.featureFlagsReducer,
-    },
-    preloadedState: {
-        featureFlags: common_1.STANDALONE_DEPLOYMENT_ENABLED_FEATURES,
+        currentUser: slice_5.currentUserReducer,
     },
 });
 //# sourceMappingURL=store-day1.js.map

package/build/cjs/ocm/store/store-day1.js.map

@@ -1 +1 @@
-{"version":3,"file":"store-day1.js","sourceRoot":"","sources":["../../../../lib/ocm/store/store-day1.ts"],"names":[],"mappings":";;;AAAA,8CAAkD;AAClD,mDAA0D;AAC1D,0DAAuE;AACvE,qDAA6D;AAC7D,wDAAmE;AACnE,yCAAsE;AAEzD,QAAA,SAAS,GAAG,IAAA,wBAAc,EAAC;IACtC,QAAQ,EAAE;QACR,IAAI,EAAE,4BAA4B;KACnC;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,uBAAe;QACzB,cAAc,EAAE,6BAAqB;QACrC,SAAS,EAAE,wBAAgB;QAC3B,YAAY,EAAE,2BAAmB;KAClC;IACD,cAAc,EAAE;QACd,YAAY,EAAE,+CAAsC;KACrD;CACF,CAAC,CAAC"}
+{"version":3,"file":"store-day1.js","sourceRoot":"","sources":["../../../../lib/ocm/store/store-day1.ts"],"names":[],"mappings":";;;AAAA,8CAAkD;AAClD,mDAA0D;AAC1D,0DAAuE;AACvE,qDAA6D;AAC7D,wDAAmE;AACnE,uDAAiE;AAEpD,QAAA,SAAS,GAAG,IAAA,wBAAc,EAAC;IACtC,QAAQ,EAAE;QACR,IAAI,EAAE,4BAA4B;KACnC;IACD,OAAO,EAAE;QACP,QAAQ,EAAE,uBAAe;QACzB,cAAc,EAAE,6BAAqB;QACrC,SAAS,EAAE,wBAAgB;QAC3B,YAAY,EAAE,2BAAmB;QACjC,WAAW,EAAE,0BAAkB;KAChC;CACF,CAAC,CAAC"}

package/build/cjs/ocm/store/types/state-slice.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=state-slice.js.map

package/build/cjs/ocm/store/types/state-slice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state-slice.js","sourceRoot":"","sources":["../../../../../lib/ocm/store/types/state-slice.ts"],"names":[],"mappings":""}

package/lib/@types/assets.d.ts

@@ -2,4 +2,4 @@
  * We use this in order to get decent type definitions
  * for asset files like .svg, .css, .jpg, etc...
  */
-/// <reference types="vite/client" />
+import 'vite/client';

package/lib/@types/global.d.ts

@@ -0,0 +1 @@
+import '@redhat-cloud-services/types';

package/lib/_test-helpers/mock-container.ts

@@ -0,0 +1,42 @@
+import { unmountComponentAtNode } from 'react-dom';
+
+let element: HTMLDivElement | null = null;
+
+function getMockContainer() {
+  return element;
+}
+
+/**
+ * Call this in your test if you intend to render a React component
+ * @example
+ * beforeEach(() => {
+ *    initMockContainer();
+ * });
+ */
+function initMockContainer(
+  value: HTMLDivElement = document.createElement('div'),
+  baseElement: HTMLElement = document.body,
+) {
+  element = value;
+  element.id = 'root';
+  baseElement.appendChild(element);
+}
+
+/**
+ * Attempts to unmount and remove the underlying DOM element.
+ *
+ * Returns true when the underlying DOM element is reset successfully; false otherwise.
+ */
+function tryResetMockContainer() {
+  let didResetMockContainer = false;
+  if (element) {
+    unmountComponentAtNode(element);
+    element.remove();
+    element = null;
+    didResetMockContainer = true;
+  }
+
+  return didResetMockContainer;
+}
+
+export { getMockContainer, initMockContainer, tryResetMockContainer };

package/lib/_test-helpers/mock-server.ts

@@ -0,0 +1,26 @@
+import { SetupServer } from 'msw/node';
+
+let mockServer: SetupServer | null = null;
+
+/**
+ * Call this function if you intend to use a mock server.
+ * @param value the value returned from calling `import('msw/node').setupServer(handlers)`
+ * @see https://mswjs.io/docs/getting-started/mocks/rest-api
+ * @example
+ * import { setupServer, rest } from 'mws/node';
+ *
+ * beforeAll(() => {
+ *   const handlers = []; // <-- Define `rest` handlers there
+ *   setMockServer(setupServer(...handlers));
+ *   getMockServer()?.listen({ onUnhandledRequest: 'error' });
+ * });
+ */
+function setMockServer(value: SetupServer | null) {
+  mockServer = value;
+}
+
+function getMockServer() {
+  return mockServer;
+}
+
+export { setMockServer, getMockServer };

package/lib/_test-helpers/vitest-setup.ts

@@ -0,0 +1,17 @@
+import { afterAll, afterEach, beforeEach, vi } from 'vitest';
+import { initMockContainer, tryResetMockContainer } from './mock-container';
+import { getMockServer } from './mock-server';
+
+afterAll(() => {
+  getMockServer()?.close();
+});
+
+beforeEach(() => {
+  initMockContainer();
+});
+
+afterEach(() => {
+  getMockServer()?.resetHandlers();
+  tryResetMockContainer();
+  vi.clearAllMocks();
+});

package/lib/cim/index.ts

@@ -15,3 +15,4 @@ export * from '../common/components/clusterWizard/types';
 export * from '../common/components/clusterDetail';
 export * from '../common/components/clusterConfiguration';
 export * from '../common/types/clusters';
+export { ResourceUIState } from '../common';

package/lib/common/api/utils.ts

@@ -1,7 +1,7 @@
 import Axios, { AxiosError } from 'axios';
 import * as Sentry from '@sentry/browser';
 import pick from 'lodash-es/pick.js';
-import {
+import type {
   Error as APIError,
   InfraError,
 } from '@openshift-assisted/types/assisted-installer-service';

package/lib/common/index.ts

@@ -9,3 +9,4 @@ export * from './config';
 export * from './features';
 export * from './reducers';
 export * from './selectors';
+export { ResourceUIState } from './types/resource-ui-state';

package/lib/common/types/index.ts

@@ -1,12 +1,3 @@
-export enum ResourceUIState {
-  LOADING = 'LOADING',
-  RELOADING = 'RELOADING',
-  EMPTY = 'EMPTY',
-  LOADED = 'LOADED',
-  POLLING_ERROR = 'POLLING_ERROR',
-  UPDATE_ERROR = 'UPDATE_ERROR',
-}
-
 export type WithTestID = {
   testId?: string;
 };

package/lib/common/types/resource-ui-state.ts

@@ -0,0 +1,8 @@
+export enum ResourceUIState {
+  LOADING = 'LOADING',
+  RELOADING = 'RELOADING',
+  EMPTY = 'EMPTY',
+  LOADED = 'LOADED',
+  POLLING_ERROR = 'POLLING_ERROR',
+  UPDATE_ERROR = 'UPDATE_ERROR',
+}

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

@@ -5,10 +5,10 @@ import { AlertsContextProvider, FeatureGateContextProvider } from '../../../comm
 import { HostsClusterDetailTabContent } from './HostsClusterDetailTabContent';
 import { HostsClusterDetailTabProps } from './types';
 import { storeDay1 } from '../../store';
-import { featureFlagsActions } from '../../store/slices/feature-flags/slice';
+import { useFeatureDetection } from '../../hooks/use-feature-detection';
 
 const HostsClusterDetailTab = (props: HostsClusterDetailTabProps) => {
-  storeDay1.dispatch(featureFlagsActions.setFeatureFlags(props.allEnabledFeatures));
+  useFeatureDetection();
 
   return (
     <Provider store={storeDay1}>

package/lib/ocm/components/Routes.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react';
+import React from 'react';
 import { Provider } from 'react-redux';
 import { Switch, Route, Redirect } from 'react-router-dom';
 import { Clusters, ClusterPage, NewClusterPage } from './clusters';
@@ -7,15 +7,13 @@ import type { FeatureListType } from '../../common/features/featureGate';
 import { routeBasePath } from '../config';
 import { AssistedUILibVersion } from './ui';
 import { storeDay1 } from '../store';
-import { featureFlagsActions } from '../store/slices/feature-flags/slice';
+import { useFeatureDetection } from '../hooks/use-feature-detection';
 
 export const Routes: React.FC<{ allEnabledFeatures: FeatureListType }> = ({
   allEnabledFeatures,
   children,
 }) => {
-  useEffect(() => {
-    storeDay1.dispatch(featureFlagsActions.setFeatureFlags(allEnabledFeatures));
-  }, [allEnabledFeatures]);
+  useFeatureDetection(allEnabledFeatures);
 
   return (
     <Provider store={storeDay1}>

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Modal, ModalVariant, Button, ButtonVariant } from '@patternfly/react-core';
+import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
 
 type DeleteHostModalProps = {
   hostname?: string;
@@ -8,28 +9,32 @@ type DeleteHostModalProps = {
   onDelete: () => void;
 };
 
-const DeleteHostModal = ({ isOpen, hostname, onClose, onDelete }: DeleteHostModalProps) => (
-  <Modal
-    title="Remove host?"
-    isOpen={isOpen}
-    onClose={onClose}
-    variant={ModalVariant.small}
-    actions={[
-      <Button
-        data-testid="delete-host-submit"
-        key="confirm"
-        variant={ButtonVariant.danger}
-        onClick={onDelete}
-      >
-        Remove host
-      </Button>,
-      <Button key="cancel" variant={ButtonVariant.link} onClick={onClose}>
-        Cancel
-      </Button>,
-    ]}
-  >
-    Host {hostname || ''} will be removed.
-  </Modal>
-);
+const DeleteHostModal = ({ isOpen, hostname, onClose, onDelete }: DeleteHostModalProps) => {
+  const { t } = useTranslation();
+  return (
+    <Modal
+      title={t('ai:Remove host?')}
+      isOpen={isOpen}
+      onClose={onClose}
+      variant={ModalVariant.small}
+      titleIconVariant="warning"
+      actions={[
+        <Button
+          data-testid="delete-host-submit"
+          key="confirm"
+          variant={ButtonVariant.danger}
+          onClick={onDelete}
+        >
+          {t('ai:Remove host')}
+        </Button>,
+        <Button key="cancel" variant={ButtonVariant.link} onClick={onClose}>
+          {t('ai:Cancel')}
+        </Button>,
+      ]}
+    >
+      {t('ai:Host {{hostname}} will be removed', { hostname: hostname || '' })}
+    </Modal>
+  );
+};
 
 export default DeleteHostModal;

package/lib/ocm/config/external-features.ts

@@ -0,0 +1,12 @@
+import type { FeatureListType } from '../../common/features/featureGate';
+
+type FeatureMapping = {
+  featureId: keyof FeatureListType;
+  capabilityId: string;
+};
+export const externalFeaturesMappings: Array<FeatureMapping> = [
+  {
+    featureId: 'ASSISTED_INSTALLER_PLATFORM_OCI',
+    capabilityId: 'capability.organization.bare_metal_installer_platform_oci',
+  },
+];

package/lib/ocm/config/index.ts

@@ -1,2 +1,2 @@
-export * from './routeBaseBath';
+export * from './routeBasePath';
 export * from './constants';

package/lib/ocm/hooks/_use-feature-detection.test.tsx

@@ -0,0 +1,125 @@
+import type { Account, Organization } from '@openshift-assisted/types/accounts-management-service';
+import { describe, it, vi, expect } from 'vitest';
+import * as React from 'react';
+import { Provider } from 'react-redux';
+import { render } from 'react-dom';
+import { act } from 'react-dom/test-utils';
+import { featureFlagsActions, FeatureFlagsState } from '../store/slices/feature-flags/slice';
+import { isFeatureEnabled } from '../store/slices/feature-flags/selectors';
+import { RootStateDay1, storeDay1 } from '../store/store-day1';
+import { useFeatureDetection } from './use-feature-detection';
+import { CurrentAccountApi } from '../../common/api/accounts-management-service/current-account-api';
+import { OrganizationsApi } from '../../common/api/accounts-management-service/organizations-api';
+import { getMockContainer } from '../../_test-helpers/mock-container';
+
+vi.spyOn(featureFlagsActions, 'setFeatureFlag');
+vi.spyOn(CurrentAccountApi, 'getCurrentAccount').mockImplementation(() => {
+  return Promise.resolve({
+    username: 'jdoe',
+  } as Account);
+});
+
+const makeSpyOn$OrganizationsApi$getOrganization = (mockResponse: Organization) =>
+  vi.spyOn(OrganizationsApi, 'getOrganization').mockImplementation(() => {
+    return Promise.resolve(mockResponse);
+  });
+
+describe('use-feature-detection.ts', () => {
+  it('Sets only external features when no overrides are provided', async () => {
+    const DummyComponent: React.FC = () => {
+      useFeatureDetection();
+      return null;
+    };
+    makeSpyOn$OrganizationsApi$getOrganization({
+      capabilities: [
+        {
+          name: 'capability.organization.bare_metal_installer_platform_oci',
+          value: 'true',
+          inherited: true,
+        },
+      ],
+    });
+
+    await act(() =>
+      Promise.resolve(
+        render(
+          <Provider store={storeDay1}>
+            <DummyComponent />
+          </Provider>,
+          getMockContainer(),
+        ),
+      ),
+    );
+
+    expect(
+      isFeatureEnabled(
+        storeDay1.getState() as RootStateDay1 & FeatureFlagsState,
+        'ASSISTED_INSTALLER_PLATFORM_OCI',
+      ),
+    ).toBe(true);
+  });
+
+  it('Internal features override external features', async () => {
+    const featuresOverride = { ASSISTED_INSTALLER_PLATFORM_OCI: true };
+    const DummyComponent: React.FC = () => {
+      useFeatureDetection(featuresOverride);
+      return null;
+    };
+    makeSpyOn$OrganizationsApi$getOrganization({
+      capabilities: [
+        {
+          name: 'capability.organization.bare_metal_installer_platform_oci',
+          value: 'false',
+          inherited: true,
+        },
+      ],
+    });
+
+    await act(() =>
+      Promise.resolve(
+        render(
+          <Provider store={storeDay1}>
+            <DummyComponent />
+          </Provider>,
+          getMockContainer(),
+        ),
+      ),
+    );
+
+    expect(
+      isFeatureEnabled(
+        storeDay1.getState() as RootStateDay1 & FeatureFlagsState,
+        'ASSISTED_INSTALLER_PLATFORM_OCI',
+      ),
+    ).toBe(featuresOverride.ASSISTED_INSTALLER_PLATFORM_OCI);
+  });
+
+  it('Processes only features prefixed with ASSISTED_INSTALLER', async () => {
+    const featuresOverride = { NON_ASSISTED_INSTALLER_FEATURE: true };
+    const DummyComponent: React.FC = () => {
+      useFeatureDetection(featuresOverride);
+      return null;
+    };
+
+    await act(() =>
+      Promise.resolve(
+        render(
+          <Provider store={storeDay1}>
+            <DummyComponent />
+          </Provider>,
+          getMockContainer(),
+        ),
+      ),
+    );
+
+    /* Here we don't mock the call to the user organization API, therefore the
+     * capabilities in the currentUser slice should remain undefined, since the list
+     * of featuresOverride should get filtered out of features not prefixed with
+     * "ASSISTED_INSTALLER" there should be no call to setFeatureFlag.
+     */
+    expect(featureFlagsActions.setFeatureFlag).not.toHaveBeenCalled();
+    expect(
+      storeDay1.getState().featureFlags.data['NON_ASSISTED_INSTALLER_FEATURE'],
+    ).not.toBeDefined();
+  });
+});

package/lib/ocm/hooks/use-feature-detection.ts

@@ -0,0 +1,17 @@
+import type { FeatureListType } from '../../common/features/featureGate';
+import { featureFlagsAsyncActions } from '../store/slices/feature-flags/slice';
+import { storeDay1 } from '../store/store-day1';
+import { useEffect } from 'react';
+
+export function useFeatureDetection<T extends Partial<Record<string, boolean> & FeatureListType>>(
+  overrides: T | null = null,
+) {
+  useEffect(() => {
+    const onlyAssistedInstallerFeatures = Object.fromEntries(
+      Object.entries(overrides ?? {}).filter(([k, _v]) => k.startsWith('ASSISTED_INSTALLER')),
+    );
+    void storeDay1.dispatch(
+      featureFlagsAsyncActions.detectFeaturesAsync(onlyAssistedInstallerFeatures),
+    );
+  }, [overrides]);
+}

package/lib/ocm/services/ClustersService.ts

@@ -1,21 +1,21 @@
-import { ClustersAPI } from '../services/apis';
-import HostsService from './HostsService';
-import InfraEnvsService from './InfraEnvsService';
-import { AI_UI_TAG } from '../../common';
-import { isInOcm } from '../api';
-import { ClusterCreateParamsWithStaticNetworking } from './types';
-import omit from 'lodash-es/omit.js';
-import {
+import type { ClusterCreateParamsWithStaticNetworking } from './types';
+import type {
   CustomManifestValues,
   ListManifestsExtended,
 } from '../components/clusterConfiguration/manifestsConfiguration/data/dataTypes';
-import {
+import type {
   Cluster,
   Host,
   InfraEnvCreateParams,
   UpdateManifestParams,
   V2ClusterUpdateParams,
 } from '@openshift-assisted/types/assisted-installer-service';
+import omit from 'lodash-es/omit.js';
+import ClustersAPI from '../../common/api/assisted-service/ClustersAPI';
+import HostsService from './HostsService';
+import InfraEnvsService from './InfraEnvsService';
+import { AI_UI_TAG } from '../../common/config/constants';
+import { isInOcm } from '../../common/api/axiosClient';
 
 const ClustersService = {
   findHost(hosts: Cluster['hosts'] = [], hostId: Host['id']) {

package/lib/ocm/services/InfraEnvIdsCacheService.ts

@@ -1,5 +1,5 @@
-import { CpuArchitecture, getAllCpuArchitectures } from '../../common';
-import { Cluster, InfraEnv } from '@openshift-assisted/types/assisted-installer-service';
+import type { Cluster, InfraEnv } from '@openshift-assisted/types/assisted-installer-service';
+import { CpuArchitecture, getAllCpuArchitectures } from '../../common//types/cpuArchitecture';
 
 const CACHE_KEY = 'infra-env-ids-cache-v2';
 

package/lib/ocm/store/hooks.ts

@@ -1,9 +1,6 @@
 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 useDispatchDay1 = useDispatch<DispatchDay1>;
 export const useSelectorDay1: TypedUseSelectorHook<RootStateDay1> = useSelector;
-export const useDispatchDay2: () => DispatchDay2 = useDispatch;
-export const useSelectorDay2: TypedUseSelectorHook<RootStateDay2> = useSelector;