@rh-support/troubleshoot 2.6.355 → 2.6.358

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

@@ -7,12 +7,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { caseAttachments } from '@cee-eng/hydrajs';
-import { Alert, MenuToggle, Select, SelectList, SelectOption } from '@patternfly/react-core';
+import { useApolloClient } from '@apollo/client/react';
+import { 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';
-import { dtmTrackEventCaseStepEncountered, getDropdownBtnPlaceholder, getUrlParsedParams, scrollIntoView, } from '@rh-support/utils';
+import { downloadCaseAttachment, dtmTrackEventCaseStepEncountered, getUrlParsedParams, scrollIntoView, } from '@rh-support/utils';
 import cloneDeep from 'lodash/cloneDeep';
 import filter from 'lodash/filter';
 import findIndex from 'lodash/findIndex';
@@ -26,16 +26,16 @@ import { AutoSizer, CellMeasurer, CellMeasurerCache, List, WindowScroller } from
 import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContext';
 import { useCaseDetailsPageDispatchContext, useCaseDetailsPageStateContext, } from '../../../../context/CaseDetailsPageContext';
 import { useCaseDiscussionTabDispatchContext, useCaseDiscussionTabStateContext, } from '../../../../context/CaseDiscussionTabContext';
-import { clearReplyComment, discussionSortOrderConst, DiscussionType, setCommentText, setDiscussions, setFilter, setSort, updateAttachment, updateAttacmentsAfterRemoval, updateCommentStateFeedback, updateDiscussionStateAttachments, updateDiscussionStateComments, } from '../../../../reducers/CaseDiscussionTabReducer';
+import { clearReplyingTo, discussionSortOrderConst, DiscussionType, setDiscussions, 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 CaseChat from './CaseChat';
-import CaseComments, { AUTOMATED_SUPPORT_ASSISTANT } from './CaseComments';
-import CaseExternalTrackerUpdate from './CaseExternalTrackerUpdate';
+import CaseComments 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;
 let cellMeasureCache = new CellMeasurerCache({
     fixedWidth: true,
@@ -43,30 +43,26 @@ let cellMeasureCache = new CellMeasurerCache({
 });
 export default function CaseDiscussion(props) {
     const { t } = useTranslation();
-    const { isPostingRemoteRequestCommentCompleted, screenSessionRequested, product, version } = useCaseSelector((state) => ({
+    const { isPostingRemoteRequestCommentCompleted, product, version, caseSalesforceId } = useCaseSelector((state) => ({
         isPostingRemoteRequestCommentCompleted: state.isPostingRemoteRequestCommentCompleted,
-        screenSessionRequested: state.caseDetails.screenSessionRequested,
         product: state.caseDetails.product,
         version: state.caseDetails.version,
+        caseSalesforceId: state.caseDetails.id,
     }), isEqual);
     const urlSearchParams = getUrlParsedParams(useLocation().search);
-    const discussionIdFromUrl = ((urlSearchParams === null || urlSearchParams === void 0 ? void 0 : urlSearchParams.commentId) ||
-        (urlSearchParams === null || urlSearchParams === void 0 ? void 0 : urlSearchParams.externalTrackerId) ||
-        (urlSearchParams === null || urlSearchParams === void 0 ? void 0 : urlSearchParams.attachmentId) ||
-        (urlSearchParams === null || urlSearchParams === void 0 ? void 0 : urlSearchParams.chatId));
+    const discussionIdFromUrl = ((urlSearchParams === null || urlSearchParams === void 0 ? void 0 : urlSearchParams.commentId) || (urlSearchParams === null || urlSearchParams === void 0 ? void 0 : urlSearchParams.attachmentId));
     const activeDiscussionElementRef = useRef(null);
-    const { sort, discussionFiltersListState, allDiscussions, replyCommentText, replyCommentCreator } = useCaseDiscussionTabStateContext();
-    const { globalMetadataState: { loggedInUsersAccount, navBarRef }, } = useGlobalStateContext();
+    const { sort, discussionFiltersListState, allDiscussions, replyingToAuthor, replyingToTimestamp } = useCaseDiscussionTabStateContext();
+    const { globalMetadataState: { navBarRef, loggedInUsersAccount }, } = useGlobalStateContext();
     const dispatchDiscussion = useCaseDiscussionTabDispatchContext();
-    const caseDispatch = useCaseDispatch();
-    const { caseDetailsPageState: { caseFeedbacksHydra, caseAttachmentHydra, caseExternalTrackersUpdate }, } = useCaseDetailsPageStateContext();
+    const { caseDetailsPageState: { caseAttachmentHydra }, } = useCaseDetailsPageStateContext();
     const dispatchCaseDetailsHydraAttachments = useCaseDetailsPageDispatchContext();
-    const { caseNumber } = props;
-    const activeElementId = useRef(null);
+    const caseDispatch = useCaseDispatch();
+    const apolloClient = useApolloClient();
     const ability = useContext(AbilityContext);
-    const canSeeExternalTracker = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_EXTERNAL_TRACKER);
-    const canSeeChat = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_CHAT);
     const canSeeAttachments = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_SEE_ATTACHMENTS);
+    const { caseNumber } = props;
+    const activeElementId = useRef(null);
     const listRef = React.useRef(null);
     const windowScrollerRef = React.useRef(null);
     const commentRef = React.useRef(null);
@@ -77,11 +73,7 @@ export default function CaseDiscussion(props) {
     const [isCommentSearchCleared, setIsCommentSearchCleared] = useState(false);
     const [isJumpToCommentClicked, setJumpToCommentClicked] = useState(false);
     const [canUpdateScrollTop, setCanUpdateScrollTop] = useState(true);
-    const [replyingToPrivateComment, setReplyingToPrivateComment] = useState(null);
-    // used for tracking comment section width changes
     const [discussionSectionWidth, setDiscussionSectionWidth] = useState(null);
-    const [isOpen, setIsOpen] = useState(false);
-    const [selectedFilterItems, setSelectedFilterItems] = useState([]);
     const [isSortOpen, setIsSortOpen] = useState(false);
     const [sortSelected, setSortSelected] = useState('Select a value');
     if (props.isDiscussionTab) {
@@ -90,19 +82,10 @@ export default function CaseDiscussion(props) {
             defaultHeight: 100,
         });
     }
-    const computeFilterComment = () => {
-        return filter(allDiscussions, (discussion) => {
-            const activeFilter = discussionFiltersListState.filter((filter) => filter.value === discussion.discussionType && filter.isSelected);
-            return activeFilter.length === 1 ? discussion : null;
-        });
-    };
     const shouldRenderRVComponent = !isExportingPDF && allDiscussions.length > VC_MINIMUM_COMMENT;
-    const hasAsaComment = (props.caseComments || []).some((comment) => (comment === null || comment === void 0 ? void 0 : comment.createdBy) === AUTOMATED_SUPPORT_ASSISTANT);
-    // filter comments on the basis of filterBy and search api
-    const computeFilteredComments = computeFilterComment();
     const comuteSearchedComments = searchResult.length === 0
-        ? cloneDeep(computeFilteredComments)
-        : filter([...computeFilteredComments], (o) => { var _a; return searchResult.indexOf((_a = o === null || o === void 0 ? void 0 : o.item) === null || _a === void 0 ? void 0 : _a.id) !== -1; });
+        ? cloneDeep(allDiscussions)
+        : filter([...allDiscussions], (o) => { var _a; return searchResult.indexOf((_a = o === null || o === void 0 ? void 0 : o.item) === null || _a === void 0 ? void 0 : _a.id) !== -1; });
     const isSearchResultEmpty = !isEmpty(searchCommentText) && (searchResult.length === 0 || comuteSearchedComments.length === 0);
     const setVRCommentIndex = (cId) => {
         setCommentIndex(cId < 0 ? 0 : cId);
@@ -121,8 +104,6 @@ export default function CaseDiscussion(props) {
         if (allDiscussions.length > VC_MINIMUM_COMMENT) {
             const commentIndex = findIndex([...comuteSearchedComments], (discussion) => discussion.item.id === discussionIdFromUrl);
             setVRCommentIndex(commentIndex);
-            // to fix scrolling to comment index when scrollTop value from window scroller is 0
-            // initial list items
             if (0 <= commentIndex && commentIndex <= 3) {
                 const offset = 80;
                 const scrollTopValue = ((_a = windowScrollerRef === null || windowScrollerRef === void 0 ? void 0 : windowScrollerRef.current) === null || _a === void 0 ? void 0 : _a._positionFromTop) - offset;
@@ -147,56 +128,37 @@ export default function CaseDiscussion(props) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [discussionIdFromUrl, allDiscussions, activeElementId.current]);
     useEffect(() => {
-        if (!caseAttachmentHydra.isFetching && caseAttachmentHydra.isError) {
-            ToastNotification.addDangerMessage(t(`There was an error loading attachments.`));
+        if (!isExportingPDF) {
+            setDiscussions(dispatchDiscussion, props.caseComments, [], caseAttachmentHydra.data, [], [], discussionFiltersListState, false, false, canSeeAttachments);
         }
-        if (!caseExternalTrackersUpdate.isFetching && caseExternalTrackersUpdate.isError) {
-            ToastNotification.addDangerMessage(t(`There was an error loading external trackers.`));
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [props.caseComments, caseAttachmentHydra, canSeeAttachments]);
+    useEffect(() => {
+        if (!caseAttachmentHydra.isFetching && caseAttachmentHydra.isError) {
+            ToastNotification.addDangerMessage(t('There was an error loading attachments.'));
         }
-        if (!caseFeedbacksHydra.isFetching && caseFeedbacksHydra.isError) {
-            console.log(`There was an error loading feedback.`);
+    }, [caseAttachmentHydra.isFetching, caseAttachmentHydra.isError, t]);
+    const onCommentAdded = () => __awaiter(this, void 0, void 0, function* () {
+        try {
+            yield props.refetchComments();
         }
-        // Attachments, feedbacks and external tracker updates apis are called in advance
-        if (!isExportingPDF &&
-            !caseAttachmentHydra.isFetching &&
-            !caseFeedbacksHydra.isFetching &&
-            !caseExternalTrackersUpdate.isFetching) {
-            setDiscussions(dispatchDiscussion, props.caseComments, props.caseChats, caseAttachmentHydra.data, caseFeedbacksHydra.data, caseExternalTrackersUpdate.data, discussionFiltersListState, canSeeExternalTracker, canSeeChat, canSeeAttachments);
+        catch (e) {
+            console.error('Failed to refetch comments:', e);
         }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [props.caseComments, caseAttachmentHydra, props.caseChats, caseFeedbacksHydra, caseExternalTrackersUpdate]);
-    const onAttachmentRemove = (uuid_removed) => {
-        updateAttacmentsAfterRemoval(dispatchDiscussion, uuid_removed, allDiscussions, discussionFiltersListState);
-    };
-    const onFeedbackUpdate = (comment_id, feedback, feedbackReason) => {
-        updateCommentStateFeedback(dispatchDiscussion, comment_id, feedback, allDiscussions, feedbackReason);
-    };
-    const onCommentAdded = () => __awaiter(this, void 0, void 0, function* () {
-        yield updateDiscussionStateComments(dispatchDiscussion, caseDispatch, caseNumber, allDiscussions, sort, caseFeedbacksHydra.data, discussionFiltersListState);
         dtmTrackEventCaseStepEncountered('comment', caseNumber, product, version);
     });
-    const onAttachmentAdded = () => __awaiter(this, void 0, void 0, function* () {
-        ToastNotification.addSuccessMessage(t('Attachment(s) uploaded successfully'));
-        yield updateDiscussionStateAttachments(dispatchDiscussion, caseNumber, allDiscussions, sort, loggedInUsersAccount.data.secureSupport, discussionFiltersListState, dispatchCaseDetailsHydraAttachments);
-    });
-    const onReply = (commentText, commentCreator, isPublic) => {
-        var _a;
-        setReplyingToPrivateComment(!isPublic);
-        setCommentText(dispatchDiscussion, commentText, commentCreator);
+    const onReply = (author, commentId, timestamp) => {
+        setReplyingTo(dispatchDiscussion, author, commentId, timestamp);
         scrollIntoView(props.tabRef, { navBarRef, timeout: 0, onlyIfNotInViewport: true, offset: 30 });
-        commentIndex !== -1 && setCommentIndex(-1);
-        isCommentSearchCleared && setIsCommentSearchCleared(false);
-        (_a = listRef === null || listRef === void 0 ? void 0 : listRef.current) === null || _a === void 0 ? void 0 : _a.scrollToPosition(0);
     };
-    const resetReplyComment = () => {
-        clearReplyComment(dispatchDiscussion);
-        setReplyingToPrivateComment(null);
+    const onClearReply = () => {
+        clearReplyingTo(dispatchDiscussion);
     };
+    /** Strips special chars to prevent regex injection, then HTML-escapes via DOM round-trip to prevent XSS. */
     const sanitizedSearchInput = (value) => {
         if (!value)
             return '';
         const sanitizedValue = value.replace(/[^a-zA-Z0-9]/g, '');
-        // To escape HTML-like characters (e.g., <, >, &) in sanitizedValue
         const div = document.createElement('div');
         div.textContent = sanitizedValue;
         return div.innerHTML;
@@ -210,10 +172,10 @@ export default function CaseDiscussion(props) {
         isCommentSearchCleared && setIsCommentSearchCleared(false);
     };
     const highlightSearchResults = (searchTerm) => {
+        // Delay allows the DOM (especially virtualized rows) to finish rendering before mark.js can highlight matches.
         setTimeout(() => {
-            // to mark attachment link button text
             if (!isEmpty(sanitizedSearchInput(searchTerm))) {
-                const sanitizedSearchTerm = sanitizedSearchInput(searchTerm); // Sanitize the search term
+                const sanitizedSearchTerm = sanitizedSearchInput(searchTerm);
                 document.querySelectorAll('button.attachment-download-btn').forEach((button) => {
                     var _a, _b;
                     if ((_a = button === null || button === void 0 ? void 0 : button.textContent) === null || _a === void 0 ? void 0 : _a.includes(sanitizedSearchTerm)) {
@@ -227,9 +189,6 @@ export default function CaseDiscussion(props) {
                 done: () => {
                     if (isEmpty(searchTerm))
                         return;
-                    // removed { separateWordSearch: false }
-                    // so the search term is split into individual words, and each word is matched separately.
-                    // Search Term: "frontend developer" Matches: Text containing "frontend" or "developer".
                     markInstance.mark(searchTerm);
                 },
             });
@@ -241,22 +200,26 @@ export default function CaseDiscussion(props) {
         highlightSearchResults('');
         setSearchResult([]);
         if (cId === discussionIdFromUrl) {
-            // reason to reset activeElementId if comment id is same in the url on click jump to comment button
-            // we need to re compute filtered comments after clear search results.
-            // it will call useEffect and will set virtual comment Index(setVRCommentIndex())
             activeElementId.current = '';
         }
     };
+    const onAttachmentRemove = (uuid_removed) => {
+        updateAttacmentsAfterRemoval(dispatchDiscussion, uuid_removed, allDiscussions, discussionFiltersListState);
+    };
+    const onAttachmentAdded = () => __awaiter(this, void 0, void 0, function* () {
+        var _a;
+        yield updateDiscussionStateAttachments(dispatchDiscussion, caseNumber, allDiscussions, sort, discussionFiltersListState, dispatchCaseDetailsHydraAttachments, apolloClient, caseSalesforceId, Boolean((_a = loggedInUsersAccount === null || loggedInUsersAccount === void 0 ? void 0 : loggedInUsersAccount.data) === null || _a === void 0 ? void 0 : _a.secureSupport));
+    });
     const onMetadataUpdate = (attachmentId, updatedAttachment) => {
         updateAttachment(dispatchDiscussion, attachmentId, updatedAttachment, allDiscussions);
     };
-    const downloadAttachment = (_a) => __awaiter(this, [_a], void 0, function* ({ caseNumber, uuid, name }) {
+    const downloadAttachment = ({ caseNumber: attachmentCaseNumber, uuid, name }) => {
         const tempToastId = ToastNotification.addInfoMessage(t('Starting file download'));
         try {
-            yield caseAttachments.downloadAttachmentS3(caseNumber, uuid, name, false, loggedInUsersAccount.data.secureSupport);
+            downloadCaseAttachment(attachmentCaseNumber, uuid, name);
         }
         catch (e) {
-            ToastNotification.addDangerMessage(t(`Could not download {{filename}}: {{error}}`, {
+            ToastNotification.addDangerMessage(t('Could not download {{filename}}: {{error}}', {
                 filename: name,
                 error: e === null || e === void 0 ? void 0 : e.message,
             }));
@@ -264,11 +227,7 @@ export default function CaseDiscussion(props) {
         finally {
             tempToastId && ToastNotification.clearToast(tempToastId);
         }
-    });
-    /**
-     * We need to clear the cell measurer cache if user resizes the window or discussion section width is changed
-     *  so that the height of the rows are re-calculated
-     */
+    };
     useEffect(() => {
         if (discussionSectionWidth && shouldRenderRVComponent) {
             cellMeasureCache && cellMeasureCache.clearAll();
@@ -283,7 +242,6 @@ export default function CaseDiscussion(props) {
         return (React.createElement(WindowScroller, { ref: windowScrollerRef, onScroll: handleScroll }, ({ height, registerChild, onChildScroll, isScrolling, scrollTop }) => {
             return (React.createElement("div", { ref: commentRef, "data-tracking-id": "vr-case-comments" },
                 React.createElement(AutoSizer, { disableHeight: true }, ({ width }) => {
-                    // setTimeout to update state in the next tick and avoid bad setState warnings
                     discussionSectionWidth !== width &&
                         setTimeout(() => setDiscussionSectionWidth(width), 0);
                     return (React.createElement("div", { ref: registerChild },
@@ -297,16 +255,19 @@ 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: 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 })),
-            discussion.discussionType === DiscussionType.CHAT && (React.createElement(CaseChat, { caseNumber: caseNumber, ref: discussionIdFromUrl === discussion.item.id ? activeDiscussionElementRef : null, chat: discussion.item, showJumpToComment: !isEmpty(searchCommentText), onJumpToComment: onJumpToComment })),
-            discussion.discussionType === DiscussionType.EXTERNAL_TRACKER && (React.createElement(CaseExternalTrackerUpdate, { caseNumber: caseNumber, ref: discussionIdFromUrl === discussion.item.id ? activeDiscussionElementRef : null, trackerUpdate: discussion.item, showJumpToComment: !isEmpty(searchCommentText), onJumpToComment: onJumpToComment }))));
+            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.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 }) => {
+    const rowRenderer = ({ index, parent, key, style, }) => {
         const discussion = comuteSearchedComments[index];
         return (React.createElement(CellMeasurer, { key: key, cache: cellMeasureCache, parent: parent, columnIndex: 0, rowIndex: index },
             React.createElement("div", { className: "comment-virtualized-row", key: key, style: style }, renderCaseCommentElement(discussion))));
     };
+    /**
+     * One-shot scroll override used after search/filter changes.
+     * Resets the virtualized list to the top, then yields control back to
+     * WindowScroller's default onChildScroll for subsequent scroll events.
+     */
     const customChildScroll = ({ scrollTop }) => {
         var _a;
         if (!canUpdateScrollTop) {
@@ -319,23 +280,25 @@ export default function CaseDiscussion(props) {
     };
     const handleScroll = ({ scrollTop }) => {
         var _a, _b, _c, _d, _e, _f;
-        // here we are doing couple of things
-        // 1. check scroll position on the first comment, 2. set scrollposition as par window top
-        // 3. if user click on jump to comment button then select row as per commentid and adding css class.
         isCommentSearchCleared && setIsCommentSearchCleared(false);
         if (listRef && commentRef) {
+            // Skip one scroll cycle after a search/filter reset to let customChildScroll re-sync
             if (!canUpdateScrollTop) {
                 setCanUpdateScrollTop(true);
                 return;
             }
             const commentTop = (_b = (_a = commentRef === null || commentRef === void 0 ? void 0 : commentRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.top;
+            // Re-apply search highlights on scroll since virtualized rows re-mount
             !isEmpty(searchCommentText) && highlightSearchResults(searchCommentText);
+            // Normal browsing or comment section visible above viewport — sync list position
             if (isEmpty(discussionIdFromUrl) || commentTop > 0) {
                 (_c = listRef === null || listRef === void 0 ? void 0 : listRef.current) === null || _c === void 0 ? void 0 : _c.scrollToPosition(commentTop > 0 ? 0 : Math.abs(commentTop));
             }
             else if (commentTop < 0 && !isEmpty(discussionIdFromUrl) && !isJumpToCommentClicked) {
+                // Deep-link navigation: let WindowScroller drive the list scroll position
                 (_d = listRef === null || listRef === void 0 ? void 0 : listRef.current) === null || _d === void 0 ? void 0 : _d.scrollToPosition(scrollTop);
             }
+            // After a "jump to comment" click, scroll the virtualized list to the target row
             if (isJumpToCommentClicked) {
                 (_e = listRef === null || listRef === void 0 ? void 0 : listRef.current) === null || _e === void 0 ? void 0 : _e.scrollToRow(commentIndex);
                 (_f = windowScrollerRef === null || windowScrollerRef === void 0 ? void 0 : windowScrollerRef.current) === null || _f === void 0 ? void 0 : _f.updatePosition();
@@ -343,7 +306,6 @@ export default function CaseDiscussion(props) {
             }
         }
     };
-    const list = discussionFiltersListState.filter((filter) => filter.canSee);
     useEffect(() => {
         if (isPostingRemoteRequestCommentCompleted) {
             onCommentAdded();
@@ -351,64 +313,33 @@ export default function CaseDiscussion(props) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [isPostingRemoteRequestCommentCompleted]);
-    const onToggleClick = (e) => {
-        e.stopPropagation();
-        setIsOpen(!isOpen);
-    };
     const onSortToggleClick = (e) => {
         e.stopPropagation();
         setIsSortOpen(!isSortOpen);
     };
-    const onFilterSelect = (_event, prevOption) => {
-        const isFilterSelected = !prevOption.isSelected; // to get updated state of changed filter
-        const prevSelectedFilters = list.filter((option) => option.isSelected && option.value !== prevOption.value); // to get previously selected filters
-        const prevSelectedFiltersValue = prevSelectedFilters.map((option) => option.value);
-        const newSelectedFilters = isFilterSelected // has all the selected values of filter with the updated selected filter state
-            ? [...prevSelectedFiltersValue, prevOption.value]
-            : prevSelectedFiltersValue;
-        setFilter(dispatchDiscussion, newSelectedFilters, discussionFiltersListState);
-        shouldRenderRVComponent && setCanUpdateScrollTop(false);
-        setSelectedFilterItems(prevSelectedFiltersValue);
-    };
-    const toggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: onToggleClick, isExpanded: isOpen, isFullWidth: true }, getDropdownBtnPlaceholder(t('Select a filter'), list.filter((i) => i.isSelected).map((i) => i.filterLabel), ' ', list.length, t('All comments'))));
-    const onSortSelect = (_event, selectedSort) => {
-        setSort(dispatchDiscussion, selectedSort, allDiscussions);
-        setSortSelected(selectedSort.value);
+    const onSortSelect = (_event, value) => {
+        const selectedSort = discussionSortOrderConst.find((option) => option.name === value);
+        if (selectedSort) {
+            setSort(dispatchDiscussion, selectedSort, allDiscussions);
+            setSortSelected(selectedSort.name);
+        }
         setIsSortOpen(false);
     };
     const onSortToggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: onSortToggleClick, isExpanded: isSortOpen, isFullWidth: true }, sort.name));
     return (React.createElement(React.Fragment, 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, commentText: replyCommentText, onCommentClear: resetReplyComment, commentCreator: replyCommentCreator, defaultIsPublic: replyingToPrivateComment === null ? replyingToPrivateComment : !replyingToPrivateComment }))),
-        React.createElement(LoadingIndicator, { className: "text-center", isInline: true, show: caseAttachmentHydra.isFetching ||
-                caseExternalTrackersUpdate.isFetching ||
-                caseFeedbacksHydra.isFetching ||
-                (screenSessionRequested && allDiscussions.length === 0) }),
-        !caseAttachmentHydra.isFetching &&
-            !caseFeedbacksHydra.isFetching &&
-            !caseExternalTrackersUpdate.isFetching &&
-            !screenSessionRequested &&
-            allDiscussions.length === 0 && React.createElement(Trans, null, "No comments"),
-        !caseAttachmentHydra.isFetching &&
-            !caseFeedbacksHydra.isFetching &&
-            !caseExternalTrackersUpdate.isFetching &&
-            allDiscussions.length !== 0 && (React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading comments. Try refreshing.') } },
+                React.createElement(PostComment, { caseNumber: caseNumber, allDiscussions: allDiscussions, onCommentAdded: onCommentAdded, onAttachmentAdded: onAttachmentAdded, onAttachmentRemove: onAttachmentRemove, replyingToAuthor: replyingToAuthor, replyingToTimestamp: replyingToTimestamp, onClearReply: onClearReply }))),
+        props.commentsLoading && allDiscussions.length === 0 && React.createElement(LoadingIndicator, { size: "sm" }),
+        props.commentsError && allDiscussions.length === 0 && (React.createElement(AlertMessage, { variant: AlertType.DANGER, show: true, title: t('Failed to load comments. Try refreshing.') })),
+        !props.commentsLoading && !props.commentsError && allDiscussions.length === 0 && (React.createElement(Trans, null, "No comments")),
+        allDiscussions.length !== 0 && (React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading comments. Try refreshing.') } },
             React.createElement("div", { className: `pfe-l-grid pfe-m-all-6-col pfe-m-gutters push-bottom ${isExportingPDF ? 'hide-in-pdf' : ''}` },
-                React.createElement("div", { className: "pfe-m-12-col" }, allDiscussions.length > 20 && (React.createElement(CommentSearch, { caseDiscussions: computeFilteredComments || [], onCommentSearch: onCaseCommentSearch, isCommentSearchCleared: isCommentSearchCleared }))),
-                React.createElement("span", { className: "push-top-narrow" },
-                    React.createElement("label", { htmlFor: "case-list-comments-dropdown", className: "pf-v6-u-mb-sm" }, t('Filter by')),
-                    React.createElement(Select, { "data-tracking-id": "discussions-filter-comments-dropdown", id: "case-list-comments-dropdown", role: "menu", isOpen: isOpen, selected: selectedFilterItems, onSelect: onFilterSelect, onOpenChange: (isOpen) => setIsOpen(isOpen), toggle: toggle, popperProps: { direction: 'down', enableFlip: false }, zIndex: 9 },
-                        React.createElement(SelectList, null, list.map((option) => (React.createElement(SelectOption, { hasCheckbox: true, value: option, isSelected: option.isSelected, isDisabled: option.isDisabled }, option.filterLabel)))))),
+                React.createElement("div", { className: "pfe-m-12-col" }, allDiscussions.length > 20 && (React.createElement(CommentSearch, { caseDiscussions: allDiscussions || [], onCommentSearch: onCaseCommentSearch, isCommentSearchCleared: isCommentSearchCleared }))),
                 React.createElement("span", { className: "push-top-narrow" },
                     React.createElement("label", { htmlFor: "se-discussion-sort", className: "pf-v6-u-mb-sm" }, t('Sort by')),
                     React.createElement(Select, { id: "se-discussion-sort", "data-tracking-id": "discussions-sort-dropdown", isOpen: isSortOpen, selected: sortSelected, onSelect: onSortSelect, onOpenChange: (isSortOpen) => setIsSortOpen(isSortOpen), toggle: onSortToggle, shouldFocusToggleOnSelect: true, popperProps: { direction: 'down', enableFlip: false }, zIndex: 9 },
-                        React.createElement(SelectList, null, discussionSortOrderConst.map((option) => (React.createElement(SelectOption, { value: option, isSelected: isEqual(sort.name, option.name) }, option.name))))))),
+                        React.createElement(SelectList, null, discussionSortOrderConst.map((option) => (React.createElement(SelectOption, { value: option.name, isSelected: isEqual(sort.name, option.name) }, option.name))))))),
             React.createElement("div", { className: "support-comment-section" }, !shouldRenderRVComponent &&
                 !isSearchResultEmpty &&
                 comuteSearchedComments.map((discussion, index) => {

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

@@ -1 +1 @@
-{"version":3,"file":"CommentSearch.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CommentSearch.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAkB,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAE5F,UAAU,MAAM;IACZ,eAAe,EAAE,WAAW,EAAE,CAAC;IAC/B,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE,sBAAsB,EAAE,OAAO,CAAC;CACnC;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,qBAgG1C"}
+{"version":3,"file":"CommentSearch.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CommentSearch.tsx"],"names":[],"mappings":"AASA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,OAAO,EAAkB,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAE5F,UAAU,MAAM;IACZ,eAAe,EAAE,WAAW,EAAE,CAAC;IAC/B,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE,sBAAsB,EAAE,OAAO,CAAC;CACnC;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,MAAM,qBA6G1C"}

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

@@ -46,18 +46,24 @@ export function CommentSearch(props) {
             }
             else if (discussion.discussionType === DiscussionType.ATTACHMENT) {
                 const caseAttachment = discussion.item;
-                const caseAttachmentText = `delete ${caseAttachment.modifiedBy} ${caseAttachment.description || ''} ${caseAttachment.lastModifiedDate} ${caseAttachment.checksum || ''} Attached file ${caseAttachment.fileName} ${humanizeSize(caseAttachment.size)} to this case.`;
+                const attachmentSizeBytes = caseAttachment.size > 0
+                    ? caseAttachment.size
+                    : caseAttachment.sizeKB > 0
+                        ? caseAttachment.sizeKB * 1024
+                        : 0;
+                const attachmentSizeText = attachmentSizeBytes > 0 ? humanizeSize(attachmentSizeBytes) : '';
+                const caseAttachmentText = `delete ${caseAttachment.modifiedBy} ${caseAttachment.description || ''} ${caseAttachment.lastModifiedDate} ${caseAttachment.checksum || ''} Attached file ${caseAttachment.fileName}${attachmentSizeText ? ` ${attachmentSizeText}` : ''} to this case.`;
                 searchApi.indexDocument(discussion.item.id, caseAttachmentText || '');
             }
             else if (discussion.discussionType === DiscussionType.CHAT) {
                 const caseChat = discussion.item;
                 const caseChatText = `Chat transcript ${caseChat.startTime} Between ${caseChat.agentName} and ${caseChat.visitorName} ${caseChat.body}`;
                 searchApi.indexDocument(discussion.item.id, caseChatText || '');
-            }
-            else if (discussion.discussionType === DiscussionType.EXTERNAL_TRACKER) {
-                const externalTracker = discussion.item;
-                const externalTrackerText = `${externalTracker.updateBy} ${externalTracker.createdDate} ${externalTracker.originatingSystem} ${externalTracker.body}`;
-                searchApi.indexDocument(discussion.item.id, externalTrackerText || '');
+                // TODO: Uncomment when External Trackers has a functioning GraphQL endpoint
+                // } else if (discussion.discussionType === DiscussionType.EXTERNAL_TRACKER) {
+                //     const externalTracker = discussion.item as IExternalTrackerUpdate;
+                //     const externalTrackerText = `${externalTracker.updateBy} ${externalTracker.createdDate} ${externalTracker.originatingSystem} ${externalTracker.body}`;
+                //     searchApi.indexDocument(discussion.item.id, externalTrackerText || '');
             }
         });
         try {
@@ -69,15 +75,22 @@ export function CommentSearch(props) {
         }
     });
     const computeCommentFooter = (comment) => {
-        if (!comment.isPublic) {
+        if (!comment.isPublic && comment.createdBy === 'Automated Support Assistant') {
+            return 'Private automated comment';
+        }
+        else if (!comment.isPublic) {
             return 'Private comment';
         }
+        else if (comment.createdBy === 'Automated Support Assistant') {
+            return 'Automated comment';
+        }
     };
     props.isCommentSearchCleared && !isEmpty(searchValue) && setSearchValue('');
     return (React.createElement("form", { onSubmit: handleSubmit },
         React.createElement("div", { className: "case-comment-input-container", "data-tracking-id": "case-comment-search" },
-            React.createElement(TextInput, { type: "search", value: searchValue, className: "pf-v6-u-mr-lg", placeholder: t('Search for a comment'), id: "case-comment-search", "aria-label": t('Search for a comment'), onChange: (_event, value) => onSearchValChange(value), "data-tracking-id": "case-comment-search-input" }),
-            searchValue && (React.createElement(Button, { icon: React.createElement(TimesIcon, null), onClick: clearSearchVal, className: "clear-btn", variant: "plain", "data-tracking-id": "case-comment-search-clear-button", "aria-label": t('Clear this search') })),
+            React.createElement("div", { className: "case-comment-search-input-wrapper" },
+                React.createElement(TextInput, { type: "search", value: searchValue, placeholder: t('Search for a comment'), id: "case-comment-search", "aria-label": t('Search for a comment'), onChange: (_event, value) => onSearchValChange(value), "data-tracking-id": "case-comment-search-input" }),
+                searchValue && (React.createElement(Button, { icon: React.createElement(TimesIcon, null), onClick: clearSearchVal, className: "clear-btn", variant: "plain", "data-tracking-id": "case-comment-search-clear-button", "aria-label": t('Clear this search') }))),
             React.createElement(Button, { variant: "secondary", type: "submit", "data-tracking-id": "case-comment-search-button" },
                 React.createElement(Trans, null, "Search")))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"DiscussionItemLink.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/DiscussionItemLink.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAE/E,UAAU,MAAM;IACZ,cAAc,EAAE,cAAc,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;CAClB;AASD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,qBA0B/C"}
+{"version":3,"file":"DiscussionItemLink.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/DiscussionItemLink.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAE/E,UAAU,MAAM;IACZ,cAAc,EAAE,cAAc,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;CAClB;AAUD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,qBAiC/C"}

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

@@ -7,7 +7,8 @@ const trackingIdMap = {
     [DiscussionType.CHAT]: 'chatid-link',
     [DiscussionType.ATTACHMENT]: 'attachmentid-link',
     [DiscussionType.COMMENT]: 'public-private-comment-link',
-    [DiscussionType.EXTERNAL_TRACKER]: 'externaltrackerid-link',
+    // TODO: Uncomment when External Trackers has a functioning GraphQL endpoint
+    // [DiscussionType.EXTERNAL_TRACKER]: 'externaltrackerid-link',
 };
 export function DiscussionItemLink(props) {
     const currentQuery = getUrlParsedParams(useLocation().search);
@@ -18,8 +19,14 @@ export function DiscussionItemLink(props) {
         };
         return getStringifiedParams(Object.assign(Object.assign({}, requiredQueries), newQueryObj));
     };
+    const handleClick = (e) => {
+        if (props.isCopyLink) {
+            e.preventDefault();
+        }
+        props.onClick();
+    };
     return (React.createElement(Link, { replace: true, to: {
             pathname: `/case/${props.caseNumber}/discussion`,
             search: getQueryString(),
-        }, className: "case-public-private-link", onClick: props.onClick, "data-tracking-id": `${!props.isCopyLink ? 'jumptocomment-' : 'case-'}${trackingIdMap[props.discussionType]}` }, props.children));
+        }, className: "case-public-private-link", onClick: handleClick, "data-tracking-id": `${!props.isCopyLink ? 'jumptocomment-' : 'case-'}${trackingIdMap[props.discussionType]}` }, props.children));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"JumpAndCopyLink.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/JumpAndCopyLink.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAG/E,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,cAAc,CAAC;CAClC;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,qBA8BrC;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"JumpAndCopyLink.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/JumpAndCopyLink.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAG/E,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,cAAc,CAAC;CAClC;AAQD,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,qBA+BrC;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}

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

@@ -4,13 +4,20 @@ import { useCopyToClipboard } from '@rh-support/components';
 import React, { useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import { DiscussionItemLink } from './DiscussionItemLink';
+function getAppBasePath() {
+    const path = window.location.pathname;
+    if (path.startsWith('/support-beta'))
+        return '/support-beta';
+    return '/support/cases';
+}
 function JumpAndCopyLink(props) {
     const { t } = useTranslation();
     const clipboardRefLink = useRef(null);
     const queryString = `${props.discussionType}Id=${props.cardId}`;
+    const basePath = getAppBasePath();
     const { clipboardText, copyToClipboard } = useCopyToClipboard(clipboardRefLink);
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", { ref: clipboardRefLink, style: { position: 'absolute', left: '-9999px' } }, `https://${window.location.host}/support/cases/#/case/${props.caseNumber}/discussion?${queryString}`),
+        React.createElement("div", { ref: clipboardRefLink, style: { position: 'absolute', left: '-9999px' } }, `https://${window.location.host}${basePath}/#/case/${props.caseNumber}/discussion?${queryString}`),
         React.createElement(DiscussionItemLink, { onClick: copyToClipboard, caseNumber: props.caseNumber, discussionType: props.discussionType, itemId: props.cardId, isCopyLink: true },
             React.createElement(Popover, { position: PopoverPosition.top, bodyContent: (hide) => React.createElement("div", null, clipboardText), hasAutoWidth: true, showClose: false },
                 React.createElement(LinkIcon, { title: t('Copy link') })))));

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/PostComment/useAttachmentUploadCompletion.d.ts

@@ -0,0 +1,29 @@
+import { Dispatch, MutableRefObject } from 'react';
+import { ICaseDetailsState } from '../../../../../reducers/CaseConstNTypes';
+interface UseAttachmentUploadCompletionParams {
+    isUploadingAttachments: boolean;
+    hasQueuedUploads: boolean;
+    hasAbortedOrFailed: boolean;
+    isUploadingAttachmentPrevious: MutableRefObject<boolean>;
+    batchSuccessCountRef: MutableRefObject<number>;
+    caseDispatch: Dispatch<any>;
+    apolloClient: {
+        query: (options: any) => Promise<any>;
+        mutate: (options: any) => Promise<any>;
+    };
+    caseNumber: string;
+    existingCaseDetails?: Partial<ICaseDetailsState>;
+    isInternal: boolean;
+    status: string | undefined;
+    resetAttachmentSection: () => void;
+    setCssCommentAgreed: (v: boolean) => void;
+    onAttachmentBatchAdded?: () => void;
+}
+/**
+ * Batch cleanup after uploads settle.
+ * Per-file success toasts fire immediately; discussion list refresh runs once here
+ * when the batch finishes so we avoid N full list refetches for N files.
+ */
+export declare function useAttachmentUploadCompletion({ isUploadingAttachments, hasQueuedUploads, hasAbortedOrFailed, isUploadingAttachmentPrevious, batchSuccessCountRef, caseDispatch, apolloClient, caseNumber, existingCaseDetails, isInternal, status, resetAttachmentSection, setCssCommentAgreed, onAttachmentBatchAdded, }: UseAttachmentUploadCompletionParams): void;
+export {};
+//# sourceMappingURL=useAttachmentUploadCompletion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useAttachmentUploadCompletion.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/PostComment/useAttachmentUploadCompletion.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAa,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,yCAAyC,CAAC;AAG5E,UAAU,mCAAmC;IACzC,sBAAsB,EAAE,OAAO,CAAC;IAChC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,6BAA6B,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACzD,oBAAoB,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC/C,YAAY,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC5B,YAAY,EAAE;QAAE,KAAK,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC,CAAC;QAAC,MAAM,EAAE,CAAC,OAAO,EAAE,GAAG,KAAK,OAAO,CAAC,GAAG,CAAC,CAAA;KAAE,CAAC;IAChG,UAAU,EAAE,MAAM,CAAC;IACnB,mBAAmB,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACjD,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,sBAAsB,EAAE,MAAM,IAAI,CAAC;IACnC,mBAAmB,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACvC;AAED;;;;GAIG;AACH,wBAAgB,6BAA6B,CAAC,EAC1C,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB,EAClB,6BAA6B,EAC7B,oBAAoB,EACpB,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,mBAAmB,EACnB,UAAU,EACV,MAAM,EACN,sBAAsB,EACtB,mBAAmB,EACnB,sBAAsB,GACzB,EAAE,mCAAmC,QAuBrC"}

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

@@ -0,0 +1,29 @@
+import { useEffect } from 'react';
+import { checkForCaseStatusToggleOnAttachOrComment } from '../../../../../reducers/CaseReducer';
+/**
+ * Batch cleanup after uploads settle.
+ * Per-file success toasts fire immediately; discussion list refresh runs once here
+ * when the batch finishes so we avoid N full list refetches for N files.
+ */
+export function useAttachmentUploadCompletion({ isUploadingAttachments, hasQueuedUploads, hasAbortedOrFailed, isUploadingAttachmentPrevious, batchSuccessCountRef, caseDispatch, apolloClient, caseNumber, existingCaseDetails, isInternal, status, resetAttachmentSection, setCssCommentAgreed, onAttachmentBatchAdded, }) {
+    useEffect(() => {
+        const justFinished = isUploadingAttachmentPrevious.current && !isUploadingAttachments && !hasQueuedUploads;
+        if (justFinished) {
+            if (batchSuccessCountRef.current > 0) {
+                batchSuccessCountRef.current = 0;
+                onAttachmentBatchAdded === null || onAttachmentBatchAdded === void 0 ? void 0 : onAttachmentBatchAdded();
+            }
+            if (!hasAbortedOrFailed) {
+                resetAttachmentSection();
+            }
+            void checkForCaseStatusToggleOnAttachOrComment(caseDispatch, isInternal, status, {
+                apolloClient,
+                caseNumber,
+                existingCaseDetails,
+            });
+            setCssCommentAgreed(false);
+        }
+        isUploadingAttachmentPrevious.current = isUploadingAttachments;
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isUploadingAttachments, hasQueuedUploads, hasAbortedOrFailed]);
+}