@rh-support/troubleshoot 2.7.1 → 2.7.11

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

@@ -8,11 +8,10 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { Button, Checkbox, Icon, Popover, PopoverPosition, Switch, Tooltip } from '@patternfly/react-core';
-import AngleDoubleLeftIcon from '@patternfly/react-icons/dist/js/icons/angle-double-left-icon';
-import AngleDoubleRightIcon from '@patternfly/react-icons/dist/js/icons/angle-double-right-icon';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import ListIcon from '@patternfly/react-icons/dist/js/icons/list-icon';
 import LockIcon from '@patternfly/react-icons/dist/js/icons/lock-icon';
+import OpenDrawerRightIcon from '@patternfly/react-icons/dist/js/icons/open-drawer-right-icon';
 import TrendUpIcon from '@patternfly/react-icons/dist/js/icons/trend-up-icon';
 import { ErrorBoundary, ToastNotification, useBreakpoint, useForceUpdate } from '@rh-support/components';
 import { GlobalMetadataDispatchContext, toggleViewAsCustomerFlag, useGlobalStateContext, useUserPreferences, } from '@rh-support/react-context';
@@ -20,7 +19,7 @@ import { ability, CaseDetailsFields, resourceActions, resources } from '@rh-supp
 import { isSpecialSupportOfferingEnabled, scrollIntoView } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
-import React, { useContext, useEffect, useRef, useState } from 'react';
+import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
 import { useCaseSelector } from '../../context/CaseContext';
@@ -31,9 +30,11 @@ import { CaseSolutions } from './CaseSolutions';
 import { PDFContext } from './PDFContainer';
 import { ESSRemoteSession, RemoteSessionAgreement } from './RequestRemoteSession';
 export function CaseDetailsAside(props) {
-    var _a, _b;
+    var _a, _b, _c, _d;
     const { t } = useTranslation();
-    const { severity, status, isFetchingCaseDetails, isFetchingCaseDetailsError, acceptedRemoteSessionTerms, product, waitingOnCallback, } = useCaseSelector((state) => ({
+    const { globalMetadataState: { navBarRef, viewAsCustomer, loggedInUsersAccount, allProducts, loggedInUserRights }, } = useGlobalStateContext();
+    const includeSecureSupportCases = Boolean((_a = loggedInUsersAccount === null || loggedInUsersAccount === void 0 ? void 0 : loggedInUsersAccount.data) === null || _a === void 0 ? void 0 : _a.secureSupport);
+    const { severity, status, isFetchingCaseDetails, isFetchingCaseDetailsError, acceptedRemoteSessionTerms, product, waitingOnCallback, groupNumber, ownersCaseGroups, } = useCaseSelector((state) => ({
         severity: state.caseDetails.severity,
         status: state.caseDetails.status,
         isFetchingCaseDetails: state.isFetchingCaseDetails,
@@ -41,6 +42,8 @@ export function CaseDetailsAside(props) {
         acceptedRemoteSessionTerms: state.caseDetails.remoteSessionTermsAcked,
         waitingOnCallback: state.caseDetails.waitingOnCallback,
         product: state.caseDetails.product,
+        groupNumber: state.caseDetails.groupNumber,
+        ownersCaseGroups: state.ownersCaseGroups,
     }), isEqual);
     const selectedProduct = product;
     const { caseDetailsPageState: { caseEscalations }, } = useCaseDetailsPageStateContext();
@@ -49,8 +52,10 @@ export function CaseDetailsAside(props) {
     const { caseNumber } = props;
     const canCreateRME = ability.can(resourceActions.CREATE, resources.RME_ESCALATION);
     const canCreateICE = ability.can(resourceActions.CREATE, resources.ICE_ESCALATION);
+    const canSeeRMEs = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_RMES);
+    const shouldFetchEscalationDetails = canSeeRMEs || canCreateRME;
+    const isEscalationsFetching = shouldFetchEscalationDetails && (caseEscalations.isFetching || isFetchingCaseDetails);
     const canSeeToggleCustomerView = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_TOGGLE_CUSTOMER_VIEW);
-    const canViewACESection = canCreateICE || canCreateRME;
     const globalMetadataDispatchContext = useContext(GlobalMetadataDispatchContext);
     const caseDetailsAsidePanelRef = useRef(null);
     const forceUpdate = useForceUpdate();
@@ -61,10 +66,8 @@ export function CaseDetailsAside(props) {
     const isXLScreen = breakPoint.xl;
     const toggleCustomerViewRef = useRef(null);
     const isFirstMountRef = useRef(true);
-    const { globalMetadataState: { navBarRef, viewAsCustomer, loggedInUsersAccount, loggedInUserRights, allProducts }, } = useGlobalStateContext();
-    const isSecureSupportAccount = loggedInUsersAccount.data.secureSupport;
-    // To enable RSA Section for external users
-    const isExternal = loggedInUserRights.data.isExternal();
+    const isInternal = (_b = loggedInUserRights.data) === null || _b === void 0 ? void 0 : _b.isInternal();
+    const isSecureSupportAccount = includeSecureSupportCases;
     // To check if user has read only access
     const canReadCase = ability.can(resourceActions.READ, resources.CASE_DETAILS);
     const onToggleAside = (ev) => {
@@ -79,6 +82,14 @@ export function CaseDetailsAside(props) {
     const [viewAsInternalPref, setViewAsInternalPref] = useState();
     const [isDefaultBoxChecked, setIsDefaultBoxChecked] = useState(true);
     const { isExportingPDF } = useContext(PDFContext);
+    // TODO: When casegroups is deployed on SCT stage, update this logic to properly gate on ownersCaseGroups.data
+    const isWritePermissionforCase = useMemo(() => {
+        if (isInternal || !groupNumber)
+            return true;
+        if (!ownersCaseGroups.data)
+            return true;
+        return (ownersCaseGroups.data || []).some((group) => group.groupNum === groupNumber);
+    }, [groupNumber, ownersCaseGroups.data, isInternal]);
     useEffect(() => {
         const userPreferredCaseView = () => __awaiter(this, void 0, void 0, function* () {
             try {
@@ -156,7 +167,7 @@ export function CaseDetailsAside(props) {
         setIsDefaultBoxChecked(!isDefaultBoxChecked);
         toggleViewAsCustomerFlag(globalMetadataDispatchContext);
     };
-    const isSideBarExpanded = (_a = caseDetailsAsidePanelRef.current) === null || _a === void 0 ? void 0 : _a.expanded;
+    const isSideBarExpanded = (_c = caseDetailsAsidePanelRef.current) === null || _c === void 0 ? void 0 : _c.expanded;
     if (isFetchingCaseDetails || isFetchingCaseDetailsError)
         return null;
     const renderCasePrefPopoverText = () => {
@@ -168,54 +179,50 @@ export function CaseDetailsAside(props) {
         }
     };
     // To check if the user is ESS Customer and Product has ESS Support
-    const isESSCustomer = isSpecialSupportOfferingEnabled((_b = allProducts.data) === null || _b === void 0 ? void 0 : _b.productsResult, selectedProduct);
+    const isESSCustomer = isSpecialSupportOfferingEnabled((_d = allProducts.data) === null || _d === void 0 ? void 0 : _d.productsResult, selectedProduct);
     return (React.createElement("aside", { className: `grid-aside ${isSideBarExpanded ? '' : 'sidebar-collapsed'} ` },
         React.createElement("pfe-collapse-toggle", { "aria-label": `${isSideBarExpanded ? t('Collapse sidebar') : t('Expand sidebar')}`, "aria-controls": "case-details-aside-content", onClick: onToggleAside }, isSideBarExpanded ? (React.createElement("div", { className: `sidebar-header ${isExportingPDF ? 'hide-in-pdf' : ''}` },
             React.createElement("div", { className: "case-detail-collapse-panel" },
                 React.createElement("p", { className: "case-detail-collapse-label" },
                     React.createElement(Trans, null, "Collapse")),
-                React.createElement(Icon, { className: "pf-v5-u-ml-auto", size: "md" },
-                    React.createElement(AngleDoubleRightIcon, null))))) : (React.createElement("div", { className: "pf-v5-u-display-flex pf-v5-u-flex-direction-column sidebar-section-collapsed" },
-            React.createElement(Tooltip, { content: t('Expand sidebar'), position: "left" },
-                React.createElement("div", { className: "case-detail-collapse-panel" },
-                    React.createElement(Icon, { size: "md" },
-                        React.createElement(AngleDoubleLeftIcon, null)))),
-            canSeeToggleCustomerView && (React.createElement(Tooltip, { content: viewAsCustomer ? t('External view') : t('Internal view'), position: "left" },
-                React.createElement(Button, { variant: "link", onClick: () => setSectionToScollRef(toggleCustomerViewRef), className: "sidebar-section-toggle-btn", "aria-label": viewAsCustomer ? t('External view') : t('Internal view') },
-                    React.createElement(Icon, { size: "md", className: viewAsCustomer ? 'blueLock' : 'greyLock' },
-                        React.createElement(LockIcon, null))))),
-            !isLoadingRecommendations && allDocs.length > 0 && (React.createElement(Tooltip, { content: t('Top recommendations'), position: "left" },
-                React.createElement(Button, { variant: "link", onClick: () => setSectionToScollRef(topSolutionsRef), className: "sidebar-section-toggle-btn", "aria-label": t('Top recommendations') },
-                    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), "aria-label": t('Request an escalation') },
-                    React.createElement(Icon, { size: "md" },
-                        React.createElement(TrendUpIcon, null)))))))),
+                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') }))),
+                !isEscalationsFetching && (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", null,
-                    canSeeToggleCustomerView && (React.createElement("div", { className: "pf-v5-u-display-flex customer-view-toggle", ref: toggleCustomerViewRef },
+                React.createElement("div", { className: "grid-aside-content-inner-div" },
+                    canSeeToggleCustomerView && (React.createElement("div", { className: "pf-v6-u-display-flex customer-view-toggle", ref: toggleCustomerViewRef },
                         React.createElement("span", { className: "customer-view-switch-label" },
                             preferredOrDefaultCaseView() ? t('Customer view') : t('Internal view'),
                             React.createElement(Popover, { "aria-label": "Preferred-default-case-view-popover", position: PopoverPosition.top, bodyContent: React.createElement("p", { className: 'pref-case-popover-text' },
                                     React.createElement(Trans, null, renderCasePrefPopoverText())), showClose: false },
-                                React.createElement(InfoCircleIcon, { "aria-label": "Preferred-case-view-info-icon", className: "pf-v5-u-ml-sm" }))),
+                                React.createElement(InfoCircleIcon, { "aria-label": "Preferred-case-view-info-icon", className: "pf-v6-u-ml-sm", color: "#5e40be" }))),
                         React.createElement(Switch, { title: preferredOrDefaultCaseView() ? t('Customer view') : t('Internal view'), "data-tracking-id": preferredOrDefaultCaseView()
                                 ? 'disable-view-as-customer'
                                 : 'enable-view-as-customer', "aria-label": preferredOrDefaultCaseView()
                                 ? 'disable view as customer'
-                                : 'enable view as customer', id: "customer-view-switch", className: "pf-v5-u-ml-auto", isChecked: preferredOrDefaultCaseView(), onChange: onCaseSwitchChange }))),
+                                : 'enable view as customer', id: "customer-view-switch", className: "pf-v6-u-ml-auto", isChecked: preferredOrDefaultCaseView(), onChange: onCaseSwitchChange }))),
                     canSeeToggleCustomerView && (React.createElement("div", null,
                         React.createElement(Checkbox, { label: t('Set to default'), isChecked: isDefaultBoxChecked, onChange: onDefaultCheckboxChange, id: "set-default-view-checkbox", name: "default-view-checkbox", isDisabled: isDefaultBoxChecked, className: 'defaultViewCheckbox' })))),
                 React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading top solutions') } },
                     React.createElement(CaseSolutions, { caseNumber: caseNumber, ref: topSolutionsRef, isSecureSupportAccount: isSecureSupportAccount })),
-                isExternal && isESSCustomer && (React.createElement(ErrorBoundary, { errorMsgInfo: {
+                isESSCustomer && (React.createElement(ErrorBoundary, { errorMsgInfo: {
                         message: t('There was an error loading requesting remote session section'),
                     } },
                     React.createElement(ESSRemoteSession, { waitingOnCallback: waitingOnCallback, remoteSessionTermsAcked: acceptedRemoteSessionTerms, caseNumber: caseNumber, caseSeverity: severity, caseStatus: status, ref: createEscalationRef, readOnly: canReadCase }))),
-                isExternal && !isESSCustomer && (React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading remote session agreement section') } },
+                !isESSCustomer && (React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading remote session agreement section') } },
                     React.createElement(RemoteSessionAgreement, { caseNumber: caseNumber, caseSeverity: severity, caseStatus: status, ref: createEscalationRef, waitingOnCallback: waitingOnCallback, acceptedRemoteSessionTerms: acceptedRemoteSessionTerms && waitingOnCallback, readOnly: canReadCase }))),
-                !caseEscalations.isFetching && canViewACESection && (React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading customer escalation section') } },
+                !isEscalationsFetching && isWritePermissionforCase && (React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading customer escalation section') } },
                     React.createElement(ActiveCustomerEscalation, { caseNumber: caseNumber, caseSeverity: severity, caseStatus: status, ref: createEscalationRef })))))));
 }

package/lib/esm/components/CaseEditView/CaseDetailsErrorMessage.d.ts

@@ -4,6 +4,7 @@ interface IProps {
     isError: boolean;
     errorDetails: IAPIError;
     canReadCase: boolean;
+    canManageCase: boolean;
     caseNumber: string;
     isInlineError?: boolean;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"CaseDetailsErrorMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsErrorMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAErD,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,UAAU,MAAM;IACZ,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,SAAS,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAID,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,qBAqEpD"}
+{"version":3,"file":"CaseDetailsErrorMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsErrorMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAErD,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,UAAU,MAAM;IACZ,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,SAAS,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAKD,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,qBA0GpD"}

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

@@ -1,29 +1,46 @@
 import { AlertMessage, AlertType, errorMessageTitle, formattedApiErrorMessage } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
-import { getSFDCSecureSupportCaseLink } from '@rh-support/utils';
+import { CSS_ACCESS_RESTRICTION_ERROR_DETAIL, getCssPortalUrl, getSFDCSecureSupportCaseLink } from '@rh-support/utils';
 import React, { useContext } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-// Here we need to use 'detailMessage' from case API if user is not authorized to see case details
+// Here we need to use 'detailMessage' from case API if user is not authorized to see case detail
 const INVALID_CASE_GROUP_API_ERROR_DEFAULT_MESSAGE = 'Invalid group access';
+const NO_PERMISSION_PATTERN = /do not have permission|not authorized|don't have permission/i;
 export function CaseDetailsErrorMessage(props) {
     const { globalMetadataState: { loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
     const { t } = useTranslation();
     // Initialize Default Props Below
-    const { isInlineError = false, canReadCase, caseNumber, errorDetails } = props;
+    const { isInlineError = false, canReadCase, canManageCase, caseNumber, errorDetails } = props;
     const invalidCaseGroupErrorTitle = t('This case can only be viewed by a specific group');
+    const cssAccessRestrictionErrorTitle = t('This case is only available in Confirmed Sovereign Support');
     /* There can be two condition for HTTP 403 error
         1. Account mismatch.
         2. Invalid case group
     */
     const isCaseGroupError = (errorDetails === null || errorDetails === void 0 ? void 0 : errorDetails['detailMessage']) === INVALID_CASE_GROUP_API_ERROR_DEFAULT_MESSAGE;
+    const isCssAccessRestrictionError = (errorDetails === null || errorDetails === void 0 ? void 0 : errorDetails['detailMessage']) === CSS_ACCESS_RESTRICTION_ERROR_DETAIL;
+    const rawErrorMessage = [errorDetails === null || errorDetails === void 0 ? void 0 : errorDetails['message'], errorDetails === null || errorDetails === void 0 ? void 0 : errorDetails['detailMessage']].filter(Boolean).join(' ');
+    const isUnauthorizedAccessError = !isCaseGroupError && !isCssAccessRestrictionError && NO_PERMISSION_PATTERN.test(rawErrorMessage);
+    const unauthorizedAccessTitle = t('You do not have permission to view this case');
     const getErrorMessage = () => {
         const { status, message = '' } = errorDetails || {};
-        const customDefaultErrorMessage403 = isCaseGroupError
-            ? t('Please contact your organization’s admin to request access to this case’s group.')
-            : t('You are not authorized to see this case.');
+        let customDefaultErrorMessage403 = t('You are not authorized to see this case.');
+        if (isCaseGroupError) {
+            customDefaultErrorMessage403 = t('Please contact your organization’s admin to request access to this case’s group.');
+        }
+        else if (isUnauthorizedAccessError) {
+            customDefaultErrorMessage403 = t('You do not have permission to view this case. Please contact your organization administrator if you believe you should have access.');
+        }
         const errorMessage404 = t("Case number doesn't exist");
         let errorMessage403;
-        if (!canReadCase) {
+        if (isCssAccessRestrictionError) {
+            errorMessage403 = (React.createElement(React.Fragment, null,
+                "Open this case in the",
+                ' ',
+                React.createElement("a", { href: getCssPortalUrl(), "data-tracking-id": "css-access-restriction-portal-redirect" }, "Confirmed Sovereign Support portal"),
+                "."));
+        }
+        else if (!canReadCase) {
             errorMessage403 = customDefaultErrorMessage403;
         }
         else if (loggedInUserRights.data.isInternal() &&
@@ -44,12 +61,16 @@ export function CaseDetailsErrorMessage(props) {
         return formattedApiErrorMessage(errorDetails, {
             '403': { message: errorMessage403 },
             '404': { message: errorMessage404 },
-        });
+        }, canManageCase);
     };
-    return (React.createElement(AlertMessage, { variant: AlertType.DANGER, className: "pf-v5-u-mb-lg", show: true, 
+    return (React.createElement(AlertMessage, { variant: AlertType.DANGER, className: "pf-v6-u-mb-lg", show: true, 
         // Here customizing title of alert based on case group error.
-        title: errorMessageTitle(errorDetails, Object.assign({}, (isCaseGroupError && {
+        title: errorMessageTitle(errorDetails, Object.assign(Object.assign(Object.assign({}, (isCaseGroupError && {
             '403': { title: invalidCaseGroupErrorTitle },
-        }))), isInline: isInlineError },
+        })), (isCssAccessRestrictionError && {
+            '403': { title: cssAccessRestrictionErrorTitle },
+        })), (isUnauthorizedAccessError && {
+            '403': { title: unauthorizedAccessTitle },
+        })), canManageCase), isInline: isInlineError },
         React.createElement(Trans, null, getErrorMessage())));
 }

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":"AAqBA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AA0BlE,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,qBAgT5C"}
+{"version":3,"file":"CaseDetailsTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsTabs.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,mBAAmB,EAA0B,MAAM,kBAAkB,CAAC;AA+B/E,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,qBA0U5C"}

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

@@ -1,37 +1,57 @@
-import { Label, Popover, Tab, TabContent, Tabs, TabsComponent, TabTitleText, Text, TextContent, TextVariants, } from '@patternfly/react-core';
+import { Content, ContentVariants, Popover, Tab, TabContent, Tabs, TabsComponent, TabTitleText, } from '@patternfly/react-core';
 import ExternalLinkAltIcon from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { ErrorBoundary, LoadingIndicator } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import { ability, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
-import { getConfigField, PCM_CONFIG_FIELD_TYPE } from '@rh-support/utils';
-import { includes } from 'lodash';
+import { getConfigField, getUrlParsedParams, PCM_CONFIG_FIELD_TYPE } from '@rh-support/utils';
 import isEqual from 'lodash/isEqual';
 import React, { Suspense, useContext, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { useParams } from 'react-router-dom';
+import { useLocation, useParams } from 'react-router-dom';
 import { CaseDetailsTabsEnum } from '../../constants/caseDetailsConstants';
 import { useCaseSelector } from '../../context/CaseContext';
 import { useCaseDetailsPageStateContext } from '../../context/CaseDetailsPageContext';
+import { useCaseDiscussionTabStateContext } from '../../context/CaseDiscussionTabContext';
+import { useCaseComments } from '../../hooks/useCaseComments';
 import { PDFContext } from './PDFContainer';
 import CaseDetailsManagement from './Tabs/CaseDetails/CaseDetailsManagement';
 import CaseHistory from './Tabs/CaseHistory/CaseHistory';
-import { CaseSummary } from './Tabs/CaseSummary/CaseSummary';
-const RelatedTasks = React.lazy(() => import(/* webpackChunkName: 'CaseBugzilla' */ './Tabs/RelatedTasks/RelatedTasks'));
-const CaseActionPlan = React.lazy(() => import(/* webpackChunkName: 'CaseActionPlan' */ './Tabs/CaseActionPlan/CaseActionPlan'));
+// TODO: Re-enable AI Case Summary tab when ready
+// import { CaseSummary } from './Tabs/CaseSummary/CaseSummary';
+// TODO: Uncomment when External Trackers has a functioning GraphQL endpoint
+// const RelatedTasks = React.lazy(
+//     () => import(/* webpackChunkName: 'CaseBugzilla' */ './Tabs/RelatedTasks/RelatedTasks')
+// );
+// TODO: Re-enable Action Plan tab when ready
+// 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'));
 const RMEEscalationList = React.lazy(() => import(/* webpackChunkName: 'RMEEscalationList' */ './Tabs/RMEEscalations/RMEEscalationList'));
 export function CaseDetailsTabs(props) {
     const { caseNumber } = props;
     const { activeTab } = useParams();
-    const { globalMetadataState: { loggedInUserRights, loggedInUsersAccount, pcmConfig, viewAsCustomer }, } = useContext(GlobalMetadataStateContext);
-    const { accountNumber, chats, comments, status } = useCaseSelector((state) => ({
-        accountNumber: state.caseDetails.accountNumberRef,
-        chats: state.caseDetails.chats,
-        comments: state.caseDetails.comments,
-        status: state.caseDetails.status,
-    }), isEqual);
+    const { globalMetadataState: { loggedInUserRights, loggedInUsersAccount, pcmConfig }, } = useContext(GlobalMetadataStateContext);
+    const { accountNumber, status, caseSalesforceId, privateNotes } = useCaseSelector((state) => {
+        var _a;
+        return ({
+            accountNumber: state.caseDetails.accountNumberRef,
+            // TODO: Re-enable after GraphQL migration of chats
+            // chats: state.caseDetails.chats,
+            status: state.caseDetails.status,
+            caseSalesforceId: state.caseDetails.id,
+            privateNotes: (_a = state.caseDetails.notes) !== null && _a !== void 0 ? _a : '',
+        });
+    }, isEqual);
+    const urlSearchParams = getUrlParsedParams(useLocation().search);
+    const deepLinkCommentId = ((urlSearchParams === null || urlSearchParams === void 0 ? void 0 : urlSearchParams.commentId) || (urlSearchParams === null || urlSearchParams === void 0 ? void 0 : urlSearchParams.attachmentId));
+    const { sort: discussionSort } = useCaseDiscussionTabStateContext();
+    const graphqlOrderBy = {
+        LastModifiedDate: { order: discussionSort.sortOrder === 'asc' ? 'ASC' : 'DESC' },
+    };
+    const { comments, loading: commentsLoading, error: commentsError, refetch: refetchComments, fetchMore, hasNextPage, isLoadingMore, loadMoreError, loadMoreRetryCount, retryLoadMore, } = useCaseComments(Object.assign({ caseId: caseSalesforceId, skip: !caseSalesforceId, orderBy: graphqlOrderBy }, (deepLinkCommentId ? { first: 2000 } : {})));
     const { t } = useTranslation();
     const [activeTabKey, setActiveTabKey] = useState(0);
     const { caseDetailsPageState: { caseEscalations }, } = useCaseDetailsPageStateContext();
@@ -41,14 +61,13 @@ export function CaseDetailsTabs(props) {
     //     resources.CASE_DETAILS,
     //     CaseDetailsFields.CASE_DETAILS_BUGZILLAS
     // );
-    const caseSummaryViewConfig = getConfigField(pcmConfig.data, 'is_case_summary_view_active', PCM_CONFIG_FIELD_TYPE.STRING);
-    const isCaseSummaryViewActive = caseSummaryViewConfig === '1';
-    /**
-     * Checks a list of account numbers for which the case summarization feature should be hidden.
-     */
-    const caseSummarizationBlockedAccountsConfig = getConfigField(pcmConfig.data, 'caseSummarizationBlockedAccounts', PCM_CONFIG_FIELD_TYPE.STRING);
-    const blockedAccounts = JSON.parse(caseSummarizationBlockedAccountsConfig || []);
-    const isAccountBlocked = includes(blockedAccounts, accountNumber);
+    // TODO: Re-enable AI Case Summary tab when ready
+    // const caseSummaryViewConfig = getConfigField(
+    //     pcmConfig.data,
+    //     'is_case_summary_view_active',
+    //     PCM_CONFIG_FIELD_TYPE.STRING
+    // );
+    // const isCaseSummaryViewActive = caseSummaryViewConfig === '1';
     const { isExportingPDF, pdfOption } = useContext(PDFContext);
     const canSeeRMEs = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_RMES);
     const [selectedTab, setSelectedTab] = useState(CaseDetailsTabsEnum.DISCUSSION);
@@ -56,15 +75,18 @@ export function CaseDetailsTabs(props) {
     // const bugZillaTabRef: React.MutableRefObject<HTMLDivElement> = useRef(null);
     const managementTabRef = useRef(null);
     const privateNotesTabRef = useRef(null);
-    const actionPlanTabRef = useRef(null);
+    // const actionPlanTabRef: React.MutableRefObject<HTMLDivElement> = useRef(null);
     const escalationTabRef = useRef(null);
-    const relatedTasksRef = useRef(null);
+    // TODO: Uncomment when External Trackers has a functioning GraphQL endpoint
+    // const relatedTasksRef: React.MutableRefObject<HTMLDivElement> = useRef(null);
     const caseHistoryTabRef = useRef(null);
-    const generateAiCaseSummaryTabRef = useRef(null);
+    // TODO: Re-enable AI Case Summary tab when ready
+    // const generateAiCaseSummaryTabRef: React.MutableRefObject<HTMLDivElement> = useRef(null);
     const tabsToRender = [];
-    const handleTabClick = (event, tabIndex) => {
-        setActiveTabKey(tabIndex);
-        setSelectedTab(tabsToRender[tabIndex].title);
+    const handleTabClick = (_event, tabIndex) => {
+        const index = Number(tabIndex);
+        setActiveTabKey(index);
+        setSelectedTab(tabsToRender[index].title);
     };
     const isCaseHistoryEnabled = getConfigField(pcmConfig.data, 'isCaseHistoryEnabled', PCM_CONFIG_FIELD_TYPE.FEATURE_FLAG);
     tabsToRender.push({
@@ -73,7 +95,10 @@ export function CaseDetailsTabs(props) {
         title: CaseDetailsTabsEnum.DISCUSSION,
         ref: discussionTabRef,
         routePath: 'discussion',
-        component: (React.createElement(CaseDiscussion, { caseNumber: caseNumber, tabRef: discussionTabRef, caseComments: comments, caseChats: chats, accountNumber: accountNumber, isDiscussionTab: selectedTab === CaseDetailsTabsEnum.DISCUSSION })),
+        component: (React.createElement(CaseDiscussion, { caseNumber: caseNumber, tabRef: discussionTabRef, caseComments: comments, commentsLoading: commentsLoading, commentsError: commentsError, 
+            // TODO: Re-enable after GraphQL migration of chats
+            // caseChats={chats}
+            accountNumber: accountNumber, isDiscussionTab: selectedTab === CaseDetailsTabsEnum.DISCUSSION, refetchComments: refetchComments, fetchMore: fetchMore, hasNextPage: hasNextPage, isLoadingMore: isLoadingMore, loadMoreError: loadMoreError, loadMoreRetryCount: loadMoreRetryCount, retryLoadMore: retryLoadMore })),
     });
     tabsToRender.push({
         'data-tracking-id': 'case-details-tab',
@@ -83,24 +108,26 @@ export function CaseDetailsTabs(props) {
         ref: managementTabRef,
         component: (React.createElement(CaseDetailsManagement, { caseNumber: caseNumber, routeProps: props.routeProps, tabRef: managementTabRef })),
     });
-    loggedInUserRights.data.isInternal() &&
-        !viewAsCustomer &&
-        tabsToRender.push({
-            'data-tracking-id': 'case-details-related-tasks-tab',
-            key: 'relatedTasks',
-            ref: relatedTasksRef,
-            routePath: 'related-tasks',
-            title: CaseDetailsTabsEnum.RELATED_TASKS,
-            component: React.createElement(RelatedTasks, null),
-        });
-    tabsToRender.push({
-        'data-tracking-id': 'case-details-actionplan-tab',
-        key: 'action plan',
-        ref: actionPlanTabRef,
-        title: CaseDetailsTabsEnum.ACTION_PLAN,
-        routePath: 'plan',
-        component: React.createElement(CaseActionPlan, { caseNumber: caseNumber }),
-    });
+    // TODO: Uncomment when External Trackers has a functioning GraphQL endpoint
+    // loggedInUserRights.data.isInternal() &&
+    //     !viewAsCustomer &&
+    //     tabsToRender.push({
+    //         'data-tracking-id': 'case-details-related-tasks-tab',
+    //         key: 'relatedTasks',
+    //         ref: relatedTasksRef,
+    //         routePath: 'related-tasks',
+    //         title: CaseDetailsTabsEnum.RELATED_TASKS,
+    //         component: <RelatedTasks />,
+    //     });
+    // TODO: Re-enable Action Plan tab when ready
+    // tabsToRender.push({
+    //     'data-tracking-id': 'case-details-actionplan-tab',
+    //     key: 'action plan',
+    //     ref: actionPlanTabRef,
+    //     title: CaseDetailsTabsEnum.ACTION_PLAN,
+    //     routePath: 'plan',
+    //     component: <CaseActionPlan caseNumber={caseNumber} />,
+    // });
     canSeePrivateNotes &&
         tabsToRender.push({
             'data-tracking-id': 'case-details-pvtnotes-tab',
@@ -108,7 +135,7 @@ export function CaseDetailsTabs(props) {
             ref: privateNotesTabRef,
             title: CaseDetailsTabsEnum.PRIVATE_NOTES,
             routePath: 'notes',
-            component: React.createElement(CasePrivateNotes, { caseNumber: caseNumber }),
+            component: React.createElement(CasePrivateNotes, { caseNumber: caseNumber, privateNotes: privateNotes }),
         });
     canSeeRMEs &&
         (caseEscalations.data || []).length > 0 &&
@@ -130,18 +157,18 @@ export function CaseDetailsTabs(props) {
             ref: caseHistoryTabRef,
             component: React.createElement(CaseHistory, { caseNumber: caseNumber }),
         });
-    !loggedInUsersAccount.data.secureSupport &&
-        !loggedInUsersAccount.data.hasConfirmedStatesideSupport &&
-        isCaseSummaryViewActive &&
-        !isAccountBlocked &&
-        tabsToRender.push({
-            'data-tracking-id': 'generate-ai-case-summary-tab',
-            title: CaseDetailsTabsEnum.GENERATE_AI_CASE_SUMMARY,
-            key: 'generate ai case summary',
-            routePath: 'generate-ai-case-summary',
-            ref: generateAiCaseSummaryTabRef,
-            component: React.createElement(CaseSummary, { caseNumber: caseNumber }),
-        });
+    // TODO: Re-enable AI Case Summary tab when ready
+    // !loggedInUsersAccount.data.secureSupport &&
+    //     !loggedInUsersAccount.data.hasConfirmedStatesideSupport &&
+    //     isCaseSummaryViewActive &&
+    //     tabsToRender.push({
+    //         'data-tracking-id': 'generate-ai-case-summary-tab',
+    //         title: CaseDetailsTabsEnum.GENERATE_AI_CASE_SUMMARY,
+    //         key: 'generate ai case summary',
+    //         routePath: 'generate-ai-case-summary',
+    //         ref: generateAiCaseSummaryTabRef,
+    //         component: <CaseSummary caseNumber={caseNumber} />,
+    //     });
     const getActiveTabKey = () => {
         if (!activeTab)
             return activeTabKey;
@@ -153,13 +180,8 @@ export function CaseDetailsTabs(props) {
         ? false
         : true;
     return (React.createElement("div", { className: "case-details-tabs", role: "region", ref: props.tabdRef },
-        React.createElement(Tabs, { className: isExportingPDF ? 'hide-in-pdf' : '', activeKey: getActiveTabKey(), component: TabsComponent.nav, onSelect: handleTabClick, "aria-label": t('Case details tabs') }, tabsToRender.map((tab, index) => (React.createElement(Tab, { eventKey: index, tabContentRef: tab.ref, tabContentId: `pf-tab-${index}-${tab.title.split(' ')[0]}-tabpanel`, key: tab.title, href: `#${props.basePath}/${tab.routePath}`, "data-tracking-id": tab['data-tracking-id'], title: React.createElement(TabTitleText, { className: tab.title === CaseDetailsTabsEnum.GENERATE_AI_CASE_SUMMARY ||
-                    tab.title === CaseDetailsTabsEnum.HISTORY
-                    ? 'tab-title-with-badge'
-                    : undefined },
+        React.createElement(Tabs, { className: isExportingPDF ? 'hide-in-pdf' : '', activeKey: getActiveTabKey(), component: TabsComponent.nav, onSelect: handleTabClick, "aria-label": t('Case details tabs') }, tabsToRender.map((tab, index) => (React.createElement(Tab, { eventKey: index, tabContentRef: tab.ref, tabContentId: `pf-tab-${index}-${tab.title.split(' ')[0]}-tabpanel`, key: tab.title, href: `#${props.basePath}/${tab.routePath}`, "data-tracking-id": tab['data-tracking-id'], title: React.createElement(TabTitleText, { className: tab.title === CaseDetailsTabsEnum.HISTORY ? 'tab-title-with-badge' : undefined },
                 React.createElement(Trans, null, tab.title),
-                tab.title === CaseDetailsTabsEnum.GENERATE_AI_CASE_SUMMARY && (React.createElement("div", { className: "gradient-border-badge" },
-                    React.createElement(Label, { className: "preview-label" }, "Preview"))),
                 tab.title === CaseDetailsTabsEnum.HISTORY && (React.createElement(Popover, { "aria-label": "Track support case evolution with case history", triggerAction: "hover", bodyContent: React.createElement(React.Fragment, null,
                         React.createElement("p", null, "Track support case evolution with case history"),
                         React.createElement("a", { href: "https://access.redhat.com/articles/7120652", target: "_blank", rel: "noreferrer" },
@@ -167,15 +189,15 @@ export function CaseDetailsTabs(props) {
                             ' ',
                             React.createElement("span", { style: { marginLeft: '0.25rem' } },
                                 React.createElement(ExternalLinkAltIcon, null)))) },
-                    React.createElement(InfoCircleIcon, { color: "gray" })))) })))),
-        React.createElement("div", { className: "case-details-tabs-content pf-v5-u-pt-xl" }, tabsToRender.map((tab, index) => {
+                    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: {
                         message: t(`There was an error loading case ${tab.key}`),
                     } },
                     React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
-                        React.createElement(TextContent, { className: "show-in-pdf pf-v5-u-mt-md" },
-                            React.createElement(Text, { component: TextVariants.h2 },
+                        React.createElement(Content, { className: "show-in-pdf pf-v6-u-mt-md" },
+                            React.createElement(Content, { component: ContentVariants.h2 },
                                 React.createElement(Trans, null, tab.title))),
                         tab.component)))) : isExportingPDF && isTabVisibleInPdfExport(tab) ? (React.createElement(React.Fragment, null,
                 React.createElement("div", { className: "page-break" }),
@@ -184,8 +206,8 @@ export function CaseDetailsTabs(props) {
                             message: t(`There was an error loading case ${tab.key}`),
                         } },
                         React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
-                            React.createElement(TextContent, { className: "show-in-pdf pf-v5-u-mt-md" },
-                                React.createElement(Text, { component: TextVariants.h2 },
+                            React.createElement(Content, { className: "show-in-pdf pf-v6-u-mt-md" },
+                                React.createElement(Content, { component: ContentVariants.h2 },
                                     React.createElement(Trans, null, tab.title))),
                             tab.component))))) : (React.createElement(React.Fragment, null));
         }))));

package/lib/esm/components/CaseEditView/CaseOverview/CaseOwnerInfo.d.ts

@@ -3,6 +3,8 @@ import { IApiResponseDetails } from '@rh-support/types/shared';
 import React from 'react';
 interface IProps {
     owner: string;
+    isLoading: boolean;
+    isError: boolean;
     caseDetailsHydra: IApiResponseDetails<Partial<ICase>>;
 }
 export default function CaseOwnerInfo(props: IProps): React.JSX.Element;

package/lib/esm/components/CaseEditView/CaseOverview/CaseOwnerInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseOwnerInfo.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/CaseOwnerInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,qCAAqC,CAAC;AAI5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,UAAU,MAAM;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,gBAAgB,EAAE,mBAAmB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;CACzD;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,MAAM,qBAiElD"}
+{"version":3,"file":"CaseOwnerInfo.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/CaseOwnerInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,qCAAqC,CAAC;AAI5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,UAAU,MAAM;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,OAAO,CAAC;IACjB,gBAAgB,EAAE,mBAAmB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;CACzD;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,MAAM,qBAqElD"}

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

@@ -8,9 +8,9 @@ export default function CaseOwnerInfo(props) {
     var _a, _b;
     const { isExportingPDF } = useContext(PDFContext);
     return (React.createElement("div", { className: `case-owner ${isExportingPDF ? 'hide-in-pdf' : ''}` },
-        React.createElement(LoadingIndicator, { isInline: true, show: props.caseDetailsHydra.isFetching }),
-        props.caseDetailsHydra.isError && React.createElement("div", null, "There was error loading case owner info"),
-        !props.caseDetailsHydra.isFetching && !props.caseDetailsHydra.isError && (React.createElement("div", null,
+        React.createElement(LoadingIndicator, { isInline: true, show: props.isLoading }),
+        props.isError && React.createElement("div", null, "There was error loading case owner info"),
+        !props.isLoading && !props.isError && (React.createElement("div", null,
             React.createElement("h3", { className: "subheading subheading-sm" },
                 React.createElement(Trans, null, "Assigned to")),
             props.owner,
@@ -46,5 +46,5 @@ export default function CaseOwnerInfo(props) {
                             React.createElement(Trans, null, "Office location")),
                         ": ",
                         props.caseDetailsHydra.data.caseOwner.officeLocation)) },
-                React.createElement(QuestionCircleIcon, { className: "pf-v5-u-ml-xs icon-size", "aria-label": "Support Level Info" })))))));
+                React.createElement(QuestionCircleIcon, { color: "#5e40be", className: "pf-v6-u-ml-xs icon-size", "aria-label": "Support Level Info" })))))));
 }

package/lib/esm/components/CaseEditView/CaseOverview/CaseStatus.d.ts

@@ -2,11 +2,12 @@ import { IDClassNameProps } from '@rh-support/types/shared';
 import React from 'react';
 interface IProps extends IDClassNameProps {
     selectedStatus: string;
-    onStatusChange: (val: string) => void | Promise<void>;
+    onStatusChange: (portalStatus: string) => void | Promise<void>;
     isDisabled: boolean;
-    allStatuses: string[];
     isFetching: boolean;
     hasError: boolean;
+    isClosed: boolean;
+    isInternal: boolean;
 }
 declare function CaseStatus(props: IProps): React.JSX.Element;
 declare namespace CaseStatus {

package/lib/esm/components/CaseEditView/CaseOverview/CaseStatus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseStatus.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/CaseStatus.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAA+B,MAAM,OAAO,CAAC;AAOpD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtD,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACrB;AAOD,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,qBA8DhC;kBA9DQ,UAAU;;;AAiEnB,eAAe,UAAU,CAAC"}
+{"version":3,"file":"CaseStatus.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/CaseStatus.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAI5D,OAAO,KAAwC,MAAM,OAAO,CAAC;AAO7D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/D,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;CACvB;AAgBD,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,qBAwEhC;kBAxEQ,UAAU;;;AA2EnB,eAAe,UAAU,CAAC"}