@rh-support/troubleshoot 2.7.1 → 2.7.11

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

@@ -10,28 +10,37 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import './caseSummary.css';
 import { caseSummary } from '@cee-eng/hydrajs';
 import { parseCommentMarkdown } from '@cee-eng/ui-toolkit';
-import { Alert, AlertActionLink, AlertVariant, EmptyState, EmptyStateBody, EmptyStateHeader, EmptyStateIcon, EmptyStateVariant, Spinner, TextContent, } from '@patternfly/react-core';
+import { Alert, AlertActionLink, AlertVariant, Content, EmptyState, EmptyStateBody, EmptyStateVariant, Spinner, } from '@patternfly/react-core';
 import CubesIcon from '@patternfly/react-icons/dist/js/icons/cubes-icon';
 import { SupportFeedbackModal } from '@rh-support/components';
+import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import { getApiResourceObject } from '@rh-support/utils';
 import { formatDate } from '@rh-support/utils/lib/esm/dateUtils';
 import DOMPurify from 'dompurify';
 import isEqual from 'lodash/isEqual';
-import React, { useEffect, useState } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import { Trans } from 'react-i18next';
-import { CASE_SUMMARY_AI_MODEL_ID, CaseSummaryStates } from '../../../../constants/caseDetailsConstants';
+import { CaseSummaryStates } from '../../../../constants/caseDetailsConstants';
 import { useCaseSelector } from '../../../../context/CaseContext';
+import { useCaseComments } from '../../../../hooks/useCaseComments';
 import { CaseSummaryErrorMessage } from './CaseSummaryErrorMessage';
 export const CaseSummary = (props) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f;
     const [isFeedbackModalOpen, setIsFeedbackModalOpen] = useState(false);
     const [caseSummaryData, setCaseSummaryData] = useState(getApiResourceObject(null, true));
     const [caseSummaryState, setCaseSummaryState] = useState();
     const [errorMessage, setErrorMessage] = useState('');
-    const { caseLanguage, caseComments } = useCaseSelector((state) => ({
+    const { caseLanguage, caseSalesforceId } = useCaseSelector((state) => ({
         caseLanguage: state.caseDetails.caseLanguage,
-        caseComments: state.caseDetails.comments,
+        caseSalesforceId: state.caseDetails.id,
     }), isEqual);
+    const { comments: caseComments } = useCaseComments({
+        caseId: caseSalesforceId,
+        skip: !caseSalesforceId,
+        first: 2000,
+    });
+    const { globalMetadataState: { loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
+    const isInternal = (_b = (_a = loggedInUserRights === null || loggedInUserRights === void 0 ? void 0 : loggedInUserRights.data) === null || _a === void 0 ? void 0 : _a.isInternal) === null || _b === void 0 ? void 0 : _b.call(_a);
     const onCloseFeedbackModal = () => {
         setIsFeedbackModalOpen(false);
     };
@@ -40,7 +49,7 @@ export const CaseSummary = (props) => {
         setIsFeedbackModalOpen(true);
     };
     useEffect(() => {
-        if (caseLanguage !== 'en') {
+        if (caseLanguage === 'ru') {
             setCaseSummaryState(CaseSummaryStates.CASE_LANGUAGE_NOT_SUPPORTED);
             return;
         }
@@ -49,10 +58,16 @@ export const CaseSummary = (props) => {
             setErrorMessage('Due to its recent creation and lack of comments, a case summary cannot be generated for this case.');
             return;
         }
+        const publicComments = (caseComments === null || caseComments === void 0 ? void 0 : caseComments.filter((comment) => comment.isPublic)) || [];
+        if (!publicComments.length && isInternal) {
+            setCaseSummaryState(CaseSummaryStates.NEW_CASE);
+            setErrorMessage('Due to its recent creation and lack of comments, a case summary cannot be generated for this case.');
+            return;
+        }
         else {
             const fetchCaseSummary = () => __awaiter(void 0, void 0, void 0, function* () {
                 try {
-                    const data = yield caseSummary.getCaseSummary(props.caseNumber, CASE_SUMMARY_AI_MODEL_ID);
+                    const data = yield caseSummary.getCaseSummary(props.caseNumber);
                     setCaseSummaryData(getApiResourceObject(data));
                     setCaseSummaryState(CaseSummaryStates.SUCCESS);
                 }
@@ -79,23 +94,23 @@ export const CaseSummary = (props) => {
         }
         const markeddownOptions = { openLinksInNewTab: true, gfm: true, breaks: true };
         const sanitizedHtml = DOMPurify.sanitize(parseCommentMarkdown(summary, { openImagesInNewTab: false, lazyLoadImages: false }, markeddownOptions));
-        return (React.createElement(TextContent, { className: "case-summary-text-content" },
+        return (React.createElement(Content, { className: "case-summary-text-content" },
             React.createElement("div", { dangerouslySetInnerHTML: { __html: sanitizedHtml } })));
     };
     return (React.createElement("section", { className: "card card-white" },
-        React.createElement(Alert, { variant: AlertVariant.info, title: "Case summary uses AI. Check for mistakes.", isInline: true, actionLinks: React.createElement(AlertActionLink, { onClick: (e) => triggerAppFeedbackItem(e), href: "#", "data-tracking-id": "send-feedback-button" },
+        React.createElement(Alert, { variant: AlertVariant.info, title: "Careful! This case summary uses AI. Check for mistakes.", isInline: true, actionLinks: React.createElement(AlertActionLink, { onClick: (e) => triggerAppFeedbackItem(e), href: "#", "data-tracking-id": "send-feedback-button" },
                 React.createElement(Trans, null, "Send Feedback")) },
-            React.createElement("p", null, "By using this feature, your support case information will be used to create an AI-generated summary of your cases. Information may not be up-to-date or without error. Always review AI generated content prior to use. We encourage you to send feedback to improve the case summary feature")),
-        caseSummaryState === CaseSummaryStates.NEW_CASE ? (React.createElement(EmptyState, { variant: EmptyStateVariant.lg },
-            React.createElement(EmptyStateHeader, { titleText: React.createElement(Trans, null, "Unable to generate case summary"), icon: React.createElement(EmptyStateIcon, { icon: CubesIcon }), headingLevel: "h2" }),
+            React.createElement("p", null,
+                React.createElement(Trans, null, "This AI-generated summary recaps your support case information. It might not be up-to-date and might contain errors. We\u2019d love your feedback to help us improve this feature."))),
+        caseSummaryState === CaseSummaryStates.NEW_CASE ? (React.createElement(EmptyState, { headingLevel: "h2", icon: CubesIcon, titleText: React.createElement(Trans, null, "Unable to generate case summary"), variant: EmptyStateVariant.lg },
             React.createElement(EmptyStateBody, null,
                 React.createElement("p", { className: "push-top-narrow" },
                     React.createElement(Trans, null, errorMessage))))) : caseSummaryState === CaseSummaryStates.FAILED ||
             caseSummaryState === CaseSummaryStates.CASE_LANGUAGE_NOT_SUPPORTED ||
-            caseSummaryState === CaseSummaryStates.INPUT_COMMENTS_TOO_LARGE ? (React.createElement(CaseSummaryErrorMessage, { caseSummaryState: caseSummaryState, caseNumber: props.caseNumber, caseSummaryId: (_a = caseSummaryData.data) === null || _a === void 0 ? void 0 : _a.id, errorMessage: errorMessage, setErrorMessage: setErrorMessage })) : caseSummaryState === CaseSummaryStates.SUCCESS ? (React.createElement(React.Fragment, null,
+            caseSummaryState === CaseSummaryStates.INPUT_COMMENTS_TOO_LARGE ? (React.createElement(CaseSummaryErrorMessage, { caseSummaryState: caseSummaryState, caseNumber: props.caseNumber, caseSummaryId: (_c = caseSummaryData.data) === null || _c === void 0 ? void 0 : _c.id, errorMessage: errorMessage, setErrorMessage: setErrorMessage })) : caseSummaryState === CaseSummaryStates.SUCCESS ? (React.createElement(React.Fragment, null,
             React.createElement("div", { className: "ai-case-summary-container" },
                 React.createElement("h2", { className: "ai-summary-title" }, "AI Case summary"),
-                React.createElement("p", { className: "ai-summary-date" }, formatDate((_b = caseSummaryData.data) === null || _b === void 0 ? void 0 : _b.created_date, 'en-US', {
+                React.createElement("p", { className: "ai-summary-date" }, formatDate((_d = caseSummaryData.data) === null || _d === void 0 ? void 0 : _d.created_date, 'en-US', {
                     month: 'short',
                     day: 'numeric',
                     year: 'numeric',
@@ -104,10 +119,9 @@ export const CaseSummary = (props) => {
                     second: '2-digit',
                     hour12: true,
                 })),
-                React.createElement("div", { className: "case-summary-content" }, formatSummary((_c = caseSummaryData.data) === null || _c === void 0 ? void 0 : _c.generated_summary))))) : (React.createElement(EmptyState, { variant: EmptyStateVariant.lg },
-            React.createElement(EmptyStateHeader, { titleText: React.createElement(Trans, null, "Generating case summary using AI"), icon: React.createElement(EmptyStateIcon, { icon: Spinner }), headingLevel: "h2" }),
+                React.createElement("div", { className: "case-summary-content" }, formatSummary((_e = caseSummaryData.data) === null || _e === void 0 ? void 0 : _e.generated_summary))))) : (React.createElement(EmptyState, { headingLevel: "h2", icon: Spinner, titleText: React.createElement(Trans, null, "Generating case summary using AI"), variant: EmptyStateVariant.lg },
             React.createElement(EmptyStateBody, null,
                 React.createElement("p", { className: "push-top-narrow" },
                     React.createElement(Trans, null, "Almost there! case summary will be ready in approximately 30 seconds."))))),
-        React.createElement(SupportFeedbackModal, { isModalOpen: isFeedbackModalOpen, onClose: onCloseFeedbackModal, caseSummaryId: ((_d = caseSummaryData.data) === null || _d === void 0 ? void 0 : _d.id) || null, errorMessage: errorMessage, isCaseSummary: true })));
+        React.createElement(SupportFeedbackModal, { isModalOpen: isFeedbackModalOpen, onClose: onCloseFeedbackModal, caseSummaryId: ((_f = caseSummaryData.data) === null || _f === void 0 ? void 0 : _f.id) || null, errorMessage: errorMessage, isCaseSummary: true })));
 };

package/lib/esm/components/CaseEditView/Tabs/CaseSummary/CaseSummaryErrorMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseSummaryErrorMessage.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseSummary/CaseSummaryErrorMessage.tsx"],"names":[],"mappings":"AAeA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,UAAU,MAAM;IACZ,gBAAgB,EAAE,GAAG,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,GAAG,CAAC;CACzB;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,qBA4FpD"}
+{"version":3,"file":"CaseSummaryErrorMessage.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseSummary/CaseSummaryErrorMessage.tsx"],"names":[],"mappings":"AAYA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,UAAU,MAAM;IACZ,gBAAgB,EAAE,GAAG,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,GAAG,CAAC;CACzB;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,qBA6FpD"}

package/lib/esm/components/CaseEditView/Tabs/CaseSummary/CaseSummaryErrorMessage.js

@@ -1,7 +1,6 @@
-import { Button, EmptyState, EmptyStateBody, EmptyStateFooter, EmptyStateHeader, EmptyStateIcon, EmptyStateVariant, Flex, FlexItem, } from '@patternfly/react-core';
+import { Button, EmptyState, EmptyStateBody, EmptyStateFooter, EmptyStateVariant, Flex, FlexItem, } from '@patternfly/react-core';
 import ExclamationCircleIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-circle-icon';
 import RedoIcon from '@patternfly/react-icons/dist/esm/icons/redo-icon';
-import globalDangerColor100 from '@patternfly/react-tokens/dist/js/global_danger_color_100';
 import { SupportFeedbackModal } from '@rh-support/components';
 import React, { useEffect, useState } from 'react';
 import { Trans } from 'react-i18next';
@@ -26,7 +25,7 @@ export function CaseSummaryErrorMessage(props) {
                     'The AI is either currently unavailable or is processing case details or try reloading the page.';
                 break;
             case 'case_language_not_supported':
-                message = `The AI case summary is available in English. We're working on adding more languages soon.`;
+                message = `The AI case summary is not available in this language. We're working on adding more languages soon.`;
                 break;
             case 'input_comments_too_large':
                 message = `${shared} overall input comments text is too large.`;
@@ -40,10 +39,9 @@ export function CaseSummaryErrorMessage(props) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     return (React.createElement(React.Fragment, null,
-        React.createElement(EmptyState, { variant: EmptyStateVariant.sm },
-            React.createElement(EmptyStateHeader, { titleText: props.caseSummaryState === CaseSummaryStates.CASE_LANGUAGE_NOT_SUPPORTED
-                    ? 'Unsupported language detected'
-                    : 'Error while loading case summary', icon: React.createElement(EmptyStateIcon, { icon: ExclamationCircleIcon, color: globalDangerColor100.value }), headingLevel: "h2" }),
+        React.createElement(EmptyState, { headingLevel: "h2", icon: ExclamationCircleIcon, status: "danger", titleText: props.caseSummaryState === CaseSummaryStates.CASE_LANGUAGE_NOT_SUPPORTED
+                ? 'Unsupported language detected'
+                : 'Error while loading case summary', variant: EmptyStateVariant.sm },
             React.createElement(EmptyStateBody, null,
                 React.createElement(Trans, null, props.errorMessage && React.createElement("div", { dangerouslySetInnerHTML: { __html: props.errorMessage } }))),
             React.createElement(EmptyStateFooter, null,

package/lib/esm/components/CaseEditView/Tabs/RMEEscalations/RMEEscalationList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RMEEscalationList.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/RMEEscalations/RMEEscalationList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAqB,MAAM,2CAA2C,CAAC;AAe/F,OAAO,KAAsC,MAAM,OAAO,CAAC;AAiB3D,UAAU,MAAM;IACZ,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACtB;AAOD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,MAAM,qBA8MtD"}
+{"version":3,"file":"RMEEscalationList.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/RMEEscalations/RMEEscalationList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAS5E,OAAO,KAAsC,MAAM,OAAO,CAAC;AAU3D,UAAU,MAAM;IACZ,WAAW,EAAE,eAAe,EAAE,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACtB;AAOD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,MAAM,qBAqLtD"}

package/lib/esm/components/CaseEditView/Tabs/RMEEscalations/RMEEscalationList.js

@@ -7,22 +7,22 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { escalations, publicApi } from '@cee-eng/hydrajs';
+import { useApolloClient } from '@apollo/client/react';
 import { Button, ButtonVariant, Flex, FlexItem } from '@patternfly/react-core';
-import { LoadingIndicator, PFTable, TableComponent, ToastNotification, useFetch, } from '@rh-support/components';
+import { LoadingIndicator, PFTable, TableComponent, ToastNotification } from '@rh-support/components';
+import { useGlobalStateContext } from '@rh-support/react-context';
 import { ability, resourceActions, resources } from '@rh-support/user-permissions';
-import { formatDate, sendToSentry } from '@rh-support/utils';
+import { formatDate, mapSfdcStatusToRMEPortalStatus, sendToSentry } from '@rh-support/utils';
 import find from 'lodash/find';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useEffect, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContext';
-import { useCaseDetailsPageDispatchContext, useCaseDetailsPageStateContext, } from '../../../../context/CaseDetailsPageContext';
-import { useCaseDiscussionTabDispatchContext, useCaseDiscussionTabStateContext, } from '../../../../context/CaseDiscussionTabContext';
+import { useCaseDetailsPageDispatchContext } from '../../../../context/CaseDetailsPageContext';
+import { GET_CASE_COMMENTS, useCreateCaseComment } from '../../../../hooks/useCaseComments';
 import { escalationStatus } from '../../../../models/escalation';
 import { fetchCaseEscalations } from '../../../../reducers/CaseDetailsPageReducer';
-import { updateDiscussionStateComments } from '../../../../reducers/CaseDiscussionTabReducer';
 import { checkForCaseStatusToggleOnAttachOrComment } from '../../../../reducers/CaseReducer';
 const ESCALATION_MSG = 'Request Management Escalation:';
 const UPDATE_ESCALATION_MSG = 'Escalation update requested. You will receive an update from a manager shortly.';
@@ -30,20 +30,20 @@ const REOPEN_ESCALATION_MSG = 'Escalation reopened. A manager will review your r
 const CLOSURE_ESCALATION_MSG = 'Escalation closed.';
 export default function RMEEscalationList(props) {
     const { t } = useTranslation();
-    const { request: updateEscalationRequest, isFetching: isUpdatingEscalation } = useFetch(escalations.updateEscalations, { propgateErrors: true });
-    const { request: postCommentRequest, isFetching: isPostingComment } = useFetch(publicApi.kase.postComment, {
-        propgateErrors: true,
-    });
-    const { request: updateCaseRequest, isFetching: isUpdatingCase } = useFetch(publicApi.kase.updateCase, {
-        propgateErrors: true,
-    });
-    const { sort, allDiscussions, discussionFiltersListState } = useCaseDiscussionTabStateContext();
-    const dispatchDiscussion = useCaseDiscussionTabDispatchContext();
-    const { caseDetailsPageState: { caseFeedbacksHydra }, } = useCaseDetailsPageStateContext();
+    const apolloClient = useApolloClient();
+    const { globalMetadataState: { loggedInUsersAccount }, } = useGlobalStateContext();
+    // TODO: migrate escalation update from Hydra to GraphQL
+    // const { request: updateEscalationRequest, isFetching: isUpdatingEscalation } = useFetch(
+    //     escalations.updateEscalations,
+    //     { propgateErrors: true }
+    // );
+    const { createComment, loading: isPostingComment } = useCreateCaseComment();
+    const caseSalesforceId = useCaseSelector((state) => state.caseDetails.id, isEqual);
+    const existingCaseDetails = useCaseSelector((state) => state.caseDetails, isEqual);
     const caseDetailsPageDispatch = useCaseDetailsPageDispatchContext();
     const escalationUpdateInProgessIds = useRef([]);
     const caseDispatch = useCaseDispatch();
-    const isUpdating = isUpdatingEscalation || isPostingComment || isUpdatingCase;
+    const isUpdating = isPostingComment;
     const [escalationList, setEscalationList] = useState([]);
     const cannUpdateRME = ability.can(resourceActions.UPDATE, resources.RME_ESCALATION);
     const { customerEscalation } = useCaseSelector((state) => ({
@@ -54,62 +54,48 @@ export default function RMEEscalationList(props) {
         // called everytime we are updating the escalation
         setEscalationList([...props.escalations]);
     }, [isUpdating, props.escalations]);
-    const updateEscalation = (escalationName, text, options) => __awaiter(this, void 0, void 0, function* () {
-        const updateRequest = Object.assign({ escalationName, isPrivate: false, text, isRequestForUpdate: false, isRequestForReOpen: false, isRequestForClosure: false, status: escalationStatus.requestUpdate }, options);
+    // TODO: migrate updateEscalation from Hydra (escalations.updateEscalations) to GraphQL
+    // const updateEscalation = async (escalationName: string, text: string, options: Partial<IEscalationUpdate>) => {
+    //     ...
+    // };
+    const submitEscalationComment = (escalationName, comment, message) => __awaiter(this, void 0, void 0, function* () {
+        var _a;
         escalationUpdateInProgessIds.current.push(escalationName);
-        return yield updateEscalationRequest(escalationName, updateRequest);
-    });
-    const submitEscalationComment = (escalationNum, comment, message) => __awaiter(this, void 0, void 0, function* () {
         try {
-            escalationNum &&
-                fetchCaseEscalations(caseDetailsPageDispatch, props.caseNumber, props.accountNumber, false);
-            yield postCommentRequest({
+            fetchCaseEscalations(caseDetailsPageDispatch, caseSalesforceId, apolloClient, false, Boolean((_a = loggedInUsersAccount === null || loggedInUsersAccount === void 0 ? void 0 : loggedInUsersAccount.data) === null || _a === void 0 ? void 0 : _a.secureSupport));
+            yield createComment({
+                caseId: caseSalesforceId,
+                body: comment,
+                isPublic: true,
+            });
+            apolloClient.refetchQueries({ include: [GET_CASE_COMMENTS] });
+            // TODO: migrate updateCaseRequest(props.caseNumber, { customerEscalation: true }) to GraphQL
+            yield checkForCaseStatusToggleOnAttachOrComment(caseDispatch, props.isInternal, props.caseStatus, {
+                apolloClient,
                 caseNumber: props.caseNumber,
-                commentBody: comment,
-                contentType: 'plaintext',
+                existingCaseDetails,
             });
-            updateDiscussionStateComments(dispatchDiscussion, caseDispatch, props.caseNumber, allDiscussions, sort, caseFeedbacksHydra.data, discussionFiltersListState);
-            yield updateCaseRequest(props.caseNumber, { customerEscalation: true });
-            checkForCaseStatusToggleOnAttachOrComment(caseDispatch, props.isInternal, props.caseStatus);
-            escalationNum && ToastNotification.addSuccessMessage(message);
+            ToastNotification.addSuccessMessage(message);
         }
         catch (e) {
             ToastNotification.addDangerMessage(e);
             sendToSentry(e, {}, 'RME form submit error');
         }
         finally {
-            escalationUpdateInProgessIds.current = escalationUpdateInProgessIds.current.filter((item) => item !== escalationNum);
+            escalationUpdateInProgessIds.current = escalationUpdateInProgessIds.current.filter((item) => item !== escalationName);
         }
     });
     const requestUpdateRMEEscalation = (escalationName) => __awaiter(this, void 0, void 0, function* () {
         const comment = `${ESCALATION_MSG}\n ${UPDATE_ESCALATION_MSG}`;
-        try {
-            const updatedInfo = yield updateEscalation(escalationName, comment, { isRequestForUpdate: true });
-            updatedInfo && submitEscalationComment(updatedInfo.escalationName, comment, UPDATE_ESCALATION_MSG);
-        }
-        catch (e) {
-            ToastNotification.addDangerMessage(e);
-        }
+        yield submitEscalationComment(escalationName, comment, UPDATE_ESCALATION_MSG);
     });
     const requestClosureRMEEscalation = (escalationName) => __awaiter(this, void 0, void 0, function* () {
         const comment = `${ESCALATION_MSG}\n ${CLOSURE_ESCALATION_MSG}`;
-        try {
-            const updatedInfo = yield updateEscalation(escalationName, comment, { isRequestForClosure: true });
-            updatedInfo && submitEscalationComment(updatedInfo.escalationName, comment, CLOSURE_ESCALATION_MSG);
-        }
-        catch (e) {
-            ToastNotification.addDangerMessage(e);
-        }
+        yield submitEscalationComment(escalationName, comment, CLOSURE_ESCALATION_MSG);
     });
     const requestReOpenRMEEscalation = (escalationName) => __awaiter(this, void 0, void 0, function* () {
         const comment = `${ESCALATION_MSG}\n ${REOPEN_ESCALATION_MSG}`;
-        try {
-            const updatedInfo = yield updateEscalation(escalationName, comment, { isRequestForReOpen: true });
-            updatedInfo && submitEscalationComment(updatedInfo.escalationName, comment, REOPEN_ESCALATION_MSG);
-        }
-        catch (e) {
-            ToastNotification.addDangerMessage(e);
-        }
+        yield submitEscalationComment(escalationName, comment, REOPEN_ESCALATION_MSG);
     });
     const renderActionButtons = (escalation) => {
         if (isUpdating && escalationUpdateInProgessIds.current.includes(escalation.name)) {
@@ -125,7 +111,7 @@ export default function RMEEscalationList(props) {
                     React.createElement(Button, { variant: ButtonVariant.secondary, onClick: () => requestUpdateRMEEscalation(escalation.name), "data-tracking-id": "case-details-rme-req-update", isDisabled: customerEscalation },
                         React.createElement(Trans, null, "Request Update"))),
                 React.createElement(FlexItem, null,
-                    React.createElement(Button, { variant: ButtonVariant.secondary, className: "pf-v5-u-mt-sm", onClick: () => requestClosureRMEEscalation(escalation.name), "data-tracking-id": "case-details-rme-req-closure" },
+                    React.createElement(Button, { variant: ButtonVariant.secondary, className: "pf-v6-u-mt-sm", onClick: () => requestClosureRMEEscalation(escalation.name), "data-tracking-id": "case-details-rme-req-closure" },
                         React.createElement(Trans, null, "Request Closure")))));
         }
     };
@@ -137,7 +123,7 @@ export default function RMEEscalationList(props) {
             title: t('Escalation ID'),
         },
         {
-            accessor: (escalation) => escalation.status,
+            accessor: (escalation) => mapSfdcStatusToRMEPortalStatus(escalation.status),
             id: 'status',
             title: t('Status'),
         },

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

@@ -1 +1 @@
-{"version":3,"file":"RelatedTasks.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/RelatedTasks/RelatedTasks.tsx"],"names":[],"mappings":"AAcA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAqBnD,QAAA,MAAM,YAAY,yBA+KjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"RelatedTasks.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/RelatedTasks/RelatedTasks.tsx"],"names":[],"mappings":"AAYA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAqBnD,QAAA,MAAM,YAAY,yBA8KjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Badge, EmptyState, EmptyStateHeader, EmptyStateIcon, EmptyStateVariant, Pagination, SearchInput, ToggleGroup, ToggleGroupItem, } from '@patternfly/react-core';
+import { Badge, EmptyState, EmptyStateVariant, Pagination, SearchInput, ToggleGroup, ToggleGroupItem, } from '@patternfly/react-core';
 import CubesIcon from '@patternfly/react-icons/dist/js/icons/cubes-icon';
 import { Table, Tbody, Td, Th, Thead, Tr } from '@patternfly/react-table';
 import isEqual from 'lodash/isEqual';
@@ -112,7 +112,6 @@ const RelatedTasks = () => {
                     React.createElement(Td, { dataLabel: columnNames.title }, item.title)))))),
             React.createElement("div", { className: "push-top" },
                 React.createElement(Pagination, { itemCount: filteredData.length, perPage: itemsPerPage, page: currentPage, onSetPage: (_, page) => setCurrentPage(page), onPerPageSelect: (_, perPage) => setItemsPerPage(perPage) })))) : (React.createElement("div", null,
-            React.createElement(EmptyState, { variant: EmptyStateVariant.full },
-                React.createElement(EmptyStateHeader, { titleText: t("There aren't any related tasks."), headingLevel: "h4", icon: React.createElement(EmptyStateIcon, { icon: CubesIcon }) }))))));
+            React.createElement(EmptyState, { headingLevel: "h4", icon: CubesIcon, titleText: t("There aren't any related tasks"), variant: EmptyStateVariant.full })))));
 };
 export default RelatedTasks;

package/lib/esm/components/CaseInformation/AISureMessageCard.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IProps {
+    className?: string;
+}
+export declare function AISureMessageCard({ className }: IProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=AISureMessageCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AISureMessageCard.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/AISureMessageCard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,MAAM;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,EAAE,MAAM,qBAiCtD"}

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

@@ -0,0 +1,15 @@
+import { Button, Card, CardBody, Title } from '@patternfly/react-core';
+import ExternalLinkAltIcon from '@patternfly/react-icons/dist/esm/icons/external-link-alt-icon';
+import React from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+export function AISureMessageCard({ className }) {
+    const { t } = useTranslation();
+    const analyzeUrl = `${window.location.origin}${window.location.pathname}#/analyze`;
+    return (React.createElement(Card, { className: `aisure-message-card pf-v6-u-mb-md${className ? ` ${className}` : ''}`, "data-testid": "aisure-message-card" },
+        React.createElement(CardBody, null,
+            React.createElement(Title, { headingLevel: "h3", size: "md", className: "pf-v6-u-mb-sm" },
+                React.createElement(Trans, null, "Review OpenShift Cluster")),
+            React.createElement("p", { className: "pf-v6-u-mb-md" }, t('Run a deep scan of your cluster to obtain AI generated Technical Supportability Review report, with criticality rating, impact, recommendations and actionable steps.')),
+            React.createElement(Button, { variant: "primary", component: "a", href: analyzeUrl, target: "_blank", rel: "noopener noreferrer", icon: React.createElement(ExternalLinkAltIcon, null), iconPosition: "end", "data-tracking-id": "review-cluster-see-analyze-tab" },
+                React.createElement(Trans, null, "See Analyze tab")))));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"CaseGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseGroup.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAW5E,UAAU,MAAM;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAWD,iBAAS,SAAS,CAAC,KAAK,EAAE,MAAM,qBAqV/B;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"CaseGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseGroup.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAmB5E,UAAU,MAAM;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAWD,iBAAS,SAAS,CAAC,KAAK,EAAE,MAAM,qBAkf/B;AAED,eAAe,SAAS,CAAC"}