@openshift-assisted/ui-lib 2.55.0 → 2.56.0

package/build/cjs/ocm/components/wizard/steps/clusterDetails/fields/ControlPlaneNodesDropdown.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ControlPlaneNodesDropdown = exports.isCPNDropdownItemEnabled = exports.ControlPlaneNodesLabel = exports.DEFAULT_VALUE_CPN = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const formik_1 = require("formik");
+const toNumber_1 = tslib_1.__importDefault(require("lodash-es/toNumber"));
+const common_1 = require("../../../../../../common");
+const use_feature_1 = require("../../../../../hooks/use-feature");
+const newFeatureSupportLevels_1 = require("../../../../../../common/components/newFeatureSupportLevels");
+const featureStateUtils_1 = require("../../../../featureSupportLevels/featureStateUtils");
+const OcmTNADisclaimer_1 = tslib_1.__importDefault(require("../../../../../../common/components/clusterConfiguration/OcmTNADisclaimer"));
+const OcmSNODisclaimer_1 = tslib_1.__importDefault(require("./OcmSNODisclaimer"));
+const INPUT_NAME = 'controlPlaneCount';
+const fieldId = (0, common_1.getFieldId)(INPUT_NAME, 'input');
+exports.DEFAULT_VALUE_CPN = 3;
+const ControlPlaneNodesLabel = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        "Number of control plane nodes",
+        ' ',
+        react_1.default.createElement(common_1.PopoverIcon, { bodyContent: react_1.default.createElement(react_1.default.Fragment, null, "Control plane nodes manage workloads, maintain cluster state, and ensure stability. Using more than three nodes boosts fault tolerance and availability, reducing downtime during failures.") })));
+};
+exports.ControlPlaneNodesLabel = ControlPlaneNodesLabel;
+const isCPNDropdownItemEnabled = (controlPlaneNodeCount, isNonStandardControlPlaneEnabled, isTnaEnabled) => {
+    if (controlPlaneNodeCount === 4 || controlPlaneNodeCount === 5) {
+        return isNonStandardControlPlaneEnabled;
+    }
+    if (controlPlaneNodeCount === 2) {
+        return isTnaEnabled;
+    }
+    return true;
+};
+exports.isCPNDropdownItemEnabled = isCPNDropdownItemEnabled;
+const ControlPlaneNodesDropdown = ({ featureSupportLevelData, }) => {
+    const [field, , { setValue }] = (0, formik_1.useField)(INPUT_NAME);
+    const [isOpen, setOpen] = react_1.default.useState(false);
+    const newFeatureSupportLevelContext = (0, newFeatureSupportLevels_1.useNewFeatureSupportLevel)();
+    const isSingleClusterFeatureEnabled = (0, use_feature_1.useFeature)('ASSISTED_INSTALLER_SINGLE_CLUSTER_FEATURE');
+    const snoExpansion = newFeatureSupportLevelContext.isFeatureSupported('SINGLE_NODE_EXPANSION', featureSupportLevelData !== null && featureSupportLevelData !== void 0 ? featureSupportLevelData : undefined);
+    const disabledReason = 'This option is not available with the current configurations. Make sure that OpenShift version is 4.19 or newer and no external platform integration is selected.';
+    const isNonStandardControlPlaneEnabled = newFeatureSupportLevelContext.isFeatureSupported('NON_STANDARD_HA_CONTROL_PLANE', featureSupportLevelData !== null && featureSupportLevelData !== void 0 ? featureSupportLevelData : undefined);
+    const tnaSupport = newFeatureSupportLevelContext.getFeatureSupportLevel('TNA', featureSupportLevelData !== null && featureSupportLevelData !== void 0 ? featureSupportLevelData : undefined);
+    const isTnaEnabled = (0, featureStateUtils_1.isFeatureSupportedAndAvailable)(tnaSupport || 'unsupported');
+    const options = [
+        { value: 1, label: '1 (Single Node OpenShift)' },
+        {
+            value: 2,
+            label: '2 (Two-Nodes Arbiter)',
+            badge: tnaSupport === 'tech-preview' ? (react_1.default.createElement(common_1.TechnologyPreview, { position: common_1.PreviewBadgePosition.default })) : undefined,
+            hidden: isSingleClusterFeatureEnabled,
+        },
+        { value: 3, label: '3 (highly available cluster)' },
+        { value: 4, label: '4 (highly available cluster+)' },
+        { value: 5, label: '5 (highly available cluster++)' },
+    ].filter(({ hidden }) => !hidden);
+    react_1.default.useEffect(() => {
+        if (!field.value) {
+            setValue(exports.DEFAULT_VALUE_CPN);
+        }
+    }, [field.value, setValue]);
+    const onSelect = (event) => {
+        const selectedValue = event === null || event === void 0 ? void 0 : event.currentTarget.id;
+        setValue((0, toNumber_1.default)(selectedValue));
+        setOpen(false);
+    };
+    const dropdownItems = options.map(({ value, label, badge }) => {
+        const isItemEnabled = (0, exports.isCPNDropdownItemEnabled)(value, isNonStandardControlPlaneEnabled, isTnaEnabled);
+        return (react_1.default.createElement(react_core_1.DropdownItem, { key: value, id: value.toString(), isAriaDisabled: !isItemEnabled },
+            react_1.default.createElement(react_core_1.Tooltip, { hidden: isItemEnabled, content: disabledReason, position: "top" },
+                react_1.default.createElement("div", null,
+                    label,
+                    " ",
+                    badge))));
+    });
+    const toggle = (toggleRef) => {
+        var _a;
+        return (react_1.default.createElement(react_core_1.MenuToggle, { id: fieldId, ref: toggleRef, onClick: () => setOpen(!isOpen), isExpanded: isOpen, className: "pf-v6-u-w-100", "data-testid": "control-plane-nodes-dropdown-toggle" }, ((_a = options.find((opt) => opt.value === field.value)) === null || _a === void 0 ? void 0 : _a.label) || 'Select'));
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_core_1.FormGroup, { id: `form-control__${fieldId}`, label: react_1.default.createElement(exports.ControlPlaneNodesLabel, null), fieldId: fieldId },
+            react_1.default.createElement(react_core_1.Dropdown, { id: `${fieldId}-dropdown`, isOpen: isOpen, toggle: toggle, onOpenChange: () => setOpen(!isOpen), onSelect: onSelect },
+                react_1.default.createElement(react_core_1.DropdownList, null, dropdownItems))),
+        field.value === 1 && react_1.default.createElement(OcmSNODisclaimer_1.default, { snoExpansionSupported: snoExpansion }),
+        field.value === 2 && react_1.default.createElement(OcmTNADisclaimer_1.default, null)));
+};
+exports.ControlPlaneNodesDropdown = ControlPlaneNodesDropdown;
+//# sourceMappingURL=ControlPlaneNodesDropdown.js.map

package/build/cjs/ocm/components/wizard/steps/clusterDetails/fields/ControlPlaneNodesDropdown.js.map

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

package/build/cjs/ocm/components/wizard/steps/clusterDetails/fields/HostsNetworkConfigurationControlGroup.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HostsNetworkConfigurationControlGroup = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const ui_1 = require("../../../../../../common/components/ui");
+const types_1 = require("../../../../../services/types");
+const formik_1 = require("formik");
+const ClusterWizardContext_1 = require("../../../clusterWizardContext/ClusterWizardContext");
+const RadioFieldWithTooltip_1 = tslib_1.__importDefault(require("../../../../../../common/components/ui/formik/RadioFieldWithTooltip"));
+const featureStateUtils_1 = require("../../../../featureSupportLevels/featureStateUtils");
+const HostsNetworkConfigurationControlGroup = ({ clusterExists, isDisabled = false, }) => {
+    const GROUP_NAME = 'hostsNetworkConfigurationType';
+    const clusterWizardContext = (0, ClusterWizardContext_1.useClusterWizardContext)();
+    const [{ value }] = (0, formik_1.useField)(GROUP_NAME);
+    const fieldId = (0, ui_1.getFieldId)(GROUP_NAME, 'radio');
+    const tooltipProps = {
+        hidden: !clusterExists && !isDisabled,
+        content: !isDisabled ? featureStateUtils_1.clusterExistsReason : featureStateUtils_1.hostsNetworkConfigurationDisabledReason,
+        position: 'top',
+    };
+    react_1.default.useEffect(() => {
+        if (clusterExists) {
+            return;
+        }
+        clusterWizardContext.onUpdateHostNetworkConfigType(value);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [value, clusterExists]);
+    return (react_1.default.createElement(react_core_1.FormGroup, { id: `form-control__${fieldId}`, label: "Hosts' network configuration", fieldId: fieldId, isInline: true, role: "radiogroup", "data-testid": "hosts-network-configuration-control-group" },
+        react_1.default.createElement(RadioFieldWithTooltip_1.default, { name: GROUP_NAME, isDisabled: clusterExists || isDisabled, value: types_1.HostsNetworkConfigurationType.DHCP, label: "DHCP only", tooltipProps: tooltipProps, className: "pf-v6-u-mr-md" }),
+        react_1.default.createElement(RadioFieldWithTooltip_1.default, { name: GROUP_NAME, isDisabled: clusterExists || isDisabled, value: types_1.HostsNetworkConfigurationType.STATIC, label: "Static IP, bridges, and bonds", tooltipProps: tooltipProps })));
+};
+exports.HostsNetworkConfigurationControlGroup = HostsNetworkConfigurationControlGroup;
+//# sourceMappingURL=HostsNetworkConfigurationControlGroup.js.map

package/build/cjs/ocm/components/wizard/steps/clusterDetails/fields/HostsNetworkConfigurationControlGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HostsNetworkConfigurationControlGroup.js","sourceRoot":"","sources":["../../../../../../../../lib/ocm/components/wizard/steps/clusterDetails/fields/HostsNetworkConfigurationControlGroup.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,uDAAiE;AACjE,+DAAoE;AACpE,yDAA8E;AAC9E,mCAAkC;AAClC,6FAA6F;AAC7F,wIAAwG;AACxG,0FAG4D;AAOrD,MAAM,qCAAqC,GAAG,CAAC,EACpD,aAAa,EACb,UAAU,GAAG,KAAK,GACyB,EAAE,EAAE;IAC/C,MAAM,UAAU,GAAG,+BAA+B,CAAC;IACnD,MAAM,oBAAoB,GAAG,IAAA,8CAAuB,GAAE,CAAC;IACvD,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,GAAG,IAAA,iBAAQ,EAAgC,UAAU,CAAC,CAAC;IACxE,MAAM,OAAO,GAAG,IAAA,eAAU,EAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IAChD,MAAM,YAAY,GAAiB;QACjC,MAAM,EAAE,CAAC,aAAa,IAAI,CAAC,UAAU;QACrC,OAAO,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,uCAAmB,CAAC,CAAC,CAAC,2DAAuC;QACpF,QAAQ,EAAE,KAAK;KAChB,CAAC;IAEF,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,aAAa,EAAE,CAAC;YAClB,OAAO;QACT,CAAC;QACD,oBAAoB,CAAC,6BAA6B,CAAC,KAAK,CAAC,CAAC;QAC1D,uDAAuD;IACzD,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC;IAE3B,OAAO,CACL,8BAAC,sBAAS,IACR,EAAE,EAAE,iBAAiB,OAAO,EAAE,EAC9B,KAAK,EAAC,8BAA8B,EACpC,OAAO,EAAE,OAAO,EAChB,QAAQ,QACR,IAAI,EAAC,YAAY,iBACL,2CAA2C;QAEvD,8BAAC,+BAAqB,IACpB,IAAI,EAAE,UAAU,EAChB,UAAU,EAAE,aAAa,IAAI,UAAU,EACvC,KAAK,EAAE,qCAA6B,CAAC,IAAI,EACzC,KAAK,EAAC,WAAW,EACjB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAC,eAAe,GACzB;QACF,8BAAC,+BAAqB,IACpB,IAAI,EAAE,UAAU,EAChB,UAAU,EAAE,aAAa,IAAI,UAAU,EACvC,KAAK,EAAE,qCAA6B,CAAC,MAAM,EAC3C,KAAK,EAAC,+BAA+B,EACrC,YAAY,EAAE,YAAY,GAC1B,CACQ,CACb,CAAC;AACJ,CAAC,CAAC;AAhDW,QAAA,qCAAqC,yCAgDhD"}

package/build/cjs/ocm/components/wizard/steps/clusterDetails/fields/OcmBaseDomainField.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OcmBaseDomainField = exports.BaseDnsHelperText = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const formik_1 = require("formik");
+const common_1 = require("../../../../../../common");
+const OcmFormFields_1 = require("../../../../ui/OcmFormFields");
+const featureStateUtils_1 = require("../../../../featureSupportLevels/featureStateUtils");
+const INPUT_NAME = 'baseDnsDomain';
+const INPUT_LABEL = 'Base domain';
+const fieldId = (0, common_1.getFieldId)(INPUT_NAME, 'input');
+const getManagedDomainLabel = (domain) => `${(domain === null || domain === void 0 ? void 0 : domain.domain) || ''} (${(domain === null || domain === void 0 ? void 0 : domain.provider) || ''})`;
+const BaseDnsHelperText = ({ name, baseDnsDomain, }) => (react_1.default.createElement(react_core_1.FormHelperText, null,
+    react_1.default.createElement(react_core_1.HelperText, { id: fieldId },
+        react_1.default.createElement(react_core_1.HelperTextItem, { "data-testid": `input-basednshelpertext-${fieldId}-helper-text` },
+            "Enter the name of your domain [domainname] or [domainname.com]. This cannot be changed after cluster installed. All DNS records must include the cluster name and be subdomains of the base you enter. The full cluster address will be: ",
+            react_1.default.createElement("br", null),
+            react_1.default.createElement("span", { className: "pf-v6-u-font-weight-bold" },
+                name || '[Cluster Name]',
+                ".",
+                baseDnsDomain || '[domainname.com]')))));
+exports.BaseDnsHelperText = BaseDnsHelperText;
+const OcmBaseDomainField = ({ managedDomains, clusterExists, }) => {
+    const [, { value }, { setValue }] = (0, formik_1.useField)(INPUT_NAME);
+    const { values } = (0, formik_1.useFormikContext)();
+    const { name, baseDnsDomain, useRedHatDnsService } = values;
+    const [isOpen, setOpen] = react_1.default.useState(false);
+    const dropdownItems = react_1.default.useMemo(() => {
+        return managedDomains === null || managedDomains === void 0 ? void 0 : managedDomains.map((d) => (react_1.default.createElement(react_core_1.DropdownItem, { key: d.domain, id: d.domain }, getManagedDomainLabel(d))));
+    }, [managedDomains]);
+    const dropdownToggle = (toggleRef) => {
+        const selectedDomain = managedDomains.find((d) => d.domain === value);
+        return (react_1.default.createElement(react_core_1.MenuToggle, { ref: toggleRef, onClick: () => setOpen(!isOpen), isExpanded: isOpen, className: "pf-v6-u-w-100", "data-testid": "base-domain-dropdown-toggle" }, selectedDomain ? getManagedDomainLabel(selectedDomain) : 'Base domain'));
+    };
+    const toggleRedHatDnsService = (checked) => setValue((checked && managedDomains.map((d) => d.domain)[0]) || '');
+    const onSelect = react_1.default.useCallback((event) => {
+        const selectedDomain = (event === null || event === void 0 ? void 0 : event.currentTarget.id) || '';
+        setValue(selectedDomain);
+        setOpen(false);
+    }, [setValue]);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        !!managedDomains.length && toggleRedHatDnsService && (react_1.default.createElement(react_core_1.Tooltip, { content: featureStateUtils_1.clusterExistsReason, hidden: !clusterExists },
+            react_1.default.createElement(OcmFormFields_1.OcmCheckboxField, { name: "useRedHatDnsService", label: "Use a temporary 60-day domain", helperText: "A base domain will be provided for temporary, non-production clusters.", onChange: toggleRedHatDnsService, isDisabled: clusterExists }))),
+        react_1.default.createElement(react_core_1.FormGroup, { id: `form-control__${fieldId}`, fieldId: fieldId, name: INPUT_NAME, label: INPUT_LABEL, isRequired: true },
+            useRedHatDnsService ? (react_1.default.createElement(react_core_1.Dropdown, { toggle: dropdownToggle, isOpen: isOpen, onSelect: onSelect, onOpenChange: () => setOpen(!isOpen) }, dropdownItems)) : (react_1.default.createElement(OcmFormFields_1.OcmInputField, { name: INPUT_NAME, placeholder: "localhost.com", isDisabled: useRedHatDnsService, isRequired: true })),
+            react_1.default.createElement(exports.BaseDnsHelperText, { name: name, baseDnsDomain: baseDnsDomain }))));
+};
+exports.OcmBaseDomainField = OcmBaseDomainField;
+//# sourceMappingURL=OcmBaseDomainField.js.map

package/build/cjs/ocm/components/wizard/steps/clusterDetails/fields/OcmBaseDomainField.js.map

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

package/build/cjs/ocm/components/wizard/steps/clusterDetails/fields/OcmOpenShiftVersionSelect.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OcmOpenShiftVersionSelect = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const formik_1 = require("formik");
+const common_1 = require("../../../../../../common");
+const OpenShiftVersionsContext_1 = require("../../../../../contexts/OpenShiftVersionsContext");
+const OpenshiftVersionHelperText_1 = require("./OpenshiftVersionHelperText");
+const filterMinVersions = (versions, minVersion) => versions.filter((v) => (0, common_1.getComparableVersionInt)(v.value) >= minVersion);
+const OcmOpenShiftVersionSelect = ({ minVersionAllowed, }) => {
+    const { t } = (0, common_1.useTranslation)();
+    const { values: { customOpenshiftSelect }, } = (0, formik_1.useFormikContext)();
+    const { allVersions: allVersionsCtx, latestVersions } = (0, OpenShiftVersionsContext_1.useOpenShiftVersionsContext)();
+    const allVersions = minVersionAllowed
+        ? filterMinVersions(allVersionsCtx, minVersionAllowed)
+        : allVersionsCtx;
+    const versions = minVersionAllowed
+        ? filterMinVersions(latestVersions, minVersionAllowed)
+        : latestVersions;
+    const [isOpenshiftVersionModalOpen, setIsOpenshiftVersionModalOpen] = react_1.default.useState(false);
+    const customItem = react_1.default.useMemo(() => {
+        if (customOpenshiftSelect &&
+            !versions.some((version) => version.value === customOpenshiftSelect)) {
+            return allVersions.find((version) => version.value === customOpenshiftSelect);
+        }
+        return undefined;
+    }, [allVersions, customOpenshiftSelect, versions]);
+    const getHelperText = (value, inModal) => {
+        return (0, OpenshiftVersionHelperText_1.getOpenshiftVersionHelperText)(allVersions, value, t, inModal);
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(common_1.OpenShiftVersionDropdown, { name: "openshiftVersion", versions: versions, getHelperText: getHelperText, showReleasesLink: common_1.isInOcm, showOpenshiftVersionModal: () => setIsOpenshiftVersionModalOpen(true), customVersion: customItem }),
+        isOpenshiftVersionModalOpen && (react_1.default.createElement(common_1.OpenShiftVersionModal, { allVersions: allVersions, onClose: () => setIsOpenshiftVersionModalOpen(false), getHelperText: getHelperText }))));
+};
+exports.OcmOpenShiftVersionSelect = OcmOpenShiftVersionSelect;
+//# sourceMappingURL=OcmOpenShiftVersionSelect.js.map

package/build/cjs/ocm/components/wizard/steps/clusterDetails/fields/OcmOpenShiftVersionSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OcmOpenShiftVersionSelect.js","sourceRoot":"","sources":["../../../../../../../../lib/ocm/components/wizard/steps/clusterDetails/fields/OcmOpenShiftVersionSelect.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,mCAA0C;AAC1C,qDAQkC;AAClC,+FAA+F;AAC/F,6EAA6E;AAE7E,MAAM,iBAAiB,GAAG,CAAC,QAAsC,EAAE,UAAkB,EAAE,EAAE,CACvF,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAA,gCAAuB,EAAC,CAAC,CAAC,KAAK,CAAC,IAAI,UAAU,CAAC,CAAC;AAMlE,MAAM,yBAAyB,GAAG,CAAC,EACxC,iBAAiB,GACc,EAAE,EAAE;IACnC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,uBAAc,GAAE,CAAC;IAC/B,MAAM,EACJ,MAAM,EAAE,EAAE,qBAAqB,EAAE,GAClC,GAAG,IAAA,yBAAgB,GAAwB,CAAC;IAC7C,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,GAAG,IAAA,sDAA2B,GAAE,CAAC;IAEtF,MAAM,WAAW,GAAG,iBAAiB;QACnC,CAAC,CAAC,iBAAiB,CAAC,cAAc,EAAE,iBAAiB,CAAC;QACtD,CAAC,CAAC,cAAc,CAAC;IACnB,MAAM,QAAQ,GAAG,iBAAiB;QAChC,CAAC,CAAC,iBAAiB,CAAC,cAAc,EAAE,iBAAiB,CAAC;QACtD,CAAC,CAAC,cAAc,CAAC;IAEnB,MAAM,CAAC,2BAA2B,EAAE,8BAA8B,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5F,MAAM,UAAU,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,IACE,qBAAqB;YACrB,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,KAAK,qBAAqB,CAAC,EACpE,CAAC;YACD,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,KAAK,qBAAqB,CAAC,CAAC;QAChF,CAAC;QACD,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,WAAW,EAAE,qBAAqB,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEnD,MAAM,aAAa,GAAG,CAAC,KAAoB,EAAE,OAAiB,EAAE,EAAE;QAChE,OAAO,IAAA,0DAA6B,EAAC,WAAW,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,CAAC,CAAC;IACvE,CAAC,CAAC;IAEF,OAAO,CACL;QACE,8BAAC,iCAAwB,IACvB,IAAI,EAAC,kBAAkB,EACvB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAO,EACzB,yBAAyB,EAAE,GAAG,EAAE,CAAC,8BAA8B,CAAC,IAAI,CAAC,EACrE,aAAa,EAAE,UAAU,GACzB;QACD,2BAA2B,IAAI,CAC9B,8BAAC,8BAAqB,IACpB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,8BAA8B,CAAC,KAAK,CAAC,EACpD,aAAa,EAAE,aAAa,GAC5B,CACH,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAnDW,QAAA,yBAAyB,6BAmDpC"}

package/build/cjs/ocm/components/wizard/steps/clusterDetails/fields/OcmSNODisclaimer.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const use_translation_wrapper_1 = require("../../../../../../common/hooks/use-translation-wrapper");
+const OcmSNODisclaimer = ({ snoExpansionSupported = false }) => {
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    return (react_1.default.createElement(react_core_1.Alert, { variant: react_core_1.AlertVariant.info, title: t('ai:Limitations for using Single Node OpenShift'), isInline: true },
+        react_1.default.createElement(react_core_1.List, null,
+            react_1.default.createElement(react_core_1.ListItem, null, t('ai:Installing SNO will result in an OpenShift deployment that is not highly available.')),
+            !snoExpansionSupported && (react_1.default.createElement(react_core_1.ListItem, null, t('ai:Currently, adding additional machines to your cluster is not supported.'))))));
+};
+exports.default = OcmSNODisclaimer;
+//# sourceMappingURL=OcmSNODisclaimer.js.map

package/build/cjs/ocm/components/wizard/steps/clusterDetails/fields/OcmSNODisclaimer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OcmSNODisclaimer.js","sourceRoot":"","sources":["../../../../../../../../lib/ocm/components/wizard/steps/clusterDetails/fields/OcmSNODisclaimer.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,uDAA6E;AAC7E,oGAAwF;AAKxF,MAAM,gBAAgB,GAAG,CAAC,EAAE,qBAAqB,GAAG,KAAK,EAAyB,EAAE,EAAE;IACpF,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,wCAAc,GAAE,CAAC;IAE/B,OAAO,CACL,8BAAC,kBAAK,IACJ,OAAO,EAAE,yBAAY,CAAC,IAAI,EAC1B,KAAK,EAAE,CAAC,CAAC,gDAAgD,CAAC,EAC1D,QAAQ;QAER,8BAAC,iBAAI;YACH,8BAAC,qBAAQ,QACN,CAAC,CACA,wFAAwF,CACzF,CACQ;YACV,CAAC,qBAAqB,IAAI,CACzB,8BAAC,qBAAQ,QACN,CAAC,CAAC,4EAA4E,CAAC,CACvE,CACZ,CACI,CACD,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}

package/build/cjs/ocm/components/wizard/steps/clusterDetails/fields/OpenshiftVersionHelperText.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getOpenshiftVersionHelperText = 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 exclamation_circle_icon_1 = require("@patternfly/react-icons/dist/js/icons/exclamation-circle-icon");
+const exclamation_triangle_icon_1 = require("@patternfly/react-icons/dist/js/icons/exclamation-triangle-icon");
+const external_link_alt_icon_1 = require("@patternfly/react-icons/dist/js/icons/external-link-alt-icon");
+const use_translation_wrapper_1 = require("../../../../../../common/hooks/use-translation-wrapper");
+const OpenShiftLifeCycleDatesLink = () => {
+    const { t } = (0, use_translation_wrapper_1.useTranslation)();
+    return (React.createElement("a", { href: common_1.OPENSHIFT_LIFE_CYCLE_DATES_LINK, target: "_blank", rel: "noopener noreferrer" },
+        t('ai:Learn more'),
+        " ",
+        React.createElement(external_link_alt_icon_1.ExternalLinkAltIcon, null)));
+};
+const getOpenshiftVersionHelperText = (versions, selectedVersionValue, t, isModal) => {
+    if (!versions.length && !isModal) {
+        return (React.createElement(React.Fragment, null,
+            React.createElement(react_core_1.Icon, { status: "danger", size: "sm" },
+                React.createElement(exclamation_circle_icon_1.ExclamationCircleIcon, null)),
+            "\u00A0 ",
+            t('ai:No release image is available.')));
+    }
+    const selectedVersion = versions.find((version) => version.value === selectedVersionValue);
+    if (!selectedVersionValue || !selectedVersion) {
+        return null;
+    }
+    if (selectedVersion.supportLevel !== 'production' &&
+        selectedVersion.supportLevel !== 'maintenance') {
+        let messageSelectedVersion = t('ai:Please note that this version is not production-ready.');
+        if (selectedVersion.supportLevel === 'end-of-life') {
+            messageSelectedVersion = t('ai:Please note that this version is not maintained anymore.');
+        }
+        return (React.createElement(React.Fragment, null,
+            React.createElement(react_core_1.Icon, { status: "warning" },
+                React.createElement(exclamation_triangle_icon_1.ExclamationTriangleIcon, null)),
+            "\u00A0",
+            messageSelectedVersion,
+            "\u00A0",
+            React.createElement(OpenShiftLifeCycleDatesLink, null)));
+    }
+    return null;
+};
+exports.getOpenshiftVersionHelperText = getOpenshiftVersionHelperText;
+//# sourceMappingURL=OpenshiftVersionHelperText.js.map

package/build/cjs/ocm/components/wizard/steps/clusterDetails/fields/OpenshiftVersionHelperText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpenshiftVersionHelperText.js","sourceRoot":"","sources":["../../../../../../../../lib/ocm/components/wizard/steps/clusterDetails/fields/OpenshiftVersionHelperText.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,uDAA8C;AAC9C,qDAGkC;AAElC,2GAAsG;AACtG,+GAA0G;AAC1G,yGAAmG;AAEnG,oGAAwF;AAExF,MAAM,2BAA2B,GAAG,GAAG,EAAE;IACvC,MAAM,EAAE,CAAC,EAAE,GAAG,IAAA,wCAAc,GAAE,CAAC;IAC/B,OAAO,CACL,2BAAG,IAAI,EAAE,wCAA+B,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB;QAChF,CAAC,CAAC,eAAe,CAAC;;QAAE,oBAAC,4CAAmB,OAAG,CAC1C,CACL,CAAC;AACJ,CAAC,CAAC;AAEK,MAAM,6BAA6B,GAAG,CAC3C,QAAsC,EACtC,oBAAmC,EACnC,CAAY,EACZ,OAAiB,EACjB,EAAE;IACF,IAAI,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;QACjC,OAAO,CACL;YACE,oBAAC,iBAAI,IAAC,MAAM,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI;gBAC7B,oBAAC,+CAAqB,OAAG,CACpB;;YACC,CAAC,CAAC,mCAAmC,CAAC,CAC7C,CACJ,CAAC;IACJ,CAAC;IAED,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,KAAK,oBAAoB,CAAC,CAAC;IAC3F,IAAI,CAAC,oBAAoB,IAAI,CAAC,eAAe,EAAE,CAAC;QAC9C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,IACE,eAAe,CAAC,YAAY,KAAK,YAAY;QAC7C,eAAe,CAAC,YAAY,KAAK,aAAa,EAC9C,CAAC;QACD,IAAI,sBAAsB,GAAG,CAAC,CAAC,2DAA2D,CAAC,CAAC;QAC5F,IAAI,eAAe,CAAC,YAAY,KAAK,aAAa,EAAE,CAAC;YACnD,sBAAsB,GAAG,CAAC,CAAC,6DAA6D,CAAC,CAAC;QAC5F,CAAC;QACD,OAAO,CACL;YACE,oBAAC,iBAAI,IAAC,MAAM,EAAC,SAAS;gBACpB,oBAAC,mDAAuB,OAAG,CACtB;;YAEN,sBAAsB;;YACvB,oBAAC,2BAA2B,OAAG,CAC9B,CACJ,CAAC;IACJ,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AA3CW,QAAA,6BAA6B,iCA2CxC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../lib/ocm/components/wizard/steps/clusterDetails/fields/index.tsx"],"names":[],"mappings":";;;AAAA,+DAAqC;AACrC,sEAA4C;AAC5C,sEAA4C;AAC5C,kFAAwD"}

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

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

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

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

package/build/cjs/ocm/components/wizard/steps/credentials/CredentialsDownload.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CredentialsDownload = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const external_link_alt_icon_1 = require("@patternfly/react-icons/dist/js/icons/external-link-alt-icon");
+const common_1 = require("../../../../../common");
+const clusterWizardContext_1 = require("../../clusterWizardContext");
+const wizardComponents_1 = require("../../wizardComponents");
+const CredentialsDownload = ({ cluster }) => {
+    const clusterWizardContext = (0, clusterWizardContext_1.useClusterWizardContext)();
+    const [isChecked, setIsChecked] = react_1.default.useState(false);
+    const [isDownloading, setIsDownloading] = react_1.default.useState(false);
+    const { addAlert, clearAlerts } = (0, common_1.useAlerts)();
+    const { t } = (0, common_1.useTranslation)();
+    const downloadSingleFile = (fileName) => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        try {
+            const response = yield common_1.ClustersAPI.downloadClusterCredentials(cluster.id, fileName);
+            (0, common_1.downloadFile)('', response.data, fileName);
+            return true;
+        }
+        catch (e) {
+            (0, common_1.handleApiError)(e, (e) => {
+                addAlert({
+                    title: t('ai:Could not download {{fileName}} file', { fileName }),
+                    message: (0, common_1.getApiErrorMessage)(e),
+                });
+            });
+            return false;
+        }
+    });
+    const handleDownloadClick = () => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        clearAlerts();
+        setIsDownloading(true);
+        const configSuccess = yield downloadSingleFile('kubeconfig');
+        const passwordSuccess = yield downloadSingleFile('kubeadmin-password');
+        const hasError = !configSuccess || !passwordSuccess;
+        setTimeout(() => {
+            setIsDownloading(false);
+            if (!hasError) {
+                clusterWizardContext.moveNext();
+            }
+        }, 500);
+    });
+    const footer = (react_1.default.createElement(wizardComponents_1.ClusterWizardFooter, { cluster: cluster, onNext: () => void handleDownloadClick(), onBack: () => clusterWizardContext.moveBack(), isNextDisabled: !isChecked || isDownloading, nextButtonText: t('ai:Download credentials'), isNextButtonLoading: isDownloading }));
+    return (react_1.default.createElement(common_1.ClusterWizardStep, { navigation: react_1.default.createElement(wizardComponents_1.ClusterWizardNavigation, { cluster: cluster }), footer: footer },
+        react_1.default.createElement(common_1.WithErrorBoundary, { title: t('ai:Failed to load Credentials Download step') },
+            react_1.default.createElement(react_core_1.Stack, { hasGutter: true },
+                react_1.default.createElement(common_1.ClusterWizardStepHeader, null, t('ai:Download credentials')),
+                react_1.default.createElement(react_core_1.Alert, { title: t('ai:Make sure you download and store your credentials files in a safe place'), variant: react_core_1.AlertVariant.warning, isInline: true, actionLinks: react_1.default.createElement("a", { href: common_1.KUBECONFIG_INFO_LINK, target: "_blank", rel: "noopener noreferrer" },
+                        t('ai:Learn more about Kubeconfig'),
+                        " ",
+                        react_1.default.createElement(external_link_alt_icon_1.ExternalLinkAltIcon, null)) },
+                    t(`ai:You should use your cluster's Kubeconfig file to gain access to the cluster.`),
+                    react_1.default.createElement("br", null),
+                    t(`ai:You can use username and password to log-in to your console through the UI.`)),
+                react_1.default.createElement(react_core_1.Checkbox, { id: "credentials-download-agreement", isChecked: isChecked, onChange: () => setIsChecked(!isChecked), label: t('ai:I understand that I need to download credentials files prior of proceeding with the cluster installation.') })))));
+};
+exports.CredentialsDownload = CredentialsDownload;
+//# sourceMappingURL=CredentialsDownload.js.map

package/build/cjs/ocm/components/wizard/steps/credentials/CredentialsDownload.js.map

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

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

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

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

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

package/build/cjs/ocm/components/wizard/steps/customManifests/CustomManifestStep.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomManifestStep = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_redux_1 = require("react-redux");
+const common_1 = require("../../../../../common");
+const store_1 = require("../../../../store");
+const clusterWizardContext_1 = require("../../clusterWizardContext");
+const wizardComponents_1 = require("../../wizardComponents");
+const CustomManifestsPage_1 = require("./CustomManifestsPage");
+const getInitialFormStateProps = () => {
+    return {
+        isValid: true,
+        isSubmitting: false,
+        isAutoSaveRunning: false,
+        errors: {},
+        touched: {},
+        isEmpty: true,
+    };
+};
+const CustomManifestStep = ({ cluster }) => {
+    const clusterWizardContext = (0, clusterWizardContext_1.useClusterWizardContext)();
+    const { isViewerMode } = (0, react_redux_1.useSelector)(store_1.selectCurrentClusterPermissionsState);
+    const { alerts } = (0, common_1.useAlerts)();
+    const [formState, setFormStateProps] = react_1.default.useState(getInitialFormStateProps());
+    const onFormStateChange = (formState) => {
+        if (!isViewerMode) {
+            setFormStateProps(formState);
+        }
+    };
+    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(wizardComponents_1.ClusterWizardFooter, { cluster: cluster, alertTitle: "Custom manifests configuration contains missing or invalid fields", alertContent: null, errorFields: errorFields, isSubmitting: formState.isSubmitting, onNext: () => clusterWizardContext.moveNext(), onBack: () => clusterWizardContext.moveBack(), isNextDisabled: isNextDisabled, isBackDisabled: formState.isSubmitting || formState.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(common_1.WithErrorBoundary, { title: "Failed to load Custom manifests step" },
+            react_1.default.createElement(CustomManifestsPage_1.CustomManifestsPage, { cluster, onFormStateChange }))));
+};
+exports.CustomManifestStep = CustomManifestStep;
+//# sourceMappingURL=CustomManifestStep.js.map

package/build/cjs/ocm/components/wizard/steps/customManifests/CustomManifestStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomManifestStep.js","sourceRoot":"","sources":["../../../../../../../lib/ocm/components/wizard/steps/customManifests/CustomManifestStep.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAC1B,6CAA0C;AAE1C,kDAK+B;AAC/B,6CAAyE;AACzE,qEAAqE;AACrE,6DAAsF;AAEtF,+DAA4D;AAE5D,MAAM,wBAAwB,GAAG,GAAG,EAAE;IACpC,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;AAEK,MAAM,kBAAkB,GAAG,CAAC,EAAE,OAAO,EAAwB,EAAE,EAAE;IACtE,MAAM,oBAAoB,GAAG,IAAA,8CAAuB,GAAE,CAAC;IACvD,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,yBAAW,EAAC,4CAAoC,CAAC,CAAC;IAC3E,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,SAAkC,EAAE,EAAE;QAC/D,IAAI,CAAC,YAAY,EAAE,CAAC;YAClB,iBAAiB,CAAC,SAAS,CAAC,CAAC;QAC/B,CAAC;IACH,CAAC,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,sCAAmB,IAClB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAC,mEAAmE,EAC9E,YAAY,EAAE,IAAI,EAClB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,SAAS,CAAC,YAAY,EACpC,MAAM,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,QAAQ,EAAE,EAC7C,MAAM,EAAE,GAAG,EAAE,CAAC,oBAAoB,CAAC,QAAQ,EAAE,EAC7C,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,SAAS,CAAC,YAAY,IAAI,SAAS,CAAC,iBAAiB,GACrE,CACH,CAAC;IAEF,OAAO,CACL,8BAAC,0BAAiB,IAAC,UAAU,EAAE,8BAAC,0CAAuB,IAAC,OAAO,EAAE,OAAO,GAAI,EAAE,MAAM,EAAE,MAAM;QAC1F,8BAAC,0BAAiB,IAAC,KAAK,EAAC,sCAAsC;YAC7D,8BAAC,yCAAmB,IAAO,OAAO,EAAE,iBAAiB,GAAM,CACzC,CACF,CACrB,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,kBAAkB,sBAuC7B"}

package/build/cjs/ocm/components/wizard/steps/customManifests/CustomManifestsPage.js

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomManifestsPage = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_core_1 = require("@patternfly/react-core");
+const common_1 = require("../../../../../common");
+const services_1 = require("../../../../services");
+const utils_1 = require("../../../utils");
+const clusterWizardContext_1 = require("../../clusterWizardContext");
+const components_1 = require("./components");
+const CustomManifestsPage = ({ cluster, onFormStateChange, }) => {
+    const clusterWizardContext = (0, clusterWizardContext_1.useClusterWizardContext)();
+    const isRequired = (0, common_1.isThirdPartyCNI)(cluster.networkType) || (0, utils_1.isOciPlatformType)(cluster);
+    const [useCustomManifests, setUseCustomManifests] = react_1.default.useState(isRequired);
+    const [isDeleteModalOpen, setDeleteModalOpen] = react_1.default.useState(false);
+    react_1.default.useEffect(() => {
+        var _a;
+        if (isRequired || ((_a = clusterWizardContext.uiSettings) === null || _a === void 0 ? void 0 : _a.customManifestsAdded)) {
+            setUseCustomManifests(true);
+        }
+    }, [isRequired, clusterWizardContext]);
+    // The form unmounts when the switch is off, but its last state persists in the parent.
+    react_1.default.useEffect(() => {
+        if (!useCustomManifests) {
+            onFormStateChange({
+                isValid: true,
+                isSubmitting: false,
+                isAutoSaveRunning: false,
+                errors: {},
+                touched: {},
+                isEmpty: true,
+            });
+        }
+    }, [useCustomManifests, onFormStateChange]);
+    const handleSwitchChange = react_1.default.useCallback((_event, on) => {
+        var _a;
+        if (!on && ((_a = clusterWizardContext.uiSettings) === null || _a === void 0 ? void 0 : _a.customManifestsAdded)) {
+            setDeleteModalOpen(true);
+        }
+        else {
+            setUseCustomManifests(on);
+            if (!on) {
+                void clusterWizardContext.updateUISettings({ customManifestsAdded: false });
+            }
+        }
+    }, [clusterWizardContext]);
+    const handleCloseDeleteModal = react_1.default.useCallback(() => {
+        setDeleteModalOpen(false);
+    }, []);
+    const cleanCustomManifests = react_1.default.useCallback(() => tslib_1.__awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        if (!((_a = clusterWizardContext.uiSettings) === null || _a === void 0 ? void 0 : _a.customManifestsAdded) || !cluster.id)
+            return;
+        const { data: manifests } = yield common_1.ClustersAPI.getManifests(cluster.id);
+        const manifestsToRemove = (0, components_1.userProvidedManifests)(manifests).map((manifest) => (Object.assign(Object.assign({}, manifest), { folder: manifest.folder || 'manifests', fileName: manifest.fileName || '', yamlContent: '' })));
+        yield services_1.ClustersService.removeClusterManifests(manifestsToRemove, cluster.id);
+        setUseCustomManifests(false);
+        setDeleteModalOpen(false);
+        yield clusterWizardContext.updateUISettings({
+            customManifestsAdded: false,
+            customManifestsUpdated: true,
+        });
+    }), [cluster.id, clusterWizardContext]);
+    const fieldId = (0, common_1.getFieldId)('use-custom-manifests', 'switch');
+    const tooltipWhenDisabled = isRequired
+        ? 'Custom manifests are required when using a third-party CNI or Oracle Cloud Infrastructure.'
+        : '';
+    return (react_1.default.createElement(react_core_1.Grid, { hasGutter: true },
+        react_1.default.createElement(react_core_1.Content, null,
+            react_1.default.createElement(common_1.ClusterWizardStepHeader, null, "Custom manifests"),
+            react_1.default.createElement(react_core_1.Content, { component: react_core_1.ContentVariants.small }, "Upload additional manifests that will be applied at the install time for advanced configuration of the cluster.")),
+        react_1.default.createElement(react_core_1.FormGroup, { fieldId: fieldId, label: "" },
+            react_1.default.createElement(react_core_1.Tooltip, { content: tooltipWhenDisabled, hidden: !isRequired },
+                react_1.default.createElement("span", { style: { display: 'inline-block', cursor: isRequired ? 'not-allowed' : undefined } },
+                    react_1.default.createElement(react_core_1.Switch, { id: fieldId, "data-testid": fieldId, "data-checked": useCustomManifests, isChecked: useCustomManifests, isDisabled: isRequired, onChange: handleSwitchChange, label: "Use custom manifests" })))),
+        !useCustomManifests && react_1.default.createElement("div", { style: { minHeight: '250px' }, "aria-hidden": "true" }),
+        useCustomManifests && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(common_1.CustomManifestsAlert, { usesExternalPlatform: (0, utils_1.isOciPlatformType)(cluster), usesThirdPartyCNI: (0, common_1.isThirdPartyCNI)(cluster.networkType) }),
+            react_1.default.createElement(react_core_1.Alert, { isInline: true, variant: "warning", title: "No validation is performed for the custom manifest contents. Only include resources that are necessary for initial setup to reduce the chance of installation failures." }),
+            react_1.default.createElement(components_1.CustomManifests, { cluster: cluster, onFormStateChange: onFormStateChange }))),
+        react_1.default.createElement(components_1.DeleteCustomManifestModal, { isOpen: isDeleteModalOpen, onClose: handleCloseDeleteModal, onDelete: () => void cleanCustomManifests() })));
+};
+exports.CustomManifestsPage = CustomManifestsPage;
+//# sourceMappingURL=CustomManifestsPage.js.map

package/build/cjs/ocm/components/wizard/steps/customManifests/CustomManifestsPage.js.map

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

package/build/cjs/ocm/components/wizard/steps/customManifests/components/CollapsedManifest.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollapsedManifest = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const formik_1 = require("formik");
+const react_core_1 = require("@patternfly/react-core");
+const info_circle_icon_1 = require("@patternfly/react-icons/dist/js/icons/info-circle-icon");
+const CollapsedManifest = ({ manifestIdx, fieldName }) => {
+    const [{ value }, { error }] = (0, formik_1.useField)({
+        name: fieldName,
+    });
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(react_core_1.StackItem, { "data-testid": `collapsed-manifest-${manifestIdx}` },
+            react_1.default.createElement(react_core_1.Flex, null,
+                error && (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(react_core_1.FlexItem, null,
+                        react_1.default.createElement(react_core_1.Label, { variant: "outline", color: "red", icon: react_1.default.createElement(info_circle_icon_1.InfoCircleIcon, null), "data-testid": "manifest-errors-label" }, "Missing information")))),
+                !error && value.filename && (react_1.default.createElement(react_1.default.Fragment, null,
+                    react_1.default.createElement(react_core_1.FlexItem, null,
+                        react_1.default.createElement(react_core_1.Label, { variant: "outline", "data-testid": "manifest-name" }, `${value.folder}/${value.filename}`),
+                        ' ')))))));
+};
+exports.CollapsedManifest = CollapsedManifest;
+//# sourceMappingURL=CollapsedManifest.js.map