V2Wizard: Correctly enable/disable Next button for Image Output step

The 'next' button is now disabled if no target environments are selected
on the Image Output step.

src/Components/CreateImageWizardV2/CreateImageWizard.tsx

@@ -9,14 +9,14 @@ import {
 } from '@patternfly/react-core';
 import { useNavigate } from 'react-router-dom';
 
-import { useAppDispatch } from '../../store/hooks';
+import ImageOutputStep from './steps/ImageOutput';
+
+import { useAppDispatch, useAppSelector } from '../../store/hooks';
 import './CreateImageWizard.scss';
-import { initializeWizard } from '../../store/wizardSlice';
+import { initializeWizard, selectImageTypes } from '../../store/wizardSlice';
 import { resolveRelPath } from '../../Utilities/path';
 import { ImageBuilderHeader } from '../sharedComponents/ImageBuilderHeader';
 
-import ImageOutputStep from './steps/ImageOutput';
-
 type CustomWizardFooterPropType = {
   disableNext: boolean;
 };
@@ -55,7 +55,14 @@ const CreateImageWizard = () => {
           <WizardStep
             name="Image output"
             id="step-image-output"
-            footer={<CustomWizardFooter disableNext={false} />}
+            footer={
+              <CustomWizardFooter
+                disableNext={
+                  useAppSelector((state) => selectImageTypes(state)).length ===
+                  0
+                }
+              />
+            }
           >
             <ImageOutputStep />
           </WizardStep>

src/store/index.ts

@@ -8,7 +8,14 @@ import { imageBuilderApi } from './enhancedImageBuilderApi';
 import { listenerMiddleware, startAppListening } from './listenerMiddleware';
 import { provisioningApi } from './provisioningApi';
 import { rhsmApi } from './rhsmApi';
-import wizardSlice, {changeArchitecture, changeDistribution, changeImageTypes, selectArchitecture, selectDistribution, selectImageTypes} from './wizardSlice';
+import wizardSlice, {
+  changeArchitecture,
+  changeDistribution,
+  changeImageTypes,
+  selectArchitecture,
+  selectDistribution,
+  selectImageTypes,
+} from './wizardSlice';
 
 export const reducer = {
   [contentSourcesApi.reducerPath]: contentSourcesApi.reducer,