@openshift-assisted/ui-lib 2.55.2 → 2.56.1

package/lib/ocm/components/clusterWizard/ClusterDetailsForm.tsx

@@ -1,208 +0,0 @@
-import React from 'react';
-import { useSelector } from 'react-redux';
-import { useLocation } from 'react-router';
-import { Flex, Grid, GridItem } from '@patternfly/react-core';
-import isUndefined from 'lodash-es/isUndefined.js';
-import { Formik, FormikHelpers } from 'formik';
-import {
-  ClusterWizardStep,
-  ClusterWizardStepHeader,
-  getClusterDetailsValidationSchema,
-  getRichTextValidation,
-  useAlerts,
-  TechnologyPreview,
-  OpenshiftVersionOptionType,
-  getFormikErrorFields,
-} from '../../../common';
-import { canNextClusterDetails } from './wizardTransition';
-import ClusterWizardFooter from './ClusterWizardFooter';
-import { isInOcm } from '../../../common/api';
-import {
-  ClusterDetailsService,
-  ClusterDetailsUpdateParams,
-  OcmClusterDetailsValues,
-} from '../../services';
-import { OcmClusterDetailsFormFields } from '../clusterConfiguration/OcmClusterDetailsFormFields';
-import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
-import { selectCurrentClusterPermissionsState } from '../../store/slices/current-cluster/selectors';
-import { useClusterWizardContext } from './ClusterWizardContext';
-import {
-  Cluster,
-  ClusterCreateParams,
-  InfraEnv,
-  ManagedDomain,
-} from '@openshift-assisted/types/assisted-installer-service';
-import { useFeature } from '../../hooks/use-feature';
-import InstallDisconnectedSwitch from './disconnected/InstallDisconnectedSwitch';
-
-type ClusterDetailsFormProps = {
-  cluster?: Cluster;
-  infraEnv?: InfraEnv;
-  pullSecret: string;
-  managedDomains: ManagedDomain[];
-  ocpVersions: OpenshiftVersionOptionType[];
-  usedClusterNames: string[];
-  navigation: React.ReactNode;
-  handleClusterCreate: (params: ClusterCreateParams) => Promise<void>;
-  handleClusterUpdate: (
-    clusterId: Cluster['id'],
-    params: ClusterDetailsUpdateParams,
-  ) => Promise<void>;
-};
-
-const ClusterDetailsForm = (props: ClusterDetailsFormProps) => {
-  const {
-    cluster,
-    infraEnv,
-    pullSecret,
-    managedDomains,
-    ocpVersions,
-    usedClusterNames = [],
-    handleClusterUpdate,
-    handleClusterCreate,
-    navigation,
-  } = props;
-
-  const { moveNext } = useClusterWizardContext();
-  const { search } = useLocation();
-  const { isViewerMode } = useSelector(selectCurrentClusterPermissionsState);
-  const { clearAlerts } = useAlerts();
-  const isSingleClusterFeatureEnabled = useFeature('ASSISTED_INSTALLER_SINGLE_CLUSTER_FEATURE');
-
-  const handleSubmit = React.useCallback(
-    async (values: OcmClusterDetailsValues) => {
-      if (cluster) {
-        let resetPlatform = values.platform;
-        const clusterPlatform = cluster.platform?.type;
-        if (
-          values.platform === 'none' &&
-          clusterPlatform !== 'none' &&
-          clusterPlatform !== 'baremetal'
-        ) {
-          resetPlatform = 'baremetal';
-        }
-        const params = ClusterDetailsService.getClusterUpdateParams(
-          values,
-          resetPlatform,
-          cluster,
-          infraEnv,
-        );
-        await handleClusterUpdate(cluster.id, params);
-      } else {
-        const params = ClusterDetailsService.getClusterCreateParams(values, infraEnv);
-        await handleClusterCreate(params);
-      }
-    },
-    [cluster, infraEnv, handleClusterCreate, handleClusterUpdate],
-  );
-
-  const handleOnNext = React.useCallback(
-    (
-      dirty: boolean,
-      submitForm: FormikHelpers<unknown>['submitForm'],
-      cluster?: Cluster,
-    ): (() => void) => {
-      if (isViewerMode || (!dirty && !isUndefined(cluster) && canNextClusterDetails({ cluster }))) {
-        clearAlerts();
-        return moveNext;
-      }
-
-      return () => {
-        void submitForm();
-      };
-    },
-    [isViewerMode, moveNext, clearAlerts],
-  );
-
-  const initialValues = React.useMemo(
-    () =>
-      ClusterDetailsService.getClusterDetailsInitialValues({
-        infraEnv,
-        cluster,
-        pullSecret,
-        managedDomains,
-        ocpVersions,
-        urlSearchParams: search,
-        isSingleClusterFeatureEnabled,
-      }),
-    [
-      infraEnv,
-      cluster,
-      pullSecret,
-      managedDomains,
-      ocpVersions,
-      search,
-      isSingleClusterFeatureEnabled,
-    ],
-  );
-
-  const { t } = useTranslation();
-  const validationSchema = getClusterDetailsValidationSchema({
-    usedClusterNames,
-    pullSecretSet: cluster?.pullSecretSet,
-    isOcm: true,
-    t,
-  });
-
-  return (
-    <Formik
-      initialValues={initialValues}
-      validate={(values) => {
-        clearAlerts();
-        return getRichTextValidation(validationSchema)(values);
-      }}
-      onSubmit={handleSubmit}
-    >
-      {({ submitForm, isSubmitting, isValid, dirty, errors, touched }) => {
-        const errorFields = getFormikErrorFields(errors, touched);
-        const footer = (
-          <ClusterWizardFooter
-            cluster={cluster}
-            errorFields={errorFields}
-            isSubmitting={isSubmitting}
-            isNextDisabled={
-              !(
-                !isSubmitting &&
-                isValid &&
-                (dirty || (cluster && canNextClusterDetails({ cluster })))
-              )
-            }
-            onNext={handleOnNext(dirty, submitForm, cluster)}
-          />
-        );
-
-        return (
-          <ClusterWizardStep navigation={navigation} footer={footer}>
-            <Grid hasGutter>
-              <GridItem>
-                <ClusterWizardStepHeader>Cluster details</ClusterWizardStepHeader>
-              </GridItem>
-              {!isSingleClusterFeatureEnabled && (
-                <GridItem>
-                  <Flex alignItems={{ default: 'alignItemsCenter' }} gap={{ default: 'gapSm' }}>
-                    <InstallDisconnectedSwitch isDisabled={!!cluster} />
-                    <span>
-                      {t("ai:I'm installing on a disconnected/air-gapped/secured environment")}
-                    </span>
-                    <TechnologyPreview />
-                  </Flex>
-                </GridItem>
-              )}
-              <GridItem span={12} lg={10} xl={9} xl2={7}>
-                <OcmClusterDetailsFormFields
-                  versions={ocpVersions}
-                  defaultPullSecret={pullSecret}
-                  isOcm={isInOcm}
-                  managedDomains={managedDomains}
-                  cluster={cluster}
-                />
-              </GridItem>
-            </Grid>
-          </ClusterWizardStep>
-        );
-      }}
-    </Formik>
-  );
-};
-
-export default ClusterDetailsForm;

package/lib/ocm/components/clusterWizard/ClusterWizard.tsx

@@ -1,65 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-import { LoadingState } from '../../../common';
-import NetworkConfigurationPage from '../clusterConfiguration/networkConfiguration/NetworkConfigurationForm';
-import ReviewStep from '../clusterConfiguration/review/ReviewStep';
-import { useClusterWizardContext } from './ClusterWizardContext';
-import ClusterDetails from './ClusterDetails';
-import HostDiscovery from './HostDiscovery';
-import Storage from './Storage';
-import StaticIp from './StaticIp';
-import Operators from './Operators';
-import { WithErrorBoundary } from '../../../common/components/ErrorHandling/WithErrorBoundary';
-import CustomManifestStep from './CustomManifestStep';
-import {
-  Cluster,
-  InfraEnv,
-  InfraEnvUpdateParams,
-} from '@openshift-assisted/types/assisted-installer-service';
-import CredentialsDownload from './CredentialsDownload';
-
-type ClusterWizardProps = {
-  cluster: Cluster;
-  infraEnv: InfraEnv;
-  updateInfraEnv: (infraEnvUpdateParams: InfraEnvUpdateParams) => Promise<InfraEnv>;
-};
-
-const ClusterWizard = ({ cluster, infraEnv, updateInfraEnv }: ClusterWizardProps) => {
-  const { currentStepId } = useClusterWizardContext();
-
-  const renderCurrentStep = React.useCallback(() => {
-    switch (currentStepId) {
-      case 'custom-manifests':
-        return <CustomManifestStep cluster={cluster} />;
-      case 'host-discovery':
-        return <HostDiscovery cluster={cluster} />;
-      case 'networking':
-        return <NetworkConfigurationPage cluster={cluster} />;
-      case 'review':
-        return <ReviewStep cluster={cluster} />;
-      case 'operators':
-        return <Operators cluster={cluster} />;
-      case 'storage':
-        return <Storage cluster={cluster} />;
-      case 'static-ip-host-configurations':
-      case 'static-ip-network-wide-configurations':
-      case 'static-ip-yaml-view':
-        return <StaticIp cluster={cluster} infraEnv={infraEnv} updateInfraEnv={updateInfraEnv} />;
-      case 'credentials-download':
-        return <CredentialsDownload cluster={cluster} />;
-      case 'cluster-details':
-      default:
-        return <ClusterDetails cluster={cluster} infraEnv={infraEnv} />;
-    }
-  }, [currentStepId, cluster, infraEnv, updateInfraEnv]);
-  if (!currentStepId) {
-    return <LoadingState />;
-  }
-  return (
-    <WithErrorBoundary>
-      <div className={classNames('pf-v6-c-wizard', 'cluster-wizard')}>{renderCurrentStep()}</div>
-    </WithErrorBoundary>
-  );
-};
-
-export default ClusterWizard;

package/lib/ocm/components/clusterWizard/ClusterWizardContext.tsx

@@ -1,36 +0,0 @@
-import React from 'react';
-import { HostsNetworkConfigurationType } from '../../services';
-import { StaticIpView } from '../clusterConfiguration/staticIp/data/dataTypes';
-import { ClusterWizardStepsType } from './wizardTransition';
-import { UISettingsValues } from '../../../common';
-import { Cluster, InfraEnv } from '@openshift-assisted/types/assisted-installer-service';
-
-export type ClusterWizardContextType = {
-  currentStepId: ClusterWizardStepsType;
-  setCurrentStepId(stepId: ClusterWizardStepsType): void;
-  moveBack: () => void;
-  moveNext: () => void;
-  wizardStepIds: ClusterWizardStepsType[];
-  onUpdateStaticIpView(view: StaticIpView): void;
-  onUpdateHostNetworkConfigType(type: HostsNetworkConfigurationType): void;
-  wizardPerPage: number;
-  setWizardPerPage: (perPage: number) => void;
-  updateUISettings: (data: UISettingsValues) => Promise<void>;
-  uiSettings?: UISettingsValues;
-  installDisconnected: boolean;
-  setInstallDisconnected: (enabled: boolean) => void;
-  disconnectedCluster?: Cluster;
-  setDisconnectedCluster: (cluster: Cluster | undefined) => void;
-  disconnectedInfraEnv?: InfraEnv;
-  setDisconnectedInfraEnv: (infraEnv: InfraEnv | undefined) => void;
-};
-
-export const ClusterWizardContext = React.createContext<ClusterWizardContextType | null>(null);
-
-export const useClusterWizardContext = () => {
-  const context = React.useContext(ClusterWizardContext);
-  if (!context) {
-    throw new Error('useClusterWizardContext must be used within ClusterWizardContextProvider');
-  }
-  return context;
-};

package/lib/ocm/components/clusterWizard/ClusterWizardContextProvider.tsx

@@ -1,265 +0,0 @@
-import React, { PropsWithChildren } from 'react';
-import { useLocation } from 'react-router';
-import { ClusterWizardContextType, ClusterWizardContext } from './ClusterWizardContext';
-import {
-  ClusterWizardFlowStateType,
-  ClusterWizardStepsType,
-  disconnectedSteps,
-  getClusterWizardFirstStep,
-  isStaticIpStep,
-  isStepAfter,
-} from './wizardTransition';
-import { HostsNetworkConfigurationType } from '../../services';
-import { defaultWizardSteps, staticIpFormViewSubSteps } from './constants';
-import { StaticIpView } from '../clusterConfiguration/staticIp/data/dataTypes';
-import { getStaticIpInfo } from '../clusterConfiguration/staticIp/data/fromInfraEnv';
-import { AssistedInstallerOCMPermissionTypesListType, useAlerts } from '../../../common';
-import useSetClusterPermissions from '../../hooks/useSetClusterPermissions';
-import { Cluster, InfraEnv } from '@openshift-assisted/types/assisted-installer-service';
-import { useUISettings } from '../../hooks';
-import { AlertVariant } from '@patternfly/react-core';
-import { useFeature } from '../../hooks/use-feature';
-import { isThirdPartyCNI } from '../../../common/types/networkType';
-import { isOciPlatformType } from '../utils';
-
-const addStepToClusterWizard = (
-  wizardStepIds: ClusterWizardStepsType[],
-  addAfterStep: ClusterWizardStepsType,
-  itemsToAdd: ClusterWizardStepsType[],
-) => {
-  const stepsIds = [...wizardStepIds];
-  const referencePosition = stepsIds.findIndex((step) => step === addAfterStep);
-  const found = wizardStepIds.filter((step) => step === itemsToAdd[0]);
-  if (referencePosition !== -1 && found.length === 0) {
-    stepsIds.splice(referencePosition + 1, 0, ...itemsToAdd);
-  }
-  return stepsIds;
-};
-
-const removeStepFromClusterWizard = (
-  wizardStepIds: ClusterWizardStepsType[],
-  itemToRemove: ClusterWizardStepsType,
-  numberItemsToRemove: number,
-) => {
-  const stepsIds = [...wizardStepIds];
-  const position = stepsIds.findIndex((step) => step === itemToRemove);
-  if (position !== -1) {
-    stepsIds.splice(position, numberItemsToRemove);
-  }
-  return stepsIds;
-};
-
-const getWizardStepIds = (
-  wizardStepIds: ClusterWizardStepsType[] | undefined,
-  staticIpView?: StaticIpView | 'dhcp-selected',
-
-  isSingleClusterFeatureEnabled?: boolean,
-): ClusterWizardStepsType[] => {
-  let stepsCopy = wizardStepIds ? [...wizardStepIds] : [...defaultWizardSteps];
-  if (staticIpView === StaticIpView.YAML) {
-    stepsCopy = removeStepFromClusterWizard(stepsCopy, 'static-ip-network-wide-configurations', 2);
-    stepsCopy = addStepToClusterWizard(stepsCopy, 'cluster-details', ['static-ip-yaml-view']);
-  } else if (staticIpView === StaticIpView.FORM) {
-    stepsCopy = removeStepFromClusterWizard(stepsCopy, 'static-ip-yaml-view', 1);
-    stepsCopy = addStepToClusterWizard(stepsCopy, 'cluster-details', staticIpFormViewSubSteps);
-  } else if (staticIpView === 'dhcp-selected') {
-    stepsCopy = removeStepFromClusterWizard(stepsCopy, 'static-ip-network-wide-configurations', 2);
-  }
-
-  if (isSingleClusterFeatureEnabled && !stepsCopy.includes('credentials-download')) {
-    stepsCopy = addStepToClusterWizard(stepsCopy, 'custom-manifests', ['credentials-download']);
-  }
-
-  return stepsCopy;
-};
-
-const ClusterWizardContextProvider = ({
-  children,
-  cluster,
-  infraEnv,
-  permissions,
-}: PropsWithChildren<{
-  cluster?: Cluster;
-  infraEnv?: InfraEnv;
-  permissions?: AssistedInstallerOCMPermissionTypesListType;
-}>) => {
-  const isSingleClusterFeatureEnabled = useFeature('ASSISTED_INSTALLER_SINGLE_CLUSTER_FEATURE');
-  const [currentStepId, setCurrentStepId] = React.useState<ClusterWizardStepsType>();
-  const [connectedWizardStepIds, setWizardStepIds] = React.useState<ClusterWizardStepsType[]>();
-  const [wizardPerPage, setWizardPerPage] = React.useState(10);
-  const [installDisconnected, setInstallDisconnected] = React.useState(false);
-  const [disconnectedCluster, setDisconnectedCluster] = React.useState<Cluster | undefined>();
-  const [disconnectedInfraEnv, setDisconnectedInfraEnv] = React.useState<InfraEnv | undefined>();
-  const location = useLocation();
-  const locationState = location.state as ClusterWizardFlowStateType | undefined;
-  const {
-    uiSettings,
-    updateUISettings,
-    loading: UISettingsLoading,
-    error: UISettingsError,
-  } = useUISettings(cluster?.id);
-  const { clearAlerts, addAlert, alerts } = useAlerts();
-  const setClusterPermissions = useSetClusterPermissions();
-
-  const wizardStepIds = installDisconnected ? disconnectedSteps : connectedWizardStepIds;
-
-  React.useEffect(() => {
-    if (!UISettingsLoading) {
-      const staticIpInfo = infraEnv ? getStaticIpInfo(infraEnv) : undefined;
-      let customManifestsRequired = false;
-      if (cluster) {
-        customManifestsRequired =
-          isThirdPartyCNI(cluster.networkType) || isOciPlatformType(cluster);
-      }
-      const customManifestsStepNeedsToBeFilled =
-        customManifestsRequired && !uiSettings?.customManifestsAdded;
-
-      const requiredStepId = getClusterWizardFirstStep(
-        locationState,
-        staticIpInfo,
-        cluster?.status,
-        cluster,
-      );
-      const firstStepIds = getWizardStepIds(
-        wizardStepIds,
-        staticIpInfo?.view,
-        isSingleClusterFeatureEnabled,
-      );
-
-      // Only move step if there is still none, or the user is at a forbidden step
-      if (
-        !currentStepId ||
-        (customManifestsStepNeedsToBeFilled && isStepAfter(currentStepId, requiredStepId))
-      ) {
-        setCurrentStepId(requiredStepId);
-      }
-
-      setWizardStepIds(firstStepIds);
-      setClusterPermissions(cluster, permissions);
-    }
-
-    if (
-      !!UISettingsError &&
-      !alerts.some((alert) => alert.title === "Couldn't retrieve UI settings")
-    ) {
-      addAlert({
-        title: "Couldn't retrieve UI settings",
-        message: UISettingsError,
-        variant: AlertVariant.warning,
-      });
-    }
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [uiSettings, UISettingsLoading, UISettingsError, isSingleClusterFeatureEnabled]);
-
-  const contextValue = React.useMemo<ClusterWizardContextType | null>(() => {
-    if (!wizardStepIds || !currentStepId) {
-      return null;
-    }
-
-    const handleMoveFromStaticIp = () => {
-      //if static ip view change wasn't persisted, moving from static ip step should change the wizard steps to match the view in the infra env
-      const staticIpInfo = infraEnv ? getStaticIpInfo(infraEnv) : undefined;
-      if (!staticIpInfo) {
-        throw `Wizard step is currently ${currentStepId}, but no static ip info is defined`;
-      }
-
-      const newStepIds = getWizardStepIds(
-        wizardStepIds,
-        staticIpInfo.view,
-        isSingleClusterFeatureEnabled,
-      );
-      setWizardStepIds(newStepIds);
-    };
-
-    const onSetCurrentStepId = (stepId: ClusterWizardStepsType) => {
-      clearAlerts();
-      if (isStaticIpStep(currentStepId) && !isStaticIpStep(stepId)) {
-        handleMoveFromStaticIp();
-      }
-      setCurrentStepId(stepId);
-    };
-
-    return {
-      moveBack(): void {
-        clearAlerts();
-        const currentStepIdx = wizardStepIds.indexOf(currentStepId);
-        let nextStepId = wizardStepIds[currentStepIdx - 1];
-        if (nextStepId === 'static-ip-host-configurations') {
-          //when moving back to static ip form view, it should go to network wide configurations
-          nextStepId = 'static-ip-network-wide-configurations';
-        }
-        onSetCurrentStepId(nextStepId);
-      },
-      moveNext(): void {
-        const currentStepIdx = wizardStepIds.indexOf(currentStepId);
-        onSetCurrentStepId(wizardStepIds[currentStepIdx + 1]);
-      },
-      onUpdateStaticIpView(view: StaticIpView): void {
-        if (view === StaticIpView.YAML) {
-          setCurrentStepId('static-ip-yaml-view');
-        } else {
-          setCurrentStepId('static-ip-network-wide-configurations');
-        }
-        setWizardStepIds(getWizardStepIds(wizardStepIds, view, isSingleClusterFeatureEnabled));
-      },
-      onUpdateHostNetworkConfigType(type: HostsNetworkConfigurationType): void {
-        if (type === HostsNetworkConfigurationType.STATIC) {
-          setWizardStepIds(
-            getWizardStepIds(wizardStepIds, StaticIpView.FORM, isSingleClusterFeatureEnabled),
-          );
-        } else {
-          setWizardStepIds(
-            getWizardStepIds(wizardStepIds, 'dhcp-selected', isSingleClusterFeatureEnabled),
-          );
-        }
-      },
-      wizardStepIds: wizardStepIds,
-      currentStepId,
-      setCurrentStepId: onSetCurrentStepId,
-      wizardPerPage,
-      setWizardPerPage,
-      uiSettings,
-      updateUISettings,
-      installDisconnected,
-      setInstallDisconnected: (enabled: boolean) => {
-        setInstallDisconnected(enabled);
-        if (enabled) {
-          onSetCurrentStepId(disconnectedSteps[0]);
-        } else {
-          connectedWizardStepIds?.length && onSetCurrentStepId(connectedWizardStepIds[0]);
-        }
-      },
-      disconnectedCluster,
-      setDisconnectedCluster,
-      disconnectedInfraEnv,
-      setDisconnectedInfraEnv,
-    };
-  }, [
-    wizardStepIds,
-    currentStepId,
-    infraEnv,
-    wizardPerPage,
-    isSingleClusterFeatureEnabled,
-    clearAlerts,
-    uiSettings,
-    updateUISettings,
-    installDisconnected,
-    connectedWizardStepIds,
-    disconnectedCluster,
-    disconnectedInfraEnv,
-    setDisconnectedInfraEnv,
-  ]);
-
-  if (!contextValue) {
-    return null;
-  }
-
-  return (
-    <>
-      <ClusterWizardContext.Provider value={contextValue}>{children}</ClusterWizardContext.Provider>
-    </>
-  );
-};
-
-export default ClusterWizardContextProvider;

package/lib/ocm/components/clusterWizard/ClusterWizardFooter.tsx

@@ -1,127 +0,0 @@
-import React from 'react';
-import { useNavigate } from 'react-router';
-import { Alert, AlertGroup, AlertVariant } from '@patternfly/react-core';
-import {
-  WizardFooter,
-  WizardFooterGenericProps,
-  Alerts,
-  useAlerts,
-  clusterFieldLabels,
-  selectClusterValidationsInfo,
-} from '../../../common';
-import { wizardStepsValidationsMap } from './wizardTransition';
-import { useClusterWizardContext } from './ClusterWizardContext';
-import ClusterWizardStepValidationsAlert from '../../../common/components/clusterWizard/ClusterWizardStepValidationsAlert';
-import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
-import { onFetchEvents } from '../fetching/fetchEvents';
-import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
-import { useFeature } from '../../hooks/use-feature';
-import { useModalDialogsContext } from '../hosts/ModalDialogsContext';
-
-type ClusterValidationSectionProps = {
-  cluster?: Cluster;
-  errorFields?: string[];
-  alertTitle?: string;
-  alertContent?: string | null;
-};
-
-const defaultAlertTitle = 'Provided cluster configuration is not valid';
-const ValidationSection = ({
-  cluster,
-  errorFields = [],
-  alertTitle,
-  alertContent,
-}: ClusterValidationSectionProps) => {
-  const { currentStepId } = useClusterWizardContext();
-  const validationsInfo = cluster && selectClusterValidationsInfo(cluster);
-  const { uiSettings } = useClusterWizardContext();
-  const { t } = useTranslation();
-
-  let _alertContent = alertContent;
-  if (_alertContent === undefined) {
-    _alertContent = `The following fields are invalid or missing: 
-    ${errorFields.map((field: string) => clusterFieldLabels(t)[field] || field).join(', ')}.`;
-  }
-  return (
-    <AlertGroup>
-      {!!errorFields.length && (
-        <Alert variant={AlertVariant.danger} title={alertTitle || defaultAlertTitle} isInline>
-          {_alertContent}
-        </Alert>
-      )}
-
-      {cluster && (
-        <ClusterWizardStepValidationsAlert
-          currentStepId={currentStepId}
-          clusterStatus={cluster.status}
-          hosts={cluster?.hosts || []}
-          validationsInfo={validationsInfo}
-          wizardStepsValidationsMap={wizardStepsValidationsMap}
-          lastInstallationPreparation={cluster['last-installation-preparation']}
-          uiSettings={uiSettings}
-        />
-      )}
-    </AlertGroup>
-  );
-};
-
-type ClusterWizardFooterProps = WizardFooterGenericProps & {
-  cluster?: Cluster;
-  additionalActions?: React.ReactNode;
-  errorFields?: string[];
-  alertTitle?: string;
-  alertContent?: string | null;
-};
-
-const ClusterWizardFooter = ({
-  cluster,
-  additionalActions,
-  errorFields,
-  alertTitle,
-  alertContent,
-  onCancel,
-  ...rest
-}: ClusterWizardFooterProps) => {
-  const { alerts } = useAlerts();
-  const navigate = useNavigate();
-  const isSingleClusterFeatureEnabled = useFeature('ASSISTED_INSTALLER_SINGLE_CLUSTER_FEATURE');
-  const { currentStepId } = useClusterWizardContext();
-  const { resetSingleClusterDialog } = useModalDialogsContext();
-
-  const handleCancel = React.useCallback(() => navigate('/cluster-list'), [navigate]);
-
-  const handleReset = React.useCallback(() => {
-    resetSingleClusterDialog.open({ cluster });
-  }, [resetSingleClusterDialog, cluster]);
-
-  const alertsSection = alerts.length ? <Alerts /> : undefined;
-
-  const errorsSection = (
-    <ValidationSection
-      cluster={cluster}
-      errorFields={errorFields}
-      alertTitle={alertTitle}
-      alertContent={alertContent}
-    />
-  );
-
-  return (
-    <WizardFooter
-      alerts={alertsSection}
-      errors={errorsSection}
-      onCancel={isSingleClusterFeatureEnabled ? undefined : onCancel || handleCancel}
-      onReset={
-        isSingleClusterFeatureEnabled && currentStepId !== 'cluster-details'
-          ? handleReset
-          : undefined
-      }
-      leftExtraActions={additionalActions}
-      cluster={cluster}
-      onFetchEvents={onFetchEvents}
-      {...rest}
-      data-testid="cluster-wizard-footer"
-    />
-  );
-};
-
-export default ClusterWizardFooter;