@rh-support/troubleshoot 2.2.45 → 2.2.47

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

@@ -11,7 +11,7 @@ import { useCaseSelector } from '../../context/CaseContext';
 import { useCaseDetailsPageStateContext } from '../../context/CaseDetailsPageContext';
 import { PDFContext } from './PDFContainer';
 import CaseDetailsManagement from './Tabs/CaseDetails/CaseDetailsManagement';
-const CaseBugzilla = React.lazy(() => import(/* webpackChunkName: 'CaseBugzilla' */ './Tabs/CaseBugzilla/CaseBugzilla'));
+const RelatedTickets = React.lazy(() => import(/* webpackChunkName: 'CaseBugzilla' */ './Tabs/RelatedTickets/RelatedTickets'));
 const CaseActionPlan = React.lazy(() => import(/* webpackChunkName: 'CaseActionPlan' */ './Tabs/CaseActionPlan/CaseActionPlan'));
 const CasePrivateNotes = React.lazy(() => import(/* webpackChunkName: 'CasePrivateNotes' */ './Tabs/CasePrivateNotes/CasePrivateNotes'));
 const CaseDiscussion = React.lazy(() => import(/* webpackChunkName: 'CaseDiscussion' */ './Tabs/CaseDiscussion/CaseDiscussion'));
@@ -30,16 +30,21 @@ export function CaseDetailsTabs(props) {
     const [activeTabKey, setActiveTabKey] = useState(0);
     const { caseDetailsPageState: { caseEscalations }, } = useCaseDetailsPageStateContext();
     const canSeePrivateNotes = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_PRIVATE_NOTES_EDIT);
-    const canSeeBugZillas = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_BUGZILLAS);
+    // const canSeeBugZillas = ability.can(
+    //     resourceActions.PATCH,
+    //     resources.CASE_DETAILS,
+    //     CaseDetailsFields.CASE_DETAILS_BUGZILLAS
+    // );
     const { isExportingPDF, pdfOption } = useContext(PDFContext);
     const canSeeRMEs = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_RMES);
     const [selectedTab, setSelectedTab] = useState(CaseDetailsTabsEnum.DISCUSSION);
     const discussionTabRef = useRef(null);
-    const bugZillaTabRef = useRef(null);
+    // const bugZillaTabRef: React.MutableRefObject<HTMLDivElement> = useRef(null);
     const managementTabRef = useRef(null);
     const privateNotesTabRef = useRef(null);
     const actionPlanTabRef = useRef(null);
     const escalationTabRef = useRef(null);
+    const relatedTicketsRef = useRef(null);
     const tabsToRender = [];
     const handleTabClick = (event, tabIndex) => {
         setActiveTabKey(tabIndex);
@@ -61,15 +66,14 @@ export function CaseDetailsTabs(props) {
         ref: managementTabRef,
         component: (React.createElement(CaseDetailsManagement, { caseNumber: caseNumber, routeProps: props.routeProps, tabRef: managementTabRef })),
     });
-    canSeeBugZillas &&
-        tabsToRender.push({
-            'data-tracking-id': 'case-details-bugzilla-tab',
-            key: 'bugzillas',
-            ref: bugZillaTabRef,
-            routePath: 'bugzilla',
-            title: CaseDetailsTabsEnum.BUGZILLA,
-            component: React.createElement(CaseBugzilla, null),
-        });
+    tabsToRender.push({
+        'data-tracking-id': 'case-details-related-ticket-tab',
+        key: 'relatedTickets',
+        ref: relatedTicketsRef,
+        routePath: 'related-tickets',
+        title: CaseDetailsTabsEnum.RELATED_TICKETS,
+        component: React.createElement(RelatedTickets, null),
+    });
     tabsToRender.push({
         'data-tracking-id': 'case-details-actionplan-tab',
         key: 'action plan',

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/CaseEditView/Tabs/RelatedTickets/RelatedTickets.d.ts

@@ -0,0 +1,3 @@
+declare const RelatedTickets: () => JSX.Element;
+export default RelatedTickets;
+//# sourceMappingURL=RelatedTickets.d.ts.map

package/lib/esm/components/CaseEditView/Tabs/RelatedTickets/RelatedTickets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelatedTickets.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/RelatedTickets/RelatedTickets.tsx"],"names":[],"mappings":"AAqCA,QAAA,MAAM,cAAc,mBA8KnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/esm/components/CaseEditView/Tabs/RelatedTickets/RelatedTickets.js

@@ -0,0 +1,121 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { kase } from '@cee-eng/hydrajs';
+import { Badge, EmptyState, EmptyStateHeader, EmptyStateIcon, EmptyStateVariant, Pagination, SearchInput, ToggleGroup, ToggleGroupItem, } from '@patternfly/react-core';
+import CubesIcon from '@patternfly/react-icons/dist/esm/icons/cubes-icon';
+import { Table, Tbody, Td, Th, Thead, Tr } from '@patternfly/react-table';
+import { useFetch } from '@rh-support/components';
+import isEqual from 'lodash/isEqual';
+import React, { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { useCaseSelector } from '../../../../context/CaseContext';
+const columnNames = {
+    id: 'Task ID',
+    type: 'Type',
+    status: 'Status',
+    title: 'Summary',
+};
+const RelatedTickets = () => {
+    const [activeToggleKey, setActiveToggleKey] = useState('all');
+    const [currentPage, setCurrentPage] = useState(1);
+    const [itemsPerPage, setItemsPerPage] = useState(10);
+    const [searchQuery, setSearchQuery] = useState('');
+    const { caseNumber, bugzillaFetch } = useCaseSelector((state) => ({
+        caseNumber: state.caseDetails.caseNumber,
+        bugzillaFetch: state.caseDetails.bugzillas,
+    }), isEqual);
+    const { request: getCaseJiras } = useFetch(kase.fetchLinkedJiras, {
+        propgateErrors: true,
+    });
+    const [bugzillaData, setBugzillaData] = useState([]);
+    const [jiraData, setJiraData] = useState([]);
+    const { t } = useTranslation();
+    // reset pagination when searching for edge case
+    useEffect(() => {
+        setCurrentPage(1);
+    }, [searchQuery, activeToggleKey]);
+    useEffect(() => {
+        const fetchData = () => __awaiter(void 0, void 0, void 0, function* () {
+            try {
+                const bugzillaTransformed = bugzillaFetch.map((bugzilla) => ({
+                    id: bugzilla.caseNumber,
+                    type: 'Bugzilla',
+                    link: bugzilla.bugzillaLink || '',
+                    status: bugzilla.status || 'N/A',
+                    title: bugzilla.summary || 'N/A',
+                    date: new Date(bugzilla.linkedAt),
+                }));
+                setBugzillaData(bugzillaTransformed);
+                const jiraResults = yield getCaseJiras(caseNumber);
+                const jiraTransformed = jiraResults.map((jira) => ({
+                    id: jira.resourceKey,
+                    type: 'Jira',
+                    link: jira.resourceURL || '',
+                    status: jira.status || 'N/A',
+                    title: jira.title || 'N/A',
+                    date: new Date(jira.createdDate),
+                }));
+                setJiraData(jiraTransformed);
+            }
+            catch (error) {
+                console.log(error);
+            }
+        });
+        fetchData();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [bugzillaFetch, caseNumber]);
+    const combinedData = [...bugzillaData, ...jiraData].sort((a, b) => b.date.getTime() - a.date.getTime());
+    const filteredData = combinedData.filter((item) => {
+        const lowercasedQuery = searchQuery.toLowerCase();
+        if (searchQuery &&
+            !item.title.toLowerCase().includes(lowercasedQuery) &&
+            !item.id.toString().toLowerCase().includes(lowercasedQuery)) {
+            return false;
+        }
+        if (activeToggleKey === 'all')
+            return true;
+        if (activeToggleKey === 'bugzilla')
+            return item.type === 'Bugzilla';
+        if (activeToggleKey === 'jira')
+            return item.type === 'Jira';
+        return true;
+    });
+    const startIdx = (currentPage - 1) * itemsPerPage;
+    const endIdx = startIdx + itemsPerPage;
+    const displayData = filteredData.slice(startIdx, endIdx);
+    return (React.createElement("section", { className: "card card-white" },
+        (activeToggleKey === 'all' && (bugzillaData.length > 0 || jiraData.length > 0)) ||
+            (activeToggleKey === 'bugzilla' && bugzillaData.length > 0) ||
+            (activeToggleKey === 'jira' && jiraData.length > 0) ? (React.createElement("div", { className: "related-ticket-search-input-container", id: "related-ticket-search-container" },
+            React.createElement(SearchInput, { className: "related-ticket-search-input", placeholder: t('Search by Task ID or Summary'), value: searchQuery, onChange: (event) => setSearchQuery(event.currentTarget.value), onClear: () => setSearchQuery('') }))) : null,
+        React.createElement(ToggleGroup, { "aria-label": "Toggle Group" },
+            React.createElement(ToggleGroupItem, { text: t('All'), isSelected: activeToggleKey === 'all', onChange: () => setActiveToggleKey('all'), "data-tracking-id": 'related-ticket-all' }),
+            React.createElement(ToggleGroupItem, { text: t('Bugzilla'), isSelected: activeToggleKey === 'bugzilla', onChange: () => setActiveToggleKey('bugzilla'), "data-tracking-id": 'related-ticket-bugzilla' }),
+            React.createElement(ToggleGroupItem, { text: t('Jira'), isSelected: activeToggleKey === 'jira', onChange: () => setActiveToggleKey('jira'), "data-tracking-id": 'related-ticket-jira' })),
+        filteredData.length > 0 ? (React.createElement(React.Fragment, null,
+            React.createElement(Table, { "aria-label": "Issue Table" },
+                React.createElement(Thead, null,
+                    React.createElement(Tr, null,
+                        React.createElement(Th, null, columnNames.id),
+                        React.createElement(Th, null, columnNames.type),
+                        React.createElement(Th, null, columnNames.status),
+                        React.createElement(Th, null, columnNames.title))),
+                React.createElement(Tbody, null, displayData.map((item) => (React.createElement(Tr, { key: item.id },
+                    React.createElement(Td, { dataLabel: columnNames.id }, item.link ? (React.createElement("a", { href: item.link, target: "_blank", rel: "noopener noreferrer" }, item.id)) : (item.id)),
+                    React.createElement(Td, { dataLabel: columnNames.type }, item.type),
+                    React.createElement(Td, { dataLabel: columnNames.status },
+                        React.createElement(Badge, { isRead: true }, item.status)),
+                    React.createElement(Td, { dataLabel: columnNames.title }, item.title)))))),
+            React.createElement("div", { className: "push-top" },
+                React.createElement(Pagination, { itemCount: filteredData.length, perPage: itemsPerPage, page: currentPage, onSetPage: (_, page) => setCurrentPage(page), onPerPageSelect: (_, perPage) => setItemsPerPage(perPage) })))) : (React.createElement("div", null,
+            React.createElement(EmptyState, { variant: EmptyStateVariant.full },
+                React.createElement(EmptyStateHeader, { titleText: t("There aren't any related tasks."), headingLevel: "h4", icon: React.createElement(EmptyStateIcon, { icon: CubesIcon }) }))))));
+};
+export default RelatedTickets;

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/constants/caseDetailsConstants.d.ts

@@ -5,7 +5,8 @@ export declare enum CaseDetailsTabsEnum {
     BUGZILLA = "Bugzilla",
     ACTION_PLAN = "Action plan",
     PRIVATE_NOTES = "Private Notes",
-    ESCALATION = "Escalations"
+    ESCALATION = "Escalations",
+    RELATED_TICKETS = "Related Tickets"
 }
 export declare enum CaseStatusEnum {
     CLOSED = "Closed",

package/lib/esm/constants/caseDetailsConstants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"caseDetailsConstants.d.ts","sourceRoot":"","sources":["../../../src/constants/caseDetailsConstants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oCAAoC,yBAAyB,CAAC;AAE3E,oBAAY,mBAAmB;IAC3B,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,QAAQ,aAAa;IACrB,WAAW,gBAAgB;IAC3B,aAAa,kBAAkB;IAC/B,UAAU,gBAAgB;CAC7B;AAED,oBAAY,cAAc;IACtB,MAAM,WAAW;IACjB,mBAAmB,wBAAwB;IAC3C,iBAAiB,uBAAuB;CAC3C;AAED,eAAO,MAAM,0BAA0B,6DAA6D,CAAC;AAErG,eAAO,MAAM,mBAAmB,uCAAuC,CAAC;AAExE,eAAO,MAAM,kBAAkB,6BAA6B,CAAC;AAE7D,eAAO,MAAM,iBAAiB,8EAA8E,CAAC"}
+{"version":3,"file":"caseDetailsConstants.d.ts","sourceRoot":"","sources":["../../../src/constants/caseDetailsConstants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oCAAoC,yBAAyB,CAAC;AAE3E,oBAAY,mBAAmB;IAC3B,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,QAAQ,aAAa;IACrB,WAAW,gBAAgB;IAC3B,aAAa,kBAAkB;IAC/B,UAAU,gBAAgB;IAC1B,eAAe,oBAAoB;CACtC;AAED,oBAAY,cAAc;IACtB,MAAM,WAAW;IACjB,mBAAmB,wBAAwB;IAC3C,iBAAiB,uBAAuB;CAC3C;AAED,eAAO,MAAM,0BAA0B,6DAA6D,CAAC;AAErG,eAAO,MAAM,mBAAmB,uCAAuC,CAAC;AAExE,eAAO,MAAM,kBAAkB,6BAA6B,CAAC;AAE7D,eAAO,MAAM,iBAAiB,8EAA8E,CAAC"}

package/lib/esm/constants/caseDetailsConstants.js

@@ -7,6 +7,7 @@ export var CaseDetailsTabsEnum;
     CaseDetailsTabsEnum["ACTION_PLAN"] = "Action plan";
     CaseDetailsTabsEnum["PRIVATE_NOTES"] = "Private Notes";
     CaseDetailsTabsEnum["ESCALATION"] = "Escalations";
+    CaseDetailsTabsEnum["RELATED_TICKETS"] = "Related Tickets";
 })(CaseDetailsTabsEnum || (CaseDetailsTabsEnum = {}));
 export var CaseStatusEnum;
 (function (CaseStatusEnum) {

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;
                     }
                 }
             }
@@ -550,6 +550,7 @@ span.pf-v5-c-input-group__text {
 .pf-v5-c-accordion__expandable-content {
     margin: 0;
 }
+
 .top-content-suggestion-accordion {
     dl dt {
         margin: 0px;
@@ -561,3 +562,54 @@ span.pf-v5-c-input-group__text {
 
     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;
+}
+
+div.related-ticket-search-input-container#related-ticket-search-container {
+    float: right;
+    margin-bottom: 1rem;
+}
+
+.related-ticket-search-input {
+    width: 25rem;
+}
+
+button.pf-v5-c-toggle-group__button {
+    z-index: 1;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.2.45",
+    "version": "2.2.47",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -63,10 +63,11 @@
         "@patternfly/pfe-icon": "^1.12.3",
         "@patternfly/pfe-tabs": "1.12.3",
         "@patternfly/react-core": "5.1.1",
+        "@patternfly/react-table": "^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.29",
+        "@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 +132,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "ed9cba460bdbf0d0104fe6e8f21a0ca554bdaee8"
+    "gitHead": "b0978cf9cff4fa1b1355983b294a010e92b45938"
 }