@rh-support/troubleshoot 2.6.357 → 2.6.361

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

@@ -8,25 +8,27 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { useApolloClient } from '@apollo/client/react';
-import { MenuToggle, Select, SelectList, SelectOption } from '@patternfly/react-core';
+import { 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';
-import { downloadCaseAttachment, dtmTrackEventCaseStepEncountered, getUrlParsedParams, scrollIntoView, } from '@rh-support/utils';
+import { downloadCaseAttachment, dtmTrackEventCaseStepEncountered, getDropdownBtnPlaceholder, getUrlParsedParams, scrollIntoView, } from '@rh-support/utils';
 import cloneDeep from 'lodash/cloneDeep';
 import filter from 'lodash/filter';
 import findIndex from 'lodash/findIndex';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
+import orderBy from 'lodash/orderBy';
 import Mark from 'mark.js';
-import React, { useContext, useEffect, useRef, useState } from 'react';
+import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
+import { useInView } from 'react-intersection-observer';
 import { useLocation } from 'react-router-dom';
 import { AutoSizer, CellMeasurer, CellMeasurerCache, List, WindowScroller } from 'react-virtualized';
 import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContext';
 import { useCaseDetailsPageDispatchContext, useCaseDetailsPageStateContext, } from '../../../../context/CaseDetailsPageContext';
 import { useCaseDiscussionTabDispatchContext, useCaseDiscussionTabStateContext, } from '../../../../context/CaseDiscussionTabContext';
-import { clearReplyingTo, discussionSortOrderConst, DiscussionType, setDiscussions, setReplyingTo, setSort, updateAttachment, updateAttacmentsAfterRemoval, updateDiscussionStateAttachments, } from '../../../../reducers/CaseDiscussionTabReducer';
+import { clearReplyingTo, 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';
@@ -37,11 +39,8 @@ 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,
-    defaultHeight: 100,
-});
 export default function CaseDiscussion(props) {
+    var _a;
     const { t } = useTranslation();
     const { isPostingRemoteRequestCommentCompleted, product, version, caseSalesforceId } = useCaseSelector((state) => ({
         isPostingRemoteRequestCommentCompleted: state.isPostingRemoteRequestCommentCompleted,
@@ -52,7 +51,7 @@ export default function CaseDiscussion(props) {
     const urlSearchParams = getUrlParsedParams(useLocation().search);
     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, replyingToAuthor, replyingToTimestamp } = useCaseDiscussionTabStateContext();
+    const { sort, discussionFiltersListState, replyingToAuthor, replyingToTimestamp } = useCaseDiscussionTabStateContext();
     const { globalMetadataState: { navBarRef, loggedInUsersAccount }, } = useGlobalStateContext();
     const dispatchDiscussion = useCaseDiscussionTabDispatchContext();
     const { caseDetailsPageState: { caseAttachmentHydra }, } = useCaseDetailsPageStateContext();
@@ -66,7 +65,9 @@ export default function CaseDiscussion(props) {
     const listRef = React.useRef(null);
     const windowScrollerRef = React.useRef(null);
     const commentRef = React.useRef(null);
+    const cellMeasureCacheRef = useRef(new CellMeasurerCache({ fixedWidth: true, defaultHeight: 100 }));
     const { isExportingPDF } = useContext(PDFContext);
+    const { ref: sentinelRef, inView } = useInView({ threshold: 0, rootMargin: '200px' });
     const [searchResult, setSearchResult] = useState([]);
     const [searchCommentText, setSearchCommentText] = useState('');
     const [commentIndex, setCommentIndex] = useState(-1);
@@ -74,19 +75,105 @@ export default function CaseDiscussion(props) {
     const [isJumpToCommentClicked, setJumpToCommentClicked] = useState(false);
     const [canUpdateScrollTop, setCanUpdateScrollTop] = useState(true);
     const [discussionSectionWidth, setDiscussionSectionWidth] = useState(null);
+    const [debouncedShowSkeleton, setDebouncedShowSkeleton] = useState(false);
+    const [isOpen, setIsOpen] = useState(false);
+    const [selectedFilterItems, setSelectedFilterItems] = useState([]);
     const [isSortOpen, setIsSortOpen] = useState(false);
     const [sortSelected, setSortSelected] = useState('Select a value');
-    if (props.isDiscussionTab) {
-        cellMeasureCache = new CellMeasurerCache({
-            fixedWidth: true,
-            defaultHeight: 100,
+    const { hasNextPage, isLoadingMore, loadMoreError, fetchMore } = props;
+    const isCommentFilterActive = discussionFiltersListState.some((f) => (f.value === DiscussionType.COMMENT || f.value === DiscussionType.ALL) && f.isSelected);
+    useEffect(() => {
+        console.log('[CaseDiscussion] fetchMore useEffect', {
+            inView,
+            hasNextPage,
+            isLoadingMore,
+            loadMoreError,
+            hasFetchMore: !!fetchMore,
+            isCommentFilterActive,
+            willFetch: inView && hasNextPage && !isLoadingMore && !loadMoreError && !!fetchMore && isCommentFilterActive,
         });
+        if (inView && hasNextPage && !isLoadingMore && !loadMoreError && fetchMore && isCommentFilterActive) {
+            fetchMore();
+        }
+    }, [inView, hasNextPage, isLoadingMore, loadMoreError, fetchMore, isCommentFilterActive]);
+    useEffect(() => {
+        if (props.isLoadingMore && props.hasNextPage) {
+            const timer = setTimeout(() => setDebouncedShowSkeleton(true), 300);
+            return () => clearTimeout(timer);
+        }
+        setDebouncedShowSkeleton(false);
+    }, [props.isLoadingMore, props.hasNextPage]);
+    const cellMeasureCache = cellMeasureCacheRef.current;
+    const allDiscussions = useMemo(() => {
+        var _a, _b, _c;
+        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,
+        }));
+        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))
+                .map((attachment) => ({
+                item: Object.assign(Object.assign({}, attachment), { lastModifiedDate: attachment.lastModifiedDate || attachment.createdDate }),
+                last_modified_date: (attachment.lastModifiedDate || attachment.createdDate),
+                discussionType: DiscussionType.ATTACHMENT,
+            }))
+            : [];
+        if (props.hasNextPage && allComments.length > 0) {
+            const sortOrder = (_a = sort === null || sort === void 0 ? void 0 : sort.sortOrder) !== null && _a !== void 0 ? _a : 'desc';
+            const commentDates = allComments.map((c) => c.last_modified_date).filter(Boolean);
+            if (commentDates.length > 0) {
+                if (sortOrder === 'desc') {
+                    const oldestLoaded = commentDates.reduce((min, d) => (d < min ? d : min));
+                    allAttachments = allAttachments.filter((a) => a.last_modified_date >= oldestLoaded);
+                }
+                else {
+                    const newestLoaded = commentDates.reduce((max, d) => (d > max ? d : max));
+                    allAttachments = allAttachments.filter((a) => a.last_modified_date <= newestLoaded);
+                }
+            }
+        }
+        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]);
+    const usedPaginationRef = useRef(false);
+    if (props.hasNextPage || props.isLoadingMore) {
+        usedPaginationRef.current = true;
     }
-    const shouldRenderRVComponent = !isExportingPDF && allDiscussions.length > VC_MINIMUM_COMMENT;
+    const shouldRenderRVComponent = !isExportingPDF && allDiscussions.length > VC_MINIMUM_COMMENT && !usedPaginationRef.current;
+    const list = discussionFiltersListState.filter((f) => f.canSee);
+    const computeFilterComment = () => {
+        return filter(allDiscussions, (discussion) => {
+            const activeFilter = discussionFiltersListState.filter((f) => f.value === discussion.discussionType && f.isSelected);
+            return activeFilter.length === 1 ? discussion : null;
+        });
+    };
+    const computeFilteredComments = computeFilterComment();
     const comuteSearchedComments = searchResult.length === 0
-        ? 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);
+        ? 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; });
+    const isRefetching = props.commentsLoading && !props.isLoadingMore;
+    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);
@@ -100,11 +187,15 @@ export default function CaseDiscussion(props) {
             (allDiscussions || []).length === 0) {
             return;
         }
+        const targetIndex = findIndex([...comuteSearchedComments], (discussion) => discussion.item.id === discussionIdFromUrl);
+        // Comment is on a later page — wait until keep-fetching brings it in.
+        if (targetIndex < 0) {
+            return;
+        }
         activeElementId.current = discussionIdFromUrl;
         if (allDiscussions.length > VC_MINIMUM_COMMENT) {
-            const commentIndex = findIndex([...comuteSearchedComments], (discussion) => discussion.item.id === discussionIdFromUrl);
-            setVRCommentIndex(commentIndex);
-            if (0 <= commentIndex && commentIndex <= 3) {
+            setVRCommentIndex(targetIndex);
+            if (targetIndex <= 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;
                 const scrollLeftValue = (_b = windowScrollerRef === null || windowScrollerRef === void 0 ? void 0 : windowScrollerRef.current) === null || _b === void 0 ? void 0 : _b._positionFromLeft;
@@ -126,13 +217,13 @@ export default function CaseDiscussion(props) {
                 });
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [discussionIdFromUrl, allDiscussions, activeElementId.current]);
+    }, [discussionIdFromUrl]);
     useEffect(() => {
-        if (!isExportingPDF) {
-            setDiscussions(dispatchDiscussion, props.caseComments, [], caseAttachmentHydra.data, [], [], discussionFiltersListState, false, false, canSeeAttachments);
-        }
+        if (isExportingPDF)
+            return;
+        setDiscussions(dispatchDiscussion, props.caseComments, [], caseAttachmentHydra.data, [], [], discussionFiltersListState, false, false, canSeeAttachments, sort);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [props.caseComments, caseAttachmentHydra, canSeeAttachments]);
+    }, [props.caseComments, caseAttachmentHydra, canSeeAttachments, sort]);
     useEffect(() => {
         if (!caseAttachmentHydra.isFetching && caseAttachmentHydra.isError) {
             ToastNotification.addDangerMessage(t('There was an error loading attachments.'));
@@ -238,6 +329,15 @@ export default function CaseDiscussion(props) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [discussionSectionWidth, shouldRenderRVComponent]);
+    useEffect(() => {
+        var _a;
+        if (shouldRenderRVComponent) {
+            cellMeasureCache.clearAll();
+            (_a = listRef.current) === null || _a === void 0 ? void 0 : _a.recomputeRowHeights();
+        }
+        usedPaginationRef.current = false;
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [sort]);
     const renderVRCommentElement = () => {
         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" },
@@ -313,6 +413,22 @@ export default function CaseDiscussion(props) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [isPostingRemoteRequestCommentCompleted]);
+    const onToggleClick = (e) => {
+        e.stopPropagation();
+        setIsOpen(!isOpen);
+    };
+    const onFilterSelect = (_event, prevOption) => {
+        const isFilterSelected = !prevOption.isSelected;
+        const prevSelectedFilters = list.filter((option) => option.isSelected && option.value !== prevOption.value);
+        const prevSelectedFiltersValue = prevSelectedFilters.map((option) => option.value);
+        const newSelectedFilters = isFilterSelected
+            ? [...prevSelectedFiltersValue, prevOption.value]
+            : prevSelectedFiltersValue;
+        setFilter(dispatchDiscussion, newSelectedFilters, discussionFiltersListState);
+        shouldRenderRVComponent && setCanUpdateScrollTop(false);
+        setSelectedFilterItems(prevSelectedFiltersValue);
+    };
+    const filterToggle = (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 onSortToggleClick = (e) => {
         e.stopPropagation();
         setIsSortOpen(!isSortOpen);
@@ -327,24 +443,83 @@ 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;
+        })(),
         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 }))),
         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")),
+        !props.commentsLoading && !props.commentsError && allDiscussions.length === 0 && (React.createElement("p", null,
+            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: allDiscussions || [], onCommentSearch: onCaseCommentSearch, isCommentSearchCleared: isCommentSearchCleared }))),
+                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: filterToggle, popperProps: { direction: 'down', enableFlip: false }, zIndex: 9 },
+                        React.createElement(SelectList, null, list.map((option) => (React.createElement(SelectOption, { key: option.value, hasCheckbox: true, value: option, isSelected: option.isSelected, isDisabled: option.isDisabled }, option.filterLabel)))))),
                 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.name, isSelected: isEqual(sort.name, option.name) }, option.name))))))),
-            React.createElement("div", { className: "support-comment-section" }, !shouldRenderRVComponent &&
-                !isSearchResultEmpty &&
-                comuteSearchedComments.map((discussion, index) => {
-                    return renderCaseCommentElement(discussion);
-                })),
-            isSearchResultEmpty && (React.createElement(AlertMessage, { variant: AlertType.WARNING, show: true, title: t('No result found') })),
-            shouldRenderRVComponent && !isSearchResultEmpty && renderVRCommentElement()))));
+                        React.createElement(SelectList, null, discussionSortOrderConst.map((option) => (React.createElement(SelectOption, { key: option.name, value: option.name, isSelected: isEqual(sort.name, option.name) }, option.name))))))),
+            React.createElement("div", { className: "support-comment-section" },
+                isRefetching && React.createElement(LoadingIndicator, { size: "sm" }),
+                !isRefetching &&
+                    !shouldRenderRVComponent &&
+                    !isSearchResultEmpty &&
+                    comuteSearchedComments.map((discussion, index) => {
+                        return renderCaseCommentElement(discussion);
+                    })),
+            isSearchResultEmpty && (React.createElement("p", { className: "infinite-scroll-end-status" },
+                React.createElement(Trans, null, "No results found"))),
+            !isRefetching && shouldRenderRVComponent && !isSearchResultEmpty && renderVRCommentElement(),
+            React.createElement("div", { ref: sentinelRef, "aria-hidden": "true", style: { height: 10, marginBottom: -10 } }),
+            debouncedShowSkeleton && (React.createElement("div", { className: "load-more-skeleton", role: "status", "aria-label": t('Loading more comments') },
+                React.createElement("div", { className: "load-more-skeleton__header" },
+                    React.createElement("div", { className: "load-more-skeleton__avatar" }),
+                    React.createElement("div", { className: "load-more-skeleton__name" }),
+                    React.createElement("div", { className: "load-more-skeleton__timestamp" })),
+                React.createElement("div", { className: "load-more-skeleton__body" },
+                    React.createElement("div", { className: "load-more-skeleton__line", style: { width: '100%' } }),
+                    React.createElement("div", { className: "load-more-skeleton__line", style: { width: '85%' } }),
+                    React.createElement("div", { className: "load-more-skeleton__line", style: { width: '60%' } })))),
+            props.loadMoreError && props.loadMoreRetryCount <= 1 && (React.createElement("div", { className: "infinite-scroll-footer-message" },
+                React.createElement(Button, { variant: "secondary", onClick: props.retryLoadMore, icon: React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "14", height: "14", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" },
+                        React.createElement("polyline", { points: "23 4 23 10 17 10" }),
+                        React.createElement("path", { d: "M20.49 15a9 9 0 1 1-2.12-9.36L23 10" })) },
+                    React.createElement(Trans, null, "try loading again")))),
+            props.loadMoreError && props.loadMoreRetryCount > 1 && (React.createElement("p", { className: "infinite-scroll-end-status" },
+                React.createElement(Trans, null, "We're having trouble loading your comments. Please refresh or"),
+                ' ',
+                React.createElement(Button, { variant: "link", isInline: true, onClick: props.retryLoadMore },
+                    React.createElement(Trans, null, "try again")),
+                ".")),
+            !props.hasNextPage &&
+                !props.isLoadingMore &&
+                !props.commentsLoading &&
+                !props.loadMoreError &&
+                comuteSearchedComments.length > 0 &&
+                props.retryLoadMore !== undefined && (React.createElement("p", { className: "infinite-scroll-end-status" },
+                React.createElement(Trans, null, "No more comments to load")))))));
 }

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

@@ -10,7 +10,7 @@ interface UseCommentDraftsParams {
     applySignature: (text: string) => void;
 }
 export declare function useCommentDrafts({ caseNumber, loggedInUserSSO, isInternal, commentSignature, canPostPrivateComments, setCommentText, setIsPublic, applySignature, }: UseCommentDraftsParams): {
-    saveDraft: (...args: any[]) => void;
+    saveDraft: import("lodash").DebouncedFunc<(value: string, publicFlag: boolean) => Promise<void>>;
     clearDraft: () => Promise<void>;
 };
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"useCommentDrafts.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/PostComment/useCommentDrafts.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAsB,MAAM,OAAO,CAAC;AAMrE,UAAU,sBAAsB;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,sBAAsB,EAAE,OAAO,CAAC;IAChC,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACjD,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/C,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAED,wBAAgB,gBAAgB,CAAC,EAC7B,UAAU,EACV,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,sBAAsB,EACtB,cAAc,EACd,WAAW,EACX,cAAc,GACjB,EAAE,sBAAsB;;;EA4DxB"}
+{"version":3,"file":"useCommentDrafts.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/PostComment/useCommentDrafts.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAsB,MAAM,OAAO,CAAC;AAMrE,UAAU,sBAAsB;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,gBAAgB,EAAE,MAAM,CAAC;IACzB,sBAAsB,EAAE,OAAO,CAAC;IAChC,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IACjD,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/C,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAED,wBAAgB,gBAAgB,CAAC,EAC7B,UAAU,EACV,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,sBAAsB,EACtB,cAAc,EACd,WAAW,EACX,cAAc,GACjB,EAAE,sBAAsB;sDAGmB,MAAM,cAAc,OAAO;;EA2DtE"}

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

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { debounce } from '@patternfly/react-core';
+import debounce from 'lodash/debounce';
 import { useEffect, useMemo } from 'react';
 import { CaseDetailsCacheNamespaces } from '../../../../../enums/cache';
 import { CaseDetailsCacheUtils } from '../../../../../utils/caseDetailsCacheUtils';
@@ -28,6 +28,8 @@ export function useCommentDrafts({ caseNumber, loggedInUserSSO, isInternal, comm
         });
     }, 500), [caseNumber, commentSignature, loggedInUserSSO]);
     const clearDraft = () => __awaiter(this, void 0, void 0, function* () {
+        // RTE onChange keeps scheduling saves; cancel so submit/reset cannot resurrect the draft.
+        saveDraft.cancel();
         const { value: prevDraftComments = {} } = (yield CaseDetailsCacheUtils.get(CaseDetailsCacheNamespaces.COMMENTS_DRAFT.name, loggedInUserSSO)) || {};
         delete prevDraftComments[caseNumber];
         CaseDetailsCacheUtils.set(CaseDetailsCacheNamespaces.COMMENTS_DRAFT.name, loggedInUserSSO, {

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

@@ -1 +1 @@
-{"version":3,"file":"PostComment.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/PostComment.tsx"],"names":[],"mappings":"AAUA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAOpF,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAmB5E,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,WAAW,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,qBAobxC"}
+{"version":3,"file":"PostComment.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/PostComment.tsx"],"names":[],"mappings":"AAUA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAOpF,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAmB5E,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,WAAW,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,qBAibxC"}

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

@@ -36,7 +36,6 @@ export function PostComment(props) {
     var _a, _b, _c, _d, _e, _f, _g;
     const { t } = useTranslation();
     let { caseNumber } = props;
-    const [isTextAreaFocused, setIsTextAreaFocused] = useState(false);
     const canPostPrivateComments = ability.can(resourceActions.PATCH, resources.CASE_COMMENTS, CaseDiscussionFields.POST_PRIVATE_COMMENT);
     const { createComment, loading: isPostingComment } = useCreateCaseComment();
     const dispatchToAttachmentReducer = useContext(AttachmentDispatchContext);
@@ -133,11 +132,10 @@ export function PostComment(props) {
         applySignature,
     });
     const resetCommentSection = () => __awaiter(this, void 0, void 0, function* () {
-        setCommentText('');
-        setIsTextAreaFocused(false);
-        resetIsPublic();
         yield clearDraft();
-        setCommentText(commentSignature ? `<p><br></p><p>${commentSignature}</p>` : '');
+        const resetText = commentSignature ? `<p><br></p><p>${commentSignature}</p>` : '';
+        setCommentText(resetText);
+        resetIsPublic();
     });
     const resetAttachmentSection = () => {
         resetAttachment(dispatchToAttachmentReducer);
@@ -259,18 +257,18 @@ export function PostComment(props) {
     const onFileUploadClick = () => {
         ToastNotification.addInfoMessage(t('Uploading Attachment(s)'));
     };
-    const onTextAreaBlur = () => {
-        if (!commentText)
-            setIsTextAreaFocused(false);
-    };
     const onCommentExceedCharsLimit = (lengthExceededNew) => {
         if (isCommentTooLong !== lengthExceededNew)
             setIsCommentTooLong(lengthExceededNew);
     };
     // Submit stays independent of attachment upload so comments can be posted mid-upload (PCM-15915).
-    const isSubmitDisabled = isCommentEmpty || isPostCommentDisabled || (isConfirmedStateSideSupport && !cssCommentAgreed) || isCaseReadOnly;
+    const isSubmitDisabled = isCommentEmpty ||
+        isPostCommentDisabled ||
+        isCommentTooLong ||
+        (isConfirmedStateSideSupport && !cssCommentAgreed) ||
+        isCaseReadOnly;
     return (React.createElement("div", { className: `pf-v6-u-mb-md ${isExportingPDF ? 'hide-in-pdf' : ''}`, ref: componentRef },
-        props.replyingToAuthor && (React.createElement("div", { className: "post-comment-reply-banner pf-v6-u-mb-sm", "data-tracking-id": "reply-banner" },
+        props.replyingToAuthor && (React.createElement("output", { className: "post-comment-reply-banner pf-v6-u-mb-sm", "aria-label": `Replying to ${props.replyingToAuthor}`, "data-tracking-id": "reply-banner" },
             React.createElement("span", null,
                 React.createElement(Trans, null, "Replying to"),
                 " ",
@@ -281,11 +279,7 @@ export function PostComment(props) {
                     ")"))),
             React.createElement(Button, { variant: ButtonVariant.plain, "aria-label": t('Cancel reply'), onClick: props.onClearReply, "data-tracking-id": "cancel-reply-button" },
                 React.createElement(TimesIcon, null)))),
-        React.createElement(RichTextEditor, { key: `${caseNumber}-${isCaseReadOnly}`, className: `${!isPublic && canPostPrivateComments ? 'is-private' : ''}`, disabled: isProcessing || isCaseReadOnly, hideToolbar: isCaseReadOnly, "aria-label": "comment text area", onFocus: () => {
-                if (isCaseReadOnly)
-                    return;
-                setIsTextAreaFocused(true);
-            }, onBlur: onTextAreaBlur, onChange: onCommentTextChange, value: commentText, height: isTextAreaFocused ? 313 : 120, onCharLimitExceeded: onCommentExceedCharsLimit, placeholder: !isPublic && canPostPrivateComments
+        React.createElement(RichTextEditor, { key: `${caseNumber}-${isCaseReadOnly}`, className: `${!isPublic && canPostPrivateComments ? 'is-private' : ''}`, disabled: isProcessing || isCaseReadOnly, hideToolbar: isCaseReadOnly, "aria-label": "comment text area", onChange: onCommentTextChange, value: commentText, height: 313, onCharLimitExceeded: onCommentExceedCharsLimit, placeholder: !isPublic && canPostPrivateComments
                 ? 'Add a comment or attach a file privately'
                 : 'Add a comment to this case', charLimit: 32000, onImageUpload: onImageUpload, bindEditor: (editor) => {
                 quillEditorRef.current = editor;
@@ -303,7 +297,7 @@ export function PostComment(props) {
                     React.createElement(PlusIcon, null),
                     " ",
                     React.createElement(Trans, null, "Attach files")) }),
-            React.createElement(Button, { className: "secondary-button-pill", "data-tracking-id": "postcomment-cancel-button", type: "button", variant: ButtonVariant.link, onClick: onCancelClick, isDisabled: isCommentEmpty || isProcessing || isCaseReadOnly },
+            React.createElement(Button, { className: "secondary-button-pill", "data-tracking-id": "postcomment-cancel-button", type: "button", variant: ButtonVariant.link, onClick: onCancelClick, isDisabled: isCommentSignatureMatch() || isProcessing || isCaseReadOnly },
                 React.createElement(Trans, null, "Cancel")),
             canPostPrivateComments && (React.createElement("span", { className: "post-comment-checkbox" },
                 React.createElement(Checkbox, { label: t('Private'), isChecked: !isPublic && canPostPrivateComments, isDisabled: isCaseReadOnly, onChange: handleCheckboxToggle, "aria-label": t('Private'), id: "private-comment", name: "private-comment", "data-tracking-id": "private-comment-checkbox" }))))),

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

@@ -1 +1 @@
-{"version":3,"file":"VerifyCaseStatusModal.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/VerifyCaseStatusModal/VerifyCaseStatusModal.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAa3E,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,qBAiJlD"}
+{"version":3,"file":"VerifyCaseStatusModal.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/VerifyCaseStatusModal/VerifyCaseStatusModal.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAa3E,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,qBA8IlD"}

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

@@ -71,7 +71,7 @@ export function VerifyCaseStatusModal(props) {
             }
             catch (e) {
                 setStatusUpdating(caseOverviewDispatch, false);
-                caseUpdateError.showError(e, t('Status failed to update, try refreshing the page. Please contact us if the problem persists.'));
+                caseUpdateError.showFieldError(e, t('Status'), () => updateStatusState(statusVal, onStatusUpdate));
             }
         }
         else {

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

@@ -1 +1 @@
-{"version":3,"file":"CaseHistory.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseHistory/CaseHistory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,GAAI,OAAO,MAAM,sBAQjC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"CaseHistory.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseHistory/CaseHistory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,GAAI,OAAO,MAAM,sBAYjC,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -1,9 +1,12 @@
-import React from 'react';
+import { GlobalMetadataStateContext } from '@rh-support/react-context';
+import React, { useContext } from 'react';
 import { useCaseSelector } from '../../../../context/CaseContext';
 import Timeline from './Timeline';
 const CaseHistory = (props) => {
     const sfdcCaseId = useCaseSelector((state) => { var _a; return (_a = state.caseDetails) === null || _a === void 0 ? void 0 : _a.id; });
+    const { globalMetadataState: { loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
+    const isViewerInternal = loggedInUserRights.data.isInternal();
     return (React.createElement("div", { className: "pf-v6-u-p-sm" },
-        React.createElement(Timeline, { caseNumber: props.caseNumber, sfdcCaseId: sfdcCaseId !== null && sfdcCaseId !== void 0 ? sfdcCaseId : '' })));
+        React.createElement(Timeline, { caseNumber: props.caseNumber, sfdcCaseId: sfdcCaseId !== null && sfdcCaseId !== void 0 ? sfdcCaseId : '', isViewerInternal: isViewerInternal })));
 };
 export default CaseHistory;

package/lib/esm/components/CaseEditView/Tabs/CaseHistory/Timeline.d.ts

@@ -33,7 +33,8 @@ export declare const transformApiResponseToTimelineData: (apiResponse: {
 interface ITimelineProps {
     caseNumber: string;
     sfdcCaseId: string | undefined;
+    isViewerInternal: boolean;
 }
-declare const Timeline: ({ caseNumber, sfdcCaseId }: ITimelineProps) => React.JSX.Element;
+declare const Timeline: ({ caseNumber, sfdcCaseId, isViewerInternal }: ITimelineProps) => React.JSX.Element;
 export default Timeline;
 //# sourceMappingURL=Timeline.d.ts.map

package/lib/esm/components/CaseEditView/Tabs/CaseHistory/Timeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseHistory/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AAsBxB,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,OAAO,EAAE,KAAK,kBAAkB,EAA0C,MAAM,iCAAiC,CAAC;AAElH,MAAM,WAAW,cAAc;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AACD,MAAM,WAAW,iBAAiB;IAC9B,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAmID;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,MAAM,kBAAkB,GAAG,IAAI,GAAG,SAAS,KAAG,MAU/E,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,kCAAkC,GAAI,aAAa;IAC5D,YAAY,EAAE,gBAAgB,EAAE,CAAC;CACpC,KAAG,iBAAiB,EAoDpB,CAAC;AAEF,UAAU,cAAc;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC;AAED,QAAA,MAAM,QAAQ,GAAI,4BAA4B,cAAc,sBAyU3D,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseHistory/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AAsBxB,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,KAAK,EAAwB,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAE7F,OAAO,EAAE,KAAK,kBAAkB,EAA0C,MAAM,iCAAiC,CAAC;AAElH,MAAM,WAAW,cAAc;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AACD,MAAM,WAAW,iBAAiB;IAC9B,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAmID;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,MAAM,kBAAkB,GAAG,IAAI,GAAG,SAAS,KAAG,MAU/E,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,kCAAkC,GAAI,aAAa;IAC5D,YAAY,EAAE,gBAAgB,EAAE,CAAC;CACpC,KAAG,iBAAiB,EAoDpB,CAAC;AAEF,UAAU,cAAc;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,gBAAgB,EAAE,OAAO,CAAC;CAC7B;AAED,QAAA,MAAM,QAAQ,GAAI,8CAA8C,cAAc,sBAgU7E,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/esm/components/CaseEditView/Tabs/CaseHistory/Timeline.js

@@ -120,12 +120,12 @@ export const transformApiResponseToTimelineData = (apiResponse) => {
     });
     return timelineEvents;
 };
-const Timeline = ({ caseNumber, sfdcCaseId }) => {
+const Timeline = ({ caseNumber, sfdcCaseId, isViewerInternal }) => {
     const { t } = useTranslation();
     const [timelineEvents, setTimelineEvents] = useState([]);
-    const [originalTimelineEvents, setOriginalTimelineEvents] = useState([]);
     const lastNodeRef = useRef(null);
-    const { historyItems, loading: isFetchingData, error } = useCaseHistory(sfdcCaseId);
+    const [sortOrder, setSortOrder] = useState('DESC');
+    const { historyItems, loading: isFetchingData, error } = useCaseHistory(sfdcCaseId, isViewerInternal, sortOrder);
     const fetchError = error ? t('Unable to connect') : null;
     const [dateValue, setDateValue] = useState('');
     const [searchValue, setSearchValue] = useState('');
@@ -155,16 +155,10 @@ const Timeline = ({ caseNumber, sfdcCaseId }) => {
         e.preventDefault();
         if (value !== selectedOrder) {
             setSelectedOrder(value);
-            reorderTimelineEvents(value);
+            setSortOrder(value === 'Newest to Oldest' ? 'DESC' : 'ASC');
         }
         setIsSelectOpen(false);
     };
-    // "Newest to Oldest" is the native API order (SF returns history newest-first).
-    // "Oldest to Newest" reverses it. Avatar logic must be reapplied after reorder.
-    const reorderTimelineEvents = (order) => {
-        const events = order === 'Newest to Oldest' ? [...originalTimelineEvents] : [...originalTimelineEvents].reverse();
-        setTimelineEvents(applyAvatarLogic(events));
-    };
     // Re-derives avatar/date-header boundaries after list mutations (filter, sort, paginate).
     const applyAvatarLogic = (events) => {
         let previousUser = null;
@@ -184,7 +178,6 @@ const Timeline = ({ caseNumber, sfdcCaseId }) => {
         if (historyItems.length > 0) {
             const transformedData = transformApiResponseToTimelineData({ historyItems });
             setTimelineEvents(transformedData);
-            setOriginalTimelineEvents(transformedData);
         }
     }, [historyItems]);
     const futureDateValidator = (date) => {

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

@@ -1 +1 @@
-{"version":3,"file":"CasePrivateNotes.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CasePrivateNotes/CasePrivateNotes.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAa/D,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAqHtC;kBArHQ,gBAAgB;;;sBARM,MAAM,GAAG,SAAS;;;AAgIjD,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"CasePrivateNotes.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CasePrivateNotes/CasePrivateNotes.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAa/D,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAyHtC;kBAzHQ,gBAAgB;;;sBARM,MAAM,GAAG,SAAS;;;AAoIjD,eAAe,gBAAgB,CAAC"}

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

@@ -49,8 +49,7 @@ function CasePrivateNotes(props) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [notes]);
-    const updateCase = (event) => __awaiter(this, void 0, void 0, function* () {
-        event.preventDefault();
+    const persistNotes = () => __awaiter(this, void 0, void 0, function* () {
         if (!props.caseNumber) {
             return;
         }
@@ -65,10 +64,14 @@ function CasePrivateNotes(props) {
             setIsUpdating(false);
         }
         catch (e) {
-            caseUpdateError.showError(e, t(`Failed to update notes`));
+            caseUpdateError.showFieldError(e, t('Private notes'), persistNotes);
             setIsUpdating(false);
         }
     });
+    const updateCase = (event) => __awaiter(this, void 0, void 0, function* () {
+        event.preventDefault();
+        yield persistNotes();
+    });
     const discardNotes = (event) => {
         event.preventDefault();
         setNotes(notes);

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

@@ -1 +1 @@
-{"version":3,"file":"CaseSummary.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseSummary/CaseSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAuB3B,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,sBA8LxC,CAAC"}
+{"version":3,"file":"CaseSummary.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseSummary/CaseSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAuB3B,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,sBA+LxC,CAAC"}

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

@@ -37,6 +37,7 @@ export const CaseSummary = (props) => {
     const { comments: caseComments } = useCaseComments({
         caseId: caseSalesforceId,
         skip: !caseSalesforceId,
+        first: 2000,
     });
     const { globalMetadataState: { loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
     const isInternal = (_b = (_a = loggedInUserRights === null || loggedInUserRights === void 0 ? void 0 : loggedInUserRights.data) === null || _a === void 0 ? void 0 : _a.isInternal) === null || _b === void 0 ? void 0 : _b.call(_a);