@rh-support/troubleshoot 2.2.92 → 2.2.94

package/lib/esm/components/CaseEditView/CaseDetailsAside.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseDetailsAside.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsAside.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAYvE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAMD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAiX7C"}
+{"version":3,"file":"CaseDetailsAside.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsAside.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAYvE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAMD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAkX7C"}

package/lib/esm/components/CaseEditView/CaseDetailsAside.js

@@ -188,7 +188,7 @@ export function CaseDetailsAside(props) {
                     React.createElement(Icon, { size: "md" },
                         React.createElement(ListIcon, null))))),
             !caseEscalations.isFetching && (canCreateICE || (canCreateRME && isCreateRMEVisible)) && (React.createElement(Tooltip, { content: t('Request an escalation'), position: "left" },
-                React.createElement(Button, { variant: "link", className: "sidebar-section-toggle-btn", onClick: () => setSectionToScollRef(createEscalationRef) },
+                React.createElement(Button, { variant: "link", className: "sidebar-section-toggle-btn", onClick: () => setSectionToScollRef(createEscalationRef), "aria-label": t('Request an escalation') },
                     React.createElement(Icon, { size: "md" },
                         React.createElement(TrendUpIcon, null)))))))),
         React.createElement("pfe-collapse-panel", { className: "sidebar-content", "pfe-animation": "false", id: "case-details-aside-content", ref: caseDetailsAsidePanelRef },

package/lib/esm/components/CaseEditView/CaseDetailsTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseDetailsTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsTabs.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AAwBlE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,mBAAmB,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AACD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBAsN5C"}
+{"version":3,"file":"CaseDetailsTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsTabs.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AAwBlE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,mBAAmB,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AACD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBAqN5C"}

package/lib/esm/components/CaseEditView/CaseDetailsTabs.js

@@ -121,9 +121,9 @@ export function CaseDetailsTabs(props) {
                         React.createElement(TextContent, { className: "show-in-pdf pf-v5-u-mt-md" },
                             React.createElement(Text, { component: TextVariants.h2 },
                                 React.createElement(Trans, null, tab.title))),
-                        tab.component)))) : isExportingPDF ? (React.createElement(React.Fragment, null,
+                        tab.component)))) : isExportingPDF && isTabVisibleInPdfExport(tab) ? (React.createElement(React.Fragment, null,
                 React.createElement("div", { className: "page-break" }),
-                React.createElement(TabContent, { eventKey: index, key: tab.key, id: `pf-tab-${index}-${tab.title.split(' ')[0]}-tabpanel`, ref: tab.ref, "aria-label": tab.title, hidden: isExportingPDF ? !isTabVisibleInPdfExport(tab) : index !== getActiveTabKey() },
+                React.createElement(TabContent, { eventKey: index, key: tab.key, id: `pf-tab-${index}-${tab.title.split(' ')[0]}-tabpanel`, ref: tab.ref, "aria-label": tab.title },
                     React.createElement(ErrorBoundary, { errorMsgInfo: {
                             message: t(`There was an error loading case ${tab.key}`),
                         } },

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

@@ -133,7 +133,7 @@ const CaseComments = React.forwardRef((props, ref) => {
         return { __html: DOMPurify.sanitize(text) };
     };
     const commentMarkdown = (markdown) => {
-        const htmlString = parseCommentMarkdown(markdown, { showButtonForAttachmentLink: true }, { openLinksInNewTab: true, gfm: true, breaks: true });
+        const htmlString = parseCommentMarkdown(markdown, { showButtonForAttachmentLink: true, disableImagePreview: isExportingPDF }, { openLinksInNewTab: true, gfm: true, breaks: true });
         return { __html: DOMPurify.sanitize(htmlString) };
     };
     const onCommentAreaClick = (e) => {

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

@@ -134,7 +134,7 @@ function Fts(props) {
     // To disable save button if field is empty or is updating
     const isSaveDisabled = contactInfo24X7State === contactInfo24x7 || isFtsContactUpdating;
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "form-group pf-v5-u-mb-md" },
+        React.createElement("div", { className: "form-group pf-v5-u-mb-xs" },
             React.createElement("input", { type: "checkbox", id: "get-support-fts", "data-tracking-id": "get-support-fts", disabled: disableFtsNContact, name: "get-support-fts", checked: fts, onChange: onFtsChange }),
             React.createElement("label", { htmlFor: "get-support-fts" },
                 React.createElement(Trans, null, "24x7 Support")),

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

@@ -1 +1 @@
-{"version":3,"file":"OpenCaseIssue.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/OpenCaseIssue.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAQpD,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AASD,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,qBAqGnC;kBArGQ,aAAa;;;AAwGtB,eAAe,aAAa,CAAC"}
+{"version":3,"file":"OpenCaseIssue.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/OpenCaseIssue.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAQpD,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AASD,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,qBAsGnC;kBAtGQ,aAAa;;;AAyGtB,eAAe,aAAa,CAAC"}

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

@@ -57,7 +57,7 @@ function OpenCaseIssue(props) {
                     : 'get-support-summary', placeholder: t('i18nkeySummarizeExperience', "Please describe the problem you are facing, including any specific steps you've taken or error messages."), value: summary, onChange: onSummaryChange, onBlur: onSummaryBlur, autoFocus: !!props.autoFocus, "data-tracking-id": supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT
                     ? 'get-support-title'
                     : 'get-support-summary', rows: 6 }),
-            React.createElement(Progress, { value: summary === null || summary === void 0 ? void 0 : summary.length, min: 0, max: SUMMARY_LENGTH_LIMIT, size: ProgressSize.sm, label: `${summary === null || summary === void 0 ? void 0 : summary.length} / ${SUMMARY_LENGTH_LIMIT}`, valueText: `${summary === null || summary === void 0 ? void 0 : summary.length} / ${SUMMARY_LENGTH_LIMIT}`, measureLocation: ProgressMeasureLocation.outside }))));
+            React.createElement(Progress, { value: summary === null || summary === void 0 ? void 0 : summary.length, min: 0, max: SUMMARY_LENGTH_LIMIT, size: ProgressSize.sm, label: `${summary === null || summary === void 0 ? void 0 : summary.length} / ${SUMMARY_LENGTH_LIMIT}`, valueText: `${summary === null || summary === void 0 ? void 0 : summary.length} / ${SUMMARY_LENGTH_LIMIT}`, measureLocation: ProgressMeasureLocation.outside, "aria-label": `Progress - ${summary === null || summary === void 0 ? void 0 : summary.length} / ${SUMMARY_LENGTH_LIMIT}` }))));
 }
 OpenCaseIssue.defaultProps = defaultProps;
 export default OpenCaseIssue;

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":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAQ1C,UAAU,MAAM;CAAG;AAEnB,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,qBAkDrC"}
+{"version":3,"file":"Hostname.d.ts","sourceRoot":"","sources":["../../../../src/components/ImproveCase/Hostname.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAQ1C,UAAU,MAAM;CAAG;AAEnB,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,qBAyDrC"}

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

@@ -1,3 +1,4 @@
+import { Button } from '@patternfly/react-core';
 import { AbilityContext, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
 import React, { useContext } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -33,8 +34,7 @@ export function Hostname(props) {
         React.createElement("p", { className: "form-instructions" },
             React.createElement(Trans, { i18nKey: 'ChangeHostnamePrefLink' },
                 "Hostname is ",
-                React.createElement("strong", null, "private"),
+                React.createElement("span", { className: "form-instructions-bold" }, "private"),
                 ". Red Hat does not have access to view hostnames unless you",
-                ' ',
-                React.createElement(Link, { to: '/manage/preferences' }, "choose to share")))));
+                React.createElement(Button, { className: "btn-choose-to-share", variant: "link", component: (props) => React.createElement(Link, Object.assign({}, props, { to: '/manage/preferences' })) }, "choose to share")))));
 }

package/lib/esm/components/Recommendations/AsideResults.d.ts

@@ -3,6 +3,7 @@ import { RouteComponentProps } from 'react-router-dom';
 import { IRouteUrlParams } from '../../reducers/RouteConstNTypes';
 interface IProps {
     routeProps: RouteComponentProps<IRouteUrlParams>;
+    className?: string;
 }
 export declare function AsideResults(props: IProps): React.JSX.Element;
 export {};

package/lib/esm/components/Recommendations/AsideResults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AsideResults.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/AsideResults.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AASvD,OAAO,EAAE,eAAe,EAAsC,MAAM,iCAAiC,CAAC;AAUtG,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,qBA0MzC"}
+{"version":3,"file":"AsideResults.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/AsideResults.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AASvD,OAAO,EAAE,eAAe,EAAsC,MAAM,iCAAiC,CAAC;AAUtG,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,qBA0MzC"}

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

@@ -130,7 +130,7 @@ export function AsideResults(props) {
     const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
     if (!canShowSideRecommendations())
         return React.createElement(React.Fragment, null);
-    return (React.createElement("div", { className: "card card-white card-support top-recommendations" },
+    return (React.createElement("div", { className: `card card-white card-support top-recommendations ${props.className ? props.className : ''}` },
         React.createElement("h3", { className: "card-heading popular-solutions green-card-heading" }, isIdea ? (React.createElement(Trans, null, "Search recommendations")) : (React.createElement(Trans, null, "Live troubleshooting powered by OpenShift AI"))),
         React.createElement("div", { className: "card-body" },
             React.createElement("ul", { className: "list-flat" }, recommendationState.sideRecommendation.map((doc, index) => {

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

@@ -240,7 +240,7 @@ function InsightsResults(props) {
     }
     return (React.createElement(React.Fragment, null,
         !rulesState.triggerRuleNotification && caseType !== PreviousCaseTypes.FEATURE_ENHANCEMENT && (React.createElement(Alert, { isInline: true, variant: "custom", title: t('File recommendations are ready to view'), "data-tracking-id": "inline-view-critical-solution-alert", children: React.createElement("p", null,
-                React.createElement(Trans, null, "Troubleshooting specific for your uploaded files.")), className: "file-recommendations-file-upload-alert" })),
+                React.createElement(Trans, null, "Troubleshooting specific for your uploaded files.")), className: "pf-v5-u-mb-md" })),
         React.createElement(InsightResultModal, { EARule: validEARules, onModalToggle: insightsModalToggle, isOpen: isRuleModalVisible, insightResults: allResults })));
 }
 InsightsResults.defaultProps = defaultProps;

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

@@ -27,7 +27,7 @@ export function InsightsRuleInfo({ doc, showNewTag, duplicateKeys }) {
         if (!isEmpty(selectedLocalFiles)) {
             const { analysisMetadata, name } = selectedLocalFiles.find((file) => file.attachmentId === doc.attachmentId);
             const { kcsIdRuleMap = {}, rules = {} } = analysisMetadata === null || analysisMetadata === void 0 ? void 0 : analysisMetadata.analysisResults;
-            if (!kcsIdRuleMap[doc.id]) {
+            if (!doc.id || !kcsIdRuleMap[doc.id]) {
                 return;
             }
             const { report, ruleId, isNew } = kcsIdRuleMap[doc.id];

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

@@ -4,7 +4,7 @@ import { Trans } from 'react-i18next';
 export const RecommendationInfoBox = () => {
     const [isExpanded, setIsExpanded] = useState(true);
     return (React.createElement(React.Fragment, null,
-        React.createElement(Accordion, { isBordered: true, asDefinitionList: false, className: "card card-white pf-v5-u-mt-md" },
+        React.createElement(Accordion, { isBordered: true, asDefinitionList: false, className: "pf-v5-u-mb-md" },
             React.createElement(AccordionItem, null,
                 React.createElement(AccordionToggle, { id: "recommendation-tips", isExpanded: isExpanded, onClick: () => setIsExpanded(!isExpanded) },
                     React.createElement(Trans, null, "Tips for problem description field")),

package/lib/esm/components/SessionRestore/SessionItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/SessionRestore/SessionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qDAAqD,CAAC;AAMnF,OAAO,KAA+B,MAAM,OAAO,CAAC;AAOpD,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxD,WAAW,EAAE,YAAY,CAAC;CAC7B;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,qBAwHxC"}
+{"version":3,"file":"SessionItem.d.ts","sourceRoot":"","sources":["../../../../src/components/SessionRestore/SessionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qDAAqD,CAAC;AAMnF,OAAO,KAA+B,MAAM,OAAO,CAAC;AAOpD,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxD,WAAW,EAAE,YAAY,CAAC;CAC7B;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,qBA0HxC"}

package/lib/esm/components/SessionRestore/SessionItem.js

@@ -80,8 +80,8 @@ export function SessionItem(props) {
             askIfResolved && (React.createElement(React.Fragment, null,
                 React.createElement("label", null,
                     React.createElement(Trans, null, "Did you find a solution?")),
-                React.createElement("button", { className: "btn btn-link btn-app", onClick: onResolve, disabled: isResolving, "data-tracking-id": "session-resolved-yes" }, isResolving ? React.createElement(LoadingIndicator, { isInline: true }) : React.createElement(OutlinedThumbsUpIcon, null)),
-                React.createElement("button", { className: "btn btn-link btn-app", onClick: onUnResolve, "data-tracking-id": "session-resolved-no" },
+                React.createElement("button", { className: "btn btn-link btn-app", onClick: onResolve, disabled: isResolving, "data-tracking-id": "session-resolved-yes", "aria-label": "Thumbs up" }, isResolving ? React.createElement(LoadingIndicator, { isInline: true }) : React.createElement(OutlinedThumbsUpIcon, null)),
+                React.createElement("button", { className: "btn btn-link btn-app", onClick: onUnResolve, "data-tracking-id": "session-resolved-no", "aria-label": "Thumbs down" },
                     React.createElement(OutlinedThumbsDownIcon, null)))),
             askToRestore && (React.createElement(React.Fragment, null,
                 React.createElement("label", null,

package/lib/esm/components/SessionRestore/SessionRestoreCard.js

@@ -13,7 +13,7 @@ export function SessionRestoreCard(props) {
     };
     if (dismissed || isEmpty(props.previousSessions))
         return React.createElement(React.Fragment, null);
-    return (React.createElement(Alert, { variant: "custom", isInline: true, title: t('Restore a previous session'), actionClose: React.createElement(AlertActionCloseButton, { onClose: onCardDismiss }), component: "h3", className: "restore-session-alert" },
+    return (React.createElement(Alert, { variant: "custom", isInline: true, title: t('Restore a previous session'), actionClose: React.createElement(AlertActionCloseButton, { onClose: onCardDismiss }), component: "p", className: "restore-session-alert" },
         React.createElement("div", { className: "pf-v5-c-alert__description" },
             React.createElement("ul", { className: "restore-session-list" }, map(props.previousSessions, (sessionItem) => (React.createElement("li", { key: sessionItem.session.id },
                 React.createElement(SessionItem, { onRestore: props.onRestore, sessionItem: sessionItem }))))))));

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":"AAmBA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAoB3E,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,qBAgZxD"}
+{"version":3,"file":"UpdateSeverityModal.d.ts","sourceRoot":"","sources":["../../../../src/components/UpdateSeverityModal/UpdateSeverityModal.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAoB3E,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,qBAifxD"}

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

@@ -11,7 +11,8 @@ import { publicApi } from '@cee-eng/hydrajs';
 import { Button, Modal, TextArea } from '@patternfly/react-core';
 import { Dropdown, ToastNotification, useFetch } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
-import { autoEnableFtsOnCaseViewEditPage, severitySort, showFtsOnCreateCasePage, toOption, toOptions, } from '@rh-support/utils';
+import { autoEnableFtsOnCaseViewEditPage, isFtsEditableOnEditPage, isSev1, severitySort, showFtsOnCreateCasePage, toOption, toOptions, } from '@rh-support/utils';
+import { isUndefined } from 'lodash';
 import find from 'lodash/find';
 import includes from 'lodash/includes';
 import isEmpty from 'lodash/isEmpty';
@@ -35,7 +36,7 @@ export default function UpdateSeverityModal(props) {
     const [caseOverviewState, caseOverviewDispatch] = useReducer(caseOverviewReducer, initialCaseViewState);
     const caseDispatch = useCaseDispatch();
     const canEditCase = useCanEditCase();
-    const [updatedSeverity, setUpdatedSeverity] = useState({});
+    const [updatedCaseDetails, setUpdatedCaseDetails] = useState({});
     const [isSeverityInValid, setIsSeverityInValid] = useState(false);
     const [seviritiesOptions, setSeveritiesOptions] = useState([]);
     const [doNotShowIRT, setDoNotShowIRT] = useState(false);
@@ -54,13 +55,19 @@ export default function UpdateSeverityModal(props) {
             product: state.caseDetails.product,
             version: state.caseDetails.version,
             entitlementSla: state.caseDetails.entitlementSla,
+            fts: state.caseDetails.fts,
+            contactInfo24x7: state.caseDetails.contactInfo24x7,
         },
         isCaseUpdating: state.isCaseUpdating,
         versionsDetails: state.versionsDetails,
         ownersEntitlements: state.ownersEntitlements,
     }), isEqual);
     const { caseDetails, isCaseUpdating, ownersEntitlements, versionsDetails } = caseState;
+    const { entitlementSla, fts, contactInfo24x7 } = caseDetails;
     const [currentSeverity, setCurrentSeverity] = useState(caseDetails.caseSeverity);
+    const [localFtsContact, setLocalFtsContact] = useState(contactInfo24x7 || '');
+    const [localFts, setLocalFts] = useState(isUndefined(fts) ? true : fts);
+    const isFtsEditable = isFtsEditableOnEditPage(entitlementSla, currentSeverity);
     const getAdditionalInfo = (sla, severity) => {
         if (doNotShowIRT)
             return React.createElement(React.Fragment, null);
@@ -89,6 +96,8 @@ export default function UpdateSeverityModal(props) {
         };
         return sevItem;
     });
+    const onlyFtsInfoChanged = isEqual(caseDetails.caseSeverity, currentSeverity) &&
+        (!isEqual(caseDetails.fts, localFts) || !isEqual(caseDetails.contactInfo24x7, localFtsContact));
     // To set the current selected severity
     let selectedSeverity = {
         name: currentSeverity,
@@ -139,21 +148,40 @@ export default function UpdateSeverityModal(props) {
     const handleTextAreaChange = (value) => {
         setDescriptionValue(value);
     };
+    const updateCaseFtsInfo = () => __awaiter(this, void 0, void 0, function* () {
+        try {
+            yield updateCaseDetails(caseDispatch, caseDetails.caseNumber, {
+                fts: localFts,
+                contactInfo24x7: localFtsContact,
+            });
+            ToastNotification.addSuccessMessage(t(`Case has been successfully updated`));
+        }
+        catch (err) {
+            caseUpdateError.showError(err, t(`Failed to update the case`));
+        }
+        finally {
+            onClose();
+        }
+    });
     const onSubmit = () => __awaiter(this, void 0, void 0, function* () {
+        if (onlyFtsInfoChanged) {
+            updateCaseFtsInfo();
+            return;
+        }
         // Severity update successful comment body
         const severityUpdateComment = t('#### Severity update \n Severity changed from {{oldSeverity}} to {{newSeverity}}\n\n #### Description \n{{description}}', {
             oldSeverity: caseDetails.caseSeverity,
-            newSeverity: updatedSeverity['severity'],
+            newSeverity: updatedCaseDetails['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: caseDetails.caseSeverity,
-            newSeveritay: updatedSeverity['severity'],
+            newSeveritay: updatedCaseDetails['severity'],
         });
         try {
             setSeverityUpdating(caseOverviewDispatch, true);
-            yield updateCaseDetails(caseDispatch, caseDetails.caseNumber, updatedSeverity);
+            yield updateCaseDetails(caseDispatch, caseDetails.caseNumber, updatedCaseDetails);
             try {
                 yield postCommentRequest({
                     caseNumber: caseDetails.caseNumber,
@@ -162,7 +190,7 @@ export default function UpdateSeverityModal(props) {
                 });
                 try {
                     checkForCaseStatusToggleOnAttachOrComment(caseDispatch, loggedInUserRights.data.isInternal(), caseDetails.caseStatus);
-                    setCurrentSeverity(updatedSeverity['severity']);
+                    setCurrentSeverity(updatedCaseDetails['severity']);
                     onSuccessfulSubmit();
                     ToastNotification.addSuccessMessage(t('Severity has been successfully updated'));
                 }
@@ -174,10 +202,7 @@ export default function UpdateSeverityModal(props) {
                     });
                     onClose();
                     caseUpdateError.showError(e, t(`Failed to update case status. Please try again`));
-                    yield updateCaseDetails(caseDispatch, caseDetails.caseNumber, {
-                        status: 'Waiting on Customer',
-                        severity: currentSeverity,
-                    });
+                    yield updateCaseDetails(caseDispatch, caseDetails.caseNumber, Object.assign({ status: 'Waiting on Customer' }, updateCaseDetails));
                     setCaseDetails(caseDispatch, { status: 'Waiting on Customer' });
                 }
             }
@@ -213,30 +238,50 @@ export default function UpdateSeverityModal(props) {
         else
             return true;
     };
-    // To compare previous and current severity values
-    const checkSeverityValid = () => {
-        if (isEqual(caseDetails.caseSeverity, updatedSeverity['severity'])) {
+    // Check if user has updated case information - severity or fts
+    const checkIsUpdateValid = () => {
+        if (isEmpty(updatedCaseDetails)) {
             return false;
         }
-        else if (isEmpty(updatedSeverity)) {
+        else if (isEqual(caseDetails.caseSeverity, currentSeverity) &&
+            isEqual(caseDetails.fts, localFts) &&
+            isEqual(caseDetails.contactInfo24x7, localFtsContact)) {
             return false;
         }
         else {
             return true;
         }
     };
+    const onFtsChange = (e) => {
+        if (canEditCase.alert())
+            return;
+        setLocalFts(e.target.checked);
+        setUpdatedCaseDetails((pre) => (Object.assign(Object.assign({}, pre), { fts: e.target.checked })));
+    };
+    const onFtsContactChange = (e) => {
+        if (canEditCase.alert())
+            return;
+        setLocalFtsContact(e.target.value);
+        setUpdatedCaseDetails((pre) => (Object.assign(Object.assign({}, pre), { contactInfo24x7: e.target.value.trim() })));
+    };
     // To disable submit button wrt above conditions
-    const isSubmitButtonDisabled = checkSeverityValid() && isTextAreaValid() ? false : true;
+    const isSubmitButtonDisabled = checkIsUpdateValid() && (onlyFtsInfoChanged || isTextAreaValid()) ? false : true;
     // 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 || isCaseUpdating || isPostingComment }, t('Submit')),
+        React.createElement(Button, { key: "submit", variant: "primary", onClick: onSubmit, isLoading: isCaseUpdating || isPostingComment, "data-tracking-id": "update-severity-submit", isDisabled: isSubmitButtonDisabled || isCaseUpdating || isPostingComment }, t('Update')),
         React.createElement(Button, { key: "back", variant: "link", onClick: onCancel, "data-tracking-id": "update-severity-cancel", isDisabled: isCaseUpdating || isPostingComment }, t('Cancel')),
     ];
     // To handle the severity change
     const onSeverityChange = (option) => {
         if (canEditCase.alert())
             return;
-        setUpdatedSeverity({ severity: option.value.name });
+        if (isSev1(option.value.name) && isFtsEditableOnEditPage(entitlementSla, option.value.name)) {
+            setLocalFts(true);
+            setUpdatedCaseDetails((pre) => (Object.assign(Object.assign({}, pre), { severity: option.value.name, fts: true })));
+        }
+        else {
+            setUpdatedCaseDetails({ severity: option.value.name });
+        }
         setCurrentSeverity(option.value.name);
         updateState(option.value.name);
         setIsSeverityInValidLocal(option);
@@ -282,6 +327,10 @@ export default function UpdateSeverityModal(props) {
         seviritiesOptions,
         caseDetails.caseSeverity,
     ]);
+    useEffect(() => {
+        setLocalFts(fts);
+        setLocalFtsContact(contactInfo24x7);
+    }, [fts, contactInfo24x7]);
     // Returns the modal body with its contents
     const modalBody = () => {
         return (React.createElement(React.Fragment, null,
@@ -307,10 +356,21 @@ export default function UpdateSeverityModal(props) {
                         React.createElement("label", { htmlFor: "date-input", className: "pf-v5-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: (_event, value) => handleTextAreaChange(value), resizeOrientation: "vertical", "aria-label": "summary", isRequired: true }),
+                        React.createElement(TextArea, { placeholder: t('How has the business impact changed? If you have increased severity, please explain why.'), isDisabled: (caseOverviewState.caseSeverityUpdating && isCaseUpdating) || isPostingComment, value: descriptionValue, onChange: (_event, value) => handleTextAreaChange(value), resizeOrientation: "vertical", "aria-label": "summary", isRequired: true }),
                         React.createElement("div", { className: "pf-v5-u-mt-xs" },
-                            React.createElement(Trans, null, "Your comment will be visible under discussions")))))));
+                            React.createElement(Trans, null, "To view your comment, go to the Discussion tab."))),
+                    isFtsEditable && (React.createElement("div", { className: "pf-v5-u-mt-md pf-v5-u-mb-sm" },
+                        React.createElement("div", null,
+                            React.createElement("input", { type: "checkbox", id: "update-severity-fts", "data-tracking-id": "update-severity-fts", name: "update-severity-fts", checked: localFts, onChange: onFtsChange }),
+                            React.createElement("label", { htmlFor: "update-severity-fts" },
+                                React.createElement(Trans, null, "24x7 Support"))),
+                        localFts && (React.createElement("div", null,
+                            React.createElement("label", { htmlFor: "update-severity-24-7-contact", className: "pf-v5-u-mt-xs" },
+                                React.createElement(Trans, null, "Contact for 24x7 support")),
+                            React.createElement(TextArea, { isDisabled: !localFts, value: localFtsContact, onChange: onFtsContactChange, resizeOrientation: "vertical", "aria-label": "update-severity-24-7-contact", id: "update-severity-24-7-contact", rows: 1 }),
+                            React.createElement("p", { className: "pf-v5-u-mt-xs" },
+                                React.createElement(Trans, null, "Please provide contact information where we can reach you at any time"))))))))));
     };
     // 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, style: { overflow: 'visible' } }, modalBody()));
+    return (React.createElement(Modal, { title: t('Update severity'), description: t('Describing your update helps us better assist you.'), isOpen: show, onClose: onCancel, actions: modalActions, style: { overflow: 'visible' }, tabIndex: 0 }, modalBody()));
 }

package/lib/esm/components/wizardLayout/WizardAside.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WizardAside.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardAside.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAInD,OAAO,EAGH,eAAe,EAKlB,MAAM,iCAAiC,CAAC;AASzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,2BAA2B,EAAE,OAAO,CAAC;CACxC;AAGD,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,qBA6CjC;kBA7CQ,WAAW;;;AA+CpB,eAAe,WAAW,CAAC"}
+{"version":3,"file":"WizardAside.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardAside.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAInD,OAAO,EAGH,eAAe,EAKlB,MAAM,iCAAiC,CAAC;AASzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,2BAA2B,EAAE,OAAO,CAAC;CACxC;AAGD,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,qBAkDjC;kBAlDQ,WAAW;;;AAoDpB,eAAe,WAAW,CAAC"}

package/lib/esm/components/wizardLayout/WizardAside.js

@@ -33,13 +33,13 @@ function WizardAside(props) {
     const canShowRecommendationTips = showRecommendationTipsSections.includes(activeSection);
     return (React.createElement("aside", null,
         React.createElement("section", { className: "grid-aside-content" },
-            canShowFileUploadWidget() && React.createElement(FileDiag, { className: "pf-v5-u-mt-md" }),
-            canshowEARuleWidget && React.createElement(EARuleWidget, null),
             React.createElement(InsightsResults, null),
             " ",
-            !(isIdea && activeSection === 'submit-case') && React.createElement(AsideResults, { routeProps: props.routeProps }),
+            canShowFileUploadWidget() && React.createElement(FileDiag, { className: "pf-v5-u-mb-md" }),
+            canshowEARuleWidget && React.createElement(EARuleWidget, null),
+            !(isIdea && activeSection === 'submit-case') && (React.createElement(AsideResults, { routeProps: props.routeProps, className: "pf-v5-u-mb-md pf-v5-u-mt-0" })),
             canShowFileRecommendationSectionsWidget && React.createElement(InsightsResults, { isDisplayOnMain: true }),
-            React.createElement(ClusterRecommendations, { showClusterRecommendationsList: canShowClusterIdReportWidget }),
+            React.createElement(ClusterRecommendations, { showClusterRecommendationsList: canShowClusterIdReportWidget, className: "pf-v5-u-mb-md pf-v5-u-mt-0" }),
             canUseSessionManagement && !isCreatingCase && activeSection !== AppRouteSections.SUBMIT_CASE && (React.createElement(SessionRestore, { routeProps: props.routeProps })),
             canShowRecommendationTips && React.createElement(RecommendationInfoBox, null))));
 }

package/lib/esm/scss/_main.scss

@@ -951,3 +951,20 @@ svg.pf-v5-u-ml-xs.icon-size {
     justify-content: space-between;
     padding: 0.2rem;
 }
+
+#rh-support #rh-support-main .card.card-support .card-heading.case-detail-panel-card-heading {
+    background-color: var(--pf-v5-global--palette--black-600);
+    border: 1px solid var(--pf-v5-global--palette--black-600);
+}
+
+.form-group {
+    span.form-instructions-bold {
+        font-weight: 600;
+    }
+    a.pf-v5-c-button.pf-m-link.btn-choose-to-share {
+        --pf-v5-c-button--PaddingTop: var(--pf-v5-global--spacer--xs);
+        --pf-v5-c-button--PaddingRight: var(--pf-v5-global--spacer--xs);
+        --pf-v5-c-button--PaddingBottom: var(--pf-v5-global--spacer--xs);
+        --pf-v5-c-button--PaddingLeft: var(--pf-v5-global--spacer--xs);
+    }
+}

package/lib/esm/scss/_pf-overrides.scss

@@ -587,7 +587,6 @@ span.pf-v5-c-input-group__text {
     .pf-v5-c-alert__icon {
         margin-top: 5px;
     }
-    margin-bottom: 20px;
 }
 
 .critical-solutions-file-upload-alert {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.2.92",
+    "version": "2.2.94",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -27,7 +27,7 @@
     ],
     "peerDependencies": {
         "@cee-eng/hydrajs": "4.17.7",
-        "@cee-eng/ui-toolkit": "1.1.6",
+        "@cee-eng/ui-toolkit": "1.1.8",
         "@patternfly/patternfly": "5.1.0",
         "@patternfly/react-core": "5.1.1",
         "dompurify": "^2.2.6",
@@ -53,7 +53,7 @@
     },
     "dependencies": {
         "@cee-eng/hydrajs": "4.17.7",
-        "@cee-eng/ui-toolkit": "1.1.6",
+        "@cee-eng/ui-toolkit": "1.1.8",
         "@patternfly/patternfly": "5.1.0",
         "@patternfly/react-core": "5.1.1",
         "@patternfly/react-table": "^5.1.1",
@@ -61,11 +61,11 @@
         "@progress/kendo-licensing": "1.3.5",
         "@progress/kendo-react-pdf": "^5.16.0",
         "@redux-devtools/extension": "^3.3.0",
-        "@rh-support/components": "2.1.48",
-        "@rh-support/react-context": "2.1.54",
+        "@rh-support/components": "2.1.49",
+        "@rh-support/react-context": "2.1.55",
         "@rh-support/types": "2.0.3",
-        "@rh-support/user-permissions": "2.1.35",
-        "@rh-support/utils": "2.1.25",
+        "@rh-support/user-permissions": "2.1.36",
+        "@rh-support/utils": "2.1.26",
         "@types/react-redux": "^7.1.33",
         "@types/redux": "^3.6.0",
         "dompurify": "^2.2.6",
@@ -132,5 +132,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "e26b6df63ea1cab3872f1679464f4caf5e5a1056"
+    "gitHead": "2b9a94184155a1387fa8b5f6c1a97259e7f00378"
 }