@rh-support/troubleshoot 0.2.123 → 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/CaseEditView/Tabs/CaseDiscussion/PostComment.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PostComment.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/PostComment.tsx"],"names":[],"mappings":"AAqCA,OAAO,EAAkB,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAqB5F,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,WAAW,EAAE,CAAC;CACjC;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,eA2exC"}
+{"version":3,"file":"PostComment.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/PostComment.tsx"],"names":[],"mappings":"AAqCA,OAAO,EAAkB,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAqB5F,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,WAAW,EAAE,CAAC;CACjC;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,eA8exC"}

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/PostComment.js

@@ -60,6 +60,9 @@ export function PostComment(props) {
             setCommentType(defaultCommentType);
             const defaultCommentSignature = retrievedCommentSignature || '';
             setCommentSignature(defaultCommentSignature);
+            if (isEmpty(commentText)) {
+                setCommentText(`\n ${defaultCommentSignature}` || '');
+            }
         }
         catch (error) {
             console.log(error);
@@ -68,7 +71,7 @@ export function PostComment(props) {
     useEffect(() => {
         userOriginalCommentPrefs();
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    });
+    }, []);
     const [isModalOpen, setIsModalOpen] = useState(false);
     const [isProcessing, setIsProcessing] = useState(isPostingComment || isUploadingAttachments);
     const { globalMetadataState: { loggedInUser, loggedInUserRights, loggedInUsersAccount, pcmConfig }, } = useContext(GlobalMetadataStateContext);

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/CaseManagement/OpenshiftDropdownV4.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OpenshiftDropdownV4.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenshiftDropdownV4.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAG5E,OAAO,EAAE,gBAAgB,EAAuB,MAAM,0BAA0B,CAAC;AAUjF,UAAU,MAAO,SAAQ,gBAAgB;IACrC,uBAAuB,EAAE,MAAM,CAAC;IAChC,sBAAsB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzF,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iCAAiC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAChD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAuBD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,eA6WzC;kBA7WQ,mBAAmB;;;AAgX5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"OpenshiftDropdownV4.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenshiftDropdownV4.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAG5E,OAAO,EAAE,gBAAgB,EAAuB,MAAM,0BAA0B,CAAC;AAUjF,UAAU,MAAO,SAAQ,gBAAgB;IACrC,uBAAuB,EAAE,MAAM,CAAC;IAChC,sBAAsB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzF,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iCAAiC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAChD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAuBD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,eA4WzC;kBA5WQ,mBAAmB;;;AA+W5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/lib/esm/components/CaseManagement/OpenshiftDropdownV4.js

@@ -174,14 +174,16 @@ function OpenshiftDropdownV4(props) {
                 // recreate a new AbortController for each call
                 let controller = new AbortController();
                 abortControllerRef.current = controller;
+                const archived = !showArchivedClusters ? " AND status!='Archived'" : '';
+                const searchPhrase = search
+                    ? ` AND (external_cluster_id ILIKE '%${search}%' OR display_name ILIKE '%${search}%' OR console_url ILIKE '%${search}%')`
+                    : '';
                 // query language: https://github.com/yaacov/tree-search-language
                 clustersResponse = yield cloud.getAccountClustersSubscription({
                     order: 'display_name asc',
                     page,
                     size: PER_PAGE,
-                    search: `external_cluster_id!='' AND ${showArchivedClusters ? '' : "status!='Archived'"} ${search && !showArchivedClusters ? 'AND' : ''} ${search
-                        ? `(external_cluster_id ILIKE '%${search}%' OR display_name ILIKE '%${search}%' OR console_url ILIKE '%${search}%')`
-                        : ''}`,
+                    search: `external_cluster_id!='' ${archived} ${searchPhrase}`,
                     fields: 'external_cluster_id,display_name,status,metrics.openshift_version,console_url',
                 }, controller.signal);
                 setInCache(`showArchived=${showArchivedClusters}input=${search}p=${page}`, clustersResponse);

package/lib/esm/components/ConfirmationModals/NoAttachmentSelectedModal.js

@@ -71,7 +71,7 @@ export function NoAttachmentSelectedModal(props) {
             actionButtons = [
                 React.createElement(FileSelectorButton, { key: "file-selector-btn", buttonLabel: t('Upload a file'), className: "pf-m-primary", "data-tracking-id": "no-attachment-file-selector-button", isSessionId: true }),
                 React.createElement(Button, { key: "skip-file", onClick: props.onConfirm, className: "pf-u-ml-sm", "data-tracking-id": "submit-without-attachment", variant: ButtonVariant.secondary },
-                    React.createElement(Trans, null, "Yes, I'm, sure")),
+                    React.createElement(Trans, null, "Yes, I'm sure")),
             ];
         }
         return actionButtons;

package/lib/esm/components/ImproveCase/Hostname.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Hostname.d.ts","sourceRoot":"","sources":["../../../../src/components/ImproveCase/Hostname.tsx"],"names":[],"mappings":"AASA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,eA6CrC"}
+{"version":3,"file":"Hostname.d.ts","sourceRoot":"","sources":["../../../../src/components/ImproveCase/Hostname.tsx"],"names":[],"mappings":"AASA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,eA+CrC"}

package/lib/esm/components/ImproveCase/Hostname.js

@@ -29,5 +29,8 @@ export function Hostname(props) {
                 `${HOSTNAME_LENGTH_LIMIT}`,
                 " characters are not allowed."))),
         React.createElement("p", { className: "form-instructions" },
-            React.createElement(Trans, null, "Hostname is not visible to Red Hat Support professionals."))));
+            React.createElement(Trans, null,
+                "Change visibility for hostnames under ",
+                React.createElement("a", { href: "/support/cases/#/manage/preferences" }, "Preferences"),
+                "."))));
 }

package/lib/esm/components/Recommendations/ClusterRecommendationItems.js

@@ -33,7 +33,7 @@ export function ClusterRecommendationItems(props) {
             React.createElement("h3", null, rule.description)),
         React.createElement("pfe-accordion-panel", null,
             React.createElement("p", null,
-                React.createElement(Label, { icon: riskLabels[rule.total_risk].icon, color: riskLabels[rule.total_risk].color },
+                React.createElement(Label, { color: riskLabels[rule.total_risk].color },
                     React.createElement(Trans, null, riskLabels[rule.total_risk].label))),
             React.createElement("p", null, rule.details || ''),
             rule.reason && (React.createElement(React.Fragment, null,

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/lib/esm/components/shared/Constants.d.ts

@@ -52,22 +52,18 @@ export declare const markdownInlineFileSelectEvent = "PCM-Next > Markdown-toolba
 export declare const markdownFilePasteEvent = "PCM-Next > Markdown-toolbar-file-paste";
 export declare const riskLabels: {
     1: {
-        icon: JSX.Element;
         label: string;
         color: string;
     };
     2: {
-        icon: JSX.Element;
         label: string;
         color: string;
     };
     3: {
-        icon: JSX.Element;
         label: string;
         color: string;
     };
     4: {
-        icon: JSX.Element;
         label: string;
         color: string;
     };

package/lib/esm/components/shared/Constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Constants.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Constants.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBA+BE;AAEF;;GAEG;AACH,oBAAY,iBAAiB;IACzB,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,IAAI,cAAc;IAClB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,sBAAsB;IAC3B,KAAK,UAAU;IACf,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,kBAAkB,yBAAyB;CAC9C;AAED,eAAO,MAAM,8BAA8B,oDAAoD,CAAC;AAEhG,eAAO,MAAM,oCAAoC,wDAAwD,CAAC;AAC1G,eAAO,MAAM,6BAA6B,4CAA4C,CAAC;AACvF,eAAO,MAAM,sBAAsB,2CAA2C,CAAC;AAE/E,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;CAKtB,CAAC"}
+{"version":3,"file":"Constants.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Constants.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBA+BE;AAEF;;GAEG;AACH,oBAAY,iBAAiB;IACzB,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,IAAI,cAAc;IAClB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,sBAAsB;IAC3B,KAAK,UAAU;IACf,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,kBAAkB,yBAAyB;CAC9C;AAED,eAAO,MAAM,8BAA8B,oDAAoD,CAAC;AAEhG,eAAO,MAAM,oCAAoC,wDAAwD,CAAC;AAC1G,eAAO,MAAM,6BAA6B,4CAA4C,CAAC;AACvF,eAAO,MAAM,sBAAsB,2CAA2C,CAAC;AAE/E,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;CAKtB,CAAC"}

package/lib/esm/components/shared/Constants.js

@@ -1,8 +1,3 @@
-import AngleDoubleDownIcon from '@patternfly/react-icons/dist/js/icons/angle-double-down-icon';
-import AngleDoubleUpIcon from '@patternfly/react-icons/dist/js/icons/angle-double-up-icon';
-import CriticalRiskIcon from '@patternfly/react-icons/dist/js/icons/critical-risk-icon';
-import EqualsIcon from '@patternfly/react-icons/dist/js/icons/equals-icon';
-import React from 'react';
 export default {
     languagesMap: {
         en: 'English',
@@ -56,8 +51,8 @@ export const recsViewedFromNoAttachmentModalEvent = 'PCM-Next > No-Attachment-mo
 export const markdownInlineFileSelectEvent = 'PCM-Next > Markdown-toolbar-file-select';
 export const markdownFilePasteEvent = 'PCM-Next > Markdown-toolbar-file-paste';
 export const riskLabels = {
-    1: { icon: React.createElement(AngleDoubleDownIcon, null), label: 'Low', color: 'blue' },
-    2: { icon: React.createElement(EqualsIcon, null), label: 'Moderate', color: 'gold' },
-    3: { icon: React.createElement(AngleDoubleUpIcon, null), label: 'Important', color: 'orange' },
-    4: { icon: React.createElement(CriticalRiskIcon, null), label: 'Critical', color: 'red' },
+    1: { label: 'Low', color: 'blue' },
+    2: { label: 'Moderate', color: 'orange' },
+    3: { label: 'Important', color: 'red' },
+    4: { label: 'Critical', color: 'red' },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "0.2.123",
+    "version": "0.2.126",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -32,7 +32,7 @@
         "@patternfly/pfe-accordion": "1.12.3",
         "@patternfly/pfe-collapse": "1.12.3",
         "@patternfly/pfe-tabs": "1.12.3",
-        "@patternfly/react-core": "4.224.1",
+        "@patternfly/react-core": "4.202.16",
         "@rh-support/api": "0.3.9",
         "@rh-support/components": "^0.1.3",
         "@rh-support/react-context": "^0.1.3",
@@ -70,12 +70,12 @@
         "@patternfly/pfe-collapse": "1.12.3",
         "@patternfly/pfe-icon": "^1.12.3",
         "@patternfly/pfe-tabs": "1.12.3",
-        "@patternfly/react-core": "4.224.1",
+        "@patternfly/react-core": "4.202.16",
         "@progress/kendo-drawing": "^1.6.0",
         "@progress/kendo-react-pdf": "^3.12.0",
         "@rh-support/api": "0.3.24",
-        "@rh-support/components": "1.1.74",
-        "@rh-support/react-context": "0.2.80",
+        "@rh-support/components": "1.1.75",
+        "@rh-support/react-context": "0.2.81",
         "@rh-support/types": "0.2.0",
         "@rh-support/user-permissions": "0.2.62",
         "@rh-support/utils": "0.2.46",
@@ -143,5 +143,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "92d0e7c14067d191a4b8d1a12df459c61deca4c0"
+    "gitHead": "16100828f404296b3dfb26fbb9fde4c5920ab94e"
 }