@rh-support/troubleshoot 2.7.11 → 2.7.13

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

@@ -1 +1 @@
-{"version":3,"file":"Case.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/Case.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAS,mBAAmB,EAAiD,MAAM,kBAAkB,CAAC;AAoB7G,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC;CACnC;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,MAAM,qBAgRzC"}
+{"version":3,"file":"Case.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/Case.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAS,mBAAmB,EAAiD,MAAM,kBAAkB,CAAC;AAoB7G,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC;CACnC;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,MAAM,qBA+QzC"}

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

@@ -20,10 +20,9 @@ import { Route, Switch, useLocation, useParams, useRouteMatch } from 'react-rout
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { useCaseDetailsPageDispatchContext } from '../../context/CaseDetailsPageContext';
 import { CaseReducerConstants } from '../../reducers/CaseConstNTypes';
-import { fetchAttachments, fetchCaseEscalations,
+import { fetchAttachments, fetchCaseEscalations, 
 // fetchExternalTrackers,
-// fetchFeedbacks,
- } from '../../reducers/CaseDetailsPageReducer';
+fetchFeedbacks, } from '../../reducers/CaseDetailsPageReducer';
 import { setCaseAccountNumber } from '../../reducers/CaseReducer';
 import { ArchivedCaseBanner } from './ArchivedCaseBanner';
 import { CaseDetailsAside } from './CaseDetailsAside';
@@ -140,13 +139,9 @@ export default function Case(props) {
                 //         targetCaseNumber
                 //     );
                 // }
-                // TODO: Re-enable after GraphQL migration of feedback
-                // if (canSeeFeedbackButtons) {
-                //     fetchFeedbacks(
-                //         (action) => currentCaseRef.current === targetCaseNumber && caseDetailsPageDispatch(action),
-                //         targetCaseNumber
-                //     );
-                // }
+                if (canSeeFeedbackButtons) {
+                    fetchFeedbacks((action) => currentCaseRef.current === targetCaseNumber && caseDetailsPageDispatch(action), targetCaseNumber);
+                }
                 if (currentCaseRef.current === targetCaseNumber) {
                     checkRemoteSessionFlag();
                 }

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/AsaCommentFeedbackModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AsaCommentFeedbackModal.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/AsaCommentFeedbackModal.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,eAAO,MAAM,oBAAoB;;;;;;;;;;;;EAIvB,CAAC;AAEX,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,OAAO,GAAG,IAAI,CAAC;CACpG;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,qBAiLpD"}
+{"version":3,"file":"AsaCommentFeedbackModal.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/AsaCommentFeedbackModal.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,eAAO,MAAM,oBAAoB;;;;;;;;;;;;EAIvB,CAAC;AAEX,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,KAAK,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,OAAO,GAAG,IAAI,CAAC;CACpG;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,qBA+JpD"}

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/AsaCommentFeedbackModal.js

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Button, Form, FormGroup, FormHelperText, HelperText, HelperTextItem, Icon, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant, TextArea, ValidatedOptions, } from '@patternfly/react-core';
+import { Button, Form, FormGroup, Icon, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant, TextArea, } from '@patternfly/react-core';
 import OutlinedFrownIcon from '@patternfly/react-icons/dist/js/icons/outlined-frown-icon';
 import OutlinedMehIcon from '@patternfly/react-icons/dist/js/icons/outlined-meh-icon';
 import OutlinedSmileIcon from '@patternfly/react-icons/dist/js/icons/outlined-smile-icon';
@@ -25,12 +25,10 @@ export function AsaCommentFeedbackModal(props) {
     const [selectedFeedback, setSelectedFeedback] = useState(props.initialFeedback);
     const [feedbackReason, setFeedbackReason] = useState((_a = props.initialFeedbackReason) !== null && _a !== void 0 ? _a : '');
     const [showRatingError, setShowRatingError] = useState(false);
-    const [showFeedbackTextError, setShowFeedbackTextError] = useState(false);
     const trimmedFeedbackReason = feedbackReason.trim();
     const savedFeedbackReason = (_b = props.initialFeedbackReason) !== null && _b !== void 0 ? _b : '';
     const hasChanges = selectedFeedback !== props.initialFeedback || feedbackReason !== savedFeedbackReason;
-    const hasValidationError = showRatingError || showFeedbackTextError;
-    const isSubmitDisabled = props.isSubmitting || hasValidationError;
+    const isSubmitDisabled = props.isSubmitting || showRatingError;
     useEffect(() => {
         var _a;
         if (props.isOpen) {
@@ -38,7 +36,6 @@ export function AsaCommentFeedbackModal(props) {
             setFeedbackReason((_a = props.initialFeedbackReason) !== null && _a !== void 0 ? _a : '');
         }
         setShowRatingError(false);
-        setShowFeedbackTextError(false);
     }, [props.isOpen, props.initialFeedback, props.initialFeedbackReason]);
     const handleClose = () => {
         if (props.isSubmitting) {
@@ -52,10 +49,6 @@ export function AsaCommentFeedbackModal(props) {
             setShowRatingError(true);
             return;
         }
-        if (trimmedFeedbackReason.length === 0) {
-            setShowFeedbackTextError(true);
-            return;
-        }
         if (!hasChanges) {
             return;
         }
@@ -84,12 +77,8 @@ export function AsaCommentFeedbackModal(props) {
                     })),
                     showRatingError && selectedFeedback === undefined && (React.createElement("p", { className: "form-instructions form-invalid pf-v6-u-mt-sm" },
                         React.createElement(Trans, null, "Please select a value")))),
-                React.createElement(FormGroup, { label: t('How can we improve?'), isRequired: true, fieldId: "asa-comment-feedback-reason" },
-                    showFeedbackTextError && (React.createElement(FormHelperText, null,
-                        React.createElement(HelperText, null,
-                            React.createElement(HelperTextItem, { variant: ValidatedOptions.error }, t('Please enter your feedback'))))),
-                    React.createElement(TextArea, { id: "asa-comment-feedback-reason", name: "feedbackReason", value: feedbackReason, validated: showFeedbackTextError ? ValidatedOptions.error : ValidatedOptions.default, onChange: (_event, value) => {
-                            setShowFeedbackTextError(false);
+                React.createElement(FormGroup, { label: t('How can we improve?'), fieldId: "asa-comment-feedback-reason" },
+                    React.createElement(TextArea, { id: "asa-comment-feedback-reason", name: "feedbackReason", value: feedbackReason, onChange: (_event, value) => {
                             setFeedbackReason(value);
                         }, placeholder: t('Describe your suggestion in details'), "aria-label": t('How can we improve?'), isDisabled: props.isSubmitting, resizeOrientation: "vertical" })),
                 React.createElement("p", { className: "asa-feedback-privacy" },

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/CaseComments.d.ts

@@ -1,10 +1,12 @@
 import { ICaseComment } from '@cee-eng/hydrajs/@types/api/public/case';
 import React from 'react';
+export declare const AUTOMATED_SUPPORT_ASSISTANT = "Support AI Assistant Service Account";
 interface IProps {
     caseNumber: string;
     comment: ICaseComment;
     feedback: number;
-    onFeedBackUpdate: (id: string, feedback: number) => void;
+    feedbackReason?: string;
+    onFeedBackUpdate: (id: string, feedback: number, feedbackReason?: string) => void;
     accountNumber: string;
     onReply: (author: string, commentId: string, timestamp: string) => void;
     showJumpToComment?: boolean;

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/CaseComments.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseComments.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseComments.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AA2BvE,OAAO,KAAwC,MAAM,OAAO,CAAC;AAW7D,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,kBAAkB,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAChH;AAED,QAAA,MAAM,YAAY,4EAgXhB,CAAC;AAEH,eAAe,YAAY,CAAC"}
+{"version":3,"file":"CaseComments.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseComments.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAuBvE,OAAO,KAAkD,MAAM,OAAO,CAAC;AAUvE,eAAO,MAAM,2BAA2B,yCAAyC,CAAC;AAElF,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,cAAc,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClF,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,kBAAkB,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAChH;AAED,QAAA,MAAM,YAAY,4EAkdhB,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/CaseComments.js

@@ -1,105 +1,120 @@
-// TODO: Re-enable after GraphQL migration of feedback (Allowed Regression #5)
-// import { ICommentFeedback } from '@cee-eng/hydrajs/@types/api/public/commentFeedback';
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { publicApi } from '@cee-eng/hydrajs';
 import { EventTypes, linkifyBZIDs, linkifyWithCaseIDs, processRME } from '@cee-eng/ui-toolkit';
-import { Icon } from '@patternfly/react-core';
-// TODO: Re-enable after GraphQL migration of feedback (Allowed Regression #5)
-// import { Tooltip, TooltipPosition } from '@patternfly/react-core';
-// import FrownIcon from '@patternfly/react-icons/dist/js/icons/frown-icon';
-// import MehIcon from '@patternfly/react-icons/dist/js/icons/meh-icon';
-// import OutlinedFrownIcon from '@patternfly/react-icons/dist/js/icons/outlined-frown-icon';
-// import OutlinedMehIcon from '@patternfly/react-icons/dist/js/icons/outlined-meh-icon';
-// import OutlinedSmileIcon from '@patternfly/react-icons/dist/js/icons/outlined-smile-icon';
-// import SmileIcon from '@patternfly/react-icons/dist/js/icons/smile-icon';
+import { Alert, Button, ButtonVariant, Icon, Tooltip, TooltipPosition } from '@patternfly/react-core';
+import FrownIcon from '@patternfly/react-icons/dist/js/icons/frown-icon';
+import MehIcon from '@patternfly/react-icons/dist/js/icons/meh-icon';
+import OutlinedFrownIcon from '@patternfly/react-icons/dist/js/icons/outlined-frown-icon';
+import OutlinedMehIcon from '@patternfly/react-icons/dist/js/icons/outlined-meh-icon';
+import OutlinedSmileIcon from '@patternfly/react-icons/dist/js/icons/outlined-smile-icon';
+import SmileIcon from '@patternfly/react-icons/dist/js/icons/smile-icon';
 import UserCircleIcon from '@patternfly/react-icons/dist/js/icons/user-circle-icon';
-// TODO: Re-enable after GraphQL migration of feedback (Allowed Regression #5)
-// import { LoadingIndicator, ToastNotification } from '@rh-support/components';
-import { AbilityContext, 
-// CaseDetailsFields, // TODO: Re-enable after GraphQL migration of feedback
-CaseDiscussionFields, resourceActions, resources, } from '@rh-support/user-permissions';
+import { LoadingIndicator, ToastNotification } from '@rh-support/components';
+import { AbilityContext, CaseDetailsFields, CaseDiscussionFields, resourceActions, resources, } from '@rh-support/user-permissions';
 import { formatDateTime, linkifyLinks } from '@rh-support/utils';
 import DOMPurify from 'dompurify';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
-import React, { useContext, useEffect, useRef } from 'react';
-import { Trans } from 'react-i18next';
-// TODO: Re-enable after GraphQL migration of feedback
-// import { useTranslation } from 'react-i18next';
+import React, { useContext, useEffect, useRef, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
 import { DiscussionType } from '../../../../reducers/CaseDiscussionTabReducer';
 import { linkifyHtmlTextNodes } from '../../../../utils/linkifyHtmlTextNodes';
 import { PDFContext } from '../../PDFContainer';
+import { AsaCommentFeedbackModal } from './AsaCommentFeedbackModal';
 import { DiscussionItemLink } from './DiscussionItemLink';
 import { JumpAndCopyLink } from './JumpAndCopyLink';
+export const AUTOMATED_SUPPORT_ASSISTANT = 'Support AI Assistant Service Account';
 const CaseComments = React.forwardRef((props, ref) => {
-    var _a;
+    var _a, _b;
     const { caseNumber } = props;
     const markdownRef = useRef(null);
-    // TODO: Re-enable `t` after GraphQL migration of feedback (Allowed Regression #5)
-    // const { t } = useTranslation();
+    const { t } = useTranslation();
     const ability = useContext(AbilityContext);
     const canSeePrivateComments = ability.can(resourceActions.PATCH, resources.CASE_COMMENTS, CaseDiscussionFields.VIEW_PRIVATE_COMMENT);
-    // TODO: Re-enable after GraphQL migration of feedback (Allowed Regression #5)
-    // const canSeeFeedbackButtons =
-    //     ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_FEEDBACK_BUTTONS) &&
-    //     props.comment.isPublic &&
-    //     props.comment.createdBy !== 'Automated Support Assistant';
-    // TODO: Re-enable after GraphQL migration of feedback (Allowed Regression #5)
-    // const [isFeedbackUpdating, setIsFeedbackUpdating] = useState(false);
+    const isAsaComment = props.comment.createdBy === AUTOMATED_SUPPORT_ASSISTANT;
+    const canGiveCommentFeedback = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_FEEDBACK_BUTTONS);
+    const canSeeFeedbackButtons = canGiveCommentFeedback && props.comment.isPublic && !isAsaComment;
+    const [isFeedbackUpdating, setIsFeedbackUpdating] = useState(false);
+    const [isAsaFeedbackModalOpen, setIsAsaFeedbackModalOpen] = useState(false);
+    const [savedFeedbackValue, setSavedFeedbackValue] = useState(props.feedback);
+    const [savedFeedbackReason, setSavedFeedbackReason] = useState((_a = props.feedbackReason) !== null && _a !== void 0 ? _a : '');
     const { isExportingPDF } = useContext(PDFContext);
+    useEffect(() => {
+        setSavedFeedbackValue(props.feedback);
+    }, [props.feedback]);
+    useEffect(() => {
+        var _a;
+        setSavedFeedbackReason((_a = props.feedbackReason) !== null && _a !== void 0 ? _a : '');
+    }, [props.feedbackReason]);
     const onJumpToComment = (commentId) => () => props.showJumpToComment && props.onJumpToComment && props.onJumpToComment(commentId);
-    // TODO: Re-enable after GraphQL migration of feedback (Allowed Regression #5)
-    // const applyCommentFeedback = (comment: ICaseComment, feedback) => async (e) => {
-    //     e.preventDefault();
-    //     if (props.feedback === feedback) return;
-    //     const commJson: ICommentFeedback = {
-    //         feedback,
-    //         accountNumber: props.accountNumber,
-    //         commentId: comment.id,
-    //         commentCreatedBy: comment.createdBy,
-    //     };
-    //     try {
-    //         setIsFeedbackUpdating(true);
-    //         if (props.feedback !== undefined) {
-    //             await publicApi.commentFeedback.updateCommentFeedback(caseNumber, commJson);
-    //         } else {
-    //             await publicApi.commentFeedback.createCommentFeedback(caseNumber, commJson);
-    //         }
-    //         setIsFeedbackUpdating(false);
-    //         props.onFeedBackUpdate(comment.id, feedback);
-    //         ToastNotification.addSuccessMessage(t(`Comment feedback has been successfully updated`));
-    //     } catch (e) {
-    //         setIsFeedbackUpdating(false);
-    //         ToastNotification.addDangerMessage(t(`Comment feedback failed to update`));
-    //     }
-    // };
-    // TODO: Re-enable after GraphQL migration of feedback (Allowed Regression #5)
-    // const commentFeedbackButtons = (comment: ICaseComment, feedback: number) => (
-    //     <span className="comment-feedback-buttons">
-    //         <LoadingIndicator isInline={true} show={isFeedbackUpdating} />
-    //         <Tooltip position={TooltipPosition.top} content={t('Positive feedback')}>
-    //             <button className="btn btn-app btn-link" onClick={applyCommentFeedback(comment, 1)}
-    //                 data-tracking-id="case-comment-feedback-up" type="button">
-    //                 {feedback === 1 ? <SmileIcon title={t('Remove positive feedback')} />
-    //                     : <OutlinedSmileIcon title={t('Leave positive feedback')} />}
-    //             </button>
-    //         </Tooltip>
-    //         <Tooltip position={TooltipPosition.top} content={t('Neutral feedback')}>
-    //             <button className="btn btn-app btn-link" onClick={applyCommentFeedback(comment, 0)}
-    //                 data-tracking-id="case-comment-feedback-neutral" type="button">
-    //                 {feedback === 0 ? <MehIcon title={t('Remove neutral feedback')} />
-    //                     : <OutlinedMehIcon title={t('Leave neutral feedback')} />}
-    //             </button>
-    //         </Tooltip>
-    //         <Tooltip position={TooltipPosition.top} content={t('Negative feedback')}>
-    //             <button className="btn btn-app btn-link" onClick={applyCommentFeedback(comment, -1)}
-    //                 data-tracking-id="case-comment-feedback-down" type="button">
-    //                 {feedback === -1 ? <FrownIcon title={t('Remove negative feedback')} aria-label={t('Remove negative feedback')} />
-    //                     : <OutlinedFrownIcon title={t('Leave negative feedback')} aria-label={t('Leave negative feedback')} />}
-    //             </button>
-    //         </Tooltip>
-    //     </span>
-    // );
+    const applyCommentFeedback = (comment, feedback) => (e) => __awaiter(void 0, void 0, void 0, function* () {
+        e.preventDefault();
+        if (props.feedback === feedback) {
+            return;
+        }
+        yield submitCommentFeedback(comment, feedback);
+    });
+    const submitCommentFeedback = (comment, feedback, feedbackReason) => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        const commJson = Object.assign({ feedback, accountNumber: props.accountNumber, commentId: comment.id, commentCreatedBy: comment.createdBy }, (feedbackReason !== undefined ? { feedbackReason } : {}));
+        try {
+            setIsFeedbackUpdating(true);
+            const hasExistingFeedback = savedFeedbackValue !== undefined;
+            const response = hasExistingFeedback
+                ? yield publicApi.commentFeedback.updateCommentFeedback(caseNumber, commJson)
+                : yield publicApi.commentFeedback.createCommentFeedback(caseNumber, commJson);
+            setIsFeedbackUpdating(false);
+            const responseFeedback = (response === null || response === void 0 ? void 0 : response.feedback) !== undefined && (response === null || response === void 0 ? void 0 : response.feedback) !== null && `${response.feedback}` !== ''
+                ? parseInt(String(response.feedback), 10)
+                : feedback;
+            const savedFeedback = Number.isNaN(responseFeedback) ? feedback : responseFeedback;
+            const savedReason = (_a = response === null || response === void 0 ? void 0 : response.feedbackReason) !== null && _a !== void 0 ? _a : feedbackReason;
+            setSavedFeedbackValue(savedFeedback);
+            if (feedbackReason !== undefined) {
+                setSavedFeedbackReason(savedReason !== null && savedReason !== void 0 ? savedReason : '');
+                props.onFeedBackUpdate(comment.id, savedFeedback, savedReason !== null && savedReason !== void 0 ? savedReason : '');
+            }
+            else {
+                props.onFeedBackUpdate(comment.id, savedFeedback);
+            }
+            ToastNotification.addSuccessMessage(t(`Comment feedback has been successfully updated`));
+            return true;
+        }
+        catch (e) {
+            setIsFeedbackUpdating(false);
+            ToastNotification.addDangerMessage(t(`Comment feedback failed to update`));
+            return false;
+        }
+    });
+    const openAsaFeedbackModal = (e) => {
+        e === null || e === void 0 ? void 0 : e.preventDefault();
+        setIsAsaFeedbackModalOpen(true);
+    };
+    const onSubmitAsaFeedback = (feedback, feedbackReason) => __awaiter(void 0, void 0, void 0, function* () {
+        const didSubmit = yield submitCommentFeedback(props.comment, feedback, feedbackReason);
+        if (didSubmit) {
+            setIsAsaFeedbackModalOpen(false);
+        }
+        return didSubmit;
+    });
+    const commentFeedbackButtons = (comment, feedback) => (React.createElement("span", { className: "comment-feedback-buttons" },
+        React.createElement(LoadingIndicator, { isInline: true, show: isFeedbackUpdating }),
+        React.createElement(Tooltip, { position: TooltipPosition.top, content: t('Positive feedback') },
+            React.createElement("button", { className: "btn btn-app btn-link", onClick: applyCommentFeedback(comment, 1), "data-tracking-id": "case-comment-feedback-up", type: "button" }, feedback === 1 ? (React.createElement(SmileIcon, { title: t('Remove positive feedback') })) : (React.createElement(OutlinedSmileIcon, { title: t('Leave positive feedback') })))),
+        React.createElement(Tooltip, { position: TooltipPosition.top, content: t('Neutral feedback') },
+            React.createElement("button", { className: "btn btn-app btn-link", onClick: applyCommentFeedback(comment, 0), "data-tracking-id": "case-comment-feedback-neutral", type: "button" }, feedback === 0 ? (React.createElement(MehIcon, { title: t('Remove neutral feedback') })) : (React.createElement(OutlinedMehIcon, { title: t('Leave neutral feedback') })))),
+        React.createElement(Tooltip, { position: TooltipPosition.top, content: t('Negative feedback') },
+            React.createElement("button", { className: "btn btn-app btn-link", onClick: applyCommentFeedback(comment, -1), "data-tracking-id": "case-comment-feedback-down", type: "button" }, feedback === -1 ? (React.createElement(FrownIcon, { title: t('Remove negative feedback'), "aria-label": t('Remove negative feedback') })) : (React.createElement(OutlinedFrownIcon, { title: t('Leave negative feedback'), "aria-label": t('Leave negative feedback') }))))));
     const computeDiscussionCardCalss = (comment) => {
-        if (comment.createdByType === 'Associate' && comment.createdBy === 'Automated Support Assistant') {
+        if (comment.createdBy === AUTOMATED_SUPPORT_ASSISTANT) {
             return 'comment-automated';
         }
         else if (comment.createdByType === 'Associate') {
@@ -124,8 +139,9 @@ const CaseComments = React.forwardRef((props, ref) => {
         }
     };
     const computeCommentAuthorIcon = (comment) => {
-        if (comment.createdByType === 'Associate' && comment.createdBy === 'Automated support assistant') {
-            return (React.createElement("img", { src: "https://static.redhat.com/libs/redhat/brand-assets/2/corp/logo--hat-only.svg", height: "18", width: "18", "aria-hidden": "true", alt: "Automated support assistant comment", title: "Automated support assistant", style: { verticalAlign: '-0.125em', marginRight: '6px' } }));
+        if (comment.createdBy === AUTOMATED_SUPPORT_ASSISTANT) {
+            return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", className: "asa-comment-author-icon", style: { display: 'block', flexShrink: 0, marginRight: '8px' } },
+                React.createElement("path", { d: "M6.12207 2.1875C6.35023 2.1875 6.55802 2.38112 6.57617 2.6084C6.78104 5.19193 8.80513 7.2158 11.3887 7.4209C11.6159 7.43885 11.8096 7.64685 11.8096 7.875C11.8096 8.10357 11.6159 8.31072 11.3887 8.3291C8.80515 8.53416 6.78181 10.5585 6.57715 13.1416C6.55879 13.3687 6.35032 13.5625 6.12207 13.5625C5.89427 13.5623 5.6871 13.3688 5.66895 13.1416C5.46407 10.5581 3.4399 8.53431 0.856445 8.3291C0.628957 8.31116 0.435567 8.10314 0.435547 7.875C0.435547 7.64565 0.630491 7.43726 0.859375 7.4209C3.43949 7.21584 5.46331 5.19153 5.66797 2.6084C5.68628 2.38137 5.89416 2.1877 6.12207 2.1875ZM6.12305 4.47754C5.50484 6.02837 4.27607 7.25674 2.72461 7.875C4.27677 8.49323 5.50406 9.72157 6.12207 11.2725C6.7403 9.72157 7.96918 8.49323 9.52051 7.875C7.96835 7.25677 6.74106 6.02843 6.12305 4.47754ZM10.9365 0.654297C11.0628 0.654455 11.1709 0.745742 11.1943 0.87207C11.373 1.84914 12.1499 2.62611 13.127 2.80469C13.2533 2.8283 13.3447 2.93617 13.3447 3.0625C13.3447 3.18886 13.2533 3.2967 13.127 3.32031C12.1498 3.4989 11.3729 4.27583 11.1943 5.25293C11.1709 5.3793 11.0628 5.47054 10.9365 5.4707C10.8101 5.4707 10.7012 5.37937 10.6777 5.25293C10.4996 4.27597 9.72346 3.49901 8.74609 3.32031C8.61962 3.29682 8.52736 3.18892 8.52734 3.0625C8.52734 2.93606 8.61961 2.82818 8.74609 2.80469C9.72344 2.626 10.4995 1.84901 10.6777 0.87207C10.7012 0.745589 10.8101 0.654297 10.9365 0.654297Z", fill: "#1F1F1F" })));
         }
         else if (comment.createdByType === 'Associate') {
             return (React.createElement("img", { src: "https://static.redhat.com/libs/redhat/brand-assets/2/corp/logo--hat-only.svg", height: "18", width: "18", "aria-hidden": "true", alt: "Red Hat associate comment", title: "Red Hat associate", style: { verticalAlign: '-0.125em', marginRight: '6px' } }));
@@ -140,19 +156,13 @@ const CaseComments = React.forwardRef((props, ref) => {
         }
     };
     const computeCommentFooter = (comment) => {
-        if (!props.comment.isPublic && comment.createdBy === 'Automated Support Assistant') {
-            return React.createElement(Trans, null, "Private automated comment");
-        }
-        else if (!props.comment.isPublic) {
+        if (!props.comment.isPublic) {
             return React.createElement(Trans, null, "Private comment");
         }
         else if (comment.createdBy === 'Automated Support Assistant') {
             return React.createElement(Trans, null, "Automated comment");
         }
     };
-    // Tags the Quill RTE legitimately produces — everything else was typed
-    // literally by the user or injected from an external source (SFDC) and
-    // should render as visible text, not interpreted as HTML formatting.
     const QUILL_TAGS = new Set([
         'p',
         'br',
@@ -192,19 +202,13 @@ const CaseComments = React.forwardRef((props, ref) => {
     const commentText = (text) => {
         return { __html: sanitizeHtml(text) };
     };
-    // Transforms <strong> and <em> tags in HTML string to styled <span> tags to fix incorrect bold/italic rendering in exported PDF
     function formatMarkdownHtmlForPDF(htmlString) {
-        return (htmlString
-            // Handle nested <strong><em>...</em></strong> or <em><strong>...</strong></em> and apply both bold and italic (skew) styles
+        return htmlString
             .replace(/<(strong|em)>\s*<(em|strong)>(.*?)<\/\2>\s*<\/\1>/gi, '<span style="font-weight: bold; font-size: 0.95em; font-style: italic;">$3</span>')
-            // Handle standalone <strong>
             .replace(/<strong>(.*?)<\/strong>/gi, '<span style="font-weight: bold; font-size: 0.95em; margin-right: -10px;">$1</span>')
-            // Handle standalone <em>
             .replace(/<em>(.*?)<\/em>/gi, '<span style="font-style: italic;font-size: 0.95em; opacity: 0.70;margin-right: 7px;">$1</span>')
-            // Replace list items with dash bullets
             .replace(/<li>(.*?)<\/li>/gi, '<div style="margin-left: 1.2em;">- $1</div>')
-            // Remove <ul> and </ul> tags completely
-            .replace(/<\/?ul>/gi, ''));
+            .replace(/<\/?ul>/gi, '');
     }
     const onCommentAreaClick = (e) => {
         let { event } = e.target['dataset'];
@@ -222,7 +226,6 @@ const CaseComments = React.forwardRef((props, ref) => {
     const parseCommentHtml = (commentText, contentType) => {
         let text = commentText;
         if (contentType === 'plaintext') {
-            // Legacy plain-text comments: normalize SFDC HTML line breaks
             text = text
                 .replace(/<br\s*\/?>/gi, '\n')
                 .replace(/<\/p>/gi, '\n')
@@ -238,12 +241,10 @@ const CaseComments = React.forwardRef((props, ref) => {
     const computeCommentText = (comment) => {
         if (isEmpty(comment.commentBody))
             return null;
-        // Legacy plain-text comments still need escaping and linkification
         if (comment.contentType === 'plaintext') {
             const parseComment = parseCommentHtml(comment.commentBody, comment.contentType);
             return (React.createElement("pre", { className: "push-top-narrow comment-plaintext reset-pre-text", dangerouslySetInnerHTML: commentText(parseComment), style: { fontFamily: isExportingPDF ? 'DejaVu Sans' : '' } }));
         }
-        // HTML comments (new rich text or legacy markdown — both stored as HTML)
         let htmlString = comment.commentBody;
         htmlString = linkifyHtmlTextNodes(htmlString);
         if (isExportingPDF) {
@@ -261,28 +262,34 @@ const CaseComments = React.forwardRef((props, ref) => {
             });
         }
     }, [props.comment, isExportingPDF]);
-    if (!((_a = props.comment) === null || _a === void 0 ? void 0 : _a.isPublic) && !canSeePrivateComments)
+    if (!((_b = props.comment) === null || _b === void 0 ? void 0 : _b.isPublic) && !canSeePrivateComments)
         return React.createElement(React.Fragment, null);
     return (React.createElement("article", { ref: ref, id: props.comment.id, "aria-label": `Comment by ${props.comment.lastModifiedById}`, className: `prevent-split ${computePrivateComment(props.comment)} support-comment ${computeDiscussionCardCalss(props.comment)} ${ref ? 'selected-case-comment' : ''}` },
         React.createElement("header", null,
             React.createElement("h4", null,
-                computeCommentAuthorIcon(props.comment),
-                " ",
-                props.comment.lastModifiedById,
+                isAsaComment ? (React.createElement("span", { className: "asa-comment-author" },
+                    computeCommentAuthorIcon(props.comment),
+                    React.createElement("span", null, props.comment.createdBy))) : (React.createElement(React.Fragment, null,
+                    computeCommentAuthorIcon(props.comment),
+                    props.comment.createdBy)),
                 props.comment.createdByType === 'Partner' && (React.createElement("span", null,
                     ' ',
                     "(",
                     React.createElement(Trans, null, "Partner"),
                     ")"))),
             React.createElement("time", null, formatDateTime(props.comment.lastModifiedDate))),
+        isAsaComment && (React.createElement(Alert, { className: `asa-comment-alert ${isExportingPDF ? 'hide-in-pdf' : ''}`, isInline: true, variant: "custom", title: t('Always review AI-Generated content prior to use') })),
         React.createElement("div", { className: "comment-body", onClick: onCommentAreaClick, ref: markdownRef }, computeCommentText(props.comment)),
         React.createElement("footer", null,
             React.createElement("span", { className: "comment-note" }, computeCommentFooter(props.comment)),
+            canSeeFeedbackButtons && commentFeedbackButtons(props.comment, props.feedback),
             React.createElement("span", { className: "pull-right pf-v6-l-flex pf-m-align-items-center" },
                 props.showJumpToComment && (React.createElement(DiscussionItemLink, { onClick: onJumpToComment(props.comment.id), discussionType: DiscussionType.COMMENT, itemId: props.comment.id, caseNumber: caseNumber, isCopyLink: false },
                     React.createElement(Trans, null, "Jump to comment"))),
-                React.createElement("button", { onClick: () => props.onReply(props.comment.lastModifiedById, props.comment.id, props.comment.lastModifiedDate), className: `btn btn-app btn-link case-reply-button ${isExportingPDF ? 'hide-in-pdf' : ''}`, "data-tracking-id": "case-comment-reply", type: "button" },
-                    React.createElement(Trans, null, "Reply")),
-                React.createElement(JumpAndCopyLink, { caseNumber: caseNumber, cardId: props.comment.id, discussionType: DiscussionType.COMMENT })))));
+                isAsaComment ? (React.createElement(Button, { variant: ButtonVariant.link, isInline: true, className: `asa-send-feedback-link ${isExportingPDF ? 'hide-in-pdf' : ''}`, onClick: openAsaFeedbackModal, "data-tracking-id": "case-asa-comment-send-feedback-footer" },
+                    React.createElement(Trans, null, "Send feedback"))) : (React.createElement("button", { onClick: () => props.onReply(props.comment.lastModifiedById, props.comment.id, props.comment.lastModifiedDate), className: `btn btn-app btn-link case-reply-button ${isExportingPDF ? 'hide-in-pdf' : ''}`, "data-tracking-id": "case-comment-reply", type: "button" },
+                    React.createElement(Trans, null, "Reply"))),
+                React.createElement(JumpAndCopyLink, { caseNumber: caseNumber, cardId: props.comment.id, discussionType: DiscussionType.COMMENT }))),
+        isAsaComment && (React.createElement(AsaCommentFeedbackModal, { isOpen: isAsaFeedbackModalOpen, isSubmitting: isFeedbackUpdating, initialFeedback: savedFeedbackValue, initialFeedbackReason: savedFeedbackReason, onClose: () => setIsAsaFeedbackModalOpen(false), onSubmit: onSubmitAsaFeedback }))));
 });
 export default CaseComments;

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

@@ -1 +1 @@
-{"version":3,"file":"CaseDiscussion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseDiscussion.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAqBvE,OAAO,KAA0F,MAAM,OAAO,CAAC;AAyC/G,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IAGxB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAC/C,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;CACjD;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM,qBAy2BnD"}
+{"version":3,"file":"CaseDiscussion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseDiscussion.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAqBvE,OAAO,KAA0F,MAAM,OAAO,CAAC;AA2C/G,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IAGxB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAC/C,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IAC1C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;CACjD;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM,qBA83BnD"}

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

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { useApolloClient } from '@apollo/client/react';
-import { Button, MenuToggle, Select, SelectList, SelectOption } from '@patternfly/react-core';
+import { Alert, Button, MenuToggle, Select, SelectList, SelectOption } from '@patternfly/react-core';
 import { AlertMessage, AlertType, ErrorBoundary, LoadingIndicator, ToastNotification } from '@rh-support/components';
 import { useGlobalStateContext } from '@rh-support/react-context';
 import { AbilityContext, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
@@ -29,19 +29,18 @@ import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContex
 import { useCaseDetailsPageDispatchContext, useCaseDetailsPageStateContext, } from '../../../../context/CaseDetailsPageContext';
 import { useCaseDiscussionTabDispatchContext, useCaseDiscussionTabStateContext, } from '../../../../context/CaseDiscussionTabContext';
 import { CaseDetailsConstants } from '../../../../reducers/CaseDetailsPageReducer';
-import { clearReplyingTo, discussionSortOrderConst, DiscussionType, setDiscussions, setFilter, setReplyingTo, setSort, updateAttachment, updateAttacmentsAfterRemoval, updateDiscussionStateAttachments, } from '../../../../reducers/CaseDiscussionTabReducer';
+import { clearReplyingTo, commputeFeedback, computeFeedbackReason, discussionSortOrderConst, DiscussionType, setDiscussions, setFilter, setReplyingTo, setSort, updateAttachment, updateAttacmentsAfterRemoval, updateDiscussionStateAttachments, } from '../../../../reducers/CaseDiscussionTabReducer';
 import { setCaseState } from '../../../../reducers/CaseReducer';
 import { AttachmentContextProvider } from '../../../shared/fileUpload/reducer/AttachmentReducerContext';
 import { PDFContext } from '../../PDFContainer';
 import CaseAttachment from './CaseAttachment';
-import CaseComments from './CaseComments';
+import CaseComments, { AUTOMATED_SUPPORT_ASSISTANT } from './CaseComments';
 // import CaseExternalTrackerUpdate from './CaseExternalTrackerUpdate';
 import { CommentSearch } from './CommentSearch';
 import { PostComment } from './PostComment';
 /** Threshold above which comments render in a virtualized (windowed) list for performance. */
 const VC_MINIMUM_COMMENT = 150;
 export default function CaseDiscussion(props) {
-    var _a;
     const { t } = useTranslation();
     const { isPostingRemoteRequestCommentCompleted, product, version, caseSalesforceId } = useCaseSelector((state) => ({
         isPostingRemoteRequestCommentCompleted: state.isPostingRemoteRequestCommentCompleted,
@@ -55,7 +54,7 @@ export default function CaseDiscussion(props) {
     const { sort, discussionFiltersListState, replyingToAuthor, replyingToTimestamp } = useCaseDiscussionTabStateContext();
     const { globalMetadataState: { navBarRef, loggedInUsersAccount }, } = useGlobalStateContext();
     const dispatchDiscussion = useCaseDiscussionTabDispatchContext();
-    const { caseDetailsPageState: { caseAttachmentHydra }, } = useCaseDetailsPageStateContext();
+    const { caseDetailsPageState: { caseAttachmentHydra, caseFeedbacksHydra }, } = useCaseDetailsPageStateContext();
     const dispatchCaseDetailsHydraAttachments = useCaseDetailsPageDispatchContext();
     const caseDispatch = useCaseDispatch();
     const apolloClient = useApolloClient();
@@ -81,6 +80,7 @@ export default function CaseDiscussion(props) {
     const [selectedFilterItems, setSelectedFilterItems] = useState([]);
     const [isSortOpen, setIsSortOpen] = useState(false);
     const [sortSelected, setSortSelected] = useState('Select a value');
+    const [localFeedbackOverrides, setLocalFeedbackOverrides] = useState({});
     const { hasNextPage, isLoadingMore, loadMoreError, fetchMore } = props;
     const isCommentFilterActive = discussionFiltersListState.some((f) => (f.value === DiscussionType.COMMENT || f.value === DiscussionType.ALL) && f.isSelected);
     useEffect(() => {
@@ -111,13 +111,20 @@ export default function CaseDiscussion(props) {
     const cellMeasureCache = cellMeasureCacheRef.current;
     const allDiscussions = useMemo(() => {
         var _a, _b, _c;
+        const feedbacks = caseFeedbacksHydra.data || [];
         const allComments = (props.caseComments || [])
             .filter((comment) => comment.isDraft === false)
-            .map((comment) => ({
-            item: Object.assign(Object.assign({}, comment), { isPublic: comment.isPublic === undefined ? true : comment.isPublic, last_modified_date: comment.lastModifiedDate || comment.createdDate }),
-            discussionType: DiscussionType.COMMENT,
-            last_modified_date: comment.lastModifiedDate || comment.createdDate,
-        }));
+            .map((comment) => {
+            var _a, _b;
+            const localOverride = localFeedbackOverrides[comment.id];
+            return {
+                item: Object.assign(Object.assign({}, comment), { isPublic: comment.isPublic === undefined ? true : comment.isPublic, last_modified_date: comment.lastModifiedDate || comment.createdDate }),
+                discussionType: DiscussionType.COMMENT,
+                last_modified_date: comment.lastModifiedDate || comment.createdDate,
+                feedback: (_a = localOverride === null || localOverride === void 0 ? void 0 : localOverride.feedback) !== null && _a !== void 0 ? _a : commputeFeedback(comment.id, feedbacks),
+                feedbackReason: (_b = localOverride === null || localOverride === void 0 ? void 0 : localOverride.feedbackReason) !== null && _b !== void 0 ? _b : computeFeedbackReason(comment.id, feedbacks),
+            };
+        });
         let allAttachments = canSeeAttachments
             ? (caseAttachmentHydra.data || [])
                 .filter((attachment) => (attachment === null || attachment === void 0 ? void 0 : attachment.lastModifiedDate) || (attachment === null || attachment === void 0 ? void 0 : attachment.createdDate))
@@ -143,12 +150,21 @@ export default function CaseDiscussion(props) {
         }
         const merged = [...allComments, ...allAttachments];
         return orderBy(merged, ['last_modified_date', (d) => { var _a; return (_a = d.item.id) !== null && _a !== void 0 ? _a : ''; }], [(_b = sort === null || sort === void 0 ? void 0 : sort.sortOrder) !== null && _b !== void 0 ? _b : 'desc', (_c = sort === null || sort === void 0 ? void 0 : sort.sortOrder) !== null && _c !== void 0 ? _c : 'desc']);
-    }, [props.caseComments, caseAttachmentHydra.data, canSeeAttachments, sort, props.hasNextPage]);
+    }, [
+        props.caseComments,
+        caseAttachmentHydra.data,
+        caseFeedbacksHydra.data,
+        localFeedbackOverrides,
+        canSeeAttachments,
+        sort,
+        props.hasNextPage,
+    ]);
     const usedPaginationRef = useRef(false);
     if (props.hasNextPage || props.isLoadingMore) {
         usedPaginationRef.current = true;
     }
     const shouldRenderRVComponent = !isExportingPDF && allDiscussions.length > VC_MINIMUM_COMMENT && !usedPaginationRef.current;
+    const hasAsaComment = (props.caseComments || []).some((comment) => (comment === null || comment === void 0 ? void 0 : comment.createdBy) === AUTOMATED_SUPPORT_ASSISTANT);
     const list = discussionFiltersListState.filter((f) => f.canSee);
     const computeFilterComment = () => {
         return filter(allDiscussions, (discussion) => {
@@ -164,21 +180,6 @@ export default function CaseDiscussion(props) {
     const isSearchResultEmpty = !isRefetching &&
         !isEmpty(searchCommentText) &&
         (searchResult.length === 0 || comuteSearchedComments.length === 0);
-    // DEBUG: track every render of CaseDiscussion
-    console.log('[CaseDiscussion] render', {
-        commentsLoading: props.commentsLoading,
-        isLoadingMore: props.isLoadingMore,
-        hasNextPage: props.hasNextPage,
-        loadMoreError: props.loadMoreError,
-        isRefetching,
-        isSearchResultEmpty,
-        allDiscussionsLen: allDiscussions.length,
-        filteredLen: computeFilteredComments.length,
-        searchedLen: comuteSearchedComments.length,
-        caseCommentsLen: (_a = props.caseComments) === null || _a === void 0 ? void 0 : _a.length,
-        inView,
-        isCommentFilterActive,
-    });
     const setVRCommentIndex = (cId) => {
         setCommentIndex(cId < 0 ? 0 : cId);
         setJumpToCommentClicked(true);
@@ -247,14 +248,25 @@ export default function CaseDiscussion(props) {
     useEffect(() => {
         if (isExportingPDF)
             return;
-        setDiscussions(dispatchDiscussion, props.caseComments, [], caseAttachmentHydra.data, [], [], discussionFiltersListState, false, false, canSeeAttachments, sort);
+        if (caseAttachmentHydra.isFetching || caseFeedbacksHydra.isFetching)
+            return;
+        setDiscussions(dispatchDiscussion, props.caseComments, [], caseAttachmentHydra.data, caseFeedbacksHydra.data, [], discussionFiltersListState, false, false, canSeeAttachments, sort);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [props.caseComments, caseAttachmentHydra, canSeeAttachments, sort]);
+    }, [props.caseComments, caseAttachmentHydra, caseFeedbacksHydra, canSeeAttachments, sort]);
     useEffect(() => {
         if (!caseAttachmentHydra.isFetching && caseAttachmentHydra.isError) {
             ToastNotification.addDangerMessage(t('There was an error loading attachments.'));
         }
-    }, [caseAttachmentHydra.isFetching, caseAttachmentHydra.isError, t]);
+        if (!caseFeedbacksHydra.isFetching && caseFeedbacksHydra.isError) {
+            ToastNotification.addDangerMessage(t('There was an error loading feedback.'));
+        }
+    }, [
+        caseAttachmentHydra.isFetching,
+        caseAttachmentHydra.isError,
+        caseFeedbacksHydra.isFetching,
+        caseFeedbacksHydra.isError,
+        t,
+    ]);
     const onCommentAdded = () => __awaiter(this, void 0, void 0, function* () {
         try {
             yield props.refetchComments();
@@ -264,6 +276,9 @@ export default function CaseDiscussion(props) {
         }
         dtmTrackEventCaseStepEncountered('comment', caseNumber, product, version);
     });
+    const onFeedbackUpdate = (comment_id, feedback, feedbackReason) => {
+        setLocalFeedbackOverrides((prev) => (Object.assign(Object.assign({}, prev), { [comment_id]: { feedback, feedbackReason } })));
+    };
     const onReply = (author, commentId, timestamp) => {
         setReplyingTo(dispatchDiscussion, author, commentId, timestamp);
         scrollIntoView(props.tabRef, { navBarRef, timeout: 0, onlyIfNotInViewport: true, offset: 30 });
@@ -386,7 +401,7 @@ export default function CaseDiscussion(props) {
         if (isEmpty(discussion) || isEmpty(discussion.item))
             return null;
         return (React.createElement("div", { "data-tracking-id": "discussion-elements", key: discussion.item.id },
-            discussion.discussionType === DiscussionType.COMMENT && (React.createElement(CaseComments, { caseNumber: caseNumber, ref: discussionIdFromUrl === discussion.item.id ? activeDiscussionElementRef : null, comment: discussion.item, onFeedBackUpdate: () => { }, feedback: discussion.feedback, accountNumber: props.accountNumber, onReply: onReply, showJumpToComment: !isEmpty(searchCommentText), onJumpToComment: onJumpToComment, downloadAttachment: downloadAttachment })),
+            discussion.discussionType === DiscussionType.COMMENT && (React.createElement(CaseComments, { caseNumber: caseNumber, ref: discussionIdFromUrl === discussion.item.id ? activeDiscussionElementRef : null, comment: discussion.item, onFeedBackUpdate: onFeedbackUpdate, feedback: discussion.feedback, feedbackReason: discussion.feedbackReason, accountNumber: props.accountNumber, onReply: onReply, showJumpToComment: !isEmpty(searchCommentText), onJumpToComment: onJumpToComment, downloadAttachment: downloadAttachment })),
             discussion.discussionType === DiscussionType.ATTACHMENT && (React.createElement(CaseAttachment, { attachment: discussion.item, onAttachmentRemove: onAttachmentRemove, onMetadataUpdate: onMetadataUpdate, showJumpToComment: !isEmpty(searchCommentText), onJumpToComment: onJumpToComment, downloadAttachment: downloadAttachment, ref: discussionIdFromUrl === discussion.item.id ? activeDiscussionElementRef : null }))));
     };
     const rowRenderer = ({ index, parent, key, style, }) => {
@@ -482,28 +497,11 @@ export default function CaseDiscussion(props) {
     };
     const onSortToggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: onSortToggleClick, isExpanded: isSortOpen, isFullWidth: true }, sort.name));
     return (React.createElement(React.Fragment, null,
-        (() => {
-            const showInitialLoading = props.commentsLoading && allDiscussions.length === 0;
-            const showNoComments = !props.commentsLoading && !props.commentsError && allDiscussions.length === 0;
-            const showDiscussions = allDiscussions.length !== 0;
-            const showSkeleton = debouncedShowSkeleton;
-            const showNoMore = !props.hasNextPage &&
-                !props.isLoadingMore &&
-                !props.commentsLoading &&
-                !props.loadMoreError &&
-                comuteSearchedComments.length > 0;
-            console.log('[CaseDiscussion] RENDER DECISION', {
-                showInitialLoading,
-                showNoComments,
-                showDiscussions,
-                isRefetching,
-                showSkeleton,
-                showNoMore,
-                isSearchResultEmpty,
-                shouldRenderRVComponent,
-            });
-            return null;
-        })(),
+        hasAsaComment && (React.createElement(Alert, { className: `asa-discussion-alert ${isExportingPDF ? 'hide-in-pdf' : ''}`, isInline: true, variant: "info", title: t('Important'), "data-tracking-id": "case-discussion-asa-notice" },
+            React.createElement(Trans, null,
+                "This feature uses AI technology to analyze interactions and provide you with support. Interactions may be used to improve Red Hat products or services. For more information about Red Hat's privacy practices, please refer to the",
+                ' ',
+                React.createElement("a", { href: "https://www.redhat.com/en/about/privacy-policy", target: "_blank", rel: "noopener noreferrer" }, "Red Hat Privacy Statement")))),
         React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading post comment section') } },
             React.createElement(AttachmentContextProvider, null,
                 React.createElement(PostComment, { caseNumber: caseNumber, allDiscussions: allDiscussions, onCommentAdded: onCommentAdded, onAttachmentAdded: onAttachmentAdded, onAttachmentRemove: onAttachmentRemove, replyingToAuthor: replyingToAuthor, replyingToTimestamp: replyingToTimestamp, onClearReply: onClearReply }))),

package/lib/esm/css/case.css

@@ -114,13 +114,21 @@ button,
     gap: 8px;
     font-size: 18px;
     font-weight: 500;
+    line-height: 1.2;
 }
 
-.support-comment.comment-automated .asa-comment-author-icon {
-    width: 1rem;
-    height: 1rem;
+.asa-comment-author {
+    display: inline-flex;
+    align-items: center;
+    min-width: 0;
+}
+
+.asa-comment-author-icon {
+    width: 16px;
+    height: 16px;
     flex-shrink: 0;
-    font-weight: bold;
+    display: block;
+    margin-right: 8px;
 }
 
 .support-comment.comment-automated .asa-comment-alert.pf-v6-c-alert {

package/lib/esm/hooks/useCaseComments/useCaseComments.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCaseComments.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useCaseComments/useCaseComments.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAOvE,OAAO,EAAuB,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvE,MAAM,WAAW,sBAAsB;IACnC,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;IACzB,OAAO,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IAChC,SAAS,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IAClC,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,aAAa,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;CACzC;AAgBD;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,EAC5B,MAAM,EACN,IAAI,EACJ,OAAO,EACP,KAAK,EACL,UAAU,EACV,KAAK,GACR,EAAE,uBAAuB,GAAG,sBAAsB,CA+GlD"}
+{"version":3,"file":"useCaseComments.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useCaseComments/useCaseComments.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAOvE,OAAO,EAAuB,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAEvE,MAAM,WAAW,sBAAsB;IACnC,QAAQ,EAAE,YAAY,EAAE,CAAC;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;IACzB,OAAO,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IAChC,SAAS,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IAClC,WAAW,EAAE,OAAO,CAAC;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,aAAa,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;CACzC;AAgBD;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,EAC5B,MAAM,EACN,IAAI,EACJ,OAAO,EACP,KAAK,EACL,UAAU,EACV,KAAK,GACR,EAAE,uBAAuB,GAAG,sBAAsB,CAkGlD"}

package/lib/esm/hooks/useCaseComments/useCaseComments.js

@@ -28,7 +28,7 @@ function buildCaseCommentsFilter(caseId, publicOnly) {
  * result so cache-and-network does not refetch and overwrite merged pages.
  */
 export function useCaseComments({ caseId, skip, orderBy, first, publicOnly, after, }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var _a, _b, _c, _d, _e;
     const canSeePrivateComments = ability.can(resourceActions.PATCH, resources.CASE_COMMENTS, CaseDiscussionFields.VIEW_PRIVATE_COMMENT);
     const shouldFilterPublicOnly = publicOnly !== null && publicOnly !== void 0 ? publicOnly : !canSeePrivateComments;
     const clampedFirst = clamp(first !== null && first !== void 0 ? first : DEFAULT_PAGE_SIZE, MIN_FIRST, MAX_FIRST);
@@ -52,18 +52,6 @@ export function useCaseComments({ caseId, skip, orderBy, first, publicOnly, afte
     const endCursor = (_e = pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.endCursor) !== null && _e !== void 0 ? _e : null;
     const isLoadingMore = networkStatus === NetworkStatus.fetchMore;
     const comments = useMemo(() => mapCaseCommentsResponse(data), [data]);
-    // DEBUG: track every render of the hook
-    const edgeCount = (_k = (_j = (_h = (_g = (_f = data === null || data === void 0 ? void 0 : data.redhat_support_uiapi) === null || _f === void 0 ? void 0 : _f.query) === null || _g === void 0 ? void 0 : _g.RedHatSupportCaseComment__c) === null || _h === void 0 ? void 0 : _h.edges) === null || _j === void 0 ? void 0 : _j.length) !== null && _k !== void 0 ? _k : 0;
-    console.log('[useCaseComments] render', {
-        networkStatus,
-        loading,
-        isLoadingMore,
-        hasNextPage,
-        endCursor: endCursor === null || endCursor === void 0 ? void 0 : endCursor.slice(0, 20),
-        edgeCount,
-        commentsMapped: comments.length,
-        fetchLocked: fetchLockRef.current,
-    });
     const fetchMore = useCallback(() => {
         if (fetchLockRef.current || !hasNextPage || !endCursor) {
             console.log('[useCaseComments] fetchMore SKIPPED', {

package/lib/esm/reducers/CaseDiscussionTabReducer.d.ts

@@ -10,6 +10,7 @@ export interface IDiscussion {
     last_modified_date: string;
     discussionType: string;
     feedback?: number;
+    feedbackReason?: string;
 }
 export declare enum DiscussionType {
     COMMENT = "comment",
@@ -48,10 +49,12 @@ export declare const setSort: (dispatch: DiscussionsReducerDispatchType, sort: I
 export declare const setReplyingTo: (dispatch: DiscussionsReducerDispatchType, author: string, commentId: string, timestamp: string) => void;
 export declare const clearReplyingTo: (dispatch: DiscussionsReducerDispatchType) => void;
 export declare const setFilter: (dispatch: DiscussionsReducerDispatchType, selected: string[], discussionFiltersListState: IFilter[]) => void;
+export declare const commputeFeedback: (commentId: string, feedbacks: ICommentFeedback[]) => number;
+export declare const computeFeedbackReason: (commentId: string, feedbacks: ICommentFeedback[]) => string | undefined;
 export declare const setDiscussions: (dispatch: DiscussionsReducerDispatchType, comments: ICaseComment[], chats: ICaseChat[], attachments: IAttachment[], feedbacks: ICommentFeedback[], trackerUpdates: Partial<unknown[]>, discussionFiltersListState: IFilter[], canSeeExternalTracker: boolean, canSeeChat: boolean, canSeeAttachments: boolean, sort?: ISort) => void;
 export declare const appendNewComments: (dispatch: DiscussionsReducerDispatchType, allComments: ICaseComment[], existingDiscussions: IDiscussion[], feedbacks: ICommentFeedback[], sort?: ISort) => void;
 export declare const updateAttacmentsAfterRemoval: (dispatch: DiscussionsReducerDispatchType, uuid_removed: string, allDiscussions: IDiscussion[], discussionFiltersListState: IFilter[]) => void;
-export declare const updateCommentStateFeedback: (dispatch: DiscussionsReducerDispatchType, comment_id: string, newFeedback: any, allDiscussions: IDiscussion[]) => Promise<void>;
+export declare const updateCommentStateFeedback: (dispatch: DiscussionsReducerDispatchType, comment_id: string, newFeedback: any, allDiscussions: IDiscussion[], feedbackReason?: string) => Promise<void>;
 export declare const updateAttachment: (dispatch: DiscussionsReducerDispatchType, uuid: string, newAttachment: any, allDiscussions: IDiscussion[]) => void;
 export declare const updateDiscussionStateAttachments: (dispatch: DiscussionsReducerDispatchType, caseNumber: string, allDiscussions: IDiscussion[], sort: ISort, discussionFiltersListState: IFilter[], dispatchCaseDetailsHydraAttachments: any, apolloClient: ApolloQueryClient, caseSalesforceId?: string, includeSecureSupport?: boolean) => Promise<void>;
 export {};

package/lib/esm/reducers/CaseDiscussionTabReducer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseDiscussionTabReducer.d.ts","sourceRoot":"","sources":["../../../src/reducers/CaseDiscussionTabReducer.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"CaseDiscussionTabReducer.d.ts","sourceRoot":"","sources":["../../../src/reducers/CaseDiscussionTabReducer.ts"],"names":[],"mappings":"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"}

package/lib/esm/reducers/CaseDiscussionTabReducer.js

@@ -132,10 +132,14 @@ export const setFilter = (dispatch, selected, discussionFiltersListState) => {
         dispatch({ type: DiscussionsConstants.updateDiscussionState, payload: { discussionFiltersListState } });
     }
 };
-const commputeFeedback = (commentId, feedbacks) => {
+export const commputeFeedback = (commentId, feedbacks) => {
     const feedback = feedbacks.filter((feedback) => feedback.commentId === commentId);
     return feedback.length === 0 ? undefined : parseInt(feedback[0].feedback);
 };
+export const computeFeedbackReason = (commentId, feedbacks) => {
+    const feedback = (feedbacks || []).find((item) => item.commentId === commentId);
+    return feedback === null || feedback === void 0 ? void 0 : feedback.feedbackReason;
+};
 export const setDiscussions = (dispatch, comments, chats, attachments, feedbacks, 
 // TODO: Uncomment when External Trackers has a functioning GraphQL endpoint
 // trackerUpdates: Partial<IExternalTrackerUpdate[]>,
@@ -160,6 +164,7 @@ canSeeExternalTracker, canSeeChat, canSeeAttachments, sort) => {
         discussionType: DiscussionType.COMMENT,
         last_modified_date: comment.lastModifiedDate || comment.createdDate,
         feedback: commputeFeedback(comment.id, feedbacks),
+        feedbackReason: computeFeedbackReason(comment.id, feedbacks),
     }));
     // TODO: Uncomment when External Trackers has a functioning GraphQL endpoint
     // const allExternalTrackers: IDiscussion[] = (trackerUpdates || []).map((externalUpdate) => ({
@@ -223,6 +228,7 @@ export const appendNewComments = (dispatch, allComments, existingDiscussions, fe
         discussionType: DiscussionType.COMMENT,
         last_modified_date: comment.lastModifiedDate || comment.createdDate,
         feedback: commputeFeedback(comment.id, feedbacks),
+        feedbackReason: computeFeedbackReason(comment.id, feedbacks),
     }));
     const sortOrder = (_a = sort === null || sort === void 0 ? void 0 : sort.sortOrder) !== null && _a !== void 0 ? _a : 'desc';
     const merged = sortOrder === 'desc'
@@ -247,10 +253,13 @@ export const updateAttacmentsAfterRemoval = (dispatch, uuid_removed, allDiscussi
     dispatch({ type: DiscussionsConstants.updateDiscussionState, payload: { discussionFiltersListState } });
     dispatch({ type: DiscussionsConstants.updateDiscussionState, payload: { allDiscussions } });
 };
-export const updateCommentStateFeedback = (dispatch, comment_id, newFeedback, allDiscussions) => __awaiter(void 0, void 0, void 0, function* () {
+export const updateCommentStateFeedback = (dispatch, comment_id, newFeedback, allDiscussions, feedbackReason) => __awaiter(void 0, void 0, void 0, function* () {
     const updateDiscussions = allDiscussions.map((discussion) => {
         if (discussion.discussionType === DiscussionType.COMMENT && discussion.item.id === comment_id) {
             discussion.feedback = newFeedback;
+            if (feedbackReason !== undefined) {
+                discussion.feedbackReason = feedbackReason;
+            }
         }
         return discussion;
     });

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.7.11",
+    "version": "2.7.13",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -52,11 +52,11 @@
         "@progress/kendo-licensing": "1.3.5",
         "@progress/kendo-react-pdf": "^5.16.0",
         "@redux-devtools/extension": "^3.3.0",
-        "@rh-support/components": "2.6.11",
-        "@rh-support/react-context": "2.6.11",
+        "@rh-support/components": "2.6.13",
+        "@rh-support/react-context": "2.6.13",
         "@rh-support/types": "2.0.26",
-        "@rh-support/user-permissions": "2.5.170",
-        "@rh-support/utils": "2.6.10",
+        "@rh-support/user-permissions": "2.6.11",
+        "@rh-support/utils": "2.6.11",
         "@types/react-redux": "^7.1.33",
         "@types/redux": "^3.6.0",
         "date-fns": "3.6.0",
@@ -129,5 +129,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "82183b4d60a1c2753ed4217ad9b93b71c0c7e661"
+    "gitHead": "62c47bc5a96582980baf93fe038f4a1129cabaaf"
 }