@rh-support/troubleshoot 2.6.301 → 2.6.302

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

@@ -7,6 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import { useQuery } from '@apollo/client/react';
 import { Button, Checkbox, Icon, Popover, PopoverPosition, Switch, Tooltip } from '@patternfly/react-core';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import ListIcon from '@patternfly/react-icons/dist/js/icons/list-icon';
@@ -25,12 +26,13 @@ import { Link } from 'react-router-dom';
 import { useCaseSelector } from '../../context/CaseContext';
 import { useCaseDetailsPageStateContext } from '../../context/CaseDetailsPageContext';
 import { useRecommendationStateContext } from '../../context/RecommendationContext';
+import { GET_ESCALATION_DETAILS, GET_PARENT_ID } from '../../graphql';
 import { ActiveCustomerEscalation } from './ActiveCustomerEscalation';
 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, _e, _f, _g, _h, _j;
     const { t } = useTranslation();
     const { severity, status, isFetchingCaseDetails, isFetchingCaseDetailsError, acceptedRemoteSessionTerms, product, waitingOnCallback, groupNumber, ownersCaseGroups, } = useCaseSelector((state) => ({
         severity: state.caseDetails.severity,
@@ -48,6 +50,15 @@ export function CaseDetailsAside(props) {
     const isCreateRMEVisible = (caseEscalations.data || []).length === 0 || caseEscalations.data.every((item) => item.status === 'Closed');
     const { recommendationState: { isLoadingRecommendations, allDocs }, } = useRecommendationStateContext();
     const { caseNumber } = props;
+    const { data: parentData, loading: isLoadingParentId } = useQuery(GET_PARENT_ID, {
+        variables: { where: { CaseNumber: { eq: caseNumber } } },
+    });
+    const parentId = (_f = (_e = (_d = (_c = (_b = (_a = parentData === null || parentData === void 0 ? void 0 : parentData.salesforce_support_uiapi) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.SalesforceSupportCase) === null || _c === void 0 ? void 0 : _c.edges) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.node) === null || _f === void 0 ? void 0 : _f.Id;
+    const { loading: isLoadingEscalations } = useQuery(GET_ESCALATION_DETAILS, {
+        variables: { where: { ParentId: { eq: parentId } } },
+        skip: !parentId,
+    });
+    const isEscalationsFetching = isLoadingParentId || isLoadingEscalations;
     const canCreateRME = ability.can(resourceActions.CREATE, resources.RME_ESCALATION);
     const canCreateICE = ability.can(resourceActions.CREATE, resources.ICE_ESCALATION);
     const canSeeToggleCustomerView = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_TOGGLE_CUSTOMER_VIEW);
@@ -61,7 +72,8 @@ export function CaseDetailsAside(props) {
     const isXLScreen = breakPoint.xl;
     const toggleCustomerViewRef = useRef(null);
     const isFirstMountRef = useRef(true);
-    const { globalMetadataState: { navBarRef, viewAsCustomer, loggedInUsersAccount, allProducts }, } = useGlobalStateContext();
+    const { globalMetadataState: { navBarRef, viewAsCustomer, loggedInUsersAccount, allProducts, loggedInUserRights }, } = useGlobalStateContext();
+    const isInternal = (_g = loggedInUserRights.data) === null || _g === void 0 ? void 0 : _g.isInternal();
     const isSecureSupportAccount = loggedInUsersAccount.data.secureSupport;
     // To check if user has read only access
     const canReadCase = ability.can(resourceActions.READ, resources.CASE_DETAILS);
@@ -77,9 +89,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(() => {
-        return (ownersCaseGroups.data || []).some((group) => group.groupNum === groupNumber) || groupNumber === '-1';
-    }, [groupNumber, ownersCaseGroups.data]);
+        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 {
@@ -157,7 +174,7 @@ export function CaseDetailsAside(props) {
         setIsDefaultBoxChecked(!isDefaultBoxChecked);
         toggleViewAsCustomerFlag(globalMetadataDispatchContext);
     };
-    const isSideBarExpanded = (_a = caseDetailsAsidePanelRef.current) === null || _a === void 0 ? void 0 : _a.expanded;
+    const isSideBarExpanded = (_h = caseDetailsAsidePanelRef.current) === null || _h === void 0 ? void 0 : _h.expanded;
     if (isFetchingCaseDetails || isFetchingCaseDetailsError)
         return null;
     const renderCasePrefPopoverText = () => {
@@ -169,7 +186,7 @@ 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((_j = allProducts.data) === null || _j === void 0 ? void 0 : _j.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" },
@@ -186,7 +203,7 @@ export function CaseDetailsAside(props) {
                 !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" },
+                !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 },
@@ -213,6 +230,6 @@ export function CaseDetailsAside(props) {
                     React.createElement(ESSRemoteSession, { waitingOnCallback: waitingOnCallback, remoteSessionTermsAcked: acceptedRemoteSessionTerms, caseNumber: caseNumber, caseSeverity: severity, caseStatus: status, ref: createEscalationRef, readOnly: canReadCase }))),
                 !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 && isWritePermissionforCase && (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/CaseDetailsTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseDetailsTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsTabs.tsx"],"names":[],"mappings":"AAmBA,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,qBAoS5C"}
+{"version":3,"file":"CaseDetailsTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsTabs.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AA6BlE,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,qBAyT5C"}

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

@@ -12,25 +12,41 @@ import { useParams } from 'react-router-dom';
 import { CaseDetailsTabsEnum } from '../../constants/caseDetailsConstants';
 import { useCaseSelector } from '../../context/CaseContext';
 import { useCaseDetailsPageStateContext } from '../../context/CaseDetailsPageContext';
+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: 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 { comments, loading: commentsLoading, error: commentsError, refetch: refetchComments, } = useCaseComments({
+        caseId: caseSalesforceId,
+        skip: !caseSalesforceId,
+    });
     const { t } = useTranslation();
     const [activeTabKey, setActiveTabKey] = useState(0);
     const { caseDetailsPageState: { caseEscalations }, } = useCaseDetailsPageStateContext();
@@ -49,15 +65,17 @@ 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);
     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({
@@ -66,7 +84,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 })),
     });
     tabsToRender.push({
         'data-tracking-id': 'case-details-tab',
@@ -76,24 +97,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',
@@ -101,7 +124,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 &&

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,qBAqElD"}
+{"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,

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

@@ -2,9 +2,8 @@ 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;
 }

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;CACrB;AAOD,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,qBAmEhC;kBAnEQ,UAAU;;;AAsEnB,eAAe,UAAU,CAAC"}

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

@@ -8,9 +8,10 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { SingleSelectDropdown, ValueChangedIcon } from '@rh-support/components';
+import { mapSfdcStatusToPortalStatus, PORTAL_DISPLAY_STATUSES } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import map from 'lodash/map';
-import React, { useContext, useState } from 'react';
+import React, { useContext, useMemo, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { CaseValuesToWatch } from '../../shared/Constants';
 import { getChangedValueTooltip } from '../../shared/utils';
@@ -26,29 +27,30 @@ function CaseStatus(props) {
         setIsCaseStatusInValid(isEmpty(selectedItem));
     };
     const { isExportingPDF } = useContext(PDFContext);
+    const selectedPortalStatus = useMemo(() => mapSfdcStatusToPortalStatus(props.selectedStatus), [props.selectedStatus]);
     // value changed logic to show a non local status change
     const [localStatusChange, setLocalStatusChange] = useState(false);
     const afterLocalChange = () => setLocalStatusChange(false);
     const onCaseStatusChange = (option) => __awaiter(this, void 0, void 0, function* () {
-        if (option.value === props.selectedStatus) {
+        if (option.value === selectedPortalStatus) {
             return;
         }
         yield props.onStatusChange(option.value);
         setLocalStatusChange(true);
         validateCaseStatus(option);
     });
-    const getDropdownOptions = map(props.allStatuses || [], (option) => ({
+    const getDropdownOptions = map(PORTAL_DISPLAY_STATUSES, (option) => ({
         label: option,
         value: option,
     }));
     const getSelectedDropdownOption = {
-        label: props.selectedStatus,
-        value: props.selectedStatus,
+        label: selectedPortalStatus,
+        value: selectedPortalStatus,
     };
     return (React.createElement("div", { className: `form-group ${props.className}`, id: `${props.id}` },
         React.createElement("h3", { className: "subheading subheading-sm" },
             React.createElement(Trans, null, "Status"),
-            React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, isLocalChange: localStatusChange, value: props.selectedStatus, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.status) }),
+            React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, isLocalChange: localStatusChange, value: selectedPortalStatus, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.status) }),
             React.createElement("span", { className: `form-required ${isExportingPDF ? 'hide-in-pdf' : ''}`, "aria-hidden": true }, "*")),
         React.createElement(SingleSelectDropdown, { placeholder: t(`Select a status`), dataTrackingId: "case-details-status-selector", options: getDropdownOptions, selected: getSelectedDropdownOption, isDisabled: props.hasError || props.isDisabled || props.isFetching, isLoading: props.isFetching, isInvalid: isCaseStatusInValid, onSelect: onCaseStatusChange })));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/index.tsx"],"names":[],"mappings":"AA+BA,OAAO,KAAkD,MAAM,OAAO,CAAC;AA4BvE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,qBA0fjD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/index.tsx"],"names":[],"mappings":"AAmCA,OAAO,KAAkD,MAAM,OAAO,CAAC;AA2BvE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,qBAghBjD"}

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

@@ -7,13 +7,14 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import { useApolloClient } from '@apollo/client/react';
 import { Alert, AlertVariant, Button, ButtonVariant, ExpandableSection, Label, ModalVariant, } from '@patternfly/react-core';
 import ExternalLinkAltIcon from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
 import LockIcon from '@patternfly/react-icons/dist/js/icons/lock-icon';
 import { ToastNotification, useConfirmation } from '@rh-support/components';
-import { CloseCaseModal, fetchCaseSeverities, fetchCaseTypes, GlobalMetadataDispatchContext, GlobalMetadataStateContext, useCanEditCase, } from '@rh-support/react-context';
+import { CloseCaseModal, fetchAllStatuses, fetchCaseSeverities, fetchCaseTypes, GlobalMetadataDispatchContext, GlobalMetadataStateContext, useCanEditCase, } from '@rh-support/react-context';
 import { AbilityContext, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
-import { dtmTrackEventCaseStepEncountered, haventLoadedMetadata, isOpenShiftOnlineProduct, PreviousCaseTypes, toNewCaseTypeMapper, toNewCaseTypeSwitcher, } from '@rh-support/utils';
+import { dtmTrackEventCaseStepEncountered, haventLoadedMetadata, isOpenShiftOnlineProduct, mapSfdcStatusToPortalStatus, PreviousCaseTypes, resolvePortalStatusToApiValue, toNewCaseTypeMapper, toNewCaseTypeSwitcher, } from '@rh-support/utils';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -22,8 +23,8 @@ import { useCaseDispatch, useCaseSelector } from '../../../context/CaseContext';
 import { CaseOverviewDispatchContext, CaseOverviewStateContext } from '../../../context/CaseOverviewContext';
 import { useCaseUpdateErrorMessage } from '../../../hooks/useCaseUpdateErrorMessage';
 import { SupportLevelDisplay } from '../../../reducers/CaseConstNTypes';
-import { fetchAllStatuses, fetchCaseHydra, setSeverityUpdating, setStatusUpdating, setTypeUpdating, } from '../../../reducers/CaseOverviewReducer';
-import { updateCaseDetails } from '../../../reducers/CaseReducer';
+import { fetchCaseHydra, setSeverityUpdating, setStatusUpdating, setTypeUpdating, } from '../../../reducers/CaseOverviewReducer';
+import { updateCaseDetailsGraphQL } from '../../../reducers/CaseReducer';
 import Severity from '../../CaseInformation/Severity';
 import { usePostComment } from '../../shared/usePostComment';
 import { ReopenCaseModal } from '../ConfirmationModals/ReopenCaseModal';
@@ -49,15 +50,17 @@ export default function CaseOverview(props) {
     const { isExportingPDF, exportPDFButton } = useContext(PDFContext);
     const reopenStatusRef = useRef(null);
     const { postComment, isPostingComment } = usePostComment({ caseNumber: props.caseNumber });
-    const { product, version, status, caseType, createdDate, createdById, ownerId, caseNumber, entitlementSla, cep, accountNumber, isPrivate, isCaseUpdating, contactIsPartner, hotfixRequested, hotfixDelivered, selectedAccountDetails, firstCaseInactivityWarningSentAt, secondCaseInactivityWarningSentAt, } = useCaseSelector((state) => ({
+    const { product, version, status, caseType, createdDate, createdByName, ownerName, isFetchingCaseDetails, isFetchingCaseDetailsError, caseNumber, entitlementSla, cep, accountNumber, isPrivate, isCaseUpdating, contactIsPartner, hotfixRequested, hotfixDelivered, selectedAccountDetails, firstCaseInactivityWarningSentAt, secondCaseInactivityWarningSentAt, } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
         status: state.caseDetails.status,
         caseType: state.caseDetails.caseType,
         caseSeverity: state.caseDetails.severity,
         createdDate: state.caseDetails.createdDate,
-        createdById: state.caseDetails.createdById,
-        ownerId: state.caseDetails.ownerId,
+        createdByName: state.caseDetails.createdByName,
+        ownerName: state.caseDetails.ownerName,
+        isFetchingCaseDetails: state.isFetchingCaseDetails,
+        isFetchingCaseDetailsError: state.isFetchingCaseDetailsError,
         caseNumber: state.caseDetails.caseNumber,
         entitlementSla: state.caseDetails.entitlementSla,
         cep: state.caseDetails.cep,
@@ -74,7 +77,12 @@ export default function CaseOverview(props) {
     const canEditCase = useCanEditCase();
     const caseDispatch = useCaseDispatch();
     const globalMetadataDispatchContext = useContext(GlobalMetadataDispatchContext);
-    const { globalMetadataState: { allCaseTypes, allCaseSeverities, viewAsCustomer, loggedInUsersAccount, loggedInUserRights, }, } = useContext(GlobalMetadataStateContext);
+    const apolloClient = useApolloClient();
+    const existingCaseDetails = useCaseSelector((state) => state.caseDetails, isEqual);
+    const updateOverviewCaseDetails = (payload) => updateCaseDetailsGraphQL(caseDispatch, apolloClient, props.caseNumber, payload, false, {
+        existingCaseDetails,
+    });
+    const { globalMetadataState: { allCaseTypes, allCaseSeverities, allCaseStatuses, viewAsCustomer, loggedInUsersAccount, loggedInUserRights, }, } = useContext(GlobalMetadataStateContext);
     const canManageCase = loggedInUserRights.data.canManageCases();
     const switchedCaseType = toNewCaseTypeSwitcher(caseType);
     const updatingUser = loggedInUsersAccount.data.name;
@@ -89,24 +97,24 @@ export default function CaseOverview(props) {
             }
         }
         if (haventLoadedMetadata(allCaseSeverities)) {
-            fetchCaseSeverities(globalMetadataDispatchContext, loggedInUsersAccount.data.secureSupport);
+            fetchCaseSeverities(globalMetadataDispatchContext, apolloClient);
         }
         if (haventLoadedMetadata(allCaseTypes)) {
-            fetchCaseTypes(globalMetadataDispatchContext, loggedInUsersAccount.data.secureSupport);
+            fetchCaseTypes(globalMetadataDispatchContext, apolloClient);
         }
-        if (haventLoadedMetadata(caseOverviewState.allCaseStatuses)) {
-            fetchAllStatuses(caseOverviewDispatch, loggedInUsersAccount.data.secureSupport);
+        if (haventLoadedMetadata(allCaseStatuses)) {
+            fetchAllStatuses(globalMetadataDispatchContext, apolloClient);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         globalMetadataDispatchContext,
+        apolloClient,
         allCaseSeverities,
         allCaseTypes,
-        caseOverviewState.allCaseStatuses,
+        allCaseStatuses,
         caseOverviewState.caseDetailsHydra,
         canSeeCaseOwnerInfo,
         caseNumber,
-        loggedInUsersAccount.data.secureSupport,
     ]);
     const onTypeChange = (type) => __awaiter(this, void 0, void 0, function* () {
         if (canEditCase.alert())
@@ -117,7 +125,7 @@ export default function CaseOverview(props) {
             if (type === PreviousCaseTypes.FEATURE_ENHANCEMENT) {
                 newCaseDetails = Object.assign(Object.assign({}, newCaseDetails), { fts: false });
             }
-            yield updateCaseDetails(caseDispatch, props.caseNumber, newCaseDetails);
+            yield updateOverviewCaseDetails(newCaseDetails);
             setTypeUpdating(caseOverviewDispatch, false);
             ToastNotification.addSuccessMessage(t('Support type has been successfully updated'));
         }
@@ -138,7 +146,7 @@ export default function CaseOverview(props) {
         });
         setSeverityUpdating(caseOverviewDispatch, true);
         try {
-            yield updateCaseDetails(caseDispatch, props.caseNumber, payLoad);
+            yield updateOverviewCaseDetails(payLoad);
             setSeverityUpdating(caseOverviewDispatch, false);
             ToastNotification.addSuccessMessage(t('Severity has been successfully updated'));
         }
@@ -157,7 +165,7 @@ export default function CaseOverview(props) {
             reopenedReasonOther: reopenedReasonOther,
         };
         try {
-            yield updateCaseDetails(caseDispatch, props.caseNumber, updateStatusObj);
+            yield updateOverviewCaseDetails(updateStatusObj);
             setStatusUpdating(caseOverviewDispatch, false);
             onStatusUpdate && (yield onStatusUpdate());
             ToastNotification.addSuccessMessage(t('Status has been successfully updated'));
@@ -167,24 +175,28 @@ export default function CaseOverview(props) {
             caseUpdateError.showError(e, t('Status failed to update'));
         }
     });
-    const onStatusChange = (newStatus) => __awaiter(this, void 0, void 0, function* () {
+    const onStatusChange = (newPortalStatus) => __awaiter(this, void 0, void 0, function* () {
         if (canEditCase.alert())
             return;
-        if (status === CaseStatusEnum.CLOSED && newStatus !== CaseStatusEnum.CLOSED) {
-            onCaseReopen(newStatus);
+        const currentPortalStatus = mapSfdcStatusToPortalStatus(status);
+        const newApiStatus = resolvePortalStatusToApiValue(newPortalStatus, status);
+        if (currentPortalStatus === 'Closed' && newPortalStatus !== 'Closed') {
+            onCaseReopen(newPortalStatus);
         }
-        else if (newStatus === CaseStatusEnum.CLOSED) {
+        else if (newPortalStatus === 'Closed') {
             onCaseClose();
         }
         else {
             yield confirm({
                 title: t(`Update the status of the case?`),
-                description: t('Are you sure you want to change the case status to {{newStatus}}?', { newStatus }),
+                description: t('Are you sure you want to change the case status to {{newStatus}}?', {
+                    newStatus: newPortalStatus,
+                }),
                 confirmText: t('Yes, confirm'),
                 cancelText: t('No, cancel'),
                 modalVariant: ModalVariant.small,
             });
-            updateStatusState(newStatus);
+            updateStatusState(newApiStatus);
         }
     });
     const onCaseClose = () => __awaiter(this, void 0, void 0, function* () {
@@ -223,7 +235,7 @@ export default function CaseOverview(props) {
             React.createElement("span", { className: "pf-v6-u-ml-sm" },
                 React.createElement(ExternalLinkAltIcon, null))));
     };
-    const isCaseInOpenState = status !== CaseStatusEnum.CLOSED;
+    const isCaseInOpenState = mapSfdcStatusToPortalStatus(status) !== 'Closed';
     // To switch from old case type to new support type
     const newCaseTypesArray = toNewCaseTypeMapper(allCaseTypes.data).sort();
     return (React.createElement(React.Fragment, null,
@@ -289,13 +301,13 @@ export default function CaseOverview(props) {
                 React.createElement("div", { className: "created-by" },
                     React.createElement("h3", { className: "subheading subheading-sm" },
                         React.createElement(Trans, null, "Created by")),
-                    React.createElement("div", null, createdById),
+                    React.createElement("div", null, createdByName),
                     React.createElement("div", null, createdDate ? React.createElement(DateTime, { dateTimeString: createdDate }) : null)),
-                canSeeCaseOwnerInfo && (React.createElement(CaseOwnerInfo, { owner: ownerId, caseDetailsHydra: caseOverviewState.caseDetailsHydra }))),
+                canSeeCaseOwnerInfo && (React.createElement(CaseOwnerInfo, { owner: ownerName !== null && ownerName !== void 0 ? ownerName : '', isLoading: isFetchingCaseDetails, isError: isFetchingCaseDetailsError, caseDetailsHydra: caseOverviewState.caseDetailsHydra }))),
             React.createElement("div", { className: "case-overview-secondary card card-md card-light push-bottom" },
                 React.createElement("div", { className: "pf-v6-l-grid pf-m-gutter pf-m-all-4-col-on-lg" },
                     React.createElement("div", { className: "form-wrapper" },
-                        React.createElement(CaseStatus, { selectedStatus: status, onStatusChange: onStatusChange, isDisabled: !canManageCase || caseOverviewState.allCaseStatuses.isFetching, allStatuses: caseOverviewState.allCaseStatuses.data, isFetching: caseOverviewState.caseStatusUpdating && isCaseUpdating, hasError: caseOverviewState.allCaseStatuses.isError })),
+                        React.createElement(CaseStatus, { selectedStatus: status, onStatusChange: onStatusChange, isDisabled: !canManageCase || allCaseStatuses.isFetching, isFetching: caseOverviewState.caseStatusUpdating && isCaseUpdating, hasError: allCaseStatuses.isError })),
                     React.createElement("div", { className: "form-wrapper" },
                         React.createElement(CaseType, { selectedType: switchedCaseType, onTypeChange: onTypeChange, isDisabled: !canManageCase || allCaseTypes.isFetching || isCaseUpdating, allTypes: newCaseTypesArray, isFetching: caseOverviewState.caseTypeUpdating && isCaseUpdating, hasError: allCaseTypes.isError })),
                     React.createElement("div", { className: "form-wrapper" },
@@ -310,13 +322,14 @@ export default function CaseOverview(props) {
             }), isUpdating: (caseOverviewState.caseStatusUpdating && isCaseUpdating) || isPostingComment, onClose: () => {
                 setShowCaseCloseModal(false);
             }, caseNumber: caseNumber })),
-        showReOpenCaseModal && (React.createElement(ReopenCaseModal, { isInternal: loggedInUserRights.data.isInternal(), onConfirm: (commentBody, newStatus, reopenedAt, reopenedBySSOName, reopenedReason, reopenedReasonOther) => __awaiter(this, void 0, void 0, function* () {
-                yield updateStatusState(newStatus, reopenedAt || null, reopenedBySSOName || null, reopenedReason || null, reopenedReasonOther || null, () => __awaiter(this, void 0, void 0, function* () {
+        showReOpenCaseModal && (React.createElement(ReopenCaseModal, { isInternal: loggedInUserRights.data.isInternal(), onConfirm: (commentBody, newPortalStatus, reopenedAt, reopenedBySSOName, reopenedReason, reopenedReasonOther) => __awaiter(this, void 0, void 0, function* () {
+                const newApiStatus = resolvePortalStatusToApiValue(newPortalStatus, status);
+                yield updateStatusState(newApiStatus, reopenedAt || null, reopenedBySSOName || null, reopenedReason || null, reopenedReasonOther || null, () => __awaiter(this, void 0, void 0, function* () {
                     yield postCommentAfterStatusUpdate(commentBody);
                     dtmTrackEventCaseStepEncountered('reopen', caseNumber, product, version);
                 }));
                 setShowReopenCaseModal(false);
             }), onClose: () => {
                 setShowReopenCaseModal(false);
-            }, caseNumber: caseNumber, reopenStatus: reopenStatusRef.current, allStatuses: caseOverviewState.allCaseStatuses.data, isUpdating: (caseOverviewState.caseStatusUpdating && isCaseUpdating) || isPostingComment, whoIsUpdating: updatingUser }))));
+            }, caseNumber: caseNumber, reopenStatus: reopenStatusRef.current, isUpdating: (caseOverviewState.caseStatusUpdating && isCaseUpdating) || isPostingComment, whoIsUpdating: updatingUser }))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"CaseSolutions.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseSolutions/CaseSolutions.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAuF3E,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,sBAAsB,EAAE,OAAO,CAAC;CACnC;AAUD,eAAO,MAAM,aAAa,+EAuhBxB,CAAC"}
+{"version":3,"file":"CaseSolutions.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseSolutions/CaseSolutions.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAwF3E,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,sBAAsB,EAAE,OAAO,CAAC;CACnC;AAUD,eAAO,MAAM,aAAa,+EAwhBxB,CAAC"}