@rh-support/troubleshoot 0.2.125 → 0.2.126

package/lib/esm/components/CaseEditView/CaseOverview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/index.tsx"],"names":[],"mappings":"AAyCA,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,eA+ejD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/index.tsx"],"names":[],"mappings":"AAyCA,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,eAgfjD"}

package/lib/esm/components/CaseEditView/CaseOverview/index.js

@@ -281,7 +281,7 @@ export default function CaseOverview(props) {
                     React.createElement("div", { className: "form-wrapper" },
                         React.createElement(CaseType, { selectedType: caseType, onTypeChange: onTypeChange, isDisabled: !canManageCase || allCaseTypes.isFetching, allTypes: allCaseTypes.data, isFetching: caseOverviewState.caseTypeUpdating && isCaseUpdating, hasError: allCaseTypes.isError })),
                     React.createElement("div", { className: "form-wrapper" },
-                        React.createElement(Severity, { onSeverityChange: onSeverityChange, isDisabled: !canManageCase, isFetching: caseOverviewState.caseSeverityUpdating && isCaseUpdating })))),
+                        React.createElement(Severity, { onCaseDetailsPage: true, onSeverityChange: onSeverityChange, isDisabled: !canManageCase, isFetching: caseOverviewState.caseSeverityUpdating && isCaseUpdating })))),
             React.createElement(ExpandableSection, { className: "case-details-main", toggleText: t('Case information'), isExpanded: isDetailsExpanded, onToggle: onToggleDetails },
                 React.createElement(CaseInformation, null))),
         showCloseCaseModal && (React.createElement(CloseCaseModal, { onConfirm: (commentBody) => __awaiter(this, void 0, void 0, function* () {

package/lib/esm/components/CaseInformation/Severity.d.ts

@@ -5,6 +5,7 @@ interface IProps extends IDClassNameProps {
     isFetching?: boolean;
     onSeverityChange: (casePayload: Partial<ICasePayload>) => void;
     showSeverityInfoIcon: boolean;
+    onCaseDetailsPage?: boolean;
 }
 export interface ISeverityOptions {
     disabled: boolean;

package/lib/esm/components/CaseInformation/Severity.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Severity.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Severity.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAKvE,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAsBrE,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAC/D,oBAAoB,EAAE,OAAO,CAAC;CACjC;AASD,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;CACxD;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,MAAM,eA4N9B;kBA5NQ,QAAQ;;;AA8NjB,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Severity.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Severity.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAKvE,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAuBrE,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAC/D,oBAAoB,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AASD,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;CACxD;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,MAAM,eAyQ9B;kBAzQQ,QAAQ;;;AA2QjB,eAAe,QAAQ,CAAC"}

package/lib/esm/components/CaseInformation/Severity.js

@@ -15,6 +15,7 @@ import { useCaseSelector } from '../../context/CaseContext';
 import { getIrtForSLAAndSeverity, getOrtForSLAAndSeverity, getSeverityDescription } from '../../reducers/CaseHelpers';
 import { CaseValuesToWatch } from '../shared/Constants';
 import { getChangedValueTooltip } from '../shared/utils';
+import UpdateSeverityModal from '../UpdateSeverityModal/UpdateSeverityModal';
 const defaultProps = {
     id: '',
     className: '',
@@ -36,6 +37,7 @@ function Severity(props) {
     const [isSeverityInValid, setIsSeverityInValid] = useState(false);
     const [seviritiesOptions, setSeveritiesOptions] = useState([]);
     const [doNotShowIRT, setDoNotShowIRT] = useState(false);
+    const [openUpdateSeverityModal, setOpenUpdateSeverityModal] = useState(false);
     const updateState = (value) => {
         const casePayload = { severity: value };
         // .. change fts on sev change only while creating case or wchen we change to sev1
@@ -104,6 +106,9 @@ function Severity(props) {
         label: `${severity} - ${getSeverityDescription(severity)}`,
         additionalInfo: getAdditionalInfo(slaLocal, severity),
     };
+    const toggleModal = () => {
+        setOpenUpdateSeverityModal((openUpdateSeverityModal) => !openUpdateSeverityModal);
+    };
     useEffect(() => {
         var _a, _b, _c;
         if (!product ||
@@ -149,7 +154,24 @@ function Severity(props) {
             "\u00A0",
             filteredSeverities.filter((s) => s.disabled).length !== 0 && (React.createElement(Tooltip, { position: TooltipPosition.top, content: React.createElement(Trans, null, "Only the enabled severity levels are supported for selected product and version.") },
                 React.createElement(WarningTriangleIcon, { color: "#ec7a08", size: "sm", title: "Support Severity Level warning" })))),
-        React.createElement(Dropdown, { name: "open-case-severity", placeholder: t(`Select a severity`), title: t(`Select a severity`), list: allCaseSeverities.data
+        props.onCaseDetailsPage === true ? (React.createElement(React.Fragment, null,
+            React.createElement("div", { onClick: toggleModal },
+                React.createElement(Dropdown, { name: "open-case-severity", placeholder: t(`Select a severity`), title: t(`Select a severity`), list: allCaseSeverities.data
+                        ? toOptions(filteredSeverities, {
+                            labelKey: 'label',
+                            additionalInfoKey: 'additionalInfo',
+                            disabledKey: 'disabled',
+                        })
+                        : [], selectedItem: toOption(selectedSeverity, {
+                        labelKey: 'label',
+                        additionalInfoKey: 'additionalInfo',
+                        disabledKey: 'disabled',
+                    }), disabled: allCaseSeverities.isError ||
+                        props.isDisabled ||
+                        allCaseSeverities.isFetching ||
+                        ownersEntitlements.isFetching ||
+                        versionsDetails.isFetching, isLoadingList: props.isFetching || versionsDetails.isFetching, isInValid: allCaseSeverities.isError || isSeverityInValid, required: true, onChange: onSeverityChange, onOuterClick: setIsSeverityInValidLocal, "data-tracking-id": "open-case-severity" })),
+            React.createElement(UpdateSeverityModal, { show: openUpdateSeverityModal, onClose: toggleModal }))) : (React.createElement(Dropdown, { name: "open-case-severity", placeholder: t(`Select a severity`), title: t(`Select a severity`), list: allCaseSeverities.data
                 ? toOptions(filteredSeverities, {
                     labelKey: 'label',
                     additionalInfoKey: 'additionalInfo',
@@ -163,7 +185,7 @@ function Severity(props) {
                 props.isDisabled ||
                 allCaseSeverities.isFetching ||
                 ownersEntitlements.isFetching ||
-                versionsDetails.isFetching, isLoadingList: props.isFetching || versionsDetails.isFetching, isInValid: allCaseSeverities.isError || isSeverityInValid, required: true, onChange: onSeverityChange, onOuterClick: setIsSeverityInValidLocal, "data-tracking-id": "open-case-severity" })));
+                versionsDetails.isFetching, isLoadingList: props.isFetching || versionsDetails.isFetching, isInValid: allCaseSeverities.isError || isSeverityInValid, required: true, onChange: onSeverityChange, onOuterClick: setIsSeverityInValidLocal, "data-tracking-id": "open-case-severity" }))));
 }
 Severity.defaultProps = defaultProps;
 export default Severity;

package/lib/esm/components/UpdateSeverityModal/UpdateSeverityModal.d.ts

@@ -0,0 +1,7 @@
+interface IProps {
+    show: boolean;
+    onClose: () => void;
+}
+export default function UpdateSeverityModal(props: IProps): JSX.Element;
+export {};
+//# sourceMappingURL=UpdateSeverityModal.d.ts.map

package/lib/esm/components/UpdateSeverityModal/UpdateSeverityModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpdateSeverityModal.d.ts","sourceRoot":"","sources":["../../../../src/components/UpdateSeverityModal/UpdateSeverityModal.tsx"],"names":[],"mappings":"AA0BA,UAAU,MAAM;IACZ,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,MAAM,eA8NxD"}

package/lib/esm/components/UpdateSeverityModal/UpdateSeverityModal.js

@@ -0,0 +1,170 @@
+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 { publicApi } from '@cee-eng/hydrajs';
+import { Button, Modal, TextArea } from '@patternfly/react-core';
+import { ToastNotification, useFetch } from '@rh-support/components';
+import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
+import { ability, resourceActions, resources } from '@rh-support/user-permissions';
+import isEmpty from 'lodash/isEmpty';
+import isEqual from 'lodash/isEqual';
+import React, { useContext, useReducer, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
+import { useCaseDetailsPageStateContext } from '../../context/CaseDetailsPageContext';
+import { useCaseDiscussionTabDispatchContext, useCaseDiscussionTabStateContext, } from '../../context/CaseDiscussionTabContext';
+import { updateDiscussionStateComments } from '../../reducers/CaseDiscussionTabReducer';
+import { caseOverviewReducer, initialCaseViewState, setSeverityUpdating } from '../../reducers/CaseOverviewReducer';
+import { checkForCaseStatusToggleOnAttachOrComment, setCaseDetails, updateCaseDetails, } from '../../reducers/CaseReducer';
+import Severity from '../CaseInformation/Severity';
+export default function UpdateSeverityModal(props) {
+    const { show, onClose } = props;
+    const { t } = useTranslation();
+    const [descriptionValue, setDescriptionValue] = useState('');
+    const [caseOverviewState, caseOverviewDispatch] = useReducer(caseOverviewReducer, initialCaseViewState);
+    const canManageCase = ability.can(resourceActions.UPDATE, resources.CASE_DETAILS);
+    const caseDispatch = useCaseDispatch();
+    const canEditCase = useCanEditCase();
+    const [updatedSeverity, setUpdatedSeverity] = useState();
+    const [newSeverityValue, setNewSeverityValue] = useState([]);
+    const { request: postCommentRequest, isFetching: isPostingComment } = useFetch(publicApi.kase.postComment, {
+        propgateErrors: true,
+    });
+    const { caseDetailsPageState: { caseFeedbacksHydra }, } = useCaseDetailsPageStateContext();
+    const dispatchDiscussion = useCaseDiscussionTabDispatchContext();
+    const { sort, allDiscussions, discussionFiltersListState } = useCaseDiscussionTabStateContext();
+    const { globalMetadataState: { loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
+    const caseState = useCaseSelector((state) => ({
+        caseDetails: {
+            caseNumber: state.caseDetails.caseNumber,
+            caseSeverity: state.caseDetails.severity,
+        },
+        isCaseUpdating: state.isCaseUpdating,
+    }), isEqual);
+    const { caseDetails, isCaseUpdating } = caseState;
+    const [currentSeverity, setCurrentSeverity] = useState(caseDetails.caseSeverity);
+    // Modal cancel function which resets the field
+    const onCancel = () => {
+        onClose();
+        setSeverityUpdating(caseOverviewDispatch, false);
+        setCaseDetails(caseDispatch, { severity: currentSeverity });
+        setDescriptionValue('');
+    };
+    // To handle description change
+    const handleTextAreaChange = (value) => {
+        setDescriptionValue(value);
+    };
+    const onSubmit = () => __awaiter(this, void 0, void 0, function* () {
+        // Severity update successful comment body
+        const severityUpdateComment = t('#### Severity update \n Severity changed from {{oldSeverity}} to {{newSeverity}}\n\n #### Description \n{{description}}', {
+            oldSeverity: currentSeverity,
+            newSeverity: newSeverityValue,
+            description: descriptionValue === null || descriptionValue === void 0 ? void 0 : descriptionValue.trim(),
+        });
+        // Severity update failed comment body
+        const severityUpdateFailedComment = t('#### Severity update \n Failed to change severity from {{oldSeverity}} to {{newSeverity}}\n\n #### Description \n{{description}}', {
+            oldSeverity: currentSeverity,
+            newSeverity: newSeverityValue,
+            description: descriptionValue === null || descriptionValue === void 0 ? void 0 : descriptionValue.trim(),
+        });
+        try {
+            setSeverityUpdating(caseOverviewDispatch, true);
+            yield updateCaseDetails(caseDispatch, caseDetails.caseNumber, updatedSeverity);
+            try {
+                yield postCommentRequest({
+                    caseNumber: caseDetails.caseNumber,
+                    commentBody: severityUpdateComment === null || severityUpdateComment === void 0 ? void 0 : severityUpdateComment.trim(),
+                    contentType: 'markdown',
+                });
+                try {
+                    yield checkForCaseStatusToggleOnAttachOrComment(caseDispatch, loggedInUserRights.data.isInternal(), caseDetails.caseSeverity);
+                    ToastNotification.addSuccessMessage(t('Severity has been successfully updated'));
+                    setCurrentSeverity(newSeverityValue);
+                    onCancel();
+                }
+                catch (e) {
+                    yield updateCaseDetails(caseDispatch, caseDetails.caseNumber, {
+                        severity: currentSeverity,
+                    });
+                    yield postCommentRequest({
+                        caseNumber: caseDetails.caseNumber,
+                        commentBody: severityUpdateFailedComment === null || severityUpdateFailedComment === void 0 ? void 0 : severityUpdateFailedComment.trim(),
+                        contentType: 'markdown',
+                    });
+                    ToastNotification.addDangerMessage(t(`Failed to check case status. Please try again.`));
+                }
+            }
+            catch (e) {
+                yield updateCaseDetails(caseDispatch, caseDetails.caseNumber, {
+                    severity: currentSeverity,
+                });
+                ToastNotification.addDangerMessage(t(`Couldn't post severity update comment. Please try again.`));
+            }
+        }
+        catch (e) {
+            setSeverityUpdating(caseOverviewDispatch, false);
+            ToastNotification.addDangerMessage(t('Severity failed to update'));
+            onCancel();
+        }
+        finally {
+            yield updateDiscussionStateComments(dispatchDiscussion, caseDetails.caseNumber, allDiscussions, sort, caseFeedbacksHydra.data, discussionFiltersListState);
+        }
+    });
+    // To check if description is valid
+    const isTextAreaValid = () => {
+        if (isEmpty(descriptionValue === null || descriptionValue === void 0 ? void 0 : descriptionValue.trim())) {
+            return true;
+        }
+        else
+            return false;
+    };
+    // To compare previous and current severity values
+    const checkSeverity = () => {
+        const checkForUndefined = newSeverityValue['severity'] === undefined;
+        if (isEqual(currentSeverity, newSeverityValue['severity'])) {
+            return false;
+        }
+        else if (checkForUndefined) {
+            return false;
+        }
+        else {
+            return true;
+        }
+    };
+    // To disable submit button wrt above conditions
+    const isSubmitButtonDisabled = isTextAreaValid() || checkSeverity() ? true : false;
+    // Update severity modal buttons
+    const modalActions = [
+        React.createElement(Button, { key: "submit", variant: "primary", onClick: onSubmit, isLoading: isCaseUpdating || isPostingComment, "data-tracking-id": "update-severity-submit", isDisabled: isSubmitButtonDisabled }, t('Submit')),
+        React.createElement(Button, { key: "back", variant: "link", onClick: onCancel, "data-tracking-id": "update-severity-cancel" }, t('Cancel')),
+    ];
+    // To handle severity change in the modal
+    const onSeverityChange = (payload) => __awaiter(this, void 0, void 0, function* () {
+        if (canEditCase.alert())
+            return;
+        yield setUpdatedSeverity(payload);
+        yield setNewSeverityValue(payload['severity']);
+        setCaseDetails(caseDispatch, payload);
+    });
+    // Returns the modal body with its contents
+    const modalBody = () => {
+        return (React.createElement(React.Fragment, null,
+            React.createElement("form", { "aria-label": t('form') },
+                React.createElement("div", { className: "form-group pf-u-mt-xs" },
+                    React.createElement("div", null,
+                        React.createElement(Severity, { onCaseDetailsPage: false, onSeverityChange: onSeverityChange, isDisabled: !canManageCase && isCaseUpdating, isFetching: (caseOverviewState.caseSeverityUpdating && isCaseUpdating) || isPostingComment })),
+                    React.createElement("div", null,
+                        React.createElement("label", { htmlFor: "date-input", className: "pf-u-mt-md" },
+                            React.createElement(Trans, null, "Describe update"),
+                            React.createElement("span", { className: "form-required", "aria-hidden": "true" }, "*")),
+                        React.createElement(TextArea, { placeholder: "Please identify any changes in the case's business impact", isDisabled: (caseOverviewState.caseSeverityUpdating && isCaseUpdating) || isPostingComment, value: descriptionValue, onChange: handleTextAreaChange, resizeOrientation: "vertical", "aria-label": "summary", isRequired: true }))))));
+    };
+    // Main modal and its headings
+    return (React.createElement(Modal, { title: t('Update severity'), description: t('Describing your update helps us better assist you.'), isOpen: show, onClose: onCancel, actions: modalActions }, modalBody()));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "0.2.125",
+    "version": "0.2.126",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -143,5 +143,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "69133e548c91349a60a4f9805216e60c98207b69"
+    "gitHead": "16100828f404296b3dfb26fbb9fde4c5920ab94e"
 }