@openshift-assisted/ui-lib 2.50.0 → 2.50.1

package/lib/ocm/components/clusterWizard/disconnected/BasicStep.tsx

@@ -7,162 +7,61 @@ import {
   StaticTextField,
   useTranslation,
 } from '../../../../common';
-import { Flex, Grid, GridItem, Form, Content, Spinner } from '@patternfly/react-core';
+import { Flex, Grid, GridItem, Form, Content } from '@patternfly/react-core';
 import OcmOpenShiftVersion from '../../clusterConfiguration/OcmOpenShiftVersion';
 import { useClusterWizardContext } from '../ClusterWizardContext';
 import ClusterWizardFooter from '../ClusterWizardFooter';
 import ClusterWizardNavigation from '../ClusterWizardNavigation';
 import { WithErrorBoundary } from '../../../../common/components/ErrorHandling/WithErrorBoundary';
 import InstallDisconnectedSwitch from './InstallDisconnectedSwitch';
-import { Formik, useFormikContext } from 'formik';
-import ClustersService from '../../../services/ClustersService';
-import { handleApiError, getApiErrorMessage } from '../../../../common/api';
-import { useAlerts } from '../../../../common/components/AlertsContextProvider';
-import { AlertVariant } from '@patternfly/react-core';
-import { ClusterWizardFlowStateNew } from '../wizardTransition';
-import { useLocation, useNavigate, useParams } from 'react-router-dom-v5-compat';
-import { AxiosResponse } from 'axios';
-import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
-import OcmOpenShiftVersionSelect from '../../clusterConfiguration/OcmOpenShiftVersionSelect';
+import { Formik } from 'formik';
 
-type BasicStepFormikValues = {
-  openshiftVersion: string;
-  customOpenshiftSelect: string | null;
-};
-
-const BasicStepForm = () => {
-  const { clusterId } = useParams<{ clusterId: string }>();
-  const [isLoading, setIsLoading] = React.useState(true);
-  const [cluster, setCluster] = React.useState<Cluster>();
-
-  const { values } = useFormikContext<BasicStepFormikValues>();
+const BasicStep = () => {
   const { t } = useTranslation();
   const { moveNext } = useClusterWizardContext();
-  const { addAlert } = useAlerts();
-  const [isSubmitting, setIsSubmitting] = React.useState(false);
-  const navigate = useNavigate();
-  const location = useLocation();
-  const currentPath = location.pathname;
-
-  React.useEffect(() => {
-    if (!clusterId) {
-      setIsLoading(false);
-    } else {
-      void (async () => {
-        setIsLoading(true);
-        try {
-          setCluster(await ClustersService.get(clusterId));
-        } catch (error) {
-          handleApiError(error, () => {
-            addAlert({
-              title: 'Failed to fetch disconnected cluster',
-              message: getApiErrorMessage(error),
-              variant: AlertVariant.danger,
-            });
-          });
-        } finally {
-          setIsLoading(false);
-        }
-      })();
-    }
-  }, [clusterId, addAlert]);
-
-  const createCluster = async () => {
-    try {
-      setIsSubmitting(true);
-      // Create cluster only - infraEnv will be created in OptionalConfigurationsStep
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-      const { data: disconnectedCluster }: AxiosResponse<Cluster> =
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-call
-        await ClustersService.registerDisconnected({
-          name: 'disconnected-cluster',
-          openshiftVersion: values.openshiftVersion,
-        });
-      navigate(`${currentPath}/${disconnectedCluster.id}`, {
-        state: ClusterWizardFlowStateNew,
-      });
-      moveNext();
-    } catch (error: unknown) {
-      handleApiError(error, () => {
-        addAlert({
-          title: 'Failed to create disconnected cluster',
-          message: getApiErrorMessage(error),
-          variant: AlertVariant.danger,
-        });
-      });
-    } finally {
-      setIsSubmitting(false);
-    }
-  };
 
   return (
-    <ClusterWizardStep
-      navigation={<ClusterWizardNavigation />}
-      footer={
-        <ClusterWizardFooter
-          onNext={() => {
-            clusterId ? moveNext() : void createCluster();
-          }}
-          isSubmitting={isSubmitting}
-          isNextDisabled={isLoading || (cluster ? false : !values.openshiftVersion)}
-          disconnectedClusterId={clusterId}
-        />
-      }
+    <Formik
+      initialValues={{}}
+      onSubmit={() => {
+        // nothing to do
+      }}
     >
-      <WithErrorBoundary title="Failed to load Basic step">
-        <Grid hasGutter>
-          <GridItem>
-            <Content component="h2">Basic information</Content>
-          </GridItem>
-          <GridItem>
-            <Flex alignItems={{ default: 'alignItemsCenter' }} gap={{ default: 'gapSm' }}>
-              <TechnologyPreview />
-              <InstallDisconnectedSwitch isDisabled={!!clusterId} />
-              <span>{t("ai:I'm installing on a disconnected/air-gapped/secured environment")}</span>
-            </Flex>
-          </GridItem>
-          <GridItem>
-            <Form id="wizard-cluster-basic-info__form">
-              {isLoading ? (
-                <Spinner />
-              ) : cluster ? (
-                <OcmOpenShiftVersion
-                  openshiftVersion={cluster.openshiftVersion || ''}
-                  withPreviewText
-                  withMultiText
-                >
+      <ClusterWizardStep
+        navigation={<ClusterWizardNavigation />}
+        footer={<ClusterWizardFooter onNext={moveNext} />}
+      >
+        <WithErrorBoundary title="Failed to load Basic step">
+          <Grid hasGutter>
+            <GridItem>
+              <Content component="h2">Basic information</Content>
+            </GridItem>
+            <GridItem>
+              <Flex alignItems={{ default: 'alignItemsCenter' }} gap={{ default: 'gapSm' }}>
+                <TechnologyPreview />
+                <InstallDisconnectedSwitch />
+                <span>
+                  {t("ai:I'm installing on a disconnected/air-gapped/secured environment")}
+                </span>
+              </Flex>
+            </GridItem>
+            <GridItem>
+              <Form id="wizard-cluster-basic-info__form">
+                <OcmOpenShiftVersion openshiftVersion="4.20" withPreviewText withMultiText>
                   <ExternalLink href={`${window.location.origin}/${OCP_RELEASES_PAGE}`}>
                     <span data-ouia-id="openshift-releases-link">
                       {t('ai:Learn more about OpenShift releases')}
                     </span>
                   </ExternalLink>
                 </OcmOpenShiftVersion>
-              ) : (
-                <OcmOpenShiftVersionSelect minVersionAllowed={4021} />
-              )}
-              <StaticTextField name="cpuArchitecture" label="CPU architecture" isRequired>
-                x86_64
-              </StaticTextField>
-            </Form>
-          </GridItem>
-        </Grid>
-      </WithErrorBoundary>
-    </ClusterWizardStep>
-  );
-};
-
-const BasicStep = () => {
-  return (
-    <Formik<BasicStepFormikValues>
-      initialValues={{
-        openshiftVersion: '',
-        customOpenshiftSelect: null,
-      }}
-      onSubmit={() => {
-        // nothing to do
-      }}
-    >
-      <BasicStepForm />
+                <StaticTextField name="cpuArchitecture" label="CPU architecture" isRequired>
+                  x86_64
+                </StaticTextField>
+              </Form>
+            </GridItem>
+          </Grid>
+        </WithErrorBoundary>
+      </ClusterWizardStep>
     </Formik>
   );
 };

package/lib/ocm/components/clusterWizard/disconnected/ReviewStep.tsx

@@ -25,13 +25,16 @@ import {
   Content,
 } from '@patternfly/react-core';
 import { Formik } from 'formik';
-import { useNavigate, useParams } from 'react-router-dom-v5-compat';
+import { saveAs } from 'file-saver';
+import { useNavigate } from 'react-router-dom-v5-compat';
 
 import { getOperatorSpecs } from '../../../../common/components/operators/operatorSpecs';
 
+const downloadUrl =
+  'https://mirror.openshift.com/pub/cgw/assisted-installer-disconnected/latest/agent-ove.x86_64.iso';
+
 const ReviewStep = () => {
-  const { moveBack, disconnectedInfraEnv } = useClusterWizardContext();
-  const { clusterId } = useParams<{ clusterId: string }>();
+  const { moveBack } = useClusterWizardContext();
   const opSpecs = getOperatorSpecs(() => undefined);
   const navigate = useNavigate();
 
@@ -47,14 +50,11 @@ const ReviewStep = () => {
         footer={
           <ClusterWizardFooter
             onNext={() => {
-              if (disconnectedInfraEnv?.downloadUrl) {
-                window.open(disconnectedInfraEnv.downloadUrl, '_blank');
-              }
+              downloadUrl && saveAs(downloadUrl);
               navigate('/cluster-list');
             }}
             onBack={moveBack}
             nextButtonText="Download ISO"
-            disconnectedClusterId={clusterId}
           />
         }
       >
@@ -96,19 +96,9 @@ const ReviewStep = () => {
               </List>
             </Alert>
             <DescriptionList isHorizontal>
-              {disconnectedInfraEnv?.rendezvousIp && (
-                <DescriptionListGroup>
-                  <DescriptionListTerm>Rendezvous IP</DescriptionListTerm>
-                  <DescriptionListDescription>
-                    {disconnectedInfraEnv?.rendezvousIp}
-                  </DescriptionListDescription>
-                </DescriptionListGroup>
-              )}
               <DescriptionListGroup>
                 <DescriptionListTerm>OpenShift version</DescriptionListTerm>
-                <DescriptionListDescription>
-                  {disconnectedInfraEnv?.openshiftVersion || ''}
-                </DescriptionListDescription>
+                <DescriptionListDescription>4.20</DescriptionListDescription>
               </DescriptionListGroup>
               <DescriptionListGroup>
                 <DescriptionListTerm>CPU architecture</DescriptionListTerm>

package/lib/ocm/components/clusterWizard/index.ts

@@ -2,5 +2,4 @@ export { default as ClusterDetailsForm } from './ClusterDetailsForm';
 export { default as NewClusterWizard } from './NewClusterWizard';
 export { default as ClusterWizard } from './ClusterWizard';
 export { default as ClusterWizardContextProvider } from './ClusterWizardContextProvider';
-export { useClusterWizardContext } from './ClusterWizardContext';
 export { OpenShiftVersionsContextProvider } from './OpenShiftVersionsContext';

package/lib/ocm/components/clusterWizard/wizardTransition.ts

@@ -31,8 +31,7 @@ export type ClusterWizardStepsType =
   | 'custom-manifests'
   | 'credentials-download'
   | 'disconnected-basic'
-  | 'disconnected-review'
-  | 'disconnected-optional-configurations';
+  | 'disconnected-review';
 
 const wizardStepsOrder: ClusterWizardStepsType[] = [
   'cluster-details',
@@ -50,7 +49,6 @@ const wizardStepsOrder: ClusterWizardStepsType[] = [
 
 export const disconnectedSteps: ClusterWizardStepsType[] = [
   'disconnected-basic',
-  'disconnected-optional-configurations',
   'disconnected-review',
 ];
 
@@ -262,7 +260,6 @@ const credentialsValidationMap = buildEmptyValidationsMap();
 const customManifestsValidationsMap = buildEmptyValidationsMap();
 const disconnectedReviewValidationsMap = buildEmptyValidationsMap();
 const disconnectedBasicValidationsMap = buildEmptyValidationsMap();
-const disconnectedOptionalConfigurationsValidationsMap = buildEmptyValidationsMap();
 
 export const wizardStepsValidationsMap: WizardStepsValidationMap<ClusterWizardStepsType> = {
   'cluster-details': clusterDetailsStepValidationsMap,
@@ -278,7 +275,6 @@ export const wizardStepsValidationsMap: WizardStepsValidationMap<ClusterWizardSt
   'credentials-download': credentialsValidationMap,
   'disconnected-review': disconnectedReviewValidationsMap,
   'disconnected-basic': disconnectedBasicValidationsMap,
-  'disconnected-optional-configurations': disconnectedOptionalConfigurationsValidationsMap,
 };
 
 export const allClusterWizardSoftValidationIds =

package/lib/ocm/hooks/useInfraEnvId.ts

@@ -55,12 +55,12 @@ export default function useInfraEnvId(
   ]);
 
   React.useEffect(() => {
-    if (!clusterId && !isSingleClusterFeatureEnabled) {
+    if (!clusterId) {
       setError('Missing clusterId to load infrastructure environment');
     } else if (!infraEnvId) {
       void findInfraEnvId();
     }
-  }, [clusterId, findInfraEnvId, infraEnvId, isSingleClusterFeatureEnabled]);
+  }, [clusterId, findInfraEnvId, infraEnvId]);
 
   return { infraEnvId, error };
 }

package/lib/ocm/services/ClustersService.ts

@@ -171,11 +171,5 @@ const ClustersService = {
       this.getUpdateManifestParams(existingManifest, updatedManifest),
     );
   },
-  registerDisconnected(params: { name: string; openshiftVersion: string }) {
-    return ClustersAPI.registerDisconnected({
-      name: params.name,
-      openshiftVersion: params.openshiftVersion,
-    });
-  },
 };
 export default ClustersService;

package/lib/ocm/services/InfraEnvsService.ts

@@ -21,10 +21,7 @@ const InfraEnvsService = {
       const { data: infraEnvs } = await InfraEnvsAPI.list(
         !isSingleClusterFeatureEnabled ? clusterId : '',
       );
-      if (isSingleClusterFeatureEnabled) {
-        return infraEnvs[0].id;
-      }
-      if (infraEnvs.length > 0 && clusterId) {
+      if (infraEnvs.length > 0) {
         InfraEnvCache.updateInfraEnvs(clusterId, infraEnvs);
         infraEnvId = InfraEnvCache.getInfraEnvId(clusterId, cpuArchitecture);
       }

package/package.json

@@ -1,7 +1,7 @@
 {
   "dependencies": {
-    "@openshift-assisted/locales": "2.50.0",
-    "@openshift-assisted/types": "2.50.0",
+    "@openshift-assisted/locales": "2.50.1",
+    "@openshift-assisted/types": "2.50.1",
     "@openshift-console/dynamic-plugin-sdk": "1.0.0",
     "@patternfly/patternfly": "6.4.0",
     "@patternfly/react-code-editor": "6.4.0",
@@ -136,5 +136,5 @@
       ]
     }
   },
-  "version": "2.50.0"
+  "version": "2.50.1"
 }

package/build/@types/ocm/components/clusterWizard/disconnected/DisconnectedStaticIp.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-declare const DisconnectedStaticIp: React.FC;
-export default DisconnectedStaticIp;
-//# sourceMappingURL=DisconnectedStaticIp.d.ts.map

package/build/@types/ocm/components/clusterWizard/disconnected/DisconnectedStaticIp.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DisconnectedStaticIp.d.ts","sourceRoot":"","sources":["../../../../../../lib/ocm/components/clusterWizard/disconnected/DisconnectedStaticIp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAsB1B,QAAA,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAqDjC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/build/@types/ocm/components/clusterWizard/disconnected/OptionalConfigurationsStep.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-declare const OptionalConfigurationsStep: () => React.JSX.Element;
-export default OptionalConfigurationsStep;
-//# sourceMappingURL=OptionalConfigurationsStep.d.ts.map

package/build/@types/ocm/components/clusterWizard/disconnected/OptionalConfigurationsStep.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"OptionalConfigurationsStep.d.ts","sourceRoot":"","sources":["../../../../../../lib/ocm/components/clusterWizard/disconnected/OptionalConfigurationsStep.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA4K/B,QAAA,MAAM,0BAA0B,yBAmO/B,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

package/build/cjs/ocm/components/clusterWizard/disconnected/DisconnectedStaticIp.js

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
-const common_1 = require("../../../../common");
-const ClusterWizardContext_1 = require("../ClusterWizardContext");
-const ClusterWizardFooter_1 = tslib_1.__importDefault(require("../ClusterWizardFooter"));
-const ClusterWizardNavigation_1 = tslib_1.__importDefault(require("../ClusterWizardNavigation"));
-const StaticIpPage_1 = require("../../clusterConfiguration/staticIp/components/StaticIpPage");
-const WithErrorBoundary_1 = require("../../../../common/components/ErrorHandling/WithErrorBoundary");
-const apis_1 = require("../../../services/apis");
-const getInitialFormStateProps = () => {
-    return {
-        isValid: true,
-        isSubmitting: false,
-        isAutoSaveRunning: false,
-        errors: {},
-        touched: {},
-        isEmpty: true,
-    };
-};
-const DisconnectedStaticIp = () => {
-    const { moveNext, moveBack, disconnectedInfraEnv, setDisconnectedInfraEnv } = (0, ClusterWizardContext_1.useClusterWizardContext)();
-    const { alerts } = (0, common_1.useAlerts)();
-    const [formState, setFormStateProps] = react_1.default.useState(getInitialFormStateProps());
-    const onFormStateChange = (formState) => {
-        setFormStateProps(formState);
-    };
-    const updateInfraEnv = (params) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-        if (!(disconnectedInfraEnv === null || disconnectedInfraEnv === void 0 ? void 0 : disconnectedInfraEnv.id)) {
-            throw new Error('No disconnected infraEnv available');
-        }
-        const { data: updatedInfraEnv } = yield apis_1.InfraEnvsAPI.update(disconnectedInfraEnv.id, params);
-        setDisconnectedInfraEnv(updatedInfraEnv);
-        return updatedInfraEnv;
-    });
-    const isNextDisabled = formState.isAutoSaveRunning || !formState.isValid || !!alerts.length || formState.isSubmitting;
-    const errorFields = (0, common_1.getFormikErrorFields)(formState.errors, formState.touched);
-    const footer = (react_1.default.createElement(ClusterWizardFooter_1.default, { alertTitle: "Static IP configuration contains missing or invalid fields", alertContent: null, errorFields: errorFields, isSubmitting: formState.isSubmitting, onNext: () => moveNext(), onBack: () => moveBack(), isNextDisabled: isNextDisabled, isBackDisabled: formState.isSubmitting || formState.isAutoSaveRunning }));
-    if (!disconnectedInfraEnv) {
-        return null;
-    }
-    return (react_1.default.createElement(common_1.ClusterWizardStep, { navigation: react_1.default.createElement(ClusterWizardNavigation_1.default, null), footer: footer },
-        react_1.default.createElement(WithErrorBoundary_1.WithErrorBoundary, { title: "Failed to load Static IP step" },
-            react_1.default.createElement(StaticIpPage_1.StaticIpPage, { infraEnv: disconnectedInfraEnv, updateInfraEnv: updateInfraEnv, onFormStateChange: onFormStateChange }))));
-};
-exports.default = DisconnectedStaticIp;
-//# sourceMappingURL=DisconnectedStaticIp.js.map

package/build/cjs/ocm/components/clusterWizard/disconnected/DisconnectedStaticIp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DisconnectedStaticIp.js","sourceRoot":"","sources":["../../../../../../lib/ocm/components/clusterWizard/disconnected/DisconnectedStaticIp.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,+CAAwF;AACxF,kEAAkE;AAClE,yFAAyD;AACzD,iGAAiE;AAEjE,8FAA2F;AAC3F,qGAAkG;AAClG,iDAAsD;AAGtD,MAAM,wBAAwB,GAAG,GAAsB,EAAE;IACvD,OAAO;QACL,OAAO,EAAE,IAAI;QACb,YAAY,EAAE,KAAK;QACnB,iBAAiB,EAAE,KAAK;QACxB,MAAM,EAAE,EAAE;QACV,OAAO,EAAE,EAAE;QACX,OAAO,EAAE,IAAI;KACd,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,oBAAoB,GAAa,GAAG,EAAE;IAC1C,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,GACzE,IAAA,8CAAuB,GAAE,CAAC;IAC5B,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,kBAAS,GAAE,CAAC;IAC/B,MAAM,CAAC,SAAS,EAAE,iBAAiB,CAAC,GAAG,eAAK,CAAC,QAAQ,CACnD,wBAAwB,EAAE,CAC3B,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,SAA4B,EAAE,EAAE;QACzD,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,CAAO,MAA4B,EAAE,EAAE;QAC5D,IAAI,CAAC,CAAA,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,EAAE,CAAA,EAAE,CAAC;YAC9B,MAAM,IAAI,KAAK,CAAC,oCAAoC,CAAC,CAAC;QACxD,CAAC;QACD,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,GAAG,MAAM,mBAAY,CAAC,MAAM,CAAC,oBAAoB,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC;QAC7F,uBAAuB,CAAC,eAAe,CAAC,CAAC;QACzC,OAAO,eAAe,CAAC;IACzB,CAAC,CAAA,CAAC;IAEF,MAAM,cAAc,GAClB,SAAS,CAAC,iBAAiB,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,MAAM,IAAI,SAAS,CAAC,YAAY,CAAC;IACjG,MAAM,WAAW,GAAG,IAAA,6BAAoB,EAAS,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IAEtF,MAAM,MAAM,GAAG,CACb,8BAAC,6BAAmB,IAClB,UAAU,EAAC,4DAA4D,EACvE,YAAY,EAAE,IAAI,EAClB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,SAAS,CAAC,YAAY,EACpC,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,EACxB,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,EACxB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,SAAS,CAAC,YAAY,IAAI,SAAS,CAAC,iBAAiB,GACrE,CACH,CAAC;IAEF,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC1B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,8BAAC,0BAAiB,IAAC,UAAU,EAAE,8BAAC,iCAAuB,OAAG,EAAE,MAAM,EAAE,MAAM;QACxE,8BAAC,qCAAiB,IAAC,KAAK,EAAC,+BAA+B;YACtD,8BAAC,2BAAY,IACX,QAAQ,EAAE,oBAAoB,EAC9B,cAAc,EAAE,cAAc,EAC9B,iBAAiB,EAAE,iBAAiB,GACpC,CACgB,CACF,CACrB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,oBAAoB,CAAC"}

package/build/cjs/ocm/components/clusterWizard/disconnected/OptionalConfigurationsStep.js

@@ -1,204 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const React = tslib_1.__importStar(require("react"));
-const formik_1 = require("formik");
-const Yup = tslib_1.__importStar(require("yup"));
-const common_1 = require("../../../../common");
-const react_core_1 = require("@patternfly/react-core");
-const ClusterWizardContext_1 = require("../ClusterWizardContext");
-const ClusterWizardFooter_1 = tslib_1.__importDefault(require("../ClusterWizardFooter"));
-const ClusterWizardNavigation_1 = tslib_1.__importDefault(require("../ClusterWizardNavigation"));
-const WithErrorBoundary_1 = require("../../../../common/components/ErrorHandling/WithErrorBoundary");
-const UploadSSH_1 = tslib_1.__importDefault(require("../../../../common/components/clusterConfiguration/UploadSSH"));
-const PullSecretField_1 = tslib_1.__importDefault(require("../../../../common/components/ui/formik/PullSecretField"));
-const ProxyFields_1 = require("../../../../common/components/clusterConfiguration/ProxyFields");
-const api_1 = require("../../../../common/api");
-const AlertsContextProvider_1 = require("../../../../common/components/AlertsContextProvider");
-const react_core_2 = require("@patternfly/react-core");
-const InfraEnvsService_1 = tslib_1.__importDefault(require("../../../services/InfraEnvsService"));
-const apis_1 = require("../../../services/apis");
-const usePullSecret_1 = tslib_1.__importDefault(require("../../../hooks/usePullSecret"));
-const react_router_dom_v5_compat_1 = require("react-router-dom-v5-compat");
-const ClustersService_1 = tslib_1.__importDefault(require("../../../services/ClustersService"));
-const HostsNetworkConfigurationControlGroup_1 = require("../../clusterConfiguration/HostsNetworkConfigurationControlGroup");
-const types_1 = require("../../../services/types");
-const use_translation_wrapper_1 = require("../../../../common/hooks/use-translation-wrapper");
-const dummyData_1 = require("../../clusterConfiguration/staticIp/data/dummyData");
-const ntpValidation_1 = require("../../../../common/validationSchemas/ntpValidation");
-const DEFAULT_CPU_ARCHITECTURE = 'x86_64';
-const DISCONNECTED_IMAGE_TYPE = 'disconnected-iso';
-const DEFAULT_INITIAL_VALUES = {
-    sshPublicKey: '',
-    pullSecret: '',
-    enableProxy: false,
-    httpProxy: '',
-    httpsProxy: '',
-    noProxy: '',
-    enableNtpSources: false,
-    additionalNtpSources: '',
-    hostsNetworkConfigurationType: types_1.HostsNetworkConfigurationType.DHCP,
-    rendezvousIp: '',
-};
-/**
- * Rehydrate form values from infraEnv and optional stored pull secret (API does not return pull secret).
- */
-const infraEnvToFormValues = (infraEnv, storedPullSecret) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-    return (Object.assign(Object.assign({}, DEFAULT_INITIAL_VALUES), { sshPublicKey: (_a = infraEnv.sshAuthorizedKey) !== null && _a !== void 0 ? _a : '', pullSecret: storedPullSecret !== null && storedPullSecret !== void 0 ? storedPullSecret : '', enableProxy: !!(((_b = infraEnv.proxy) === null || _b === void 0 ? void 0 : _b.httpProxy) || ((_c = infraEnv.proxy) === null || _c === void 0 ? void 0 : _c.httpsProxy)), httpProxy: (_e = (_d = infraEnv.proxy) === null || _d === void 0 ? void 0 : _d.httpProxy) !== null && _e !== void 0 ? _e : '', httpsProxy: (_g = (_f = infraEnv.proxy) === null || _f === void 0 ? void 0 : _f.httpsProxy) !== null && _g !== void 0 ? _g : '', noProxy: (_j = (_h = infraEnv.proxy) === null || _h === void 0 ? void 0 : _h.noProxy) !== null && _j !== void 0 ? _j : '', enableNtpSources: !!infraEnv.additionalNtpSources, additionalNtpSources: (_k = infraEnv.additionalNtpSources) !== null && _k !== void 0 ? _k : '', hostsNetworkConfigurationType: infraEnv.hostsNetworkConfigurationType === 'static'
-            ? types_1.HostsNetworkConfigurationType.STATIC
-            : types_1.HostsNetworkConfigurationType.DHCP, rendezvousIp: (_l = infraEnv.rendezvousIp) !== null && _l !== void 0 ? _l : '' }));
-};
-/**
- * Builds common infrastructure environment params from form values
- */
-const buildInfraEnvParams = (values) => {
-    // Build proxy object - only include fields that have values
-    const proxy = Object.assign(Object.assign(Object.assign({}, (values.httpProxy && { httpProxy: values.httpProxy })), (values.httpsProxy && { httpsProxy: values.httpsProxy })), (values.noProxy && { noProxy: values.noProxy }));
-    const hasProxy = Object.keys(proxy).length > 0;
-    return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ pullSecret: values.pullSecret }, (values.sshPublicKey && { sshAuthorizedKey: values.sshPublicKey })), (hasProxy && { proxy })), (values.additionalNtpSources && {
-        additionalNtpSources: values.additionalNtpSources,
-    })), (values.rendezvousIp && { rendezvousIp: values.rendezvousIp })), (values.hostsNetworkConfigurationType === types_1.HostsNetworkConfigurationType.STATIC && {
-        staticNetworkConfig: (0, dummyData_1.getDummyInfraEnvField)(),
-    }));
-};
-const getValidationSchema = (t) => Yup.lazy((values) => Yup.object().shape({
-    sshPublicKey: (0, common_1.sshPublicKeyValidationSchema)(t),
-    pullSecret: (0, common_1.pullSecretValidationSchema)(t).required('Required field'),
-    enableProxy: Yup.boolean().required(),
-    httpProxy: (0, common_1.httpProxyValidationSchema)({
-        values,
-        pairValueName: 'httpsProxy',
-        allowEmpty: true,
-        t,
-    }),
-    httpsProxy: (0, common_1.httpProxyValidationSchema)({
-        values,
-        pairValueName: 'httpProxy',
-        allowEmpty: true,
-        t,
-    }),
-    noProxy: (0, common_1.noProxyValidationSchema)(t),
-    enableNtpSources: Yup.boolean().required(),
-    additionalNtpSources: (0, ntpValidation_1.ntpSourceValidationSchema)(t),
-    hostsNetworkConfigurationType: Yup.string()
-        .oneOf(Object.values(types_1.HostsNetworkConfigurationType))
-        .required(),
-    rendezvousIp: Yup.string()
-        .max(45, 'IP address must be at most 45 characters')
-        .test('ip-validation', 'Not a valid IP address', (value) => !value || (0, common_1.ipValidationSchema)(t).isValidSync(value)),
-}));
-const PullSecretSync = () => {
-    const defaultPullSecret = (0, usePullSecret_1.default)();
-    const { setFieldValue, values: { pullSecret }, } = (0, formik_1.useFormikContext)();
-    React.useEffect(() => {
-        if (defaultPullSecret !== undefined && pullSecret === '') {
-            setFieldValue('pullSecret', defaultPullSecret);
-        }
-    }, [defaultPullSecret, pullSecret, setFieldValue]);
-    return null;
-};
-const OptionalConfigurationsStep = () => {
-    const { clusterId } = (0, react_router_dom_v5_compat_1.useParams)();
-    const [cluster, setCluster] = React.useState(null);
-    const { t } = (0, use_translation_wrapper_1.useTranslation)();
-    const { moveNext, moveBack, setDisconnectedInfraEnv, disconnectedInfraEnv, disconnectedFormPullSecret, setDisconnectedFormPullSecret, disconnectedFormEditPullSecret, setDisconnectedFormEditPullSecret, } = (0, ClusterWizardContext_1.useClusterWizardContext)();
-    const { addAlert, clearAlerts } = (0, AlertsContextProvider_1.useAlerts)();
-    React.useEffect(() => {
-        const fetchCluster = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-            if (!clusterId) {
-                return;
-            }
-            try {
-                const fetchedCluster = yield ClustersService_1.default.get(clusterId);
-                setCluster(fetchedCluster);
-            }
-            catch (error) {
-                (0, api_1.handleApiError)(error, () => {
-                    addAlert({
-                        title: t('ai:Failed to fetch cluster'),
-                        message: (0, api_1.getApiErrorMessage)(error),
-                        variant: react_core_2.AlertVariant.danger,
-                    });
-                });
-            }
-        });
-        void fetchCluster();
-    }, [clusterId, addAlert, t]);
-    const initialValues = disconnectedInfraEnv
-        ? infraEnvToFormValues(disconnectedInfraEnv, disconnectedFormPullSecret)
-        : DEFAULT_INITIAL_VALUES;
-    return (React.createElement(formik_1.Formik, { initialValues: initialValues, validateOnMount: true, validationSchema: getValidationSchema(t), onSubmit: (values) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
-            clearAlerts();
-            if (!(cluster === null || cluster === void 0 ? void 0 : cluster.id)) {
-                addAlert({
-                    title: t('ai:Missing cluster'),
-                    message: t('ai:Cluster must be created before configuring infrastructure environment'),
-                    variant: react_core_2.AlertVariant.danger,
-                });
-                return;
-            }
-            const commonParams = buildInfraEnvParams(values);
-            try {
-                if (disconnectedInfraEnv === null || disconnectedInfraEnv === void 0 ? void 0 : disconnectedInfraEnv.id) {
-                    // Update existing infraEnv
-                    const updateParams = Object.assign(Object.assign({}, commonParams), { imageType: DISCONNECTED_IMAGE_TYPE });
-                    const { data: updatedInfraEnv } = yield apis_1.InfraEnvsAPI.update(disconnectedInfraEnv.id, updateParams);
-                    setDisconnectedFormPullSecret(values.pullSecret);
-                    setDisconnectedFormEditPullSecret(disconnectedFormEditPullSecret !== null && disconnectedFormEditPullSecret !== void 0 ? disconnectedFormEditPullSecret : !!(disconnectedInfraEnv === null || disconnectedInfraEnv === void 0 ? void 0 : disconnectedInfraEnv.pullSecretSet));
-                    setDisconnectedInfraEnv(Object.assign(Object.assign({}, updatedInfraEnv), { 
-                        // infraEnv does not return the whole OCP version
-                        openshiftVersion: cluster.openshiftVersion }));
-                }
-                else {
-                    // Create new infraEnv
-                    const createParams = Object.assign({ name: InfraEnvsService_1.default.makeInfraEnvName(DEFAULT_CPU_ARCHITECTURE, cluster.name), clusterId: cluster.id, openshiftVersion: cluster.openshiftVersion, cpuArchitecture: DEFAULT_CPU_ARCHITECTURE, imageType: DISCONNECTED_IMAGE_TYPE }, commonParams);
-                    const createdInfraEnv = yield InfraEnvsService_1.default.create(createParams);
-                    setDisconnectedFormPullSecret(values.pullSecret);
-                    setDisconnectedFormEditPullSecret(disconnectedFormEditPullSecret !== null && disconnectedFormEditPullSecret !== void 0 ? disconnectedFormEditPullSecret : !!(disconnectedInfraEnv === null || disconnectedInfraEnv === void 0 ? void 0 : disconnectedInfraEnv.pullSecretSet));
-                    setDisconnectedInfraEnv(Object.assign(Object.assign({}, createdInfraEnv), { 
-                        // infraEnv does not return the whole OCP version
-                        openshiftVersion: cluster.openshiftVersion }));
-                }
-                moveNext();
-            }
-            catch (error) {
-                (0, api_1.handleApiError)(error, () => {
-                    addAlert({
-                        title: (disconnectedInfraEnv === null || disconnectedInfraEnv === void 0 ? void 0 : disconnectedInfraEnv.id)
-                            ? t('ai:Failed to update infrastructure environment')
-                            : t('ai:Failed to create infrastructure environment'),
-                        message: (0, api_1.getApiErrorMessage)(error),
-                        variant: react_core_2.AlertVariant.danger,
-                    });
-                });
-            }
-        }) }, ({ submitForm, isValid, errors, touched, isSubmitting, values }) => {
-        const errorFields = (0, common_1.getFormikErrorFields)(errors, touched);
-        const handleNext = () => {
-            void submitForm(); // This will trigger onSubmit
-        };
-        return (React.createElement(common_1.ClusterWizardStep, { navigation: React.createElement(ClusterWizardNavigation_1.default, null), footer: React.createElement(ClusterWizardFooter_1.default, { disconnectedClusterId: clusterId, onNext: handleNext, onBack: moveBack, isNextDisabled: !isValid || !cluster, errorFields: errorFields, isSubmitting: isSubmitting }) },
-            React.createElement(WithErrorBoundary_1.WithErrorBoundary, { title: "Failed to load Optional Configurations step" },
-                React.createElement(PullSecretSync, null),
-                React.createElement(react_core_1.Grid, { hasGutter: true },
-                    React.createElement(react_core_1.GridItem, null,
-                        React.createElement(react_core_1.Split, null,
-                            React.createElement(react_core_1.SplitItem, null,
-                                React.createElement(react_core_1.Content, { component: "h2" }, t('ai:Optional configurations'))),
-                            React.createElement(react_core_1.SplitItem, null,
-                                React.createElement(common_1.TechnologyPreview, null)))),
-                    React.createElement(react_core_1.GridItem, null,
-                        React.createElement(react_core_1.Form, { id: "wizard-cluster-optional-configurations__form" },
-                            React.createElement(common_1.InputField, { label: t('ai:Rendezvous IP'), name: "rendezvousIp", helperText: t('ai:The IP address that hosts will use to communicate with the bootstrap node during installation.'), placeholder: "e.g., 192.168.1.10", maxLength: 45 }),
-                            React.createElement(UploadSSH_1.default, null),
-                            React.createElement(react_core_1.Checkbox, { label: t('ai:Edit pull secret'), isChecked: disconnectedFormEditPullSecret !== null && disconnectedFormEditPullSecret !== void 0 ? disconnectedFormEditPullSecret : !!(disconnectedInfraEnv === null || disconnectedInfraEnv === void 0 ? void 0 : disconnectedInfraEnv.pullSecretSet), onChange: (_, checked) => setDisconnectedFormEditPullSecret(checked), id: "edit-pull-secret-checkbox" }),
-                            (disconnectedFormEditPullSecret !== null && disconnectedFormEditPullSecret !== void 0 ? disconnectedFormEditPullSecret : !!(disconnectedInfraEnv === null || disconnectedInfraEnv === void 0 ? void 0 : disconnectedInfraEnv.pullSecretSet)) && (React.createElement(PullSecretField_1.default, { isOcm: api_1.isInOcm })),
-                            React.createElement(common_1.CheckboxField, { label: t('ai:Configure proxy settings'), name: "enableProxy", helperText: React.createElement("p", null, t('ai:If hosts are behind a firewall that requires the use of a proxy, provide additional information about the proxy.')), body: values.enableProxy && React.createElement(ProxyFields_1.ProxyInputFields, null) }),
-                            React.createElement(common_1.CheckboxField, { label: t('ai:Add your own NTP (Network Time Protocol) sources'), name: "enableNtpSources", helperText: React.createElement("p", null, t('ai:Configure your own NTP sources to synchronize the time between the hosts that will be added to this infrastructure environment.')), body: values.enableNtpSources && (React.createElement(react_core_1.Grid, { hasGutter: true },
-                                    React.createElement(common_1.AdditionalNTPSourcesField, { name: "additionalNtpSources", helperText: t('ai:A comma separated list of IP or domain names of the NTP pools or servers.') }))) }),
-                            React.createElement(HostsNetworkConfigurationControlGroup_1.HostsNetworkConfigurationControlGroup, { clusterExists: false, isDisabled: false })))))));
-    }));
-};
-exports.default = OptionalConfigurationsStep;
-//# sourceMappingURL=OptionalConfigurationsStep.js.map