@rh-support/troubleshoot 2.2.44 → 2.2.46

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

@@ -87,10 +87,10 @@ export function ReopenCaseModal(props) {
                     React.createElement(Trans, null, option)))))) : (React.createElement(Select, { "aria-label": t('Select an option that best fits'), id: "case-resolution", selections: selectedReason, onSelect: onReasonChange, isOpen: showDropdown, isDisabled: props.isUpdating, menuAppendTo: document.body, validated: showValidationError && !selectedReason ? 'error' : 'default', placeholderText: t('Select an option that best fits'), onToggle: (_event, toggle) => onDropdownToggle(toggle) }, reasonsList.map((option, index) => (React.createElement(SelectOption, { key: index, value: option },
                     React.createElement(Trans, null, option)))))))),
             showTextArea && (React.createElement(FormGroup, { label: t('Please describe your reason'), type: "text", isRequired: true, fieldId: "reopen-case-description" },
-                React.createElement(FormHelperText, null,
-                    React.createElement(HelperText, null,
-                        React.createElement(HelperTextItem, { hasIcon: true }, t(`Your comment will be visible${props.isInternal ? ' to the customers' : ''} under discussions after reopening.`)))),
                 React.createElement(TextArea, { placeholder: t(props.isInternal
                         ? 'Describe the reason for reopening with the selected status'
-                        : 'The better the description, the easier it will be for our support team to address your case.'), validated: showValidationError && isDescriptionEmpty && !reopenDescription ? 'error' : 'default', isRequired: true, id: "reopen-case-description", name: "reopen-case-description", "aria-describedby": "reopen-case-description", value: reopenDescription, onChange: (_event, text) => onDescriptionChange(text), isDisabled: props.isUpdating, resizeOrientation: "vertical" }))))));
+                        : 'The better the description, the easier it will be for our support team to address your case.'), validated: showValidationError && isDescriptionEmpty && !reopenDescription ? 'error' : 'default', isRequired: true, id: "reopen-case-description", name: "reopen-case-description", "aria-describedby": "reopen-case-description", value: reopenDescription, onChange: (_event, text) => onDescriptionChange(text), isDisabled: props.isUpdating, resizeOrientation: "vertical" }),
+                React.createElement(FormHelperText, null,
+                    React.createElement(HelperText, null,
+                        React.createElement(HelperTextItem, null, t(`Your comment will be visible${props.isInternal ? ' to the customers' : ''} under discussions after reopening.`)))))))));
 }

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;AAyBrE,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAChE,oBAAoB,EAAE,OAAO,CAAC;CACjC;AASD,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;CACxD;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,MAAM,eAyR9B;kBAzRQ,QAAQ;;;AA2RjB,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;AAMvE,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAyBrE,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAChE,oBAAoB,EAAE,OAAO,CAAC;CACjC;AASD,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;CACxD;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,MAAM,eA4R9B;kBA5RQ,QAAQ;;;AA8RjB,eAAe,QAAQ,CAAC"}

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

@@ -1,4 +1,5 @@
 import { Icon, Popover, PopoverPosition, Tooltip, TooltipPosition } from '@patternfly/react-core';
+import QuestionCircleIcon from '@patternfly/react-icons/dist/js/icons/question-circle-icon';
 import WarningTriangleIcon from '@patternfly/react-icons/dist/js/icons/warning-triangle-icon';
 import { Dropdown, ValueChangedIcon } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
@@ -161,7 +162,7 @@ function Severity(props) {
                 ' ',
                 React.createElement("a", { href: "/support/policy/severity", target: "_blank" },
                     React.createElement(Trans, null, "Red Hat Support Severity Level Definitions"))), closeBtnAriaLabel: "Close" },
-            React.createElement("i", { "aria-label": "Support Severity Level info", className: "fa fa-question-circle" }))),
+            React.createElement(QuestionCircleIcon, { className: "pf-v5-u-ml-xs icon-size", "aria-label": t(`Support Severity Level info`) }))),
         "\u00A0",
         filteredSeverities.filter((s) => s.disabled).length !== 0 && (React.createElement(Tooltip, { position: TooltipPosition.top, content: React.createElement(Trans, null, "Only the enabled severity levels are supported for selected product and version.") },
             React.createElement(Icon, { size: "sm" },

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

@@ -12,7 +12,7 @@ function OpenShiftV3Inputbox(props) {
             React.createElement(Trans, null, "OpenShift Cluster Name"),
             React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"),
             React.createElement(CaseOpenShiftV3Popover, null)),
-        React.createElement(TextInput, { id: "case-details-v3-cluster-name", value: props.v3ClusterName, type: "text", onChange: (e, value) => props.onReasonInputBoxChanged(value), "aria-label": t('Enter your Cluster Name'), placeholder: t('Enter your Cluster Name'), required: true, className: `form-control ${props.isInValid ? 'form-invalid' : ''}`, "data-tracking-id": "openshift-v3-cluster-name" }),
+        React.createElement(TextInput, { id: "case-details-v3-cluster-name", value: props.v3ClusterName, type: "text", onChange: (e, value) => props.onReasonInputBoxChanged(value), "aria-label": t('Enter your Cluster Name'), placeholder: t('Enter your Cluster Name'), required: true, className: `${props.isInValid ? 'form-invalid' : ''}`, "data-tracking-id": "openshift-v3-cluster-name" }),
         React.createElement("p", { id: "validated-helper", className: `form-instructions ${props.isInValid ? 'form-invalid' : ''}` },
             "If you do not have your Cluster Name available, briefly explain why.",
             ' ',

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

@@ -1 +1 @@
-{"version":3,"file":"InsightsResults.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/InsightsResults.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAgC,MAAM,0CAA0C,CAAC;AAG7G,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAwB5D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AASD,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACjE,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;CAClB;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eAyPrC;kBAzPQ,eAAe;;;AA4PxB,eAAe,eAAe,CAAC"}
+{"version":3,"file":"InsightsResults.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/InsightsResults.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAgC,MAAM,0CAA0C,CAAC;AAG7G,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAwB5D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AASD,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACjE,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;CAClB;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eA0PrC;kBA1PQ,eAAe;;;AA6PxB,eAAe,eAAe,CAAC"}

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, 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.")) })),
+                React.createElement(Trans, null, "Troubleshooting specific for your uploaded files.")), className: "file-recommendations-file-upload-alert" })),
         React.createElement(InsightResultModal, { EARule: validEARules, onModalToggle: insightsModalToggle, isOpen: isRuleModalVisible, insightResults: allResults })));
 }
 InsightsResults.defaultProps = defaultProps;

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

@@ -1 +1 @@
-{"version":3,"file":"SessionRestoreCard.d.ts","sourceRoot":"","sources":["../../../../src/components/SessionRestore/SessionRestoreCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qDAAqD,CAAC;AAUnF,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxD,gBAAgB,EAAE,YAAY,EAAE,CAAC;IACjC,aAAa,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,eAqC/C"}
+{"version":3,"file":"SessionRestoreCard.d.ts","sourceRoot":"","sources":["../../../../src/components/SessionRestore/SessionRestoreCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qDAAqD,CAAC;AASnF,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,EAAE,YAAY,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACxD,gBAAgB,EAAE,YAAY,EAAE,CAAC;IACjC,aAAa,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,eA4B/C"}

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

@@ -1,11 +1,11 @@
-import BellIcon from '@patternfly/react-icons/dist/js/icons/bell-icon';
-import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
+import { Alert, AlertActionCloseButton } from '@patternfly/react-core';
 import isEmpty from 'lodash/isEmpty';
 import map from 'lodash/map';
 import React, { useState } from 'react';
-import { Trans } from 'react-i18next';
+import { useTranslation } from 'react-i18next';
 import { SessionItem } from './SessionItem';
 export function SessionRestoreCard(props) {
+    const { t } = useTranslation();
     const [dismissed, setDismissed] = useState(false);
     const onCardDismiss = () => {
         setDismissed(true);
@@ -13,15 +13,8 @@ export function SessionRestoreCard(props) {
     };
     if (dismissed || isEmpty(props.previousSessions))
         return React.createElement(React.Fragment, null);
-    return (React.createElement("div", { className: "pf-v5-c-alert pf-m-inline", role: "alert" },
-        React.createElement("div", { className: "pf-v5-c-alert__icon" },
-            React.createElement(BellIcon, { "aria-hidden": "true" })),
-        React.createElement("h3", { className: "pf-v5-c-alert__title" },
-            React.createElement(Trans, null, "Restore a previous session")),
+    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" },
         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 })))))),
-        React.createElement("div", { className: "pf-v5-c-alert__action" },
-            React.createElement("button", { className: "pf-v5-c-button pf-m-plain", type: "button", "aria-label": "Close", onClick: onCardDismiss, "data-tracking-id": "session-restore-card-dismiss" },
-                React.createElement(TimesIcon, { "aria-hidden": "true" })))));
+                React.createElement(SessionItem, { onRestore: props.onRestore, sessionItem: sessionItem }))))))));
 }

package/lib/esm/components/Suggestions/Suggestions.js

@@ -42,7 +42,7 @@ export default function Suggestions(props) {
             (_b = accordionRef.current) === null || _b === void 0 ? void 0 : _b.collapseAll();
         }
     };
-    return (React.createElement("div", null,
+    return (React.createElement("div", { className: "top-content-suggestion-accordion" },
         showTitleDescription && (React.createElement("div", { className: "card card-support" },
             !isTCSearchEnabled && (React.createElement(Trans, null,
                 React.createElement("h3", { className: "card-heading popular-solutions green-card-heading" }, props.title ? props.title : t('i18nKeyPopularSolutions', 'Popular solutions and docs')))),

package/lib/esm/components/Suggestions/TopContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TopContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Suggestions/TopContent.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAGnC,OAAO,EAAE,WAAW,EAAE,MAAM,2DAA2D,CAAC;AAaxF,UAAU,MAAM;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,eAwF/C"}
+{"version":3,"file":"TopContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Suggestions/TopContent.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAGnC,OAAO,EAAE,WAAW,EAAE,MAAM,2DAA2D,CAAC;AAaxF,UAAU,MAAM;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,eA8I/C"}

package/lib/esm/components/Suggestions/TopContent.js

@@ -1,9 +1,9 @@
 import '@patternfly/pfe-accordion';
 import { pcm } from '@cee-eng/hydrajs';
-import { Tooltip } from '@patternfly/react-core';
+import { Accordion, AccordionContent, AccordionItem, AccordionToggle, Tooltip } from '@patternfly/react-core';
 import isEqual from 'lodash/isEqual';
 import map from 'lodash/map';
-import React from 'react';
+import React, { useState } from 'react';
 import { useCaseSelector } from '../../context/CaseContext';
 import { SessionRestoreDispatchContext, SessionRestoreStateContext } from '../../context/SessionRestoreContext';
 import { getDescriptionWOQues } from '../../reducers/CaseHelpers';
@@ -13,6 +13,7 @@ const { SessionResourceVisibility, SessionResourceSource } = pcm.preCase.session
 export default function TopContent(props) {
     const sessionRestoreDispatch = React.useContext(SessionRestoreDispatchContext);
     const { sessionRestore: { activeSessionId, sessionResourceTracking }, } = React.useContext(SessionRestoreStateContext);
+    const [expanded, setExpanded] = useState('');
     const { product, version, summary, issue, environment, periodicityOfIssue, timeFramesAndUrgency } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
@@ -25,24 +26,42 @@ export default function TopContent(props) {
     const onLinkClick = (item) => (event) => {
         props.onResourceClick && props.onResourceClick(item);
     };
-    // when user opens a top content tab, presented resouces are sent to session api
-    const onTopContentTabClicked = (e, docs) => {
-        if (e.target.hasAttribute('expanded')) {
-            createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.TOP_CONTENT, docs.map((doc, index) => getSessResTC(doc, SessionResourceVisibility.PRESENTED, doc.id, index)), JSON.stringify({
-                product,
-                version,
-                summary,
-                description: getDescriptionWOQues(issue, environment, periodicityOfIssue, timeFramesAndUrgency),
-            }));
+    const onToggle = (id) => {
+        if (id === expanded) {
+            setExpanded('');
+        }
+        else {
+            setExpanded(id);
+            onTopContentTabClicked(props.items);
         }
     };
-    return (React.createElement(React.Fragment, null,
-        props.helperText ? (React.createElement(Tooltip, { content: React.createElement("div", null, props.helperText) },
-            React.createElement("pfe-accordion-header", { "data-tracking-id": `top-content-accordion-header-${props.topContentIndex}`, onClick: (e) => onTopContentTabClicked(e, props.items) },
-                React.createElement("h3", null, props.name)))) : (React.createElement("pfe-accordion-header", { "data-tracking-id": `top-content-accordion-header-${props.topContentIndex}`, onClick: (e) => onTopContentTabClicked(e, props.items) },
-            React.createElement("h3", null, props.name))),
-        React.createElement("pfe-accordion-panel", null,
-            React.createElement("ul", { className: "list-flushleft", style: { listStyleType: 'disc' } }, map(props.items, (item, i) => (React.createElement("li", { key: i + item.contentTitle },
-                React.createElement("p", null,
-                    React.createElement("a", { className: "se-recommended ts-top-problems", "data-tracking-id": "se-recommended-top-content", onClick: onLinkClick(item), href: `${item.contentUrl}?${RouteUtils.getSEResourceQueryParams(props.seSessionId, props.seResourceOriginID, SessionResourceSource.TOP_CONTENT)}`, target: "_blank", rel: "noopener noreferrer" }, item.contentTitle)))))))));
+    // when user opens a top content tab, presented resouces are sent to session api
+    const onTopContentTabClicked = (docs) => {
+        createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.TOP_CONTENT, docs.map((doc, index) => getSessResTC(doc, SessionResourceVisibility.PRESENTED, doc.id, index)), JSON.stringify({
+            product,
+            version,
+            summary,
+            description: getDescriptionWOQues(issue, environment, periodicityOfIssue, timeFramesAndUrgency),
+        }));
+    };
+    return (React.createElement(React.Fragment, null, props.helperText ? (React.createElement(Tooltip, { content: React.createElement("div", null, props.helperText) },
+        React.createElement(Accordion, { isBordered: true },
+            React.createElement(AccordionItem, null,
+                React.createElement(AccordionToggle, { onClick: () => {
+                        onToggle(`${props.topContentIndex}`);
+                    }, isExpanded: expanded === `${props.topContentIndex}`, "data-tracking-id": `top-content-accordion-header-${props.topContentIndex}`, id: `${props.topContentIndex}` },
+                    React.createElement("h3", null, props.name)),
+                React.createElement(AccordionContent, { id: `${props.topContentIndex}`, isHidden: expanded !== `${props.topContentIndex}` },
+                    React.createElement("ul", { className: "list-flushleft", style: { listStyleType: 'disc' } }, map(props.items, (item, i) => (React.createElement("li", { key: i + item.contentTitle },
+                        React.createElement("p", null,
+                            React.createElement("a", { className: "se-recommended ts-top-problems", "data-tracking-id": "se-recommended-top-content", onClick: onLinkClick(item), href: `${item.contentUrl}?${RouteUtils.getSEResourceQueryParams(props.seSessionId, props.seResourceOriginID, SessionResourceSource.TOP_CONTENT)}`, target: "_blank", rel: "noopener noreferrer" }, item.contentTitle))))))))))) : (React.createElement(Accordion, { isBordered: true },
+        React.createElement(AccordionItem, null,
+            React.createElement(AccordionToggle, { onClick: () => {
+                    onToggle(`${props.topContentIndex}`);
+                }, isExpanded: expanded === `${props.topContentIndex}`, "data-tracking-id": `top-content-accordion-header-${props.topContentIndex}`, id: `${props.topContentIndex}` },
+                React.createElement("h3", null, props.name)),
+            React.createElement(AccordionContent, { id: `${props.topContentIndex}`, isHidden: expanded !== `${props.topContentIndex}` },
+                React.createElement("ul", { className: "list-flushleft", style: { listStyleType: 'disc' } }, map(props.items, (item, i) => (React.createElement("li", { key: i + item.contentTitle },
+                    React.createElement("p", null,
+                        React.createElement("a", { className: "se-recommended ts-top-problems", "data-tracking-id": "se-recommended-top-content", onClick: onLinkClick(item), href: `${item.contentUrl}?${RouteUtils.getSEResourceQueryParams(props.seSessionId, props.seResourceOriginID, SessionResourceSource.TOP_CONTENT)}`, target: "_blank", rel: "noopener noreferrer" }, item.contentTitle))))))))))));
 }

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

@@ -424,13 +424,13 @@ div#request-mgmt-escalation-modal.request-escalation-modal {
 }
 
 // To override font weight on reopen case modal - PCM-11644
-div#case-reopen-modal.pf-v5-c-modal-box__body {
+#case-reopen-modal {
     form.pf-v5-c-form.case-reopen-modal-form {
         div.pf-v5-c-form__group {
             div.pf-v5-c-form__group-label {
-                label.pf-v5-c-form__label {
-                    span.pf-v5-c-form__label-text {
-                        font-weight: 600 !important;
+                .pf-v5-c-form__label {
+                    .pf-v5-c-form__label-text {
+                        font-weight: 500 !important;
                     }
                 }
             }
@@ -546,3 +546,57 @@ span.pf-v5-c-input-group__text {
         font-weight: 700;
     }
 }
+
+.pf-v5-c-accordion__expandable-content {
+    margin: 0;
+}
+
+.top-content-suggestion-accordion {
+    dl dt {
+        margin: 0px;
+    }
+    .pf-v5-c-accordion.pf-m-bordered {
+        margin: 0px;
+        padding: 0px;
+    }
+
+    border: 1px solid #d2d2d2;
+}
+
+.pf-v5-c-alert__title {
+    margin-bottom: 0px;
+}
+
+.restore-session-alert {
+    .pf-v5-c-alert__icon {
+        font-size: 18px;
+    }
+    .pf-v5-c-alert__description {
+        margin-top: 0px;
+    }
+}
+
+#cep-details-modal {
+    .pf-v5-c-form__label-text {
+        font-weight: 500;
+    }
+}
+
+.file-recommendations-file-upload-alert {
+    .pf-v5-c-alert__icon {
+        margin-top: 15px;
+    }
+}
+
+.close-case-modal-form {
+    .pf-v5-c-form__label {
+        .pf-v5-c-form__label-text {
+            font-weight: 500 !important;
+        }
+    }
+}
+
+ul.pf-v5-c-menu__list,
+.pf-v5-c-modal-box__title {
+    margin-bottom: 0px;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.2.44",
+    "version": "2.2.46",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -65,8 +65,8 @@
         "@patternfly/react-core": "5.1.1",
         "@progress/kendo-drawing": "^1.6.0",
         "@progress/kendo-react-pdf": "^3.12.0",
-        "@rh-support/components": "2.1.26",
-        "@rh-support/react-context": "2.1.28",
+        "@rh-support/components": "2.1.27",
+        "@rh-support/react-context": "2.1.30",
         "@rh-support/types": "2.0.2",
         "@rh-support/user-permissions": "2.1.19",
         "@rh-support/utils": "2.1.12",
@@ -131,5 +131,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "672a8f5024aded7ed6ce4edb5c0991bc3f5570bb"
+    "gitHead": "c70ed8ffa9b5dbe8abdd50e1549e92b8af2a6f27"
 }