@rh-support/troubleshoot 2.6.71 → 2.6.73

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,KAA2D,MAAM,OAAO,CAAC;AAYhF,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAMD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAiZ7C"}
+{"version":3,"file":"CaseDetailsAside.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsAside.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAYhF,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAMD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAsZ7C"}

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

@@ -194,19 +194,20 @@ export function CaseDetailsAside(props) {
             React.createElement("div", { className: "case-detail-collapse-panel" },
                 React.createElement("p", { className: "case-detail-collapse-label" },
                     React.createElement(Trans, null, "Collapse")),
-                React.createElement(OpenDrawerRightIcon, { className: "pf-v6-u-ml-auto" })))) : (React.createElement("div", { className: "pf-v6-u-display-flex pf-v6-u-flex-direction-column sidebar-section-collapsed pf-v6-u-align-items-center pf-v6-u-justify-content-center" },
-            React.createElement(Tooltip, { content: t('Expand sidebar'), position: "left" },
-                React.createElement("div", { className: "case-detail-collapse-panel" },
-                    React.createElement(OpenDrawerRightIcon, { className: "mirrored" }))),
-            canSeeToggleCustomerView && (React.createElement(Tooltip, { content: viewAsCustomer ? t('External view') : t('Internal view'), position: "left" },
-                React.createElement(Button, { icon: React.createElement(Icon, { size: "lg", className: `${viewAsCustomer ? 'blueLock' : 'greyLock'} pf-v6-u-p-sm` },
-                        React.createElement(LockIcon, null)), variant: "link", onClick: () => setSectionToScollRef(toggleCustomerViewRef), className: "sidebar-section-toggle-btn", "aria-label": viewAsCustomer ? t('External view') : t('Internal view') }))),
-            !isLoadingRecommendations && allDocs.length > 0 && (React.createElement(Tooltip, { content: t('Top recommendations'), position: "left" },
-                React.createElement(Button, { icon: React.createElement(Icon, { className: "pf-v6-u-p-sm", size: "lg" },
-                        React.createElement(ListIcon, null)), variant: "link", onClick: () => setSectionToScollRef(topSolutionsRef), className: "sidebar-section-toggle-btn", "aria-label": t('Top recommendations') }))),
-            !caseEscalations.isFetching && (canCreateICE || (canCreateRME && isCreateRMEVisible)) && (React.createElement(Tooltip, { content: t('Request an escalation'), position: "left" },
-                React.createElement(Button, { icon: React.createElement(Icon, { className: "pf-v6-u-p-sm", size: "lg" },
-                        React.createElement(TrendUpIcon, null)), variant: "link", className: "sidebar-section-toggle-btn", onClick: () => setSectionToScollRef(createEscalationRef), "aria-label": t('Request an escalation') })))))),
+                React.createElement(OpenDrawerRightIcon, { className: "pf-v6-u-ml-auto" })))) : (React.createElement("div", { className: "sidebar-header-container" },
+            React.createElement("div", { className: "pf-v6-u-display-flex pf-v6-u-flex-direction-column sidebar-section-collapsed pf-v6-u-align-items-center pf-v6-u-justify-content-center" },
+                React.createElement(Tooltip, { content: t('Expand sidebar'), position: "left" },
+                    React.createElement("div", { className: "case-detail-collapse-panel" },
+                        React.createElement(OpenDrawerRightIcon, { className: "mirrored" }))),
+                canSeeToggleCustomerView && (React.createElement(Tooltip, { content: viewAsCustomer ? t('External view') : t('Internal view'), position: "left" },
+                    React.createElement(Button, { icon: React.createElement(Icon, { size: "lg", className: `${viewAsCustomer ? 'blueLock' : 'greyLock'} pf-v6-u-p-sm` },
+                            React.createElement(LockIcon, null)), variant: "link", onClick: () => setSectionToScollRef(toggleCustomerViewRef), className: "sidebar-section-toggle-btn", "aria-label": viewAsCustomer ? t('External view') : t('Internal view') }))),
+                !isLoadingRecommendations && allDocs.length > 0 && (React.createElement(Tooltip, { content: t('Top recommendations'), position: "left" },
+                    React.createElement(Button, { icon: React.createElement(Icon, { className: "pf-v6-u-p-sm", size: "lg" },
+                            React.createElement(ListIcon, null)), variant: "link", onClick: () => setSectionToScollRef(topSolutionsRef), className: "sidebar-section-toggle-btn", "aria-label": t('Top recommendations') }))),
+                !caseEscalations.isFetching && (canCreateICE || (canCreateRME && isCreateRMEVisible)) && (React.createElement(Tooltip, { content: t('Request an escalation'), position: "left" },
+                    React.createElement(Button, { icon: React.createElement(Icon, { className: "pf-v6-u-p-sm", size: "lg" },
+                            React.createElement(TrendUpIcon, null)), variant: "link", className: "sidebar-section-toggle-btn", onClick: () => setSectionToScollRef(createEscalationRef), "aria-label": t('Request an escalation') }))))))),
         React.createElement("pfe-collapse-panel", { className: "sidebar-content", "pfe-animation": "false", id: "case-details-aside-content", ref: caseDetailsAsidePanelRef },
             React.createElement("div", { className: "grid-aside-content" },
                 React.createElement("div", { className: "grid-aside-content-inner-div" },

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

@@ -158,7 +158,7 @@ export function CaseDetailsTabs(props) {
                             ' ',
                             React.createElement("span", { style: { marginLeft: '0.25rem' } },
                                 React.createElement(ExternalLinkAltIcon, null)))) },
-                    React.createElement(InfoCircleIcon, { color: "black" })))) })))),
+                    React.createElement(InfoCircleIcon, { color: "#5e40be" })))) })))),
         React.createElement("div", { className: "case-details-tabs-content pf-v6-u-pt-xl" }, tabsToRender.map((tab, index) => {
             return index === getActiveTabKey() && !isExportingPDF ? (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(ErrorBoundary, { errorMsgInfo: {

package/lib/esm/components/CaseEditView/CaseOverview/index.js

@@ -242,7 +242,7 @@ export default function CaseOverview(props) {
                             React.createElement("p", { className: "pf-v6-u-mb-sm" },
                                 React.createElement(Trans, null, "The customer has received two warnings regarding inactivity. This case will be closed soon if we don't receive any input."))) })))),
                 React.createElement(CaseContactPhoneNumberAlert, { isReview: true, tabRef: props.tabsRef }),
-                React.createElement("header", null,
+                React.createElement("header", { className: "pf-v6-u-mb-sm pf-v6-u-mt-lg" },
                     React.createElement("h2", { className: "case-ID" },
                         React.createElement(Trans, null, "Case"),
                         " ",
@@ -256,7 +256,7 @@ export default function CaseOverview(props) {
                                 ? 'case-close-btn-case-details-overview'
                                 : 'case-reopen-btn-case-details-overview' }),
                             React.createElement(Trans, null, isCaseInOpenState ? 'Close case' : 'Reopen case')))),
-                React.createElement("div", { className: `case-details-header-secondary push-bottom-narrow ${isExportingPDF && !viewAsCustomer ? 'hide-in-pdf' : ''}` },
+                React.createElement("div", { className: `case-details-header-secondary push-bottom-narrow pf-v6-u-mb-sm ${isExportingPDF && !viewAsCustomer ? 'hide-in-pdf' : ''}` },
                     React.createElement("span", { className: `case-support-level ${isExportingPDF ? 'hide-in-pdf' : ''}` }, computeSupportLink())),
                 React.createElement("div", { className: "case-details-summary push-bottom-narrow" },
                     React.createElement(Summary, { inlineEditable: true, hideLabel: true })),

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseReferenceNumber.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseReferenceNumber.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseReferenceNumber.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAW/D,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBA+LxD"}
+{"version":3,"file":"CaseReferenceNumber.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseReferenceNumber.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAW/D,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAgMxD"}

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseReferenceNumber.js

@@ -106,7 +106,7 @@ export default function CaseReferenceNumber(props) {
                 React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, isLocalChange: localRefNumberChange, value: referenceNumber, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.altID) }),
                 ' ',
                 !isExportingPDF ? (React.createElement(Tooltip, { trigger: 'mouseenter focus', position: TooltipPosition.top, content: React.createElement(Trans, null, "Add your internal tracking ID to better identify and organize support issues.") },
-                    React.createElement(InfoIcon, { className: "pf-v6-u-ml-sm cursor-pointer pf-v6-u-text-color-status-custom", "aria-label": "Case Alternate ID" }))) : ('')), allowInlineEdit: inlineEditable, content: referenceNumber || t('No personal reference number to display.'), hideSaveCancel: hideSaveCancel, saveDisabled: saveDisabled, charCount: (referenceNumberState === null || referenceNumberState === void 0 ? void 0 : referenceNumberState.length) || 0, charTotal: CASE_REFERENCE_NUMBER_LIMIT, cancelToggleState: isCancelClicked, saveToggleState: isSaveClicked, isExportingPDF: isExportingPDF },
+                    React.createElement(InfoIcon, { className: "pf-v6-u-ml-sm cursor-pointer", "aria-label": "Case Alternate ID", color: "#5e40be" }))) : ('')), allowInlineEdit: inlineEditable, content: referenceNumber || t('No personal reference number to display.'), hideSaveCancel: hideSaveCancel, saveDisabled: saveDisabled, charCount: (referenceNumberState === null || referenceNumberState === void 0 ? void 0 : referenceNumberState.length) || 0, charTotal: CASE_REFERENCE_NUMBER_LIMIT, cancelToggleState: isCancelClicked, saveToggleState: isSaveClicked, isExportingPDF: isExportingPDF },
             React.createElement(TextInputGroup, null,
                 React.createElement(TextInput, { value: referenceNumberState, type: "text", id: "case-details-reference-number", placeholder: t(`Enter the reference number used personally or within your company`), onChange: (_event, value) => onReferenceNumberChange(value), "data-tracking-id": "case-details-reference-number", isDisabled: isUpdating, onKeyDown: handleKeyDown, validated: (referenceNumberState === null || referenceNumberState === void 0 ? void 0 : referenceNumberState.length) > CASE_REFERENCE_NUMBER_LIMIT
                         ? ValidatedOptions.error

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/Summary.js

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { InputGroupText, Spinner, TextInput, TextInputGroup, ValidatedOptions } from '@patternfly/react-core';
+import { InputGroupText, Spinner, TextInput, ValidatedOptions } from '@patternfly/react-core';
 import CheckIcon from '@patternfly/react-icons/dist/js/icons/check-icon';
 import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
 import { NewInlineEdit, ToastNotification, ValueChangedIcon } from '@rh-support/components';
@@ -127,11 +127,11 @@ function Summary(props) {
                 React.createElement(Trans, null, "Title"),
                 React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, isLocalChange: localSummaryChange, value: summary, getTooltipContent: getSummaryChangedTT }),
                 React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")), allowInlineEdit: props.inlineEditable, content: summary ? summary : t('No summary to display.'), saveDisabled: saveDisabled, hideLabel: props.hideLabel, hideSaveCancel: props.hideSaveCancel, charCount: (summaryState === null || summaryState === void 0 ? void 0 : summaryState.length) || 0, charTotal: SUMMARY_LENGTH_LIMIT, cancelToggleState: isCancelClicked, saveToggleState: isSaveClicked, isExportingPDF: isExportingPDF },
-            React.createElement(TextInputGroup, null,
+            React.createElement("div", { className: "pf-v6-u-display-flex pf-v6-u-flex-direction-row pf-v6-u-align-items-center" },
                 React.createElement(TextInput, { type: "text", id: "case-details-summary", "aria-required": true, required: true, name: "case-details-summary", value: summaryState, onChange: (_event, value) => onSummaryChange(value), isDisabled: isSummaryUpdating, "data-tracking-id": "case-details-summary", onKeyDown: handleKeyDown, validated: (summaryState === null || summaryState === void 0 ? void 0 : summaryState.length) > SUMMARY_LENGTH_LIMIT || isSummaryEmpty
                         ? ValidatedOptions.error
                         : ValidatedOptions.default }),
-                !isSummaryUpdating ? (React.createElement(InputGroupText, null,
+                !isSummaryUpdating ? (React.createElement("div", { className: "pf-v6-u-display-flex pf-v6-u-align-items-center" },
                     React.createElement("button", { className: "btn btn-app btn-link pf-v6-u-ml-sm", type: "button", disabled: saveDisabled, onClick: onSave },
                         React.createElement(CheckIcon, null)),
                     React.createElement("button", { className: "btn btn-app btn-link", type: "button", onClick: onCancel },

package/lib/esm/components/CaseEditView/Tabs/CaseHistory/Timeline.css

@@ -45,7 +45,7 @@
 
     /* This value is calculated in timeline.tsx */
     bottom: calc(var(--timeline-bottom) + var(--timeline-bottom-offset, 18.35%));
-    left: calc(15% + 14.5px);
+    left: calc(20% + 14.5px);
     transform: translateX(-50%);
 }
 
@@ -119,7 +119,7 @@
 
 .timeline-avatar {
     position: absolute;
-    left: calc(15% + 15px);
+    left: calc(20% + 15px);
     transform: translateX(-91%);
     top: 12px;
     z-index: 5;
@@ -132,14 +132,14 @@
     width: 10px;
     height: 10px;
     z-index: 2;
-    left: calc(15% + 15px);
+    left: calc(20% + 18px);
     transform: translateX(-195%);
     top: 25px;
 }
 
 .left-node {
-    flex: 0 0 15%;
-    max-width: 20%;
+    flex: 0 0 20%;
+    max-width: 25%;
     padding-right: 24px;
     margin-left: -2em;
     margin-right: 24px;
@@ -161,7 +161,6 @@
     font-weight: 400;
     text-align: right;
     line-height: 30px;
-    padding-left: 1em;
     white-space: nowrap;
     overflow: hidden;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ContactPhoneNumberPopOver.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/ContactPhoneNumberPopOver.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,yBAAyB,yBAqBrC,CAAC"}
+{"version":3,"file":"ContactPhoneNumberPopOver.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/ContactPhoneNumberPopOver.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,yBAAyB,yBAsBrC,CAAC"}

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

@@ -5,5 +5,5 @@ import { Trans } from 'react-i18next';
 export const ContactPhoneNumberPopOver = () => {
     return (React.createElement(Popover, { "aria-label": "Support Severity Level info", position: PopoverPosition.right, bodyContent: React.createElement("p", null,
             React.createElement(Trans, null, "When you change the phone number, it affects both this case and your contact info in the Red Hat support system.")), closeBtnAriaLabel: "Close" },
-        React.createElement(QuestionCircleIcon, { className: "pf-v6-u-ml-xs icon-size cursor-pointer pf-v6-u-text-color-status-custom", "aria-label": "Contact Phone Number Info" })));
+        React.createElement(QuestionCircleIcon, { className: "pf-v6-u-ml-xs icon-size cursor-pointer", "aria-label": "Contact Phone Number Info", color: "#5e40be" })));
 };

package/lib/esm/components/CaseManagement/Cep.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cep.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/Cep.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAoB/D,UAAU,MAAM;CAAG;AAEnB,wBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,qBA0ThC"}
+{"version":3,"file":"Cep.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/Cep.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAoB/D,UAAU,MAAM;CAAG;AAEnB,wBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,qBA8ThC"}

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

@@ -142,7 +142,7 @@ export function Cep(props) {
         React.createElement("div", { id: "cep-checkbox" },
             React.createElement(Checkbox, { id: "get-support-cep", label: t('Consultant has been engaged'), isChecked: isEqual(cep, undefined) ? false : cep, onChange: onCepChange, "data-tracking-id": "get-support-cep", name: "get-support-cep" }),
             !isExportingPDF ? (React.createElement(Popover, { id: "cep-info-popover", "aria-label": "CEP info", position: PopoverPosition.top, bodyContent: React.createElement(Trans, null, "Used by consultants to indicate that a consulting engagement is in progress and the issue requires increased attention from support resources."), closeBtnAriaLabel: "Close" },
-                React.createElement(QuestionCircleIcon, { className: "pf-v6-u-ml-xs icon-size cursor-pointer", "aria-label": "CEP Info" }))) : ('')),
+                React.createElement(QuestionCircleIcon, { className: "pf-v6-u-ml-xs icon-size cursor-pointer", "aria-label": "CEP Info", color: "#5e40be" }))) : ('')),
         React.createElement(LoadingIndicator, { show: isCaseUpdating && isPostingCep, isInline: true, size: "sm" }),
         React.createElement(Modal, { id: "cep-details-modal", "aria-describedby": "cep-modal-description", isOpen: isCepModalOpen, variant: ModalVariant.large, onClose: onCancel },
             React.createElement(ModalHeader, null,

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

@@ -48,22 +48,21 @@ export default function Suggestions(props) {
             }
         });
     };
-    return (React.createElement("div", { className: "top-content-suggestion-accordion" },
-        showTitleDescription && (React.createElement("div", { className: "card card-support top-content-card-wrapper" },
-            isTCSearchEnabled && (React.createElement("h3", { className: "card-heading popular-solutions green-card-heading" },
-                props.title
-                    ? props.title
-                    : t('i18nKeyPopularSolutions', 'Red Hat hand picked support articles'),
-                React.createElement(Tooltip, { content: React.createElement("div", null,
-                        React.createElement(Trans, null, "Support articles are matched to the product and version details you selected, not the problem details you entered.")) },
-                    React.createElement(InfoCircleIcon, { className: "pf-v6-u-ml-sm", "aria-label": t('More info about how support articles are matched') })))),
-            !isTCSearchEnabled && (React.createElement("div", { className: "card-body" },
-                React.createElement(TopContentSearch, { className: "pf-v6-u-text-color-regular", topContentData: topContent.data, topContentResultsWrapperRef: accordionRef, onSearch: onSearchChange, dataTrackingId: "top-content-filter-troubleshoot", enableEventTracking: true }))))),
-        React.createElement(Accordion, { className: "pf-v6-u-ml-sm pf-v6-u-mr-sm" }, map(filteredTC.slice(0, maxTC), (sug, index) => {
-            var _a, _b;
-            toggleButtonRefs.current.push(index);
-            return (React.createElement(TopContent, { seSessionId: activeSessionId, seResourceOriginID: (_b = (_a = sessionResourceTracking[SessionResourceSource.TOP_CONTENT]) === null || _a === void 0 ? void 0 : _a.resourceOriginId) !== null && _b !== void 0 ? _b : '', topContentIndex: index, onResourceClick: onResourceClick, name: sug.categoryName, key: sug.categoryName, items: sug.content, helperText: (sug === null || sug === void 0 ? void 0 : sug.helperText) || '' }));
-        })),
-        showMax && filteredTC.length > maxTC && (React.createElement("div", { className: "text-right" },
-            React.createElement("button", { className: "btn btn-app btn-link", type: "button", onClick: showAllCategories, "data-tracking-id": "suggestions-more-categories" }, "More categories")))));
+    return (React.createElement("div", { className: "top-content-suggestion-accordion" }, showTitleDescription && (React.createElement("div", { className: "card card-support top-content-card-wrapper" },
+        isTCSearchEnabled && (React.createElement("h3", { className: "card-heading popular-solutions green-card-heading" },
+            props.title
+                ? props.title
+                : t('i18nKeyPopularSolutions', 'Red Hat hand picked support articles'),
+            React.createElement(Tooltip, { content: React.createElement("div", null,
+                    React.createElement(Trans, null, "Support articles are matched to the product and version details you selected, not the problem details you entered.")) },
+                React.createElement(InfoCircleIcon, { className: "pf-v6-u-ml-sm", "aria-label": t('More info about how support articles are matched') })))),
+        React.createElement("div", { className: "card-body" },
+            !isTCSearchEnabled && (React.createElement(TopContentSearch, { className: "pf-v6-u-text-color-regular", topContentData: topContent.data, topContentResultsWrapperRef: accordionRef, onSearch: onSearchChange, dataTrackingId: "top-content-filter-troubleshoot", enableEventTracking: true })),
+            React.createElement(Accordion, { className: "pf-v6-u-mt-md" }, map(filteredTC.slice(0, maxTC), (sug, index) => {
+                var _a, _b;
+                toggleButtonRefs.current.push(index);
+                return (React.createElement(TopContent, { seSessionId: activeSessionId, seResourceOriginID: (_b = (_a = sessionResourceTracking[SessionResourceSource.TOP_CONTENT]) === null || _a === void 0 ? void 0 : _a.resourceOriginId) !== null && _b !== void 0 ? _b : '', topContentIndex: index, onResourceClick: onResourceClick, name: sug.categoryName, key: sug.categoryName, items: sug.content, helperText: (sug === null || sug === void 0 ? void 0 : sug.helperText) || '' }));
+            })),
+            showMax && filteredTC.length > maxTC && (React.createElement("div", { className: "text-right" },
+                React.createElement("button", { className: "btn btn-app btn-link", type: "button", onClick: showAllCategories, "data-tracking-id": "suggestions-more-categories" }, "More categories"))))))));
 }

package/lib/esm/css/productSelector.css

@@ -88,6 +88,10 @@
         flex: 0 0 31%;
         -ms-flex-item-align: center;
         margin-left: 24px;
+
+        button {
+            height: 40px;
+        }
     }
 
     .version-dropdown-wrapper {

package/lib/esm/scss/_main.scss

@@ -992,11 +992,6 @@ svg.pf-v6-u-ml-xs.icon-size {
 }
 
 .handpicked-resource {
-    button {
-        padding: 0;
-        display: flex;
-        min-width: 7rem;
-    }
     .eval-icons span {
         color: var(--pf-v5-global--primary-color--200);
     }

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

@@ -690,22 +690,40 @@ button.pf-m-plain.manage-bookmark-info-icon-button {
     display: flex;
     align-items: center;
     justify-content: space-between;
-    width: 100%;
-    padding: 24px;
     color: var(--pf-t--global--text--color--link--default);
     font-size: var(--pf-t--global--font--size--md);
     font-weight: 500;
     cursor: pointer;
-
+    padding: 10px;
+    margin-bottom: 16px;
     p.case-detail-collapse-label {
         margin-bottom: 0;
     }
-
     svg {
         height: 1.5rem;
         width: 1.5rem;
     }
 }
+
+.sidebar-header-container {
+    padding: 24px;
+}
+
+.case-detail-collapse-panel:hover {
+    background-color: #dedede;
+    border-radius: 8px;
+}
+
+.sidebar-header .case-detail-collapse-panel:hover {
+    background-color: transparent;
+    border-radius: 0;
+    margin-top: 16px;
+}
+
+.sidebar-header .case-detail-collapse-panel {
+    margin: 16px;
+}
+
 .top-content-accordion {
     margin-bottom: 0px !important;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.6.71",
+    "version": "2.6.73",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -59,8 +59,8 @@
         "@progress/kendo-licensing": "1.3.5",
         "@progress/kendo-react-pdf": "^5.16.0",
         "@redux-devtools/extension": "^3.3.0",
-        "@rh-support/components": "2.5.52",
-        "@rh-support/react-context": "2.5.67",
+        "@rh-support/components": "2.5.54",
+        "@rh-support/react-context": "2.5.69",
         "@rh-support/types": "2.0.5",
         "@rh-support/user-permissions": "2.5.25",
         "@rh-support/utils": "2.5.22",
@@ -135,5 +135,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "40f7bb68143a6cd096c7b3ee2e524083317d6957"
+    "gitHead": "59dea26fe8f22c9ded29139d007d026ffc357416"
 }