npm - @rh-support/troubleshoot - Versions diffs - 0.4.1 → 1.0.1 - Mend

@rh-support/troubleshoot 0.4.1 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/lib/esm/components/CaseEditView/ActiveCustomerEscalation/RequestEscalationModal.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RequestEscalationModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ActiveCustomerEscalation/RequestEscalationModal.tsx"],"names":[],"mappings":"AAwCA,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAID,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,~~eA+VnD~~"}
1	+ {"version":3,"file":"RequestEscalationModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ActiveCustomerEscalation/RequestEscalationModal.tsx"],"names":[],"mappings":"AAwCA,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAID,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,eAsWnD"}

package/lib/esm/components/CaseEditView/ActiveCustomerEscalation/RequestEscalationModal.js CHANGED Viewed

@@ -147,11 +147,11 @@ export function RequestEscalationModal(props) {
         fetchCategories();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.show]);
-    return (React.createElement(Modal, { isOpen: props.show, onClose: onCancel, actions: modalActions, header: header },
+    return (React.createElement(Modal, { id: "request-mgmt-escalation-modal", className: "request-escalation-modal", isOpen: props.show, onClose: onCancel, actions: modalActions, header: header },
         React.createElement("p", { className: "pf-u-mb-md" },
             React.createElement(Trans, { i18nKey: "i18RequestEscalationDescription" }, "Submit an escalation if an issue has become more severe or you feel the case needs a higher priority. A support manager will review your escalation request.")),
         React.createElement(AlertMessage, { variant: AlertType.DANGER, title: t('Could not create case escalation'), show: creationError, onClose: onErrorClose, isInline: true, className: "pf-u-mb-md" }),
-        React.createElement(Form, { "aria-label": t('form') },
+        React.createElement(Form, { "aria-label": t('form'), className: "request-escalation-form" },
             React.createElement(Grid, { hasGutter: true, md: 12 },
                 React.createElement(GridItem, { span: 6 },
                     React.createElement(FormGroup, { isRequired: true, label: t('Category'), fieldId: "escalation-category" },

package/lib/esm/components/CaseEditView/ConfirmationModals/ReopenCaseModal.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReopenCaseModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ConfirmationModals/ReopenCaseModal.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAEzE,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,KAAA,EAAE,SAAS,KAAA,EAAE,UAAU,CAAC,KAAA,EAAE,iBAAiB,CAAC,KAAA,EAAE,cAAc,CAAC,KAAA,EAAE,mBAAmB,CAAC,KAAA,KAAK,IAAI,CAAC;IACpH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,cAAc,CAAC;IAC7B,aAAa,EAAE,MAAM,CAAC;CACzB;AAMD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,~~eA6L5C~~"}
1	+ {"version":3,"file":"ReopenCaseModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ConfirmationModals/ReopenCaseModal.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAEzE,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,KAAA,EAAE,SAAS,KAAA,EAAE,UAAU,CAAC,KAAA,EAAE,iBAAiB,CAAC,KAAA,EAAE,cAAc,CAAC,KAAA,EAAE,mBAAmB,CAAC,KAAA,KAAK,IAAI,CAAC;IACpH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,cAAc,CAAC;IAC7B,aAAa,EAAE,MAAM,CAAC;CACzB;AAMD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,eA8L5C"}

package/lib/esm/components/CaseEditView/ConfirmationModals/ReopenCaseModal.js CHANGED Viewed

@@ -69,13 +69,13 @@ export function ReopenCaseModal(props) {
         onDropdownToggle(false);
     };
     const isDescriptionEmpty = showTextArea ? isEmpty(reopenDescription === null || reopenDescription === void 0 ? void 0 : reopenDescription.trim()) : false;
-    return (React.createElement(Modal, { id: "case-reopen-modal", title: t(`Reopening case ${props.caseNumber}`), "aria-describedby": "case-reopen-modal", isOpen: true, onClose: props.onClose, showClose: true, actions: [
+    return (React.createElement(Modal, { className: "case-reopen-modal", id: "case-reopen-modal", title: t(`Reopening case ${props.caseNumber}`), "aria-describedby": "case-reopen-modal", isOpen: true, onClose: props.onClose, showClose: true, actions: [
             React.createElement(Button, { key: "submit-description", variant: ButtonVariant.primary, onClick: onSubmit, isLoading: props.isUpdating, isDisabled: isDescriptionEmpty || showValidationError || props.isUpdating, "data-tracking-id": "reopen-case-description-modal-submit" },
                 React.createElement(Trans, null, "Reopen case")),
             React.createElement(Button, { key: "close-modal", variant: ButtonVariant.secondary, onClick: props.onClose, isDisabled: props.isUpdating, "data-tracking-id": "reopen-case-description-modal-cancel" },
                 React.createElement(Trans, null, "Cancel")),
         ], variant: ModalVariant.medium },
-        React.createElement(Form, null,
+        React.createElement(Form, { className: "case-reopen-modal-form" },
             (!props.isInternal || !props.reopenStatus) && (React.createElement(FormGroup, { label: t(props.isInternal ? 'Status' : 'Reason'), isRequired: true, fieldId: "case-resolution", helperTextInvalid: "Required field", validated: showValidationError && (props.isInternal ? !selectedStatus : !selectedReason)
                     ? 'error'
                     : 'default', helperTextInvalidIcon: React.createElement(ExclamationCircleIcon, null) }, props.isInternal ? (React.createElement(Select, { "aria-label": t('Select an option that best fits'), id: "reopen-case-status", selections: selectedStatus, onSelect: onStatusChange, isOpen: showDropdown, isDisabled: props.isUpdating, menuAppendTo: document.body, validated: showValidationError && !selectedStatus ? 'error' : 'default', placeholderText: t('Select an option that best fits'), onToggle: onDropdownToggle }, props.allStatuses

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/CaseExternalTrackerUpdate.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CaseExternalTrackerUpdate.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseExternalTrackerUpdate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AAMjF,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,sBAAsB,CAAC;IACtC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,iBAAiB,EAAE,MAAM,KAAK,IAAI,CAAC;CACzD;AAID,QAAA,MAAM,yBAAyB,~~4EA4D7B~~,CAAC;AAEH,eAAe,yBAAyB,CAAC"}
1	+ {"version":3,"file":"CaseExternalTrackerUpdate.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseExternalTrackerUpdate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AAMjF,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,sBAAsB,CAAC;IACtC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,iBAAiB,EAAE,MAAM,KAAK,IAAI,CAAC;CACzD;AAID,QAAA,MAAM,yBAAyB,4EAsF7B,CAAC;AAEH,eAAe,yBAAyB,CAAC"}

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/CaseExternalTrackerUpdate.js CHANGED Viewed

@@ -17,13 +17,14 @@ const CaseExternalTrackerUpdate = React.forwardRef((props, ref) => {
         return { __html: markdownToHTML(markdown, { openLinksInNewTab: true }) };
     };
     const onJumpToComment = (externalTrackerId) => () => props.showJumpToComment && props.onJumpToComment && props.onJumpToComment(externalTrackerId);
-    const isPrivateUpdate = () => includes(privateVisibilityStatuses, props.trackerUpdate.visibility);
+    // To check and set if a comment is private or not
+    const isPrivateUpdate = () => includes(privateVisibilityStatuses, props.trackerUpdate.visibility) || !props.trackerUpdate.customerVisible;
     if (isPrivateUpdate() && !canSeePrivateComments)
         return React.createElement(React.Fragment, null);
     return (React.createElement("section", { ref: ref, id: props.trackerUpdate.id, className: `prevent-split support-comment ${isPrivateUpdate() ? 'private ' : ''}comment-external-tracker ${ref ? 'selected-case-comment' : ''}` },
         React.createElement("header", null,
             React.createElement("h4", null,
-                React.createElement(TopologyIcon, { size: "sm" }),
+                React.createElement(TopologyIcon, { title: "Comment from external tracker", size: "sm" }),
                 " ",
                 props.trackerUpdate.updateBy),
             React.createElement("time", null, formatDateTime(props.trackerUpdate.createdDate))),
@@ -31,7 +32,16 @@ const CaseExternalTrackerUpdate = React.forwardRef((props, ref) => {
             props.trackerUpdate.originatingSystem,
             React.createElement("pre", { className: "push-top-narrow", dangerouslySetInnerHTML: sanetize(props.trackerUpdate.body) })),
         React.createElement("footer", null,
-            React.createElement("div", { className: "comment-note" }, isPrivateUpdate() && React.createElement(Trans, null, "Private comment")),
+            isPrivateUpdate() && (React.createElement("div", { className: "comment-note" },
+                React.createElement(Trans, null,
+                    "Private comment",
+                    ' ',
+                    !props.trackerUpdate.customerVisible && (React.createElement(React.Fragment, null,
+                        React.createElement("span", { className: "external-tracker-label" },
+                            "\u00B7 ",
+                            React.createElement(Trans, null, " External tracker"))))))),
+            !isPrivateUpdate() && props.trackerUpdate.customerVisible && (React.createElement("div", { className: "comment-note external-tracker-label" },
+                React.createElement(Trans, null, "External tracker"))),
             React.createElement("span", { className: "pull-right pf-l-flex pf-m-align-items-center" },
                 props.showJumpToComment && (React.createElement(DiscussionItemLink, { onClick: onJumpToComment(props.trackerUpdate.id), discussionType: DiscussionType.EXTERNAL_TRACKER, itemId: props.trackerUpdate.id, caseNumber: caseNumber, isCopyLink: false },
                     React.createElement(Trans, null, "Jump to comment"))),

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

	@@ -1 +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;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"}
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;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,eA8Q9B;kBA9QQ,QAAQ;;;AAgRjB,eAAe,QAAQ,CAAC"}

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

@@ -171,7 +171,7 @@ function Severity(props) {
                         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
+            React.createElement(UpdateSeverityModal, { isDisabled: props.isFetching, isFetching: props.isFetching, 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',

package/lib/esm/components/CaseManagement/OpenShiftClusterId.js CHANGED Viewed

@@ -25,7 +25,7 @@ import { getIsClusterIdInvalid, isClusterIdEnabledForProduct, } from '../../util
 import { NoClusterIDReasonSelector } from './NoClusterIDReasonSelector';
 import { OpenshiftDropdownV4 } from './OpenshiftDropdownV4';
 import { OpenShiftV3Inputbox } from './OpenShiftV3Inputbox';
-export const v3Tov4TransitionLink = () => (React.createElement("a", { className: "show-target", href: "https://access.redhat.com/documentation/en-us/openshift_container_platform/4.8/html-single/migrating_from_openshift_container_platform_3_to_4/index", target: "_blank", rel: "noopener noreferrer" },
+export const v3Tov4TransitionLink = () => (React.createElement("a", { className: "show-target", href: "https://access.redhat.com/documentation/en-us/openshift_container_platform/4.11/html/migrating_from_version_3_to_4/index", target: "_blank", rel: "noopener noreferrer" },
     React.createElement(Trans, null, "How to transition from v3 to v4?")));
 export const discoverV4ClusterIdLink = () => (React.createElement("a", { className: "show-target", href: "/solutions/4505861", target: "_blank", rel: "noopener noreferrer" },
     React.createElement(Trans, null, "How do I determine my OpenShift 4.x Cluster ID?")));

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

@@ -1,4 +1,6 @@
 interface IProps {
+    isDisabled?: boolean;
+    isFetching?: boolean;
     show: boolean;
     onClose: () => void;
 }

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

	@@ -1 +1 @@
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,~~eAwPxD~~"}
1	+ {"version":3,"file":"UpdateSeverityModal.d.ts","sourceRoot":"","sources":["../../../../src/components/UpdateSeverityModal/UpdateSeverityModal.tsx"],"names":[],"mappings":"AAsCA,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,MAAM,eA4YxD"}

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

@@ -9,62 +9,128 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { publicApi } from '@cee-eng/hydrajs';
 import { Button, Modal, TextArea } from '@patternfly/react-core';
-import { ToastNotification, useFetch } from '@rh-support/components';
+import { Dropdown, ToastNotification, useFetch } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
-import { ability, resourceActions, resources } from '@rh-support/user-permissions';
+import { autoEnableFtsOnCaseViewEditPage, severitySort, showFtsOnCreateCasePage, toOption, toOptions, } from '@rh-support/utils';
+import find from 'lodash/find';
+import includes from 'lodash/includes';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
-import React, { useContext, useReducer, useState } from 'react';
+import map from 'lodash/map';
+import React, { useContext, useEffect, 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 { getIrtForSLAAndSeverity, getOrtForSLAAndSeverity, getSeverityDescription } from '../../reducers/CaseHelpers';
 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 { show, onClose, isDisabled, isFetching } = 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 [updatedSeverity, setUpdatedSeverity] = useState({});
+    const [isSeverityInValid, setIsSeverityInValid] = useState(false);
+    const [seviritiesOptions, setSeveritiesOptions] = useState([]);
+    const [doNotShowIRT, setDoNotShowIRT] = useState(false);
     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 { globalMetadataState: { allCaseSeverities, allProducts, loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
     const caseState = useCaseSelector((state) => ({
         caseDetails: {
             caseNumber: state.caseDetails.caseNumber,
             caseSeverity: state.caseDetails.severity,
             caseStatus: state.caseDetails.status,
+            product: state.caseDetails.product,
+            version: state.caseDetails.version,
+            entitlementSla: state.caseDetails.entitlementSla,
         },
         isCaseUpdating: state.isCaseUpdating,
+        versionsDetails: state.versionsDetails,
+        ownersEntitlements: state.ownersEntitlements,
     }), isEqual);
-    const { caseDetails, isCaseUpdating } = caseState;
+    const { caseDetails, isCaseUpdating, ownersEntitlements, versionsDetails } = caseState;
     const [currentSeverity, setCurrentSeverity] = useState(caseDetails.caseSeverity);
+    const getAdditionalInfo = (sla, severity) => {
+        if (doNotShowIRT)
+            return React.createElement(React.Fragment, null);
+        const irt = getIrtForSLAAndSeverity(sla, severity);
+        const ort = getOrtForSLAAndSeverity(sla, severity);
+        return isEmpty(irt) ? undefined : irt === ort ? (React.createElement(React.Fragment, null,
+            React.createElement("strong", null, irt),
+            " ",
+            React.createElement(Trans, null, "initial and ongoing response time."))) : (React.createElement(React.Fragment, null,
+            React.createElement("strong", null, irt),
+            " ",
+            React.createElement(Trans, null, "initial and"),
+            " ",
+            React.createElement("strong", null, ort),
+            ' ',
+            React.createElement(Trans, null, "ongoing response time.")));
+    };
+    const slaLocal = caseDetails.entitlementSla;
+    // To set the filtered severities from data
+    const filteredSeverities = map(allCaseSeverities.data, (s) => {
+        const sevItem = {
+            name: s,
+            disabled: isEmpty(find(seviritiesOptions, (severity) => s === severity)),
+            label: `${s} - ${getSeverityDescription(s)}`,
+            additionalInfo: getAdditionalInfo(slaLocal, s),
+        };
+        return sevItem;
+    });
+    // To set the current selected severity
+    let selectedSeverity = {
+        name: currentSeverity,
+        disabled: false,
+        label: `${currentSeverity} - ${getSeverityDescription(currentSeverity)}`,
+        additionalInfo: getAdditionalInfo(slaLocal, currentSeverity),
+    };
+    // To reupdate the severity value when successfully submitted
+    const reUpdateSeverity = (severity) => {
+        selectedSeverity = {
+            name: severity,
+            disabled: false,
+            label: `${severity} - ${getSeverityDescription(severity)}`,
+            additionalInfo: getAdditionalInfo(slaLocal, severity),
+        };
+    };
+    // To check if severity is valid
+    const setIsSeverityInValidLocal = (selectedItem) => {
+        const isInvalid = isEmpty(selectedItem) || isEmpty(selectedItem.label);
+        setIsSeverityInValid(isInvalid);
+    };
+    // To update the state when severity changes
+    const updateState = (value) => {
+        const casePayload = { severity: value };
+        // .. change fts on sev change only while creating case or wchen we change to sev1
+        isEmpty(caseDetails.caseNumber) &&
+            (casePayload.fts = showFtsOnCreateCasePage(caseDetails.entitlementSla, value));
+        !isEmpty(caseDetails.caseNumber) &&
+            autoEnableFtsOnCaseViewEditPage(caseDetails.entitlementSla, value) &&
+            (casePayload.fts = true);
+    };
     // Modal cancel function which resets the field
-    const onCancel = () => {
+    const onCancel = () => __awaiter(this, void 0, void 0, function* () {
         if (isCaseUpdating || isPostingComment)
             return;
-        onClose();
         setSeverityUpdating(caseOverviewDispatch, false);
-        setCaseDetails(caseDispatch, { severity: currentSeverity });
-        setNewSeverityValue([]);
+        setCurrentSeverity(caseDetails.caseSeverity);
         setDescriptionValue('');
-    };
+        onClose();
+    });
     // To handle on successful submit
     const onSuccessfulSubmit = () => {
         onClose();
         setSeverityUpdating(caseOverviewDispatch, false);
-        setNewSeverityValue([]);
         setDescriptionValue('');
     };
     // To handle description change
@@ -74,14 +140,14 @@ export default function UpdateSeverityModal(props) {
     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,
+            oldSeverity: caseDetails.caseSeverity,
+            newSeverity: updatedSeverity['severity'],
             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}}. Please try again\n', {
-            oldSeverity: currentSeverity,
-            newSeverity: newSeverityValue,
+            oldSeverity: caseDetails.caseSeverity,
+            newSeveritay: updatedSeverity['severity'],
         });
         try {
             setSeverityUpdating(caseOverviewDispatch, true);
@@ -94,7 +160,7 @@ export default function UpdateSeverityModal(props) {
                 });
                 try {
                     checkForCaseStatusToggleOnAttachOrComment(caseDispatch, loggedInUserRights.data.isInternal(), caseDetails.caseStatus);
-                    setCurrentSeverity(newSeverityValue);
+                    setCurrentSeverity(updatedSeverity['severity']);
                     onSuccessfulSubmit();
                     ToastNotification.addSuccessMessage(t('Severity has been successfully updated'));
                 }
@@ -115,9 +181,10 @@ export default function UpdateSeverityModal(props) {
             }
             catch (e) {
                 yield updateCaseDetails(caseDispatch, caseDetails.caseNumber, {
-                    severity: currentSeverity,
+                    severity: caseDetails.caseSeverity,
                 });
-                setDescriptionValue('');
+                setDescriptionValue(descriptionValue === null || descriptionValue === void 0 ? void 0 : descriptionValue.trim());
+                reUpdateSeverity(caseDetails.caseSeverity);
                 onClose();
                 setSeverityUpdating(caseOverviewDispatch, false);
                 ToastNotification.addDangerMessage(t(`Couldn't post severity update comment. Please try again`));
@@ -144,11 +211,10 @@ export default function UpdateSeverityModal(props) {
     };
     // To compare previous and current severity values
     const checkSeverityValid = () => {
-        const checkForUndefined = newSeverityValue.length === 0;
-        if (isEqual(currentSeverity, newSeverityValue)) {
+        if (isEqual(caseDetails.caseSeverity, updatedSeverity['severity'])) {
             return false;
         }
-        else if (checkForUndefined) {
+        else if (isEmpty(updatedSeverity)) {
             return false;
         }
         else {
@@ -162,21 +228,77 @@ export default function UpdateSeverityModal(props) {
         React.createElement(Button, { key: "submit", variant: "primary", onClick: onSubmit, isLoading: isCaseUpdating || isPostingComment, "data-tracking-id": "update-severity-submit", isDisabled: isSubmitButtonDisabled || isCaseUpdating || isPostingComment }, t('Submit')),
         React.createElement(Button, { key: "back", variant: "link", onClick: onCancel, "data-tracking-id": "update-severity-cancel", isDisabled: isCaseUpdating || isPostingComment }, t('Cancel')),
     ];
-    // To handle severity change in the modal
-    const onSeverityChange = (payload) => __awaiter(this, void 0, void 0, function* () {
+    // To handle the severity change
+    const onSeverityChange = (option) => {
         if (canEditCase.alert())
             return;
-        setUpdatedSeverity(payload);
-        setNewSeverityValue(payload['severity']);
-        setCaseDetails(caseDispatch, payload);
-    });
+        setUpdatedSeverity({ severity: option.value.name });
+        setCurrentSeverity(option.value.name);
+        updateState(option.value.name);
+        setIsSeverityInValidLocal(option);
+    };
+    // To set severity options
+    useEffect(() => {
+        var _a, _b, _c;
+        if (!caseDetails.product ||
+            !caseDetails.version ||
+            allProducts.data.productsResult.length === 0 ||
+            ((_a = allCaseSeverities.data) === null || _a === void 0 ? void 0 : _a.length) === 0 ||
+            versionsDetails.isFetching)
+            return;
+        const productObj = find((_b = allProducts === null || allProducts === void 0 ? void 0 : allProducts.data) === null || _b === void 0 ? void 0 : _b.productsResult, (productItem) => productItem.name === caseDetails.product);
+        const versionDetail = find(versionsDetails === null || versionsDetails === void 0 ? void 0 : versionsDetails.data, (spec) => spec.name === caseDetails.version);
+        setDoNotShowIRT(versionDetail === null || versionDetail === void 0 ? void 0 : versionDetail.doNotShowIRT);
+        let availableSeverities;
+        if (versionDetail === null || versionDetail === void 0 ? void 0 : versionDetail.severities) {
+            //first check if at version level, do we have any severity limit
+            availableSeverities = versionDetail.severities;
+        }
+        else if (productObj === null || productObj === void 0 ? void 0 : productObj.severities) {
+            // second check if at product level, do we have any severity limit
+            availableSeverities = productObj.severities;
+        }
+        else {
+            // we have no limit, we show all severity options
+            availableSeverities = (_c = allCaseSeverities.data) !== null && _c !== void 0 ? _c : [];
+        }
+        setSeveritiesOptions(availableSeverities.sort((sevA, sevB) => severitySort(sevA, sevB)));
+        const shouldUpdateSeverityOnCaseCreate = !caseDetails.caseNumber &&
+            (!caseDetails.caseSeverity || !includes(availableSeverities, caseDetails.caseSeverity));
+        if (shouldUpdateSeverityOnCaseCreate) {
+            updateState(availableSeverities[0]);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        caseDetails.product,
+        caseDetails.version,
+        allProducts,
+        allCaseSeverities,
+        versionsDetails,
+        seviritiesOptions,
+        caseDetails.caseSeverity,
+    ]);
     // 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(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 ||
+                                isDisabled ||
+                                allCaseSeverities.isFetching ||
+                                ownersEntitlements.isFetching ||
+                                versionsDetails.isFetching, isLoadingList: isFetching || versionsDetails.isFetching, isInValid: allCaseSeverities.isError || isSeverityInValid, required: true, onChange: onSeverityChange, onOuterClick: setIsSeverityInValidLocal, "data-tracking-id": "open-case-severity" })),
                     React.createElement("div", null,
                         React.createElement("label", { htmlFor: "date-input", className: "pf-u-mt-md" },
                             React.createElement(Trans, null, "Describe update"),

package/lib/esm/scss/_main.scss CHANGED Viewed

@@ -931,3 +931,17 @@ div.pf-c-alert.ea-rule-alert > div.pf-c-alert__description > p {
 .anchor-tag-link-td-none {
     text-decoration: none;
 }
+// Text color for external tracker text on comments
+.prevent-split.support-comment {
+    footer {
+        .comment-note {
+            span.external-tracker-label {
+                color: #151515 !important;
+            }
+        }
+        .comment-note.external-tracker-label {
+            color: #151515 !important;
+        }
+    }
+}

package/lib/esm/scss/_pf4-overrides.scss CHANGED Viewed

@@ -322,3 +322,63 @@ div pfe-accordion {
     --pfe-accordion--FontSize--header: 16px;
     --pfe-accordion--FontWeight--header: 600;
 }
+// To override font weight in CEP Form - PCM-11644
+div#cep-details-modal.pf-c-modal-box__body {
+    form.pf-c-form.push-top-narrow {
+        div.pf-c-form__group {
+            div.pf-c-form__group-label {
+                label.pf-c-form__label {
+                    span.pf-c-form__label-text {
+                        font-weight: 600 !important;
+                    }
+                }
+            }
+        }
+    }
+}
+// To override font weight in Request Escalation Form - PCM-11644
+div#request-mgmt-escalation-modal.request-escalation-modal {
+    div.pf-c-modal-box__body {
+        form.pf-c-form.request-escalation-form {
+            div.pf-l-grid.pf-m-all-12-col-on-md.pf-m-gutter {
+                div.pf-l-grid__item.pf-m-6-col {
+                    div.pf-c-form__group {
+                        div.pf-c-form__group-label {
+                            label.pf-c-form__label {
+                                span.pf-c-form__label-text {
+                                    font-weight: 600 !important;
+                                }
+                            }
+                        }
+                    }
+                }
+                div.pf-c-form__group {
+                    div.pf-c-form__group-label {
+                        label.pf-c-form__label {
+                            span.pf-c-form__label-text {
+                                font-weight: 600 !important;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+// To override font weight on reopen case modal - PCM-11644
+div#case-reopen-modal.pf-c-modal-box__body {
+    form.pf-c-form.case-reopen-modal-form {
+        div.pf-c-form__group {
+            div.pf-c-form__group-label {
+                label.pf-c-form__label {
+                    span.pf-c-form__label-text {
+                        font-weight: 600 !important;
+                    }
+                }
+            }
+        }
+    }
+}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "0.4.1",
+    "version": "1.0.1",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -26,7 +26,7 @@
         "lib/**/*"
     ],
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.12.7",
+        "@cee-eng/hydrajs": "4.13.0",
         "@cee-eng/ui-toolkit": "1.1.6",
         "@patternfly/patternfly": "4.196.7",
         "@patternfly/pfe-accordion": "1.12.3",
@@ -63,7 +63,7 @@
         "react-virtualized": "^9.21.2"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "4.12.7",
+        "@cee-eng/hydrajs": "4.13.0",
         "@cee-eng/ui-toolkit": "1.1.6",
         "@patternfly/patternfly": "4.196.7",
         "@patternfly/pfe-accordion": "1.12.3",
@@ -73,11 +73,11 @@
         "@patternfly/react-core": "4.202.16",
         "@progress/kendo-drawing": "^1.6.0",
         "@progress/kendo-react-pdf": "^3.12.0",
-        "@rh-support/components": "1.1.83",
-        "@rh-support/react-context": "0.3.4",
+        "@rh-support/components": "1.2.0",
+        "@rh-support/react-context": "1.0.1",
         "@rh-support/types": "0.2.0",
-        "@rh-support/user-permissions": "0.2.67",
-        "@rh-support/utils": "0.2.49",
+        "@rh-support/user-permissions": "1.0.0",
+        "@rh-support/utils": "1.0.0",
         "@types/react-redux": "^7.1.12",
         "@types/redux": "^3.6.0",
         "@webcomponents/webcomponentsjs": "^2.2.10",
@@ -142,5 +142,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "9ec3db4f755eced3812b70aadaa81964dc186a01"
+    "gitHead": "4f98bb1c175ecda80b26a491f61afd603f78d9bd"
 }