@rh-support/troubleshoot 0.4.1 → 1.0.0

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

@@ -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"}
+{"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

@@ -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

@@ -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"}
+{"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

@@ -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/UpdateSeverityModal/UpdateSeverityModal.d.ts

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

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

@@ -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"}
+{"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

@@ -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

@@ -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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "0.4.1",
+    "version": "1.0.0",
     "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.0",
         "@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": "8c4eecd9b17607a5b010dc65d079327167650bee"
 }