@openshift-assisted/ui-lib 2.7.12-cim → 2.8.2-cim

package/build/ocm/components/clusterConfiguration/OcmOperatorProgressItem.js

@@ -0,0 +1,85 @@
+import React from 'react';
+import { Button, ButtonVariant, List, ListItem, Popover } from '@patternfly/react-core';
+import { CheckCircleIcon, ExclamationCircleIcon, InProgressIcon, PendingIcon, } from '@patternfly/react-icons';
+import { global_danger_color_100 as dangerColor, global_success_color_100 as okColor, } from '@patternfly/react-tokens';
+import { pluralize } from 'humanize-plus';
+import './OcmOperatorsProgressItem.css';
+import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
+import ClusterProgressItem from '../../../common/components/clusterDetail/ClusterProgressItem';
+import { operatorLabels, } from '../../../common';
+import { useNewFeatureSupportLevel } from '../../../common/components/newFeatureSupportLevels';
+export function getAggregatedStatus(operators) {
+    const operatorStates = operators.map((operator) => operator.status || 'pending');
+    if (operatorStates.includes('failed'))
+        return 'failed';
+    if (operatorStates.includes('progressing'))
+        return 'progressing';
+    if (operatorStates.includes('pending'))
+        return 'pending';
+    return 'available';
+}
+export const getOperatorCountString = (count) => `${count} ${pluralize(count, 'operator')}`;
+export function getOperatorsLabel(operators, t) {
+    const failedOperatorsCount = operators.filter((o) => o.status === 'failed').length;
+    const status = getAggregatedStatus(operators);
+    const operatorsCountString = getOperatorCountString(operators.length);
+    switch (status) {
+        case 'available':
+            return t('ai:{{operatorsCountString}} installed', {
+                operatorsCountString: operatorsCountString,
+            });
+        case 'failed':
+            return operators.length > 1
+                ? `${failedOperatorsCount}/${operatorsCountString} failed`
+                : `${getOperatorCountString(failedOperatorsCount)} failed`;
+        case 'progressing':
+            return t('ai:Installing {{operatorsCountString}}', {
+                operatorsCountString: operatorsCountString,
+            });
+        default:
+            return t('ai:Pending - {{operatorsCountString}}', {
+                operatorsCountString: operatorsCountString,
+            });
+    }
+}
+export function getOperatorsIcon(status) {
+    switch (status) {
+        case 'available':
+            return React.createElement(CheckCircleIcon, { color: okColor.value });
+        case 'failed':
+            return React.createElement(ExclamationCircleIcon, { color: dangerColor.value });
+        case 'progressing':
+            return React.createElement(InProgressIcon, null);
+        default:
+            return React.createElement(PendingIcon, null);
+    }
+}
+const OperatorsPopover = ({ operators, children }) => {
+    const { t } = useTranslation();
+    const featureSupportLevel = useNewFeatureSupportLevel();
+    return (React.createElement(Popover, { headerContent: React.createElement("div", null, t('ai:Operators')), bodyContent: React.createElement(List, { className: "operators-progress-item__operators-list" }, operators.map((operator) => {
+            var _a;
+            let status = (_a = operator.status) !== null && _a !== void 0 ? _a : 'pending';
+            if (operator.status === 'available') {
+                status = 'installed';
+            }
+            const name = operatorLabels(t, featureSupportLevel)[operator.name] ||
+                operator.name;
+            return (React.createElement(ListItem, { key: operator.name, title: operator.statusInfo },
+                name,
+                " ",
+                status));
+        })), minWidth: "30rem", maxWidth: "50rem" }, children));
+};
+const OcmOperatorsProgressItem = ({ operators, openshiftVersion }) => {
+    const { t } = useTranslation();
+    const icon = getOperatorsIcon(getAggregatedStatus(operators));
+    const label = getOperatorsLabel(operators, t);
+    return (React.createElement(ClusterProgressItem, { icon: icon },
+        React.createElement(React.Fragment, null,
+            React.createElement(OperatorsPopover, { operators: operators, openshiftVersion: openshiftVersion },
+                React.createElement(Button, { variant: ButtonVariant.link, isInline: true, "data-testid": "operators-progress-item" }, t('ai:Operators'))),
+            React.createElement("small", null, label))));
+};
+export default OcmOperatorsProgressItem;
+//# sourceMappingURL=OcmOperatorProgressItem.js.map

package/build/ocm/components/clusterConfiguration/OcmOperatorProgressItem.js.map

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

package/build/ocm/components/clusterConfiguration/OcmOperatorsProgressItem.css

@@ -0,0 +1,4 @@
+.operators-progress-item__operators-list {
+  padding-left: 0 !important;
+  list-style-type: none !important;
+}

package/build/ocm/components/clusterConfiguration/OcmSNOControlGroup.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import OcmSingleNodeCheckbox from './OcmSingleNodeCheckbox';
+import { useNewFeatureSupportLevel, } from '../../../common/components/newFeatureSupportLevels';
+import OcmSNODisclaimer from './OcmSNODisclaimer';
+import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
+const OcmSNOControlGroup = ({ highAvailabilityMode, featureSupportLevelData, }) => {
+    const { t } = useTranslation();
+    const newFeatureSupportLevelContext = useNewFeatureSupportLevel();
+    const snoSupportLevel = newFeatureSupportLevelContext.getFeatureSupportLevel('SNO', featureSupportLevelData);
+    const snoExpansion = newFeatureSupportLevelContext.isFeatureSupported('SINGLE_NODE_EXPANSION', featureSupportLevelData);
+    const isDisabled = newFeatureSupportLevelContext.isFeatureDisabled('SNO', featureSupportLevelData);
+    const disabledReason = newFeatureSupportLevelContext.getFeatureDisabledReason('SNO', t, featureSupportLevelData);
+    const isSupportedVersionAvailable = newFeatureSupportLevelContext.isFeatureSupported('SNO', featureSupportLevelData);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(OcmSingleNodeCheckbox, { name: "highAvailabilityMode", isDisabled: isDisabled, disabledReason: disabledReason, isSupportedVersionAvailable: isSupportedVersionAvailable, supportLevel: snoSupportLevel }),
+        highAvailabilityMode === 'None' && snoSupportLevel && (React.createElement(OcmSNODisclaimer, { isDisabled: isDisabled, snoSupportLevel: snoSupportLevel, snoExpansionSupported: snoExpansion }))));
+};
+export default OcmSNOControlGroup;
+//# sourceMappingURL=OcmSNOControlGroup.js.map

package/build/ocm/components/clusterConfiguration/OcmSNOControlGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OcmSNOControlGroup.js","sourceRoot":"","sources":["../../../../lib/ocm/components/clusterConfiguration/OcmSNOControlGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,qBAAqB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAEL,yBAAyB,GAC1B,MAAM,oDAAoD,CAAC;AAC5D,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAO/E,MAAM,kBAAkB,GAAG,CAAC,EAC1B,oBAAoB,EACpB,uBAAuB,GACC,EAAE,EAAE;IAC5B,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,MAAM,6BAA6B,GAAG,yBAAyB,EAAE,CAAC;IAElE,MAAM,eAAe,GAAG,6BAA6B,CAAC,sBAAsB,CAC1E,KAAK,EACL,uBAAuB,CACxB,CAAC;IACF,MAAM,YAAY,GAAG,6BAA6B,CAAC,kBAAkB,CACnE,uBAAuB,EACvB,uBAAuB,CACxB,CAAC;IACF,MAAM,UAAU,GAAG,6BAA6B,CAAC,iBAAiB,CAChE,KAAK,EACL,uBAAuB,CACxB,CAAC;IACF,MAAM,cAAc,GAAG,6BAA6B,CAAC,wBAAwB,CAC3E,KAAK,EACL,CAAC,EACD,uBAAuB,CACxB,CAAC;IAEF,MAAM,2BAA2B,GAAG,6BAA6B,CAAC,kBAAkB,CAClF,KAAK,EACL,uBAAuB,CACxB,CAAC;IACF,OAAO,CACL;QACE,oBAAC,qBAAqB,IACpB,IAAI,EAAC,sBAAsB,EAC3B,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,2BAA2B,EAAE,2BAA2B,EACxD,YAAY,EAAE,eAAe,GAC7B;QACD,oBAAoB,KAAK,MAAM,IAAI,eAAe,IAAI,CACrD,oBAAC,gBAAgB,IACf,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAChC,qBAAqB,EAAE,YAAY,GACnC,CACH,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

package/build/ocm/components/clusterConfiguration/OcmSNODisclaimer.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { Alert, AlertVariant, List, ListItem, Stack, StackItem } from '@patternfly/react-core';
+import { CheckboxField } from '../../../common';
+import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
+const OcmSNODisclaimer = ({ snoSupportLevel, isDisabled = false, snoExpansionSupported = false, }) => {
+    const { t } = useTranslation();
+    if (!['dev-preview', 'supported'].includes(snoSupportLevel)) {
+        //if tech preview or unsupported there's no definition which warning to show
+        return null;
+    }
+    const isDevPreview = snoSupportLevel === 'dev-preview';
+    const generalSNOFacts = (React.createElement(React.Fragment, null,
+        React.createElement(ListItem, null, t('ai:Installing SNO will result in an OpenShift deployment that is not highly available.')),
+        !snoExpansionSupported && (React.createElement(ListItem, null, t('ai:Currently, adding additional machines to your cluster is not supported.')))));
+    const unsupportedWarnings = (React.createElement(React.Fragment, null,
+        React.createElement(ListItem, null, t('ai:SNO is in a proof-of-concept stage and is not supported in any way.')),
+        React.createElement(ListItem, null, t("ai:OpenShift in-place upgrades aren't expected to work with SNO. If an upgrade is needed, your system will need a redeployment."))));
+    return (React.createElement(Alert, { variant: isDevPreview ? AlertVariant.warning : AlertVariant.info, title: t('ai:Limitations for using Single Node OpenShift'), isInline: true },
+        React.createElement(Stack, { hasGutter: true },
+            React.createElement(StackItem, null,
+                React.createElement(List, null,
+                    generalSNOFacts,
+                    isDevPreview && unsupportedWarnings)),
+            isDevPreview && (React.createElement(StackItem, null,
+                React.createElement(CheckboxField, { name: "SNODisclaimer", label: t('ai:I understand, accept, and agree to the limitations associated with using Single Node OpenShift.'), isDisabled: isDisabled }))))));
+};
+export default OcmSNODisclaimer;
+//# sourceMappingURL=OcmSNODisclaimer.js.map

package/build/ocm/components/clusterConfiguration/OcmSNODisclaimer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OcmSNODisclaimer.js","sourceRoot":"","sources":["../../../../lib/ocm/components/clusterConfiguration/OcmSNODisclaimer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC/F,OAAO,EAAE,aAAa,EAAgB,MAAM,iBAAiB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAO/E,MAAM,gBAAgB,GAAG,CAAC,EACxB,eAAe,EACf,UAAU,GAAG,KAAK,EAClB,qBAAqB,GAAG,KAAK,GACP,EAAE,EAAE;IAC1B,MAAM,EAAE,CAAC,EAAE,GAAG,cAAc,EAAE,CAAC;IAC/B,IAAI,CAAC,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE;QAC3D,4EAA4E;QAC5E,OAAO,IAAI,CAAC;KACb;IACD,MAAM,YAAY,GAAG,eAAe,KAAK,aAAa,CAAC;IACvD,MAAM,eAAe,GAAG,CACtB;QACE,oBAAC,QAAQ,QACN,CAAC,CACA,wFAAwF,CACzF,CACQ;QACV,CAAC,qBAAqB,IAAI,CACzB,oBAAC,QAAQ,QACN,CAAC,CAAC,4EAA4E,CAAC,CACvE,CACZ,CACA,CACJ,CAAC;IACF,MAAM,mBAAmB,GAAG,CAC1B;QACE,oBAAC,QAAQ,QACN,CAAC,CAAC,wEAAwE,CAAC,CACnE;QACX,oBAAC,QAAQ,QACN,CAAC,CACA,iIAAiI,CAClI,CACQ,CACV,CACJ,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,IACJ,OAAO,EAAE,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,IAAI,EAChE,KAAK,EAAE,CAAC,CAAC,gDAAgD,CAAC,EAC1D,QAAQ;QAER,oBAAC,KAAK,IAAC,SAAS;YACd,oBAAC,SAAS;gBACR,oBAAC,IAAI;oBACF,eAAe;oBACf,YAAY,IAAI,mBAAmB,CAC/B,CACG;YACX,YAAY,IAAI,CACf,oBAAC,SAAS;gBACR,oBAAC,aAAa,IACZ,IAAI,EAAC,eAAe,EACpB,KAAK,EAAE,CAAC,CACN,oGAAoG,CACrG,EACD,UAAU,EAAE,UAAU,GACtB,CACQ,CACb,CACK,CACF,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/build/ocm/components/clusterConfiguration/OcmSingleNodeCheckbox.js

@@ -0,0 +1,57 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import { useField, useFormikContext } from 'formik';
+import { Checkbox, FormGroup, Tooltip } from '@patternfly/react-core';
+import { getFieldId, HelperText, useFeature, } from '../../../common';
+import { useNewFeatureSupportLevel } from '../../../common/components/newFeatureSupportLevels';
+import NewFeatureSupportLevelBadge from '../../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge';
+import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
+const OcmSingleNodeCheckbox = (_a) => {
+    var { disabledReason, isSupportedVersionAvailable, validate, idPostfix, supportLevel } = _a, props = __rest(_a, ["disabledReason", "isSupportedVersionAvailable", "validate", "idPostfix", "supportLevel"]);
+    const { values: { openshiftVersion }, } = useFormikContext();
+    const isSingleNodeOpenshiftEnabled = useFeature('ASSISTED_INSTALLER_SNO_FEATURE');
+    const [field, meta, helpers] = useField({ name: props.name, validate });
+    const featureSupportLevelContext = useNewFeatureSupportLevel();
+    const prevVersionRef = React.useRef(openshiftVersion);
+    const prevIsDisabled = React.useRef(props.isDisabled);
+    const fieldId = getFieldId(props.name, 'input', idPostfix);
+    const { t } = useTranslation();
+    const { value } = meta;
+    const { setValue } = helpers;
+    const onChanged = React.useCallback((checked) => setValue(checked ? 'None' : 'Full'), [setValue]);
+    React.useEffect(() => {
+        if (prevVersionRef.current !== openshiftVersion &&
+            !featureSupportLevelContext.isFeatureSupported('SNO')) {
+            //invoke updating SNO value only if the version changed to not be in danger of touching existing clusters
+            onChanged(false);
+        }
+        prevVersionRef.current = openshiftVersion;
+    }, [openshiftVersion, onChanged, featureSupportLevelContext]);
+    React.useEffect(() => {
+        if (prevIsDisabled.current !== props.isDisabled) {
+            onChanged(false);
+        }
+        prevIsDisabled.current = props.isDisabled;
+    }, [props.isDisabled, setValue, onChanged]);
+    if (isSingleNodeOpenshiftEnabled && isSupportedVersionAvailable) {
+        return (React.createElement(FormGroup, { isInline: true, fieldId: fieldId },
+            React.createElement(Tooltip, { hidden: !disabledReason, content: disabledReason },
+                React.createElement(Checkbox, Object.assign({}, field, props, { id: fieldId, label: React.createElement(React.Fragment, null,
+                        t('ai:Install single node OpenShift (SNO)'),
+                        "\u00A0",
+                        React.createElement(NewFeatureSupportLevelBadge, { featureId: "SNO", supportLevel: supportLevel })), "aria-describedby": `${fieldId}-helper`, description: React.createElement(HelperText, { fieldId: fieldId }, t('ai:SNO enables you to install OpenShift using only one host.')), isChecked: value === 'None', onChange: onChanged, className: "with-tooltip" })))));
+    }
+    return null;
+};
+export default OcmSingleNodeCheckbox;
+//# sourceMappingURL=OcmSingleNodeCheckbox.js.map

package/build/ocm/components/clusterConfiguration/OcmSingleNodeCheckbox.js.map

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

package/build/ocm/components/clusterConfiguration/manifestsConfiguration/CustomManifestsPage.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Text, TextContent, TextVariants, Alert, Grid } from '@patternfly/react-core';
+import { CustomManifests } from './components/CustomManifests';
+export const CustomManifestsPage = ({ cluster, onFormStateChange: onFormStateChangeParent, }) => {
+    const onFormStateChange = (formState) => {
+        const hasFilledData = !formState.isEmpty;
+        hasFilledData && onFormStateChangeParent(formState);
+    };
+    return (React.createElement(Grid, { hasGutter: true },
+        React.createElement(TextContent, null,
+            React.createElement(Text, { component: TextVariants.h2 }, "Custom manifests"),
+            React.createElement(Text, { component: TextVariants.small }, "Upload additional manifests that will be applied at the install time for advanced configuration of the cluster.")),
+        React.createElement(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.createElement(CustomManifests, { cluster: cluster, onFormStateChange: onFormStateChange })));
+};
+//# sourceMappingURL=CustomManifestsPage.js.map

package/build/ocm/components/clusterConfiguration/manifestsConfiguration/CustomManifestsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomManifestsPage.js","sourceRoot":"","sources":["../../../../../lib/ocm/components/clusterConfiguration/manifestsConfiguration/CustomManifestsPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAEtF,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAI/D,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,EAClC,OAAO,EACP,iBAAiB,EAAE,uBAAuB,GAI3C,EAAE,EAAE;IACH,MAAM,iBAAiB,GAAG,CAAC,SAAkC,EAAE,EAAE;QAC/D,MAAM,aAAa,GAAG,CAAC,SAAS,CAAC,OAAO,CAAC;QACzC,aAAa,IAAI,uBAAuB,CAAC,SAAS,CAAC,CAAC;IACtD,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS;QACb,oBAAC,WAAW;YACV,oBAAC,IAAI,IAAC,SAAS,EAAE,YAAY,CAAC,EAAE,uBAAyB;YACzD,oBAAC,IAAI,IAAC,SAAS,EAAE,YAAY,CAAC,KAAK,sHAG5B,CACK;QACd,oBAAC,KAAK,IACJ,QAAQ,QACR,OAAO,EAAC,SAAS,EACjB,KAAK,EACH,yKAAyK,GAE3K;QACF,oBAAC,eAAe,IAAC,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,GAAI,CACtE,CACR,CAAC;AACJ,CAAC,CAAC"}

package/build/ocm/components/clusterConfiguration/manifestsConfiguration/DeleteCustomManifestModal.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { Modal, Button, ModalVariant } from '@patternfly/react-core';
+const DeleteCustomManifestModal = ({ isOpen, onClose, onDelete, }) => (React.createElement(Modal, { title: 'Remove custom manifests', isOpen: isOpen, onClose: onClose, variant: ModalVariant.small, actions: [
+        React.createElement(Button, { "data-testid": "delete-manifest-submit", key: "confirm", variant: "danger", onClick: onDelete },
+            'Remove',
+            ' '),
+        React.createElement(Button, { key: "cancel", variant: "link", onClick: onClose }, "Cancel"),
+    ] }, 'All the data entered for custom manifests will be lost and there will not be any custom manifests included in the installation.'));
+export default DeleteCustomManifestModal;
+//# sourceMappingURL=DeleteCustomManifestModal.js.map

package/build/ocm/components/clusterConfiguration/manifestsConfiguration/DeleteCustomManifestModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteCustomManifestModal.js","sourceRoot":"","sources":["../../../../../lib/ocm/components/clusterConfiguration/manifestsConfiguration/DeleteCustomManifestModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAErE,MAAM,yBAAyB,GAAG,CAAC,EACjC,MAAM,EACN,OAAO,EACP,QAAQ,GAKT,EAAE,EAAE,CAAC,CACJ,oBAAC,KAAK,IACJ,KAAK,EAAE,yBAAyB,EAChC,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,YAAY,CAAC,KAAK,EAC3B,OAAO,EAAE;QACP,oBAAC,MAAM,mBACO,wBAAwB,EACpC,GAAG,EAAC,SAAS,EACb,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,QAAQ;YAEhB,QAAQ;YAAE,GAAG,CACP;QACT,oBAAC,MAAM,IAAC,GAAG,EAAC,QAAQ,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,OAAO,aAE3C;KACV,IAGC,iIAAiI,CAE7H,CACT,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/build/ocm/components/clusterConfiguration/manifestsConfiguration/components/CollapsedManifest.js

@@ -0,0 +1,21 @@
+import { Flex, FlexItem, Label, StackItem } from '@patternfly/react-core';
+import { InfoCircleIcon } from '@patternfly/react-icons';
+import { useField } from 'formik';
+import React from 'react';
+const CollapsedManifest = ({ manifestIdx, fieldName }) => {
+    const [{ value }, { error }] = useField({
+        name: fieldName,
+    });
+    return (React.createElement(React.Fragment, null,
+        React.createElement(StackItem, { "data-testid": `collapsed-manifest-${manifestIdx}` },
+            React.createElement(Flex, null,
+                error && (React.createElement(React.Fragment, null,
+                    React.createElement(FlexItem, null,
+                        React.createElement(Label, { variant: "outline", color: "red", icon: React.createElement(InfoCircleIcon, null), "data-testid": "manifest-errors-label" }, "Missing information")))),
+                !error && value.filename && (React.createElement(React.Fragment, null,
+                    React.createElement(FlexItem, null,
+                        React.createElement(Label, { variant: "outline", "data-testid": "manifest-name" }, `${value.folder}/${value.filename}`),
+                        ' ')))))));
+};
+export default CollapsedManifest;
+//# sourceMappingURL=CollapsedManifest.js.map

package/build/ocm/components/clusterConfiguration/manifestsConfiguration/components/CollapsedManifest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CollapsedManifest.js","sourceRoot":"","sources":["../../../../../../lib/ocm/components/clusterConfiguration/manifestsConfiguration/components/CollapsedManifest.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAClC,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,iBAAiB,GAAG,CAAC,EAAE,WAAW,EAAE,SAAS,EAAgC,EAAE,EAAE;IACrF,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,GAAG,QAAQ,CAAuB;QAC5D,IAAI,EAAE,SAAS;KAChB,CAAC,CAAC;IAEH,OAAO,CACL;QACE,oBAAC,SAAS,mBAAc,sBAAsB,WAAW,EAAE;YACzD,oBAAC,IAAI;gBACF,KAAK,IAAI,CACR;oBACE,oBAAC,QAAQ;wBACP,oBAAC,KAAK,IACJ,OAAO,EAAC,SAAS,EACjB,KAAK,EAAC,KAAK,EACX,IAAI,EAAE,oBAAC,cAAc,OAAG,iBACZ,uBAAuB,0BAG7B,CACC,CACV,CACJ;gBACA,CAAC,KAAK,IAAI,KAAK,CAAC,QAAQ,IAAI,CAC3B;oBACE,oBAAC,QAAQ;wBACP,oBAAC,KAAK,IACJ,OAAO,EAAC,SAAS,iBACL,eAAe,IAC3B,GAAG,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,QAAQ,EAAE,CAAS;wBAAC,GAAG,CACzC,CACV,CACJ,CACI,CACG,CACX,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/build/ocm/components/clusterConfiguration/manifestsConfiguration/components/CustomManifest.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { Grid, Flex, FlexItem, ExpandableSectionToggle, Button } from '@patternfly/react-core';
+import { MinusCircleIcon } from '@patternfly/react-icons';
+import { getFormikArrayItemFieldName } from '../../../../../common';
+import { getManifestName } from './utils';
+import CollapsedManifest from './CollapsedManifest';
+import ExpandedManifest from './ExpandedManifest';
+export const RemoveItemButton = ({ onRemove, showRemoveButton, dataTestId, }) => (React.createElement(Button, { "aria-label": "remove manifest", style: { visibility: showRemoveButton ? 'visible' : 'hidden' }, variant: "plain" },
+    React.createElement(MinusCircleIcon, { onClick: onRemove, "data-testid": dataTestId })));
+export const CustomManifest = ({ fieldName, manifestIdx, onRemove, onToggleExpand, isExpanded, isDisabled, enableRemoveManifest, }) => {
+    const [showRemoveButton, setShowRemoveButton] = React.useState(false);
+    const updateShowRemoveButton = (value) => {
+        if (isDisabled) {
+            return;
+        }
+        if (!enableRemoveManifest) {
+            setShowRemoveButton(false);
+        }
+        else {
+            setShowRemoveButton(value);
+        }
+    };
+    const manifestFieldName = getFormikArrayItemFieldName(fieldName, manifestIdx);
+    return (React.createElement(Grid, { onMouseEnter: () => updateShowRemoveButton(true), onMouseLeave: () => updateShowRemoveButton(false), hasGutter: true },
+        React.createElement(Flex, null,
+            React.createElement(FlexItem, null,
+                React.createElement(ExpandableSectionToggle, { isExpanded: isExpanded, onToggle: onToggleExpand, direction: "down", "data-testid": `toggle-manifest-${manifestIdx}` }, getManifestName(manifestIdx))),
+            !isDisabled && enableRemoveManifest && (React.createElement(FlexItem, { align: { default: 'alignRight' } },
+                React.createElement(RemoveItemButton, { onRemove: onRemove, showRemoveButton: showRemoveButton, dataTestId: `remove-manifest-${manifestIdx}` })))),
+        isExpanded ? (React.createElement(ExpandedManifest, { fieldName: manifestFieldName, manifestIdx: manifestIdx, isDisabled: isDisabled })) : (React.createElement(CollapsedManifest, { manifestIdx: manifestIdx, fieldName: manifestFieldName }))));
+};
+//# sourceMappingURL=CustomManifest.js.map

package/build/ocm/components/clusterConfiguration/manifestsConfiguration/components/CustomManifest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomManifest.js","sourceRoot":"","sources":["../../../../../../lib/ocm/components/clusterConfiguration/manifestsConfiguration/components/CustomManifest.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,uBAAuB,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAC/F,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,2BAA2B,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAYlD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,QAAQ,EACR,gBAAgB,EAChB,UAAU,GAKX,EAAE,EAAE,CAAC,CACJ,oBAAC,MAAM,kBACM,iBAAiB,EAC5B,KAAK,EAAE,EAAE,UAAU,EAAE,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,EAC9D,OAAO,EAAC,OAAO;IAEf,oBAAC,eAAe,IAAC,OAAO,EAAE,QAAQ,iBAAe,UAAU,GAAI,CACxD,CACV,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,EACT,WAAW,EACX,QAAQ,EACR,cAAc,EACd,UAAU,EACV,UAAU,EACV,oBAAoB,GACA,EAAE,EAAE;IACxB,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACtE,MAAM,sBAAsB,GAAG,CAAC,KAAc,EAAE,EAAE;QAChD,IAAI,UAAU,EAAE;YACd,OAAO;SACR;QACD,IAAI,CAAC,oBAAoB,EAAE;YACzB,mBAAmB,CAAC,KAAK,CAAC,CAAC;SAC5B;aAAM;YACL,mBAAmB,CAAC,KAAK,CAAC,CAAC;SAC5B;IACH,CAAC,CAAC;IACF,MAAM,iBAAiB,GAAG,2BAA2B,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC;IAE9E,OAAO,CACL,oBAAC,IAAI,IACH,YAAY,EAAE,GAAG,EAAE,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAChD,YAAY,EAAE,GAAG,EAAE,CAAC,sBAAsB,CAAC,KAAK,CAAC,EACjD,SAAS;QAET,oBAAC,IAAI;YACH,oBAAC,QAAQ;gBACP,oBAAC,uBAAuB,IACtB,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,cAAc,EACxB,SAAS,EAAC,MAAM,iBACH,mBAAmB,WAAW,EAAE,IAE5C,eAAe,CAAC,WAAW,CAAC,CACL,CACjB;YACV,CAAC,UAAU,IAAI,oBAAoB,IAAI,CACtC,oBAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,YAAY,EAAE;gBACxC,oBAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,mBAAmB,WAAW,EAAE,GAC5C,CACO,CACZ,CACI;QAEN,UAAU,CAAC,CAAC,CAAC,CACZ,oBAAC,gBAAgB,IACf,SAAS,EAAE,iBAAiB,EAC5B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,GACtB,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,iBAAiB,IAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,iBAAiB,GAAI,CAC9E,CACI,CACR,CAAC;AACJ,CAAC,CAAC"}

package/build/ocm/components/clusterConfiguration/manifestsConfiguration/components/CustomManifests.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { getFormViewManifestsValidationSchema } from './customManifestsValidationSchema';
+import { CustomManifestsForm } from './CustomManifestsForm';
+import { getEmptyFormViewManifestsValues, getFormViewManifestValues } from './utils';
+export const CustomManifests = ({ cluster, onFormStateChange, }) => {
+    const [formProps, setFormProps] = React.useState();
+    React.useEffect(() => {
+        setFormProps({
+            onFormStateChange: onFormStateChange,
+            validationSchema: getFormViewManifestsValidationSchema,
+            getInitialValues: (customManifests) => {
+                return getFormViewManifestValues(customManifests);
+            },
+            getEmptyValues: () => getEmptyFormViewManifestsValues(),
+            showEmptyValues: true,
+            cluster: cluster,
+        });
+    }, [cluster, onFormStateChange]);
+    if (!formProps) {
+        return null;
+    }
+    return React.createElement(CustomManifestsForm, Object.assign({}, formProps));
+};
+//# sourceMappingURL=CustomManifests.js.map

package/build/ocm/components/clusterConfiguration/manifestsConfiguration/components/CustomManifests.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomManifests.js","sourceRoot":"","sources":["../../../../../../lib/ocm/components/clusterConfiguration/manifestsConfiguration/components/CustomManifests.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,oCAAoC,EAAE,MAAM,mCAAmC,CAAC;AAEzF,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,+BAA+B,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAErF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,OAAO,EACP,iBAAiB,GAIlB,EAAE,EAAE;IACH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,EAA4B,CAAC;IAE7E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,YAAY,CAAC;YACX,iBAAiB,EAAE,iBAAiB;YACpC,gBAAgB,EAAE,oCAAoC;YAEtD,gBAAgB,EAAE,CAAC,eAAsC,EAAE,EAAE;gBAC3D,OAAO,yBAAyB,CAAC,eAAe,CAAC,CAAC;YACpD,CAAC;YACD,cAAc,EAAE,GAAG,EAAE,CAAC,+BAA+B,EAAE;YACvD,eAAe,EAAE,IAAI;YACrB,OAAO,EAAE,OAAO;SACjB,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEjC,IAAI,CAAC,SAAS,EAAE;QACd,OAAO,IAAI,CAAC;KACb;IAED,OAAO,oBAAC,mBAAmB,oBAAK,SAAS,EAAI,CAAC;AAChD,CAAC,CAAC"}

package/build/ocm/components/clusterConfiguration/manifestsConfiguration/components/CustomManifestsArray.js

@@ -0,0 +1,105 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import { useSelector } from 'react-redux';
+import { Button, ButtonVariant, Divider, Flex, FlexItem } from '@patternfly/react-core';
+import { PlusCircleIcon } from '@patternfly/react-icons';
+import { useField } from 'formik';
+import cloneDeep from 'lodash-es/cloneDeep.js';
+import { LoadingState, useAlerts } from '../../../../../common';
+import ConfirmationModal from '../../../../../common/components/ui/ConfirmationModal';
+import { selectCurrentClusterPermissionsState } from '../../../../selectors';
+import { ClustersAPI } from '../../../../services/apis';
+import { getApiErrorMessage, handleApiError } from '../../../../api';
+import { CustomManifest } from './CustomManifest';
+import { getEmptyFormViewManifest, getManifestName } from './utils';
+const fieldName = 'manifests';
+const getExpandedManifestsInitialValue = (numManifests) => {
+    const ret = {};
+    for (let i = 0; i < numManifests; ++i) {
+        ret[i] = false;
+    }
+    return ret;
+};
+const getExpandedManifestsDefaultValue = (numManifests) => {
+    const ret = getExpandedManifestsInitialValue(numManifests);
+    if (numManifests === 1) {
+        ret[0] = true;
+    }
+    return ret;
+};
+export const CustomManifestsArray = (_a) => {
+    var { push, remove, clusterId } = _a, props = __rest(_a, ["push", "remove", "clusterId"]);
+    const [field, { error }] = useField({
+        name: fieldName,
+    });
+    const { isViewerMode } = useSelector(selectCurrentClusterPermissionsState);
+    const [expandedManifests, setExpandedManifests] = React.useState(getExpandedManifestsDefaultValue(field.value.length));
+    const [manifestIdxToRemove, setManifestIdxToRemove] = React.useState(null);
+    const { addAlert } = useAlerts();
+    const onAddManifest = React.useCallback(() => {
+        const newExpandedManifests = getExpandedManifestsInitialValue(field.value.length + 1);
+        newExpandedManifests[field.value.length] = true;
+        setExpandedManifests(newExpandedManifests);
+        push(getEmptyFormViewManifest());
+    }, [field.value.length, push]);
+    const removeManifest = React.useCallback((clusterId, manifestIdx) => __awaiter(void 0, void 0, void 0, function* () {
+        const manifestToRemove = field.value[manifestIdx];
+        if (manifestToRemove['folder'] !== '' && manifestToRemove['filename'] !== '') {
+            try {
+                yield ClustersAPI.removeCustomManifest(clusterId, manifestToRemove['folder'], manifestToRemove['filename']);
+            }
+            catch (e) {
+                handleApiError(e, () => addAlert({
+                    title: 'Manifest could not be deleted',
+                    message: getApiErrorMessage(e),
+                }));
+            }
+        }
+    }), [addAlert, field.value]);
+    const onConfirm = React.useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        if (manifestIdxToRemove !== null) {
+            yield removeManifest(clusterId, manifestIdxToRemove);
+            remove(manifestIdxToRemove);
+            setManifestIdxToRemove(null);
+        }
+    }), [removeManifest, clusterId, remove, manifestIdxToRemove, setManifestIdxToRemove]);
+    if (field.value === undefined) {
+        return React.createElement(LoadingState, null);
+    }
+    return (React.createElement(React.Fragment, null,
+        field.value.map((_data, manifestIdx) => {
+            const onToggleExpand = (isExpanded) => {
+                const newExpandedManifests = cloneDeep(expandedManifests);
+                newExpandedManifests[manifestIdx] = isExpanded;
+                setExpandedManifests(newExpandedManifests);
+            };
+            return (React.createElement(React.Fragment, { key: manifestIdx },
+                React.createElement(CustomManifest, Object.assign({ manifestIdx: manifestIdx, onToggleExpand: onToggleExpand, isExpanded: expandedManifests[manifestIdx], isDisabled: isViewerMode, onRemove: () => setManifestIdxToRemove(manifestIdx), fieldName: fieldName, enableRemoveManifest: field.value.length > 1 }, props)),
+                React.createElement(Divider, null)));
+        }),
+        React.createElement(Flex, null,
+            React.createElement(FlexItem, null,
+                React.createElement(Button, { icon: React.createElement(PlusCircleIcon, null), variant: "link", isInline: true, onClick: onAddManifest, "data-testid": "add-manifest", isDisabled: !!error }, "Add another manifest"))),
+        manifestIdxToRemove !== null && (React.createElement(ConfirmationModal, { title: `Delete ${getManifestName(manifestIdxToRemove)}?`, titleIconVariant: "warning", confirmationButtonText: "Delete", confirmationButtonVariant: ButtonVariant.danger, content: React.createElement(React.Fragment, null,
+                React.createElement("p", null, `All the data entered for ${getManifestName(manifestIdxToRemove)} will be lost`)), onClose: () => setManifestIdxToRemove(null), onConfirm: () => void onConfirm() }))));
+};
+//# sourceMappingURL=CustomManifestsArray.js.map

package/build/ocm/components/clusterConfiguration/manifestsConfiguration/components/CustomManifestsArray.js.map

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

package/build/ocm/components/clusterConfiguration/manifestsConfiguration/components/CustomManifestsForm.js

@@ -0,0 +1,119 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React from 'react';
+import { useSelector } from 'react-redux';
+import { Form } from '@patternfly/react-core';
+import { FieldArray, Formik, useFormikContext, yupToFormErrors, } from 'formik';
+import isEqual from 'lodash-es/isEqual.js';
+import { ErrorState, LoadingState, useAlerts, useFormikAutoSave } from '../../../../../common';
+import { selectCurrentClusterPermissionsState } from '../../../../selectors';
+import { getApiErrorMessage, handleApiError } from '../../../../api';
+import useClusterCustomManifests from '../../../../hooks/useClusterCustomManifests';
+import { ClustersService } from '../../../../services';
+import { CustomManifestsArray } from './CustomManifestsArray';
+const fieldName = 'manifests';
+const AutosaveWithParentUpdate = ({ onFormStateChange, getEmptyValues, }) => {
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    const emptyValues = React.useMemo(() => getEmptyValues(), []);
+    const { isSubmitting, isValid, touched, errors, values } = useFormikContext();
+    const isEmpty = React.useMemo(() => {
+        return isEqual(values, emptyValues);
+    }, [values, emptyValues]);
+    const isAutoSaveRunning = useFormikAutoSave();
+    React.useEffect(() => {
+        onFormStateChange({ isSubmitting, isAutoSaveRunning, isValid, touched, errors, isEmpty });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isSubmitting, isValid, isAutoSaveRunning, touched, errors]);
+    return null;
+};
+const getManifestDetails = (updatedManifest) => {
+    var _a, _b;
+    const existingFolderByFakeId = (_a = updatedManifest.fakeId) === null || _a === void 0 ? void 0 : _a.substring(0, updatedManifest.fakeId.indexOf('#'));
+    const existingFolder = existingFolderByFakeId === 'manifests' || existingFolderByFakeId === 'openshift'
+        ? existingFolderByFakeId
+        : 'manifests';
+    const existingFileName = (_b = updatedManifest.fakeId) === null || _b === void 0 ? void 0 : _b.substring(updatedManifest.fakeId.indexOf('#') + 1);
+    return {
+        folderName: existingFolder,
+        fileName: existingFileName,
+    };
+};
+export const CustomManifestsForm = ({ onFormStateChange, getEmptyValues, cluster, getInitialValues, validationSchema, }) => {
+    const { isViewerMode } = useSelector(selectCurrentClusterPermissionsState);
+    const [initialValues, setInitialValues] = React.useState();
+    const { addAlert, clearAlerts } = useAlerts();
+    const { customManifests, isLoading, error } = useClusterCustomManifests(cluster.id || '', true);
+    React.useEffect(() => {
+        if (customManifests) {
+            setInitialValues(getInitialValues(customManifests));
+        }
+    }, [customManifests, getInitialValues]);
+    const handleSubmit = React.useCallback((values, actions) => __awaiter(void 0, void 0, void 0, function* () {
+        clearAlerts();
+        actions.setSubmitting(true);
+        try {
+            const manifests = values.manifests;
+            const manifestsModified = manifests.filter((manifest) => !(customManifests === null || customManifests === void 0 ? void 0 : customManifests.some((customManifest) => customManifest.folder === manifest.folder &&
+                customManifest.fileName === manifest.filename &&
+                customManifest.yamlContent === manifest.manifestYaml)));
+            if (cluster && manifestsModified.length > 0) {
+                //See if manifests exists previously to make a patch or create a new one
+                const manifestsThatExists = manifestsModified.filter((manifest) => manifest.fakeId !== '');
+                const newManifestsToCreate = manifestsModified.filter((manifest) => manifest.fakeId === '');
+                const manifestsRequests = manifestsThatExists.map((updatedManifest) => {
+                    const { folderName, fileName } = getManifestDetails(updatedManifest);
+                    const existingManifest = {
+                        folder: folderName,
+                        filename: fileName || '',
+                        manifestYaml: '',
+                    };
+                    return ClustersService.updateCustomManifest(existingManifest, updatedManifest, cluster === null || cluster === void 0 ? void 0 : cluster.id);
+                });
+                yield Promise.all(manifestsRequests);
+                if (newManifestsToCreate.length > 0) {
+                    yield ClustersService.createClusterManifests(newManifestsToCreate, cluster === null || cluster === void 0 ? void 0 : cluster.id);
+                }
+            }
+        }
+        catch (e) {
+            handleApiError(e, () => addAlert({
+                title: 'Failed to update the custom manifests',
+                message: getApiErrorMessage(e),
+            }));
+        }
+        finally {
+            actions.setSubmitting(false);
+        }
+    }), [addAlert, clearAlerts, cluster, customManifests]);
+    const onSubmit = isViewerMode ? () => Promise.resolve() : handleSubmit;
+    const validate = (values) => {
+        try {
+            validationSchema.validateSync(values, { abortEarly: false, context: { values } });
+            return {};
+        }
+        catch (error) {
+            return yupToFormErrors(error);
+        }
+    };
+    const renderManifests = React.useCallback((arrayRenderProps) => (React.createElement(CustomManifestsArray, Object.assign({}, Object.assign({ clusterId: cluster.id }, arrayRenderProps)))), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
+    if (error) {
+        return React.createElement(ErrorState, null);
+    }
+    if (isLoading || !initialValues) {
+        return React.createElement(LoadingState, { content: "Loading custom manifests ..." });
+    }
+    return (React.createElement(Formik, { initialValues: initialValues, onSubmit: onSubmit, validate: validate, enableReinitialize: true, validateOnMount: true, validateOnChange: true },
+        React.createElement(Form, null,
+            React.createElement(FieldArray, { name: fieldName, render: renderManifests }),
+            React.createElement(AutosaveWithParentUpdate, { onFormStateChange: onFormStateChange, getEmptyValues: getEmptyValues }))));
+};
+//# sourceMappingURL=CustomManifestsForm.js.map

package/build/ocm/components/clusterConfiguration/manifestsConfiguration/components/CustomManifestsForm.js.map

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