@openshift-assisted/ui-lib 2.55.0 → 2.56.0

package/build/cjs/ocm/components/wizard/steps/disconnected/DisconnectedReviewStep.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DisconnectedReviewStep = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const formik_1 = require("formik");
+const file_saver_1 = require("file-saver");
+const react_router_1 = require("react-router");
+const react_core_1 = require("@patternfly/react-core");
+const common_1 = require("../../../../../common");
+const wizardComponents_1 = require("../../wizardComponents");
+const clusterWizardContext_1 = require("../../clusterWizardContext");
+const BasicStep_1 = require("./BasicStep");
+const DisconnectedReviewStep = () => {
+    var _a, _b;
+    const { moveBack, disconnectedInfraEnv } = (0, clusterWizardContext_1.useClusterWizardContext)();
+    const opSpecs = (0, common_1.getOperatorSpecs)(() => undefined);
+    const navigate = (0, react_router_1.useNavigate)();
+    return (React.createElement(formik_1.Formik, { initialValues: {}, onSubmit: () => {
+            // nothing to do
+        } },
+        React.createElement(common_1.ClusterWizardStep, { navigation: React.createElement(wizardComponents_1.ClusterWizardNavigation, null), footer: React.createElement(wizardComponents_1.ClusterWizardFooter, { onNext: () => {
+                    var _a;
+                    (0, file_saver_1.saveAs)((_a = disconnectedInfraEnv === null || disconnectedInfraEnv === void 0 ? void 0 : disconnectedInfraEnv.downloadUrl) !== null && _a !== void 0 ? _a : '');
+                    void navigate('/cluster-list');
+                }, onBack: moveBack, nextButtonText: "Download ISO" }) },
+            React.createElement(common_1.WithErrorBoundary, { title: "Failed to load Review step" },
+                React.createElement(react_core_1.Grid, { hasGutter: true },
+                    React.createElement(react_core_1.Split, null,
+                        React.createElement(react_core_1.SplitItem, null,
+                            React.createElement(react_core_1.Content, { component: "h2" }, "Review and download ISO")),
+                        React.createElement(react_core_1.SplitItem, null,
+                            React.createElement(common_1.TechnologyPreview, null))),
+                    React.createElement(react_core_1.Alert, { isInline: true, variant: "info", title: "Discovery ISO boot instructions" },
+                        React.createElement(react_core_1.List, { component: react_core_1.ListComponent.ol, type: react_core_1.OrderType.number },
+                            React.createElement(react_core_1.ListItem, null, "Download ISO"),
+                            React.createElement(react_core_1.ListItem, null,
+                                "Download or copy your pull secret from",
+                                ' ',
+                                React.createElement("a", { href: common_1.PULL_SECRET_INFO_LINK, target: "_blank", rel: "noopener noreferrer" }, "here")),
+                            React.createElement(react_core_1.ListItem, null, "Boot your cluster's machines from this ISO and follow instructions"),
+                            React.createElement(react_core_1.ListItem, null, "Provide your pull secret inside the installation wizard when requested"))),
+                    React.createElement(react_core_1.Alert, { isInline: true, isExpandable: true, variant: "info", title: "List of available operators" },
+                        React.createElement(react_core_1.List, null, common_1.singleClusterOperators.map((o) => {
+                            const operator = Object.values(opSpecs)
+                                .flatMap((op) => op)
+                                .find((op) => op.operatorKey === o);
+                            return React.createElement(react_core_1.ListItem, { key: o }, operator ? operator.title : o);
+                        }))),
+                    React.createElement(react_core_1.DescriptionList, { isHorizontal: true },
+                        React.createElement(react_core_1.DescriptionListGroup, null,
+                            React.createElement(react_core_1.DescriptionListTerm, null, "OpenShift version"),
+                            React.createElement(react_core_1.DescriptionListDescription, null, (_a = disconnectedInfraEnv === null || disconnectedInfraEnv === void 0 ? void 0 : disconnectedInfraEnv.openshiftVersion) !== null && _a !== void 0 ? _a : BasicStep_1.DISCONNECTED_OPENSHIFT_VERSION)),
+                        React.createElement(react_core_1.DescriptionListGroup, null,
+                            React.createElement(react_core_1.DescriptionListTerm, null, "CPU architecture"),
+                            React.createElement(react_core_1.DescriptionListDescription, null, (_b = disconnectedInfraEnv === null || disconnectedInfraEnv === void 0 ? void 0 : disconnectedInfraEnv.cpuArchitecture) !== null && _b !== void 0 ? _b : 'x86_64')),
+                        React.createElement(react_core_1.DescriptionListGroup, null,
+                            React.createElement(react_core_1.DescriptionListTerm, null, "ISO size"),
+                            React.createElement(react_core_1.DescriptionListDescription, null, "approx. 43.5GB"))))))));
+};
+exports.DisconnectedReviewStep = DisconnectedReviewStep;
+//# sourceMappingURL=DisconnectedReviewStep.js.map

package/build/cjs/ocm/components/wizard/steps/disconnected/DisconnectedReviewStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisconnectedReviewStep.js","sourceRoot":"","sources":["../../../../../../../lib/ocm/components/wizard/steps/disconnected/DisconnectedReviewStep.tsx"],"names":[],"mappings":"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"}

package/build/cjs/ocm/components/wizard/steps/disconnected/InstallDisconnectedSwitch.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InstallDisconnectedSwitch = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const common_1 = require("../../../../../common");
+const clusterWizardContext_1 = require("../../clusterWizardContext");
+const InstallDisconnectedSwitch = ({ isDisabled }) => {
+    const { t } = (0, common_1.useTranslation)();
+    const { installDisconnected, setInstallDisconnected } = (0, clusterWizardContext_1.useClusterWizardContext)();
+    const switchBtn = (React.createElement(react_core_1.Switch, { id: "disconnected-install-switch", isChecked: installDisconnected, onChange: (_, checked) => setInstallDisconnected(checked), ouiaId: "DisconnectedInstall", isDisabled: isDisabled }));
+    return isDisabled ? (React.createElement(react_core_1.Tooltip, { content: React.createElement("div", null, t('ai:This option is not editable after the draft cluster is created')) }, switchBtn)) : (switchBtn);
+};
+exports.InstallDisconnectedSwitch = InstallDisconnectedSwitch;
+//# sourceMappingURL=InstallDisconnectedSwitch.js.map

package/build/cjs/ocm/components/wizard/steps/disconnected/InstallDisconnectedSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InstallDisconnectedSwitch.js","sourceRoot":"","sources":["../../../../../../../lib/ocm/components/wizard/steps/disconnected/InstallDisconnectedSwitch.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,uDAAyD;AACzD,kDAAuD;AACvD,qEAAqE;AAE9D,MAAM,yBAAyB,GAAG,CAAC,EAAE,UAAU,EAA4B,EAAE,EAAE;IACpF,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,uBAAc,GAAE,CAAC;IAC/B,MAAM,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,GAAG,IAAA,8CAAuB,GAAE,CAAC;IAElF,MAAM,SAAS,GAAG,CAChB,oBAAC,mBAAM,IACL,EAAE,EAAC,6BAA6B,EAChC,SAAS,EAAE,mBAAmB,EAC9B,QAAQ,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,CAAC,sBAAsB,CAAC,OAAO,CAAC,EACzD,MAAM,EAAC,qBAAqB,EAC5B,UAAU,EAAE,UAAU,GACtB,CACH,CAAC;IAEF,OAAO,UAAU,CAAC,CAAC,CAAC,CAClB,oBAAC,oBAAO,IACN,OAAO,EAAE,iCAAM,CAAC,CAAC,mEAAmE,CAAC,CAAO,IAE3F,SAAS,CACF,CACX,CAAC,CAAC,CAAC,CACF,SAAS,CACV,CAAC;AACJ,CAAC,CAAC;AAvBW,QAAA,yBAAyB,6BAuBpC"}

package/build/cjs/ocm/components/wizard/steps/disconnected/OptionalConfigurationsStep.js

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OptionalConfigurationsStep = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+const Yup = tslib_1.__importStar(require("yup"));
+const formik_1 = require("formik");
+const react_core_1 = require("@patternfly/react-core");
+const react_core_2 = require("@patternfly/react-core");
+const common_1 = require("../../../../../common");
+const hooks_1 = require("../../../../hooks");
+const clusterWizardContext_1 = require("../../clusterWizardContext");
+const wizardComponents_1 = require("../../wizardComponents");
+const BasicStep_1 = require("./BasicStep");
+const DISCONNECTED_IMAGE_TYPE = 'disconnected-iso';
+const DISCONNECTED_CLUSTER_NAME = 'disconnected-cluster';
+const OptionalConfigurationsForm = ({ defaultPullSecret, isSubmitting, }) => {
+    const { moveBack } = (0, clusterWizardContext_1.useClusterWizardContext)();
+    const { isValid, submitForm } = (0, formik_1.useFormikContext)();
+    return (React.createElement(common_1.ClusterWizardStep, { navigation: React.createElement(wizardComponents_1.ClusterWizardNavigation, null), footer: React.createElement(wizardComponents_1.ClusterWizardFooter, { onNext: () => void submitForm(), onBack: moveBack, isSubmitting: isSubmitting, isNextDisabled: !isValid }) },
+        React.createElement(common_1.WithErrorBoundary, { title: "Failed to load Optional configurations step" },
+            React.createElement(react_core_2.Grid, { hasGutter: true },
+                React.createElement(react_core_2.GridItem, null,
+                    React.createElement(react_core_2.Content, { component: "h2" }, "Optional configurations")),
+                React.createElement(react_core_2.GridItem, null,
+                    React.createElement(react_core_2.Form, { id: "wizard-cluster-optional-config__form" },
+                        React.createElement(common_1.UploadSSH, null),
+                        !common_1.isInOcm && React.createElement(common_1.PullSecret, { isOcm: false, defaultPullSecret: defaultPullSecret })))))));
+};
+const OptionalConfigurationsStep = () => {
+    var _a;
+    const { t } = (0, common_1.useTranslation)();
+    const { moveNext, disconnectedCluster, setDisconnectedCluster, disconnectedInfraEnv, setDisconnectedInfraEnv, } = (0, clusterWizardContext_1.useClusterWizardContext)();
+    const { addAlert, clearAlerts } = (0, common_1.useAlerts)();
+    const [isSubmitting, setIsSubmitting] = React.useState(false);
+    const defaultPullSecret = (0, hooks_1.usePullSecret)();
+    const validationSchema = React.useMemo(() => Yup.object({
+        sshPublicKey: (0, common_1.sshPublicKeyValidationSchema)(t),
+        pullSecret: common_1.isInOcm ? Yup.string() : (0, common_1.pullSecretValidationSchema)(t),
+    }), [t]);
+    const initialValues = {
+        sshPublicKey: (_a = disconnectedInfraEnv === null || disconnectedInfraEnv === void 0 ? void 0 : disconnectedInfraEnv.sshAuthorizedKey) !== null && _a !== void 0 ? _a : '',
+        pullSecret: defaultPullSecret !== null && defaultPullSecret !== void 0 ? defaultPullSecret : '',
+    };
+    const handleNext = React.useCallback((values) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        clearAlerts();
+        setIsSubmitting(true);
+        try {
+            const pullSecretToUse = common_1.isInOcm ? defaultPullSecret !== null && defaultPullSecret !== void 0 ? defaultPullSecret : '' : values.pullSecret;
+            if ((disconnectedCluster === null || disconnectedCluster === void 0 ? void 0 : disconnectedCluster.id) && (disconnectedInfraEnv === null || disconnectedInfraEnv === void 0 ? void 0 : disconnectedInfraEnv.id)) {
+                const { data: updatedInfraEnv } = yield common_1.InfraEnvsAPI.update(disconnectedInfraEnv.id, {
+                    sshAuthorizedKey: values.sshPublicKey,
+                });
+                setDisconnectedInfraEnv(updatedInfraEnv);
+            }
+            else {
+                const { data: cluster } = yield common_1.ClustersAPI.registerDisconnected({
+                    name: DISCONNECTED_CLUSTER_NAME,
+                    openshiftVersion: BasicStep_1.DISCONNECTED_OPENSHIFT_VERSION,
+                });
+                setDisconnectedCluster(cluster);
+                const { data: createdInfraEnv } = yield common_1.InfraEnvsAPI.register({
+                    name: 'disconnected-infra-env',
+                    pullSecret: pullSecretToUse,
+                    clusterId: cluster.id,
+                    imageType: DISCONNECTED_IMAGE_TYPE,
+                    openshiftVersion: BasicStep_1.DISCONNECTED_OPENSHIFT_VERSION,
+                    sshAuthorizedKey: values.sshPublicKey || undefined,
+                });
+                setDisconnectedInfraEnv(createdInfraEnv);
+            }
+            moveNext();
+        }
+        catch (error) {
+            (0, common_1.handleApiError)(error, () => {
+                addAlert({
+                    title: 'Failed to save optional configurations',
+                    message: (0, common_1.getApiErrorMessage)(error),
+                    variant: react_core_1.AlertVariant.danger,
+                });
+            });
+        }
+        finally {
+            setIsSubmitting(false);
+        }
+    }), [
+        clearAlerts,
+        defaultPullSecret,
+        disconnectedCluster,
+        disconnectedInfraEnv,
+        setDisconnectedCluster,
+        setDisconnectedInfraEnv,
+        addAlert,
+        moveNext,
+    ]);
+    return (React.createElement(formik_1.Formik, { initialValues: initialValues, enableReinitialize: true, validationSchema: validationSchema, onSubmit: (values) => void handleNext(values) },
+        React.createElement(OptionalConfigurationsForm, { defaultPullSecret: defaultPullSecret, isSubmitting: isSubmitting })));
+};
+exports.OptionalConfigurationsStep = OptionalConfigurationsStep;
+exports.default = exports.OptionalConfigurationsStep;
+//# sourceMappingURL=OptionalConfigurationsStep.js.map

package/build/cjs/ocm/components/wizard/steps/disconnected/OptionalConfigurationsStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionalConfigurationsStep.js","sourceRoot":"","sources":["../../../../../../../lib/ocm/components/wizard/steps/disconnected/OptionalConfigurationsStep.tsx"],"names":[],"mappings":"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"}

package/build/cjs/ocm/components/wizard/steps/disconnected/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./InstallDisconnectedSwitch"), exports);
+tslib_1.__exportStar(require("./BasicStep"), exports);
+tslib_1.__exportStar(require("./OptionalConfigurationsStep"), exports);
+tslib_1.__exportStar(require("./DisconnectedReviewStep"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/ocm/components/wizard/steps/disconnected/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../lib/ocm/components/wizard/steps/disconnected/index.tsx"],"names":[],"mappings":";;;AAAA,sEAA4C;AAC5C,sDAA4B;AAC5B,uEAA6C;AAC7C,mEAAyC"}

package/build/cjs/ocm/components/wizard/steps/hostDiscovery/HostDiscovery.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HostDiscovery = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_redux_1 = require("react-redux");
+const formik_1 = require("formik");
+const common_1 = require("../../../../../common");
+const services_1 = require("../../../../services");
+const store_1 = require("../../../../store");
+const hooks_1 = require("../../../../hooks");
+const utils_1 = require("../../utils");
+const clusterWizardContext_1 = require("../../clusterWizardContext");
+const wizardComponents_1 = require("../../wizardComponents");
+const HostInventory_1 = require("./HostInventory");
+const HostDiscoveryForm = ({ cluster }) => {
+    const { alerts } = (0, common_1.useAlerts)();
+    const { errors, touched, isSubmitting, isValid } = (0, formik_1.useFormikContext)();
+    const clusterWizardContext = (0, clusterWizardContext_1.useClusterWizardContext)();
+    const isAutoSaveRunning = (0, common_1.useFormikAutoSave)();
+    const errorFields = (0, common_1.getFormikErrorFields)(errors, touched);
+    const isBinding = (0, hooks_1.useLateBinding)(cluster);
+    const isNextDisabled = !isValid ||
+        !!alerts.length ||
+        isAutoSaveRunning ||
+        isSubmitting ||
+        isBinding ||
+        !(0, utils_1.canNextHostDiscovery)({ cluster });
+    const footer = (react_1.default.createElement(wizardComponents_1.ClusterWizardFooter, { cluster: cluster, errorFields: errorFields, isSubmitting: isSubmitting, isNextDisabled: isNextDisabled, onNext: () => clusterWizardContext.moveNext(), onBack: () => clusterWizardContext.moveBack(), isBackDisabled: isSubmitting || isAutoSaveRunning }));
+    return (react_1.default.createElement(common_1.ClusterWizardStep, { navigation: react_1.default.createElement(wizardComponents_1.ClusterWizardNavigation, { cluster: cluster }), footer: footer },
+        react_1.default.createElement(HostInventory_1.HostInventory, { cluster: cluster })));
+};
+const HostDiscovery = ({ cluster }) => {
+    const dispatch = (0, react_redux_1.useDispatch)();
+    const { addAlert, clearAlerts } = (0, common_1.useAlerts)();
+    const { isViewerMode } = (0, react_redux_1.useSelector)(store_1.selectCurrentClusterPermissionsState);
+    const initialValues = react_1.default.useMemo(() => (0, common_1.getHostDiscoveryInitialValues)(cluster), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
+    const onSubmit = (values) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        clearAlerts();
+        const params = {};
+        services_1.HostDiscoveryService.setSchedulableMasters(params, values, cluster);
+        try {
+            const { data } = yield services_1.ClustersService.update(cluster.id, cluster.tags, params);
+            dispatch((0, store_1.updateCluster)(data));
+        }
+        catch (e) {
+            (0, common_1.handleApiError)(e, () => addAlert({ title: 'Failed to update the cluster', message: (0, common_1.getApiErrorMessage)(e) }));
+            if ((0, common_1.isUnknownServerError)(e)) {
+                dispatch((0, store_1.setServerUpdateError)());
+            }
+        }
+    });
+    const handleSubmit = isViewerMode ? () => Promise.resolve() : onSubmit;
+    return (react_1.default.createElement(formik_1.Formik, { initialValues: initialValues, onSubmit: handleSubmit },
+        react_1.default.createElement(HostDiscoveryForm, { cluster: cluster })));
+};
+exports.HostDiscovery = HostDiscovery;
+//# sourceMappingURL=HostDiscovery.js.map

package/build/cjs/ocm/components/wizard/steps/hostDiscovery/HostDiscovery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HostDiscovery.js","sourceRoot":"","sources":["../../../../../../../lib/ocm/components/wizard/steps/hostDiscovery/HostDiscovery.tsx"],"names":[],"mappings":"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"}

package/build/cjs/ocm/components/wizard/steps/hostDiscovery/HostInventory.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HostInventory = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_redux_1 = require("react-redux");
+const react_core_1 = require("@patternfly/react-core");
+const formik_1 = require("formik");
+const common_1 = require("../../../../../common");
+const hooks_1 = require("../../../../hooks");
+const store_1 = require("../../../../store");
+const ui_1 = require("../../../ui");
+const information_1 = require("../../../information");
+const discoveryImage_1 = require("../../../discoveryImage");
+const HostsDiscoveryTable_1 = require("./HostsDiscoveryTable");
+const schedulableMastersTooltip = 'Workloads must be run on control plane nodes when less than 5 hosts are discovered';
+const HostInventory = ({ cluster }) => {
+    const isSingleClusterFeatureEnabled = (0, hooks_1.useFeature)('ASSISTED_INSTALLER_SINGLE_CLUSTER_FEATURE');
+    const mastersMustRunWorkloads = (0, common_1.selectMastersMustRunWorkloads)(cluster);
+    const { setFieldValue } = (0, formik_1.useFormikContext)();
+    const { isViewerMode } = (0, react_redux_1.useSelector)(store_1.selectCurrentClusterPermissionsState);
+    react_1.default.useEffect(() => {
+        setFieldValue('schedulableMasters', (0, common_1.selectSchedulableMasters)(cluster));
+    }, [cluster, mastersMustRunWorkloads, setFieldValue]); // Schedulable masters need to be recalculated only when forced status changes
+    return (react_1.default.createElement(react_core_1.Stack, { hasGutter: true, "data-testid": "host-inventory" },
+        react_1.default.createElement(react_core_1.StackItem, { "data-testid": "host-discovery-header" },
+            react_1.default.createElement(common_1.ClusterWizardStepHeader, null, "Host discovery")),
+        react_1.default.createElement(react_core_1.StackItem, { "data-testid": "discovery-image-modal-section" }, !isViewerMode && !isSingleClusterFeatureEnabled && (react_1.default.createElement(react_core_1.Content, { component: "p" },
+            react_1.default.createElement(discoveryImage_1.DiscoveryImageModalButton, { ButtonComponent: react_core_1.Button, cluster: cluster, idPrefix: "host-inventory" })))),
+        react_1.default.createElement(react_core_1.StackItem, { "data-testid": "schedulable-masters-section" },
+            react_1.default.createElement(react_core_1.Split, null,
+                react_1.default.createElement(react_core_1.SplitItem, null,
+                    react_1.default.createElement(ui_1.OcmSwitchField, { tooltipProps: {
+                            hidden: !mastersMustRunWorkloads,
+                            content: schedulableMastersTooltip,
+                        }, isDisabled: mastersMustRunWorkloads, name: 'schedulableMasters', label: "Run workloads on control plane nodes\u00A0", "data-testid": "schedulable-masters-switch" })),
+                react_1.default.createElement(react_core_1.SplitItem, null,
+                    react_1.default.createElement(common_1.PopoverIcon, { bodyContent: react_1.default.createElement("p", null, "Enables your control plane nodes to be used for running applications."), buttonStyle: { marginTop: '4px' }, "data-testid": "schedulable-masters-popover" })))),
+        react_1.default.createElement(react_core_1.StackItem, { "data-testid": "information-and-alerts" },
+            react_1.default.createElement(information_1.InformationAndAlerts, { cluster: cluster })),
+        react_1.default.createElement(react_core_1.StackItem, { "data-testid": "host-inventory-title" },
+            react_1.default.createElement(react_core_1.Content, { component: "h3" }, "Host Inventory")),
+        react_1.default.createElement(react_core_1.StackItem, { "data-testid": "hosts-discovery-table-wrapper" },
+            react_1.default.createElement(HostsDiscoveryTable_1.HostsDiscoveryTable, { cluster: cluster, hosts: cluster.hosts || [] }))));
+};
+exports.HostInventory = HostInventory;
+//# sourceMappingURL=HostInventory.js.map

package/build/cjs/ocm/components/wizard/steps/hostDiscovery/HostInventory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HostInventory.js","sourceRoot":"","sources":["../../../../../../../lib/ocm/components/wizard/steps/hostDiscovery/HostInventory.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,6CAA0C;AAC1C,uDAA6F;AAC7F,mCAA0C;AAE1C,kDAM+B;AAC/B,6CAA+C;AAC/C,6CAAyE;AACzE,oCAA6C;AAC7C,sDAA4D;AAC5D,4DAAoE;AACpE,+DAA4D;AAE5D,MAAM,yBAAyB,GAC7B,oFAAoF,CAAC;AAEhF,MAAM,aAAa,GAAG,CAAC,EAAE,OAAO,EAAwB,EAAE,EAAE;IACjE,MAAM,6BAA6B,GAAG,IAAA,kBAAU,EAAC,2CAA2C,CAAC,CAAC;IAC9F,MAAM,uBAAuB,GAAG,IAAA,sCAA6B,EAAC,OAAO,CAAC,CAAC;IACvE,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,yBAAgB,GAAuB,CAAC;IAClE,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,yBAAW,EAAC,4CAAoC,CAAC,CAAC;IAE3E,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,aAAa,CAAC,oBAAoB,EAAE,IAAA,iCAAwB,EAAC,OAAO,CAAC,CAAC,CAAC;IACzE,CAAC,EAAE,CAAC,OAAO,EAAE,uBAAuB,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC,8EAA8E;IAErI,OAAO,CACL,8BAAC,kBAAK,IAAC,SAAS,uBAAa,gBAAgB;QAC3C,8BAAC,sBAAS,mBAAa,uBAAuB;YAC5C,8BAAC,gCAAuB,yBAAyC,CACvD;QACZ,8BAAC,sBAAS,mBAAa,+BAA+B,IACnD,CAAC,YAAY,IAAI,CAAC,6BAA6B,IAAI,CAClD,8BAAC,oBAAO,IAAC,SAAS,EAAC,GAAG;YACpB,8BAAC,0CAAyB,IACxB,eAAe,EAAE,mBAAM,EACvB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAC,gBAAgB,GACzB,CACM,CACX,CACS;QACZ,8BAAC,sBAAS,mBAAa,6BAA6B;YAClD,8BAAC,kBAAK;gBACJ,8BAAC,sBAAS;oBACR,8BAAC,mBAAc,IACb,YAAY,EAAE;4BACZ,MAAM,EAAE,CAAC,uBAAuB;4BAChC,OAAO,EAAE,yBAAyB;yBACnC,EACD,UAAU,EAAE,uBAAuB,EACnC,IAAI,EAAE,oBAAoB,EAC1B,KAAK,EAAC,4CAA4C,iBACtC,4BAA4B,GACxC,CACQ;gBACZ,8BAAC,sBAAS;oBACR,8BAAC,oBAAW,IACV,WAAW,EACT,iHAA4E,EAE9E,WAAW,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,iBACrB,6BAA6B,GACzC,CACQ,CACN,CACE;QACZ,8BAAC,sBAAS,mBAAa,wBAAwB;YAC7C,8BAAC,kCAAoB,IAAC,OAAO,EAAE,OAAO,GAAI,CAChC;QACZ,8BAAC,sBAAS,mBAAa,sBAAsB;YAC3C,8BAAC,oBAAO,IAAC,SAAS,EAAC,IAAI,qBAAyB,CACtC;QACZ,8BAAC,sBAAS,mBAAa,+BAA+B;YACpD,8BAAC,yCAAmB,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,IAAI,EAAE,GAAI,CAC3D,CACN,CACT,CAAC;AACJ,CAAC,CAAC;AA9DW,QAAA,aAAa,iBA8DxB"}

package/build/cjs/ocm/components/wizard/steps/hostDiscovery/HostsDiscoveryTable.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HostsDiscoveryTable = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_redux_1 = require("react-redux");
+const react_core_1 = require("@patternfly/react-core");
+const common_1 = require("../../../../../common");
+const store_1 = require("../../../../store");
+const hostsTable_1 = require("../../../hostsTable");
+const clusterWizardContext_1 = require("../../clusterWizardContext");
+const NtpSyncFailureMessage_1 = require("../../../hostsTable/components/NtpSyncFailureMessage");
+const HostRowDetailExpand = ({ obj: host }) => (react_1.default.createElement(common_1.HostDetail, { key: host.id, host: host, AdditionalNTPSourcesDialogToggleComponent: hostsTable_1.AdditionalNTPSourcesDialogToggle, NtpSyncFailureMessageComponent: NtpSyncFailureMessage_1.NtpSyncFailureMessage }));
+const HostsDiscoveryTable = ({ cluster, hosts }) => {
+    const _a = (0, hostsTable_1.useHostsTable)(cluster), { onEditHost, actionChecks, onEditRole, actionResolver, onSelect, selectedHostIDs, setSelectedHostIDs, onMassChangeHostname, onMassDeleteHost } = _a, modalProps = tslib_1.__rest(_a, ["onEditHost", "actionChecks", "onEditRole", "actionResolver", "onSelect", "selectedHostIDs", "setSelectedHostIDs", "onMassChangeHostname", "onMassDeleteHost"]);
+    const { wizardPerPage, setWizardPerPage } = (0, clusterWizardContext_1.useClusterWizardContext)();
+    const { isViewerMode } = (0, react_redux_1.useSelector)(store_1.selectCurrentClusterPermissionsState);
+    const isSNOCluster = (0, common_1.isSNO)(cluster);
+    const { t } = (0, common_1.useTranslation)();
+    const content = react_1.default.useMemo(() => [
+        (0, common_1.hostnameColumn)(t, onEditHost, undefined, actionChecks.canEditHostname),
+        (0, common_1.roleColumn)(t, actionChecks.canEditRole, onEditRole, (0, common_1.selectSchedulableMasters)(cluster), cluster.kind),
+        (0, hostsTable_1.hardwareStatusColumn)({
+            onEditHostname: onEditHost,
+            openshiftVersion: cluster.openshiftVersion,
+        }),
+        (0, common_1.discoveredAtColumn)(t),
+        (0, common_1.cpuCoresColumn)(t),
+        (0, common_1.memoryColumn)(t),
+        (0, common_1.disksColumn)(t),
+        (0, common_1.countColumn)(cluster),
+    ], [t, onEditHost, actionChecks.canEditHostname, actionChecks.canEditRole, onEditRole, cluster]);
+    const paginationProps = (0, common_1.usePagination)(hosts.length, wizardPerPage, setWizardPerPage);
+    const itemIDs = hosts.map((h) => h.id);
+    const showBulkActions = !(isViewerMode || isSNOCluster);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_core_1.Stack, { hasGutter: true },
+            showBulkActions && (react_1.default.createElement(react_core_1.StackItem, null,
+                react_1.default.createElement(common_1.TableToolbar, Object.assign({ selectedIDs: selectedHostIDs || [], itemIDs: itemIDs, setSelectedIDs: setSelectedHostIDs, actions: [
+                        react_1.default.createElement(common_1.ChangeHostnameAction, { key: "hostname", onChangeHostname: onMassChangeHostname }),
+                        react_1.default.createElement(common_1.DeleteHostAction, { key: "delete", onDeleteHost: onMassDeleteHost }),
+                    ] }, paginationProps)))),
+            react_1.default.createElement(react_core_1.StackItem, null,
+                react_1.default.createElement(common_1.HostsTable, Object.assign({ testId: "hosts-discovery-table", hosts: hosts, content: content, actionResolver: actionResolver, ExpandComponent: HostRowDetailExpand, onSelect: showBulkActions ? onSelect : undefined, selectedIDs: selectedHostIDs, setSelectedIDs: setSelectedHostIDs }, paginationProps),
+                    react_1.default.createElement(common_1.HostsTableEmptyState, { isSNO: isSNOCluster, secondaryActions: [
+                            react_1.default.createElement(hostsTable_1.HostsDiscoveryTroubleshootingInfoLinkWithModal, { key: 'hosts-not-showing' }),
+                        ] })))),
+        react_1.default.createElement(hostsTable_1.HostsTableModals, Object.assign({ cluster: cluster }, modalProps))));
+};
+exports.HostsDiscoveryTable = HostsDiscoveryTable;
+//# sourceMappingURL=HostsDiscoveryTable.js.map

package/build/cjs/ocm/components/wizard/steps/hostDiscovery/HostsDiscoveryTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HostsDiscoveryTable.js","sourceRoot":"","sources":["../../../../../../../lib/ocm/components/wizard/steps/hostDiscovery/HostsDiscoveryTable.tsx"],"names":[],"mappings":"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"}

package/build/cjs/ocm/components/wizard/steps/hostDiscovery/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./HostDiscovery"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/ocm/components/wizard/steps/hostDiscovery/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../lib/ocm/components/wizard/steps/hostDiscovery/index.tsx"],"names":[],"mappings":";;;AAAA,0DAAgC"}

package/build/cjs/ocm/components/wizard/steps/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./disconnected"), exports);
+tslib_1.__exportStar(require("./clusterDetails"), exports);
+tslib_1.__exportStar(require("./staticIp"), exports);
+tslib_1.__exportStar(require("./operators"), exports);
+tslib_1.__exportStar(require("./hostDiscovery"), exports);
+tslib_1.__exportStar(require("./customManifests"), exports);
+tslib_1.__exportStar(require("./storage"), exports);
+tslib_1.__exportStar(require("./networking"), exports);
+tslib_1.__exportStar(require("./credentials"), exports);
+tslib_1.__exportStar(require("./review"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/ocm/components/wizard/steps/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../lib/ocm/components/wizard/steps/index.tsx"],"names":[],"mappings":";;;AAAA,yDAA+B;AAC/B,2DAAiC;AACjC,qDAA2B;AAC3B,sDAA4B;AAC5B,0DAAgC;AAChC,4DAAkC;AAClC,oDAA0B;AAC1B,uDAA6B;AAC7B,wDAA8B;AAC9B,mDAAyB"}

package/build/cjs/ocm/components/wizard/steps/networking/NetworkConfigurationForm.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NetworkConfigurationForm = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_redux_1 = require("react-redux");
+const formik_1 = require("formik");
+const react_core_1 = require("@patternfly/react-core");
+const common_1 = require("../../../../../common");
+const store_1 = require("../../../../store");
+const clusterWizardContext_1 = require("../../clusterWizardContext");
+const wizardComponents_1 = require("../../wizardComponents");
+const utils_1 = require("../../utils");
+const components_1 = require("./components");
+const NetworkConfigurationForm = ({ cluster, hostSubnets, defaultNetworkSettings, infraEnv }) => {
+    const { alerts } = (0, common_1.useAlerts)();
+    const clusterWizardContext = (0, clusterWizardContext_1.useClusterWizardContext)();
+    const { isViewerMode } = (0, react_redux_1.useSelector)(store_1.selectCurrentClusterPermissionsState);
+    const { errors, touched, isSubmitting, isValid, setFieldValue, values } = (0, formik_1.useFormikContext)();
+    const isAutoSaveRunning = (0, common_1.useFormikAutoSave)();
+    const errorFields = (0, common_1.getFormikErrorFields)(errors, touched);
+    // DHCP allocation is currently not supported for Nutanix hosts
+    // https://issues.redhat.com/browse/MGMT-12382
+    const isHostsPlatformTypeNutanix = react_1.default.useMemo(() => { var _a; return ((_a = cluster.platform) === null || _a === void 0 ? void 0 : _a.type) === 'nutanix'; }, [cluster.platform]);
+    react_1.default.useEffect(() => {
+        if (isHostsPlatformTypeNutanix && values.vipDhcpAllocation) {
+            setFieldValue('vipDhcpAllocation', false);
+        }
+    }, [isHostsPlatformTypeNutanix, setFieldValue, values.vipDhcpAllocation]);
+    const footer = (react_1.default.createElement(wizardComponents_1.ClusterWizardFooter, { cluster: cluster, errorFields: errorFields, isSubmitting: isSubmitting, isNextDisabled: isSubmitting ||
+            isAutoSaveRunning ||
+            !!alerts.length ||
+            !isValid ||
+            !(0, utils_1.canNextNetwork)({ cluster }), onNext: () => clusterWizardContext.moveNext(), onBack: () => clusterWizardContext.moveBack(), isBackDisabled: isSubmitting || isAutoSaveRunning }));
+    return (react_1.default.createElement(common_1.ClusterWizardStep, { navigation: react_1.default.createElement(wizardComponents_1.ClusterWizardNavigation, { cluster: cluster }), footer: footer },
+        react_1.default.createElement(react_core_1.Form, null,
+            react_1.default.createElement(react_core_1.Grid, { hasGutter: true },
+                react_1.default.createElement(react_core_1.GridItem, null,
+                    react_1.default.createElement(common_1.ClusterWizardStepHeader, null, "Networking")),
+                react_1.default.createElement(react_core_1.GridItem, { span: 12, lg: 10, xl: 9, xl2: 7 },
+                    react_1.default.createElement(react_core_1.Grid, { hasGutter: true },
+                        react_1.default.createElement(components_1.NetworkConfigurationFields, { cluster: cluster, hostSubnets: hostSubnets, defaultNetworkSettings: defaultNetworkSettings, isVipDhcpAllocationDisabled: isHostsPlatformTypeNutanix }),
+                        react_1.default.createElement(common_1.SecurityFields, { clusterSshKey: cluster.sshPublicKey, imageSshKey: infraEnv === null || infraEnv === void 0 ? void 0 : infraEnv.sshAuthorizedKey, isDisabled: isViewerMode }))),
+                react_1.default.createElement(react_core_1.GridItem, null,
+                    react_1.default.createElement(react_core_1.Content, { component: "h2" }, "Host inventory"),
+                    react_1.default.createElement(components_1.NetworkConfigurationTable, { cluster: cluster }))))));
+};
+exports.NetworkConfigurationForm = NetworkConfigurationForm;
+//# sourceMappingURL=NetworkConfigurationForm.js.map

package/build/cjs/ocm/components/wizard/steps/networking/NetworkConfigurationForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NetworkConfigurationForm.js","sourceRoot":"","sources":["../../../../../../../lib/ocm/components/wizard/steps/networking/NetworkConfigurationForm.tsx"],"names":[],"mappings":"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"}

package/build/cjs/ocm/components/wizard/steps/networking/NetworkingPage.js

@@ -0,0 +1,111 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NetworkingPage = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const formik_1 = require("formik");
+const react_redux_1 = require("react-redux");
+const common_1 = require("../../../../../common");
+const sentry_1 = require("../../../../sentry");
+const services_1 = require("../../../../services");
+const hooks_1 = require("../../../../hooks");
+const store_1 = require("../../../../store");
+const contexts_1 = require("../../../../contexts");
+const NetworkConfigurationForm_1 = require("./NetworkConfigurationForm");
+const validationSchema_1 = require("./validationSchema");
+const initialValues_1 = require("./initialValues");
+const NetworkingPage = ({ cluster }) => {
+    const { t } = (0, common_1.useTranslation)();
+    const pullSecret = (0, hooks_1.usePullSecret)();
+    const { infraEnv, error: infraEnvError, isLoading, } = (0, hooks_1.useInfraEnv)(cluster.id, cluster.cpuArchitecture
+        ? cluster.cpuArchitecture
+        : common_1.CpuArchitecture.USE_DAY1_ARCHITECTURE, cluster.name, pullSecret, cluster.openshiftVersion);
+    const defaultNetworkValues = (0, contexts_1.useDefaultConfiguration)([
+        'clusterNetworksDualstack',
+        'clusterNetworksIpv4',
+        'serviceNetworksDualstack',
+        'serviceNetworksIpv4',
+    ]);
+    const { addAlert, clearAlerts, alerts } = (0, common_1.useAlerts)();
+    const dispatch = (0, react_redux_1.useDispatch)();
+    const { isViewerMode } = (0, react_redux_1.useSelector)(store_1.selectCurrentClusterPermissionsState);
+    const hostSubnets = react_1.default.useMemo(() => (0, common_1.getHostSubnets)(cluster, true), [cluster]);
+    const featureSupportLevelData = (0, common_1.useNewFeatureSupportLevel)();
+    const isClusterManagedNetworkingUnsupported = !featureSupportLevelData.isFeatureSupported('CLUSTER_MANAGED_NETWORKING');
+    const initialValues = react_1.default.useMemo(() => (0, initialValues_1.getNetworkInitialValues)(cluster, defaultNetworkValues, isClusterManagedNetworkingUnsupported), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
+    const memoizedValidationSchema = react_1.default.useMemo(() => (0, validationSchema_1.getNetworkValidationSchema)(initialValues, hostSubnets, t, cluster.openshiftVersion), [initialValues, hostSubnets, t, cluster.openshiftVersion]);
+    react_1.default.useEffect(() => {
+        if (infraEnvError) {
+            const title = `Failed to retrieve infra env (clusterId: ${cluster.id})`;
+            //TODO(brotman) add handling of existing errors to alerts context
+            if (alerts.find((alert) => alert.title === title)) {
+                return;
+            }
+            (0, sentry_1.captureException)(infraEnvError, title);
+            addAlert({
+                title,
+                message: infraEnvError,
+            });
+        }
+        //shouldn't respond to cluster polling. shouldn't respond to alerts changes so remove alert wouldn't trigger adding it back
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [infraEnvError]);
+    const handleSubmit = (values) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        clearAlerts();
+        // update the cluster configuration
+        try {
+            const isMultiNodeCluster = !(0, common_1.isSNO)(cluster);
+            const isUserManagedNetworking = values.managedNetworkingType === 'userManaged';
+            // Only send VIPs that have a non-empty IP;
+            const apiVips = (values.apiVips || []).filter((v) => { var _a; return ((_a = v === null || v === void 0 ? void 0 : v.ip) !== null && _a !== void 0 ? _a : '').trim() !== ''; });
+            const ingressVips = (values.ingressVips || []).filter((v) => { var _a; return ((_a = v === null || v === void 0 ? void 0 : v.ip) !== null && _a !== void 0 ? _a : '').trim() !== ''; });
+            const params = {
+                apiVips,
+                ingressVips,
+                sshPublicKey: values.sshPublicKey,
+                vipDhcpAllocation: values.vipDhcpAllocation,
+                networkType: values.networkType,
+                machineNetworks: values.machineNetworks,
+                clusterNetworks: values.clusterNetworks,
+                serviceNetworks: values.serviceNetworks,
+                userManagedNetworking: isUserManagedNetworking,
+            };
+            if (params.userManagedNetworking) {
+                params.apiVips = [];
+                params.ingressVips = [];
+                if (isMultiNodeCluster) {
+                    delete params.machineNetworks;
+                }
+            }
+            else {
+                // cluster-managed can't be chosen in SNO, so this must be a multi-node cluster
+                if (values.vipDhcpAllocation) {
+                    delete params.apiVips;
+                    delete params.ingressVips;
+                }
+                else if (values.stackType === common_1.SINGLE_STACK) {
+                    // The API will rebuild the default machineNetwork
+                    params.machineNetworks = [];
+                }
+            }
+            const { data } = yield services_1.ClustersService.update(cluster.id, cluster.tags, params);
+            dispatch((0, store_1.updateClusterBase)(data));
+        }
+        catch (e) {
+            (0, common_1.handleApiError)(e, () => addAlert({ title: 'Failed to update the cluster', message: (0, common_1.getApiErrorMessage)(e) }));
+            if ((0, common_1.isUnknownServerError)(e)) {
+                dispatch((0, store_1.setServerUpdateError)());
+            }
+        }
+    });
+    if (isLoading) {
+        return react_1.default.createElement(common_1.LoadingState, null);
+    }
+    const onSubmit = isViewerMode ? () => Promise.resolve() : handleSubmit;
+    return (react_1.default.createElement(formik_1.Formik, { initialValues: initialValues, validationSchema: memoizedValidationSchema, onSubmit: onSubmit, validateOnMount: true },
+        react_1.default.createElement(NetworkConfigurationForm_1.NetworkConfigurationForm, { cluster: cluster, hostSubnets: hostSubnets, defaultNetworkSettings: defaultNetworkValues, infraEnv: infraEnv })));
+};
+exports.NetworkingPage = NetworkingPage;
+//# sourceMappingURL=NetworkingPage.js.map