@rh-support/troubleshoot 2.6.299 → 2.6.300

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

@@ -2,8 +2,9 @@ import { IDClassNameProps } from '@rh-support/types/shared';
 import React from 'react';
 interface IProps extends IDClassNameProps {
     selectedStatus: string;
-    onStatusChange: (portalStatus: string) => void | Promise<void>;
+    onStatusChange: (val: 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;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"}
+{"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"}

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

@@ -8,10 +8,9 @@ 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, useMemo, useState } from 'react';
+import React, { useContext, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { CaseValuesToWatch } from '../../shared/Constants';
 import { getChangedValueTooltip } from '../../shared/utils';
@@ -27,30 +26,29 @@ 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 === selectedPortalStatus) {
+        if (option.value === props.selectedStatus) {
             return;
         }
         yield props.onStatusChange(option.value);
         setLocalStatusChange(true);
         validateCaseStatus(option);
     });
-    const getDropdownOptions = map(PORTAL_DISPLAY_STATUSES, (option) => ({
+    const getDropdownOptions = map(props.allStatuses || [], (option) => ({
         label: option,
         value: option,
     }));
     const getSelectedDropdownOption = {
-        label: selectedPortalStatus,
-        value: selectedPortalStatus,
+        label: props.selectedStatus,
+        value: props.selectedStatus,
     };
     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: selectedPortalStatus, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.status) }),
+            React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, isLocalChange: localStatusChange, value: props.selectedStatus, 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":"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,qBAugBjD"}
+{"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"}

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

@@ -7,14 +7,13 @@ 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, fetchAllStatuses, fetchCaseSeverities, fetchCaseTypes, GlobalMetadataDispatchContext, GlobalMetadataStateContext, useCanEditCase, } from '@rh-support/react-context';
+import { CloseCaseModal, fetchCaseSeverities, fetchCaseTypes, GlobalMetadataDispatchContext, GlobalMetadataStateContext, useCanEditCase, } from '@rh-support/react-context';
 import { AbilityContext, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
-import { dtmTrackEventCaseStepEncountered, haventLoadedMetadata, isOpenShiftOnlineProduct, mapSfdcStatusToPortalStatus, PreviousCaseTypes, resolvePortalStatusToApiValue, toNewCaseTypeMapper, toNewCaseTypeSwitcher, } from '@rh-support/utils';
+import { dtmTrackEventCaseStepEncountered, haventLoadedMetadata, isOpenShiftOnlineProduct, PreviousCaseTypes, 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';
@@ -23,8 +22,8 @@ import { useCaseDispatch, useCaseSelector } from '../../../context/CaseContext';
 import { CaseOverviewDispatchContext, CaseOverviewStateContext } from '../../../context/CaseOverviewContext';
 import { useCaseUpdateErrorMessage } from '../../../hooks/useCaseUpdateErrorMessage';
 import { SupportLevelDisplay } from '../../../reducers/CaseConstNTypes';
-import { fetchCaseHydra, setSeverityUpdating, setStatusUpdating, setTypeUpdating, } from '../../../reducers/CaseOverviewReducer';
-import { updateCaseDetailsGraphQL } from '../../../reducers/CaseReducer';
+import { fetchAllStatuses, fetchCaseHydra, setSeverityUpdating, setStatusUpdating, setTypeUpdating, } from '../../../reducers/CaseOverviewReducer';
+import { updateCaseDetails } from '../../../reducers/CaseReducer';
 import Severity from '../../CaseInformation/Severity';
 import { usePostComment } from '../../shared/usePostComment';
 import { ReopenCaseModal } from '../ConfirmationModals/ReopenCaseModal';
@@ -50,14 +49,14 @@ 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, createdByName, ownerId, caseNumber, entitlementSla, cep, accountNumber, isPrivate, isCaseUpdating, contactIsPartner, hotfixRequested, hotfixDelivered, selectedAccountDetails, firstCaseInactivityWarningSentAt, secondCaseInactivityWarningSentAt, } = useCaseSelector((state) => ({
+    const { product, version, status, caseType, createdDate, createdById, ownerId, 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,
-        createdByName: state.caseDetails.createdByName,
+        createdById: state.caseDetails.createdById,
         ownerId: state.caseDetails.ownerId,
         caseNumber: state.caseDetails.caseNumber,
         entitlementSla: state.caseDetails.entitlementSla,
@@ -75,12 +74,7 @@ export default function CaseOverview(props) {
     const canEditCase = useCanEditCase();
     const caseDispatch = useCaseDispatch();
     const globalMetadataDispatchContext = useContext(GlobalMetadataDispatchContext);
-    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 { globalMetadataState: { allCaseTypes, allCaseSeverities, viewAsCustomer, loggedInUsersAccount, loggedInUserRights, }, } = useContext(GlobalMetadataStateContext);
     const canManageCase = loggedInUserRights.data.canManageCases();
     const switchedCaseType = toNewCaseTypeSwitcher(caseType);
     const updatingUser = loggedInUsersAccount.data.name;
@@ -95,24 +89,24 @@ export default function CaseOverview(props) {
             }
         }
         if (haventLoadedMetadata(allCaseSeverities)) {
-            fetchCaseSeverities(globalMetadataDispatchContext, apolloClient);
+            fetchCaseSeverities(globalMetadataDispatchContext, loggedInUsersAccount.data.secureSupport);
         }
         if (haventLoadedMetadata(allCaseTypes)) {
-            fetchCaseTypes(globalMetadataDispatchContext, apolloClient);
+            fetchCaseTypes(globalMetadataDispatchContext, loggedInUsersAccount.data.secureSupport);
         }
-        if (haventLoadedMetadata(allCaseStatuses)) {
-            fetchAllStatuses(globalMetadataDispatchContext, apolloClient);
+        if (haventLoadedMetadata(caseOverviewState.allCaseStatuses)) {
+            fetchAllStatuses(caseOverviewDispatch, loggedInUsersAccount.data.secureSupport);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         globalMetadataDispatchContext,
-        apolloClient,
         allCaseSeverities,
         allCaseTypes,
-        allCaseStatuses,
+        caseOverviewState.allCaseStatuses,
         caseOverviewState.caseDetailsHydra,
         canSeeCaseOwnerInfo,
         caseNumber,
+        loggedInUsersAccount.data.secureSupport,
     ]);
     const onTypeChange = (type) => __awaiter(this, void 0, void 0, function* () {
         if (canEditCase.alert())
@@ -123,7 +117,7 @@ export default function CaseOverview(props) {
             if (type === PreviousCaseTypes.FEATURE_ENHANCEMENT) {
                 newCaseDetails = Object.assign(Object.assign({}, newCaseDetails), { fts: false });
             }
-            yield updateOverviewCaseDetails(newCaseDetails);
+            yield updateCaseDetails(caseDispatch, props.caseNumber, newCaseDetails);
             setTypeUpdating(caseOverviewDispatch, false);
             ToastNotification.addSuccessMessage(t('Support type has been successfully updated'));
         }
@@ -144,7 +138,7 @@ export default function CaseOverview(props) {
         });
         setSeverityUpdating(caseOverviewDispatch, true);
         try {
-            yield updateOverviewCaseDetails(payLoad);
+            yield updateCaseDetails(caseDispatch, props.caseNumber, payLoad);
             setSeverityUpdating(caseOverviewDispatch, false);
             ToastNotification.addSuccessMessage(t('Severity has been successfully updated'));
         }
@@ -163,7 +157,7 @@ export default function CaseOverview(props) {
             reopenedReasonOther: reopenedReasonOther,
         };
         try {
-            yield updateOverviewCaseDetails(updateStatusObj);
+            yield updateCaseDetails(caseDispatch, props.caseNumber, updateStatusObj);
             setStatusUpdating(caseOverviewDispatch, false);
             onStatusUpdate && (yield onStatusUpdate());
             ToastNotification.addSuccessMessage(t('Status has been successfully updated'));
@@ -173,28 +167,24 @@ export default function CaseOverview(props) {
             caseUpdateError.showError(e, t('Status failed to update'));
         }
     });
-    const onStatusChange = (newPortalStatus) => __awaiter(this, void 0, void 0, function* () {
+    const onStatusChange = (newStatus) => __awaiter(this, void 0, void 0, function* () {
         if (canEditCase.alert())
             return;
-        const currentPortalStatus = mapSfdcStatusToPortalStatus(status);
-        const newApiStatus = resolvePortalStatusToApiValue(newPortalStatus, status);
-        if (currentPortalStatus === 'Closed' && newPortalStatus !== 'Closed') {
-            onCaseReopen(newPortalStatus);
+        if (status === CaseStatusEnum.CLOSED && newStatus !== CaseStatusEnum.CLOSED) {
+            onCaseReopen(newStatus);
         }
-        else if (newPortalStatus === 'Closed') {
+        else if (newStatus === CaseStatusEnum.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: newPortalStatus,
-                }),
+                description: t('Are you sure you want to change the case status to {{newStatus}}?', { newStatus }),
                 confirmText: t('Yes, confirm'),
                 cancelText: t('No, cancel'),
                 modalVariant: ModalVariant.small,
             });
-            updateStatusState(newApiStatus);
+            updateStatusState(newStatus);
         }
     });
     const onCaseClose = () => __awaiter(this, void 0, void 0, function* () {
@@ -233,7 +223,7 @@ export default function CaseOverview(props) {
             React.createElement("span", { className: "pf-v6-u-ml-sm" },
                 React.createElement(ExternalLinkAltIcon, null))));
     };
-    const isCaseInOpenState = mapSfdcStatusToPortalStatus(status) !== 'Closed';
+    const isCaseInOpenState = status !== CaseStatusEnum.CLOSED;
     // To switch from old case type to new support type
     const newCaseTypesArray = toNewCaseTypeMapper(allCaseTypes.data).sort();
     return (React.createElement(React.Fragment, null,
@@ -299,13 +289,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, createdByName),
+                    React.createElement("div", null, createdById),
                     React.createElement("div", null, createdDate ? React.createElement(DateTime, { dateTimeString: createdDate }) : null)),
                 canSeeCaseOwnerInfo && (React.createElement(CaseOwnerInfo, { owner: ownerId, 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 || allCaseStatuses.isFetching, isFetching: caseOverviewState.caseStatusUpdating && isCaseUpdating, hasError: allCaseStatuses.isError })),
+                        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("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" },
@@ -320,14 +310,13 @@ 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, 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* () {
+        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* () {
                     yield postCommentAfterStatusUpdate(commentBody);
                     dtmTrackEventCaseStepEncountered('reopen', caseNumber, product, version);
                 }));
                 setShowReopenCaseModal(false);
             }), onClose: () => {
                 setShowReopenCaseModal(false);
-            }, caseNumber: caseNumber, reopenStatus: reopenStatusRef.current, isUpdating: (caseOverviewState.caseStatusUpdating && isCaseUpdating) || isPostingComment, whoIsUpdating: updatingUser }))));
+            }, caseNumber: caseNumber, reopenStatus: reopenStatusRef.current, allStatuses: caseOverviewState.allCaseStatuses.data, isUpdating: (caseOverviewState.caseStatusUpdating && isCaseUpdating) || isPostingComment, whoIsUpdating: updatingUser }))));
 }

package/lib/esm/components/CaseEditView/ConfirmationModals/ReopenCaseModal.d.ts

@@ -1,11 +1,13 @@
 import React from 'react';
+import { CaseStatusEnum } from '../../../constants/caseDetailsConstants';
 interface IProps {
     onConfirm: (commentBody: any, newStatus: any, reopenedAt?: any, reopenedBySSOName?: any, reopenedReason?: any, reopenedReasonOther?: any) => void;
     onClose: () => void;
     caseNumber: string;
     isInternal: boolean;
+    allStatuses: string[];
     isUpdating: boolean;
-    reopenStatus: string;
+    reopenStatus: CaseStatusEnum;
     whoIsUpdating: string;
 }
 export declare function ReopenCaseModal(props: IProps): React.JSX.Element;

package/lib/esm/components/CaseEditView/ConfirmationModals/ReopenCaseModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReopenCaseModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ConfirmationModals/ReopenCaseModal.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,KAAA,EAAE,SAAS,KAAA,EAAE,UAAU,CAAC,KAAA,EAAE,iBAAiB,CAAC,KAAA,EAAE,cAAc,CAAC,KAAA,EAAE,mBAAmB,CAAC,KAAA,KAAK,IAAI,CAAC;IACpH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;CACzB;AAMD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBAkN5C"}
+{"version":3,"file":"ReopenCaseModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ConfirmationModals/ReopenCaseModal.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAEzE,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,KAAA,EAAE,SAAS,KAAA,EAAE,UAAU,CAAC,KAAA,EAAE,iBAAiB,CAAC,KAAA,EAAE,cAAc,CAAC,KAAA,EAAE,mBAAmB,CAAC,KAAA,KAAK,IAAI,CAAC;IACpH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,cAAc,CAAC;IAC7B,aAAa,EAAE,MAAM,CAAC;CACzB;AAMD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBAkN5C"}

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

@@ -9,11 +9,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { Button, ButtonVariant, Form, FormGroup, FormHelperText, HelperText, HelperTextItem, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant, TextArea, } from '@patternfly/react-core';
 import { SingleSelectDropdown } from '@rh-support/components';
-import { formatDateTime, PORTAL_OPEN_DISPLAY_STATUSES } from '@rh-support/utils';
+import { formatDateTime } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import map from 'lodash/map';
 import React, { useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
+import { CaseStatusEnum } from '../../../constants/caseDetailsConstants';
 const reasonWithDescription = ['Other'];
 const reasonWithoutDescription = ['I am experiencing the same issue', 'My case has been closed prematurely'];
 const reasonsList = [...reasonWithoutDescription, ...reasonWithDescription];
@@ -53,7 +54,7 @@ export function ReopenCaseModal(props) {
         if (!checkForRequiredFields())
             return;
         let submissionDate = new Date();
-        props.onConfirm(getCommentBody(), props.reopenStatus || selectedStatus || 'In Progress', submissionDate, props.whoIsUpdating, selectedReason, reopenDescription);
+        props.onConfirm(getCommentBody(), props.reopenStatus || selectedStatus || CaseStatusEnum.WAITING_ON_REDHAT, submissionDate, props.whoIsUpdating, selectedReason, reopenDescription);
     });
     const onReasonChange = (option) => {
         setSelectedReason(option.value);
@@ -69,7 +70,7 @@ export function ReopenCaseModal(props) {
         label: option,
         value: option,
     }));
-    const getStatusDropdownOptions = map(PORTAL_OPEN_DISPLAY_STATUSES, (option) => ({
+    const getStatusDropdownOptions = map(props.allStatuses.filter((status) => status !== CaseStatusEnum.CLOSED), (option) => ({
         label: option,
         value: option,
     }));

package/lib/esm/components/CaseEditView/RequestRemoteSession/ESSRemoteSessionModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ESSRemoteSessionModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/ESSRemoteSessionModal.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,KAAmB,MAAM,OAAO,CAAC;AAWxC,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,EAAE,OAAO,CAAC;IAClB,sBAAsB,EAAE,OAAO,CAAC;CACnC;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,qBA0JlD"}
+{"version":3,"file":"ESSRemoteSessionModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/ESSRemoteSessionModal.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,KAAmB,MAAM,OAAO,CAAC;AAgBxC,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,EAAE,OAAO,CAAC;IAClB,sBAAsB,EAAE,OAAO,CAAC;CACnC;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,qBAsKlD"}

package/lib/esm/components/CaseEditView/RequestRemoteSession/ESSRemoteSessionModal.js

@@ -7,7 +7,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { useApolloClient } from '@apollo/client/react';
 import { publicApi } from '@cee-eng/hydrajs';
 import { Button, ButtonVariant, Icon, Modal, ModalFooter, ModalHeader, ModalVariant, Title, TitleSizes, } from '@patternfly/react-core';
 import CheckCircleIcon from '@patternfly/react-icons/dist/js/icons/check-circle-icon';
@@ -15,16 +14,20 @@ import { ToastNotification, useFetch } from '@rh-support/components';
 import React, { useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch } from '../../../context/CaseContext';
-import { GET_CASE_COMMENTS } from '../../../hooks/useCaseComments';
+import { useCaseDetailsPageStateContext } from '../../../context/CaseDetailsPageContext';
+import { useCaseDiscussionTabDispatchContext, useCaseDiscussionTabStateContext, } from '../../../context/CaseDiscussionTabContext';
+import { updateDiscussionStateComments } from '../../../reducers/CaseDiscussionTabReducer';
 import { checkForCaseStatusToggleOnAttachOrComment, setCaseDetails, updateCaseDetails, } from '../../../reducers/CaseReducer';
 export function ESSRemoteSessionModal(props) {
     const { t } = useTranslation();
     const caseDispatch = useCaseDispatch();
     const [agreeLoading, setAgreeLoading] = useState(false);
-    const client = useApolloClient();
     const { request: postCommentRequest, isFetching: isPostingComment } = useFetch(publicApi.kase.postComment, {
         propgateErrors: true,
     });
+    const dispatchDiscussion = useCaseDiscussionTabDispatchContext();
+    const { sort, allDiscussions, discussionFiltersListState } = useCaseDiscussionTabStateContext();
+    const { caseDetailsPageState: { caseFeedbacksHydra }, } = useCaseDetailsPageStateContext();
     // To handle modal cancel and close
     const onCancel = () => {
         props.onClose && props.onClose();
@@ -43,7 +46,7 @@ export function ESSRemoteSessionModal(props) {
                     commentBody: requestComment,
                     contentType: 'markdown',
                 });
-                client.refetchQueries({ include: [GET_CASE_COMMENTS] });
+                updateDiscussionStateComments(dispatchDiscussion, caseDispatch, props.caseNumber, allDiscussions, sort, caseFeedbacksHydra.data, discussionFiltersListState);
                 checkForCaseStatusToggleOnAttachOrComment(caseDispatch, props.loggedInUserRights.data.isInternal(), props.caseStatus);
                 onCancel();
                 setAgreeLoading(false);

package/lib/esm/components/CaseEditView/RequestRemoteSession/NewEssTermsModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NewEssTermsModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/NewEssTermsModal.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAQnD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAgY7C"}
+{"version":3,"file":"NewEssTermsModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/NewEssTermsModal.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAYnD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,EAAE,OAAO,CAAC;CACrB;AA4BD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAmY7C"}

package/lib/esm/components/CaseEditView/RequestRemoteSession/NewEssTermsModal.js

@@ -7,7 +7,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { useApolloClient } from '@apollo/client/react';
 import { publicApi } from '@cee-eng/hydrajs';
 import { Alert, Button, ButtonVariant, Checkbox, Modal, ModalBody, ModalFooter, ModalHeader, TextArea, TextInput, } from '@patternfly/react-core';
 import DownloadIcon from '@patternfly/react-icons/dist/js/icons/download-icon';
@@ -17,19 +16,41 @@ import isEqual from 'lodash/isEqual';
 import React, { useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../../context/CaseContext';
-import { GET_CASE_COMMENTS } from '../../../hooks/useCaseComments';
-import { checkForCaseStatusToggleOnAttachOrComment, updateCaseDetailsGraphQL } from '../../../reducers/CaseReducer';
-import { formatSessionLinks, getLocaleNameFromLocalCode } from './remoteSessionUtils';
+import { useCaseDetailsPageStateContext } from '../../../context/CaseDetailsPageContext';
+import { useCaseDiscussionTabDispatchContext, useCaseDiscussionTabStateContext, } from '../../../context/CaseDiscussionTabContext';
+import { updateDiscussionStateComments } from '../../../reducers/CaseDiscussionTabReducer';
+import { checkForCaseStatusToggleOnAttachOrComment, updateCaseDetails } from '../../../reducers/CaseReducer';
+const getLocaleNameFromLocalCode = (localeCode) => {
+    if ('Intl' in window && 'DisplayNames' in Intl) {
+        try {
+            const [lang, locale] = localeCode.includes('_') ? localeCode.split('_') : localeCode.split('-');
+            // https://github.com/microsoft/TypeScript/issues/41338
+            const langName = new Intl.DisplayNames([lang], { type: 'language' });
+            const regionNamesInLang = new Intl.DisplayNames([lang], { type: 'region' });
+            return `${regionNamesInLang.of(locale)} (${langName.of(lang)})`;
+        }
+        catch (e) {
+            return localeCode;
+        }
+    }
+    return localeCode;
+};
+const formatSessionLinks = (sessionLink) => {
+    const links = sessionLink
+        .split(/[;,| \n\r\t]+/)
+        .map((link) => link.trim())
+        .filter(Boolean);
+    const formattedLinks = links.map((link) => `[${link}](${link})`).join('\n');
+    return formattedLinks;
+};
 export function NewEssTermsModal(props) {
     const { t } = useTranslation();
     const { remoteSessionTermsAcked } = useCaseSelector((state) => ({
         remoteSessionTermsAcked: state.caseDetails.remoteSessionTermsAcked,
     }), isEqual);
     const [isTermsChecked, setIsTermsChecked] = useState(false);
-    const existingCaseDetails = useCaseSelector((state) => state.caseDetails, isEqual);
     const { request } = useFetch(publicApi.terms.getRequiredTerms);
     const caseDispatch = useCaseDispatch();
-    const apolloClient = useApolloClient();
     const [selectedTranslation, setSelectedTranslation] = useState({
         id: '5001',
         isDefault: false,
@@ -72,10 +93,12 @@ export function NewEssTermsModal(props) {
         fetchTerms();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    const client = useApolloClient();
     const { request: postCommentRequest, isFetching: isPostingComment } = useFetch(publicApi.kase.postComment, {
         propgateErrors: true,
     });
+    const dispatchDiscussion = useCaseDiscussionTabDispatchContext();
+    const { sort, allDiscussions, discussionFiltersListState } = useCaseDiscussionTabStateContext();
+    const { caseDetailsPageState: { caseFeedbacksHydra }, } = useCaseDetailsPageStateContext();
     const updateSessionExpectation = (event, value) => setSessionExpectations(value);
     const updateImpact = (event, value) => setImpact(value);
     const updateSessionLink = (event, value) => setSessionLink(value);
@@ -106,17 +129,18 @@ export function NewEssTermsModal(props) {
     const submitRemoteSessionAgreement = (pdfId) => __awaiter(this, void 0, void 0, function* () {
         const requestComment = t(`\n**Thank you for submitting the request for a remote session. A support manager will review the request, and updates will be provided in the support case. Please continue to provide any data requested by the support engineers in the case prior to the remote session (if applicable).**\n\nSubmitted a remote session request with following details:\n\n**Preferred Time and Expectations of remote session**\n${sessionExpectations}\n\n**Describe the impact to you or the business**\n${impact}\n\n${sessionLink ? `**Remote session link**\n${formatSessionLinks(sessionLink)}\n\n` : ''}This action does not initiate a remote session. A Red Hat Associate will get back to you soon.`);
         try {
-            yield updateCaseDetailsGraphQL(caseDispatch, apolloClient, props.caseNumber, {
+            yield updateCaseDetails(caseDispatch, props.caseNumber, {
                 remoteSessionTermsAcked: true,
+                screenSessionRequested: true,
                 waitingOnCallback: true,
-            }, false, { existingCaseDetails });
+            });
             try {
                 yield postCommentRequest({
                     caseNumber: props.caseNumber,
                     commentBody: requestComment,
                     contentType: 'markdown',
                 });
-                client.refetchQueries({ include: [GET_CASE_COMMENTS] });
+                updateDiscussionStateComments(dispatchDiscussion, caseDispatch, props.caseNumber, allDiscussions, sort, caseFeedbacksHydra.data, discussionFiltersListState);
                 checkForCaseStatusToggleOnAttachOrComment(caseDispatch, props.loggedInUserRights.data.isInternal(), props.caseStatus);
                 setAgreeLoading(false);
                 setHasSubmitted(true);
@@ -146,9 +170,8 @@ export function NewEssTermsModal(props) {
                 onCancel();
                 setAgreeLoading(false);
                 setIsTermsChecked(false);
-                yield updateCaseDetailsGraphQL(caseDispatch, apolloClient, props.caseNumber, {
-                    remoteSessionTermsAcked: false,
-                    waitingOnCallback: false,
+                yield updateCaseDetails(caseDispatch, props.caseNumber, {
+                    screenSessionRequested: false,
                 });
                 // ToastNotification.addDangerMessage(
                 //     t('Could not submit a request for remote session'),

package/lib/esm/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreementModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RemoteSessionAgreementModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreementModal.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAYnD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,qBAyXxD"}
+{"version":3,"file":"RemoteSessionAgreementModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreementModal.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAgBnD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,EAAE,OAAO,CAAC;CACrB;AA4BD,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,qBA0XxD"}

package/lib/esm/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreementModal.js

@@ -7,7 +7,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { useApolloClient } from '@apollo/client/react';
 import { publicApi } from '@cee-eng/hydrajs';
 import { Alert, Button, ButtonVariant, Checkbox, Modal, ModalBody, ModalFooter, ModalHeader, TextArea, TextInput, } from '@patternfly/react-core';
 import DownloadIcon from '@patternfly/react-icons/dist/js/icons/download-icon';
@@ -17,19 +16,41 @@ import isEqual from 'lodash/isEqual';
 import React, { useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../../context/CaseContext';
-import { GET_CASE_COMMENTS } from '../../../hooks/useCaseComments';
-import { checkForCaseStatusToggleOnAttachOrComment, setRemoteRiderFlag, updateCaseDetailsGraphQL, } from '../../../reducers/CaseReducer';
-import { formatSessionLinks, getLocaleNameFromLocalCode } from './remoteSessionUtils';
+import { useCaseDetailsPageStateContext } from '../../../context/CaseDetailsPageContext';
+import { useCaseDiscussionTabDispatchContext, useCaseDiscussionTabStateContext, } from '../../../context/CaseDiscussionTabContext';
+import { updateDiscussionStateComments } from '../../../reducers/CaseDiscussionTabReducer';
+import { checkForCaseStatusToggleOnAttachOrComment, setRemoteRiderFlag, updateCaseDetails, } from '../../../reducers/CaseReducer';
+const getLocaleNameFromLocalCode = (localeCode) => {
+    if ('Intl' in window && 'DisplayNames' in Intl) {
+        try {
+            const [lang, locale] = localeCode.includes('_') ? localeCode.split('_') : localeCode.split('-');
+            // https://github.com/microsoft/TypeScript/issues/41338
+            const langName = new Intl.DisplayNames([lang], { type: 'language' });
+            const regionNamesInLang = new Intl.DisplayNames([lang], { type: 'region' });
+            return `${regionNamesInLang.of(locale)} (${langName.of(lang)})`;
+        }
+        catch (e) {
+            return localeCode;
+        }
+    }
+    return localeCode;
+};
+const formatSessionLinks = (sessionLink) => {
+    const links = sessionLink
+        .split(/[;,| \n\r\t]+/)
+        .map((link) => link.trim())
+        .filter(Boolean);
+    const formattedLinks = links.map((link) => `[${link}](${link})`).join('\n');
+    return formattedLinks;
+};
 export function RemoteSessionAgreementModal(props) {
     const { t } = useTranslation();
     const { remoteSessionTermsAcked } = useCaseSelector((state) => ({
         remoteSessionTermsAcked: state.caseDetails.remoteSessionTermsAcked,
-        caseDetails: state.caseDetails,
     }), isEqual);
     const [isTermsChecked, setIsTermsChecked] = useState(false);
     const { request } = useFetch(publicApi.terms.getRequiredTerms);
     const caseDispatch = useCaseDispatch();
-    const apolloClient = useApolloClient();
     const [selectedTranslation, setSelectedTranslation] = useState({
         id: '5001',
         isDefault: false,
@@ -72,10 +93,12 @@ export function RemoteSessionAgreementModal(props) {
         fetchTerms();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    const client = useApolloClient();
     const { request: postCommentRequest, isFetching: isPostingComment } = useFetch(publicApi.kase.postComment, {
         propgateErrors: true,
     });
+    const dispatchDiscussion = useCaseDiscussionTabDispatchContext();
+    const { sort, allDiscussions, discussionFiltersListState } = useCaseDiscussionTabStateContext();
+    const { caseDetailsPageState: { caseFeedbacksHydra }, } = useCaseDetailsPageStateContext();
     const updateSessionExpectation = (event, value) => setSessionExpectations(value);
     const updateImpact = (event, value) => setImpact(value);
     const updateSessionLink = (event, value) => setSessionLink(value);
@@ -92,15 +115,14 @@ export function RemoteSessionAgreementModal(props) {
         props.onClose && props.onClose();
     };
     const toggleRemoteSessionForm = () => setIsRemoteSessionForm(true);
-    const existingCaseDetails = useCaseSelector((state) => state.caseDetails, isEqual);
     // Function to ack remote session terms and post comment
     const submitRemoteSessionAgreement = (pdfId) => __awaiter(this, void 0, void 0, function* () {
         const requestComment = t(`\n**Thank you for submitting the request for a remote session. A support manager will review the request, and updates will be provided in the support case. Please continue to provide any data requested by the support engineers in the case prior to the remote session (if applicable).**\n\nSubmitted a remote session request with following details:\n\n**Preferred Time and Expectations of remote session**\n${sessionExpectations}\n\n**Describe the impact to you or the business**\n${impact}\n\n${sessionLink ? `**Remote session link**\n${formatSessionLinks(sessionLink)}\n\n` : ''}This action does not initiate a remote session. A Red Hat Associate will get back to you soon.`);
         try {
-            yield updateCaseDetailsGraphQL(caseDispatch, apolloClient, props.caseNumber, {
+            yield updateCaseDetails(caseDispatch, props.caseNumber, {
                 remoteSessionTermsAcked: true,
                 waitingOnCallback: true,
-            }, false, { existingCaseDetails });
+            });
             setRemoteRiderFlag(caseDispatch, true);
             try {
                 yield postCommentRequest({
@@ -108,7 +130,7 @@ export function RemoteSessionAgreementModal(props) {
                     commentBody: requestComment,
                     contentType: 'markdown',
                 });
-                client.refetchQueries({ include: [GET_CASE_COMMENTS] });
+                updateDiscussionStateComments(dispatchDiscussion, caseDispatch, props.caseNumber, allDiscussions, sort, caseFeedbacksHydra.data, discussionFiltersListState);
                 checkForCaseStatusToggleOnAttachOrComment(caseDispatch, props.loggedInUserRights.data.isInternal(), props.caseStatus);
                 setAgreeLoading(false);
                 setHasSubmitted(true);

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

@@ -1 +1 @@
-{"version":3,"file":"CaseContactPhoneNumber.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseContactPhoneNumber.tsx"],"names":[],"mappings":"AAWA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAwC/D,wBAAgB,sBAAsB,sBAyXrC"}
+{"version":3,"file":"CaseContactPhoneNumber.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseContactPhoneNumber.tsx"],"names":[],"mappings":"AASA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAgB/D,wBAAgB,sBAAsB,sBAoYrC"}