@rh-support/troubleshoot 2.6.340 → 2.6.349

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 { useApolloClient } from '@apollo/client/react';
+import { caseAttachments } from '@cee-eng/hydrajs';
 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 { downloadCaseAttachment, dtmTrackEventCaseStepEncountered, getUrlParsedParams, scrollIntoView, } from '@rh-support/utils';
+import { dtmTrackEventCaseStepEncountered, getDropdownBtnPlaceholder, 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 { clearReplyingTo, discussionSortOrderConst, DiscussionType, setDiscussions, setReplyingTo, setSort, updateAttachment, updateAttacmentsAfterRemoval, updateDiscussionStateAttachments, } from '../../../../reducers/CaseDiscussionTabReducer';
+import { clearReplyComment, discussionSortOrderConst, DiscussionType, setCommentText, setDiscussions, setFilter, setSort, updateAttachment, updateAttacmentsAfterRemoval, updateCommentStateFeedback, updateDiscussionStateAttachments, updateDiscussionStateComments, } 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 from './CaseComments';
-// import CaseExternalTrackerUpdate from './CaseExternalTrackerUpdate';
+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,26 +43,30 @@ let cellMeasureCache = new CellMeasurerCache({
 });
 export default function CaseDiscussion(props) {
     const { t } = useTranslation();
-    const { isPostingRemoteRequestCommentCompleted, product, version, caseSalesforceId } = useCaseSelector((state) => ({
+    const { isPostingRemoteRequestCommentCompleted, screenSessionRequested, product, version } = 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.attachmentId));
+    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 activeDiscussionElementRef = useRef(null);
-    const { sort, discussionFiltersListState, allDiscussions, replyingToAuthor, replyingToTimestamp } = useCaseDiscussionTabStateContext();
-    const { globalMetadataState: { navBarRef, loggedInUsersAccount }, } = useGlobalStateContext();
+    const { sort, discussionFiltersListState, allDiscussions, replyCommentText, replyCommentCreator } = useCaseDiscussionTabStateContext();
+    const { globalMetadataState: { loggedInUsersAccount, navBarRef }, } = useGlobalStateContext();
     const dispatchDiscussion = useCaseDiscussionTabDispatchContext();
-    const { caseDetailsPageState: { caseAttachmentHydra }, } = useCaseDetailsPageStateContext();
-    const dispatchCaseDetailsHydraAttachments = useCaseDetailsPageDispatchContext();
     const caseDispatch = useCaseDispatch();
-    const apolloClient = useApolloClient();
-    const ability = useContext(AbilityContext);
-    const canSeeAttachments = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_SEE_ATTACHMENTS);
+    const { caseDetailsPageState: { caseFeedbacksHydra, caseAttachmentHydra, caseExternalTrackersUpdate }, } = useCaseDetailsPageStateContext();
+    const dispatchCaseDetailsHydraAttachments = useCaseDetailsPageDispatchContext();
     const { caseNumber } = props;
     const activeElementId = useRef(null);
+    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 listRef = React.useRef(null);
     const windowScrollerRef = React.useRef(null);
     const commentRef = React.useRef(null);
@@ -73,7 +77,11 @@ 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) {
@@ -82,10 +90,18 @@ 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;
+    // filter comments on the basis of filterBy and search api
+    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; });
+        ? 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 isSearchResultEmpty = !isEmpty(searchCommentText) && (searchResult.length === 0 || comuteSearchedComments.length === 0);
     const setVRCommentIndex = (cId) => {
         setCommentIndex(cId < 0 ? 0 : cId);
@@ -104,6 +120,8 @@ 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;
@@ -127,38 +145,57 @@ export default function CaseDiscussion(props) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [discussionIdFromUrl, allDiscussions, activeElementId.current]);
-    useEffect(() => {
-        if (!isExportingPDF) {
-            setDiscussions(dispatchDiscussion, props.caseComments, [], caseAttachmentHydra.data, [], [], discussionFiltersListState, false, false, canSeeAttachments);
-        }
-        // 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.'));
+            ToastNotification.addDangerMessage(t(`There was an error loading attachments.`));
         }
-    }, [caseAttachmentHydra.isFetching, caseAttachmentHydra.isError, t]);
-    const onCommentAdded = () => __awaiter(this, void 0, void 0, function* () {
-        try {
-            yield props.refetchComments();
+        if (!caseExternalTrackersUpdate.isFetching && caseExternalTrackersUpdate.isError) {
+            ToastNotification.addDangerMessage(t(`There was an error loading external trackers.`));
         }
-        catch (e) {
-            console.error('Failed to refetch comments:', e);
+        if (!caseFeedbacksHydra.isFetching && caseFeedbacksHydra.isError) {
+            console.log(`There was an error loading feedback.`);
         }
+        // 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);
+        }
+        // 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 onReply = (author, commentId, timestamp) => {
-        setReplyingTo(dispatchDiscussion, author, commentId, timestamp);
+    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);
         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 onClearReply = () => {
-        clearReplyingTo(dispatchDiscussion);
+    const resetReplyComment = () => {
+        clearReplyComment(dispatchDiscussion);
+        setReplyingToPrivateComment(null);
     };
-    /** 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;
@@ -172,10 +209,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);
+                const sanitizedSearchTerm = sanitizedSearchInput(searchTerm); // Sanitize the search term
                 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)) {
@@ -189,6 +226,9 @@ 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);
                 },
             });
@@ -200,26 +240,22 @@ 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 = ({ caseNumber: attachmentCaseNumber, uuid, name }) => {
+    const downloadAttachment = (_a) => __awaiter(this, [_a], void 0, function* ({ caseNumber, uuid, name }) {
         const tempToastId = ToastNotification.addInfoMessage(t('Starting file download'));
         try {
-            downloadCaseAttachment(attachmentCaseNumber, uuid, name);
+            yield caseAttachments.downloadAttachmentS3(caseNumber, uuid, name, false, loggedInUsersAccount.data.secureSupport);
         }
         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,
             }));
@@ -227,7 +263,11 @@ 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();
@@ -242,6 +282,7 @@ 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 },
@@ -255,19 +296,16 @@ export default function CaseDiscussion(props) {
         if (isEmpty(discussion) || isEmpty(discussion.item))
             return null;
         return (React.createElement("div", { "data-tracking-id": "discussion-elements", key: discussion.item.id },
-            discussion.discussionType === DiscussionType.COMMENT && (React.createElement(CaseComments, { caseNumber: caseNumber, ref: discussionIdFromUrl === discussion.item.id ? activeDiscussionElementRef : null, comment: discussion.item, onFeedBackUpdate: () => { }, feedback: discussion.feedback, accountNumber: props.accountNumber, onReply: onReply, showJumpToComment: !isEmpty(searchCommentText), onJumpToComment: onJumpToComment, downloadAttachment: downloadAttachment })),
-            discussion.discussionType === DiscussionType.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.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 }))));
     };
-    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) {
@@ -280,25 +318,23 @@ 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();
@@ -306,6 +342,7 @@ export default function CaseDiscussion(props) {
             }
         }
     };
+    const list = discussionFiltersListState.filter((filter) => filter.canSee);
     useEffect(() => {
         if (isPostingRemoteRequestCommentCompleted) {
             onCommentAdded();
@@ -313,33 +350,59 @@ 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 onSortSelect = (_event, value) => {
-        const selectedSort = discussionSortOrderConst.find((option) => option.name === value);
-        if (selectedSort) {
-            setSort(dispatchDiscussion, selectedSort, allDiscussions);
-            setSortSelected(selectedSort.name);
-        }
+    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);
         setIsSortOpen(false);
     };
     const onSortToggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: onSortToggleClick, isExpanded: isSortOpen, isFullWidth: true }, sort.name));
     return (React.createElement(React.Fragment, 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")),
-        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, 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("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: 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("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(SelectList, null, discussionSortOrderConst.map((option) => (React.createElement(SelectOption, { value: option, 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":"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"}
+{"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"}

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

@@ -46,24 +46,18 @@ export function CommentSearch(props) {
             }
             else if (discussion.discussionType === DiscussionType.ATTACHMENT) {
                 const caseAttachment = discussion.item;
-                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.`;
+                const caseAttachmentText = `delete ${caseAttachment.modifiedBy} ${caseAttachment.description || ''} ${caseAttachment.lastModifiedDate} ${caseAttachment.checksum || ''} Attached file ${caseAttachment.fileName} ${humanizeSize(caseAttachment.size)} 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 || '');
-                // 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 || '');
+            }
+            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 || '');
             }
         });
         try {
@@ -75,22 +69,15 @@ export function CommentSearch(props) {
         }
     });
     const computeCommentFooter = (comment) => {
-        if (!comment.isPublic && comment.createdBy === 'Automated Support Assistant') {
-            return 'Private automated comment';
-        }
-        else if (!comment.isPublic) {
+        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("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(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(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;AAUD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,qBAiC/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;AASD,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,qBA0B/C"}

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

@@ -7,8 +7,7 @@ const trackingIdMap = {
     [DiscussionType.CHAT]: 'chatid-link',
     [DiscussionType.ATTACHMENT]: 'attachmentid-link',
     [DiscussionType.COMMENT]: 'public-private-comment-link',
-    // TODO: Uncomment when External Trackers has a functioning GraphQL endpoint
-    // [DiscussionType.EXTERNAL_TRACKER]: 'externaltrackerid-link',
+    [DiscussionType.EXTERNAL_TRACKER]: 'externaltrackerid-link',
 };
 export function DiscussionItemLink(props) {
     const currentQuery = getUrlParsedParams(useLocation().search);
@@ -19,14 +18,8 @@ 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: handleClick, "data-tracking-id": `${!props.isCopyLink ? 'jumptocomment-' : 'case-'}${trackingIdMap[props.discussionType]}` }, props.children));
+        }, className: "case-public-private-link", onClick: props.onClick, "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;AAQD,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,qBA+BrC;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;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,qBA8BrC;AAED,OAAO,EAAE,eAAe,EAAE,CAAC"}

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

@@ -4,20 +4,13 @@ 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}${basePath}/#/case/${props.caseNumber}/discussion?${queryString}`),
+        React.createElement("div", { ref: clipboardRefLink, style: { position: 'absolute', left: '-9999px' } }, `https://${window.location.host}/support/cases/#/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/useMarkdownFileUploader.d.ts

@@ -2,13 +2,13 @@ import { IAttachment } from '@cee-eng/hydrajs/@types/models/attachment';
 interface IProps {
     onAttachmentAdded: () => void;
     caseNumber: string;
+    secureSupport: boolean;
 }
 export declare const FILE_SIZE_LIMIT: number;
-export declare function useMarkdownFileUploader({ caseNumber, onAttachmentAdded }: IProps): {
+export declare function useMarkdownFileUploader({ caseNumber, secureSupport, onAttachmentAdded }: IProps): {
     isMarkdownFileUploadInProgress: boolean;
     isDeletingFile: boolean;
     isUploadingFile: boolean;
-    onFileSelect: (selectedImage: any) => void;
     onFileAttach: (files: any, isPublic: any) => Promise<void>;
     onFileDelete: (attachment: Partial<IAttachment>) => Promise<void>;
     cancelFileUpload: () => void;

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

@@ -1 +1 @@
-{"version":3,"file":"useMarkdownFileUploader.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/PostComment/useMarkdownFileUploader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAexE,UAAU,MAAM;IACZ,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,QAAkB,CAAC;AAE/C,wBAAgB,uBAAuB,CAAC,EAAE,UAAU,EAAE,iBAAiB,EAAE,EAAE,MAAM;;;;;;+BA0DrC,OAAO,CAAC,WAAW,CAAC;;EA2C/D"}
+{"version":3,"file":"useMarkdownFileUploader.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/PostComment/useMarkdownFileUploader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAYxE,UAAU,MAAM;IACZ,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,eAAe,QAAkB,CAAC;AAE/C,wBAAgB,uBAAuB,CAAC,EAAE,UAAU,EAAE,aAAa,EAAE,iBAAiB,EAAE,EAAE,MAAM;;;;;+BAqDpD,OAAO,CAAC,WAAW,CAAC;;EA0C/D"}