@rh-support/troubleshoot 2.7.1 → 2.7.11

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

@@ -46,7 +46,7 @@ const CaseExternalTrackerUpdate = React.forwardRef((props, ref) => {
                             React.createElement(Trans, null, " External tracker"))))))),
             !isPrivateUpdate() && props.trackerUpdate.customerVisible && (React.createElement("div", { className: "comment-note external-tracker-label" },
                 React.createElement(Trans, null, "External tracker"))),
-            React.createElement("span", { className: "pull-right pf-v5-l-flex pf-m-align-items-center" },
+            React.createElement("span", { className: "pull-right pf-v6-l-flex pf-m-align-items-center" },
                 props.showJumpToComment && (React.createElement(DiscussionItemLink, { onClick: onJumpToComment(props.trackerUpdate.id), discussionType: DiscussionType.EXTERNAL_TRACKER, itemId: props.trackerUpdate.id, caseNumber: caseNumber, isCopyLink: false },
                     React.createElement(Trans, null, "Jump to comment"))),
                 React.createElement(JumpAndCopyLink, { caseNumber: caseNumber, cardId: props.trackerUpdate.id, discussionType: DiscussionType.EXTERNAL_TRACKER })))));

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,17 @@
+import { Dispatch, SetStateAction } from 'react';
+interface UseCommentDraftsParams {
+    caseNumber: string;
+    loggedInUserSSO: string;
+    isInternal: boolean;
+    commentSignature: string;
+    canPostPrivateComments: boolean;
+    setCommentText: Dispatch<SetStateAction<string>>;
+    setIsPublic: Dispatch<SetStateAction<boolean>>;
+    applySignature: (text: string) => void;
+}
+export declare function useCommentDrafts({ caseNumber, loggedInUserSSO, isInternal, commentSignature, canPostPrivateComments, setCommentText, setIsPublic, applySignature, }: UseCommentDraftsParams): {
+    saveDraft: import("lodash").DebouncedFunc<(value: string, publicFlag: boolean) => Promise<void>>;
+    clearDraft: () => Promise<void>;
+};
+export {};
+//# sourceMappingURL=useCommentDrafts.d.ts.map

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

@@ -0,0 +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;sDAGmB,MAAM,cAAc,OAAO;;EA2DtE"}

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

@@ -0,0 +1,62 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import debounce from 'lodash/debounce';
+import { useEffect, useMemo } from 'react';
+import { CaseDetailsCacheNamespaces } from '../../../../../enums/cache';
+import { CaseDetailsCacheUtils } from '../../../../../utils/caseDetailsCacheUtils';
+export function useCommentDrafts({ caseNumber, loggedInUserSSO, isInternal, commentSignature, canPostPrivateComments, setCommentText, setIsPublic, applySignature, }) {
+    const saveDraft = useMemo(() => debounce(function (value, publicFlag) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const div = document.createElement('div');
+            div.innerHTML = value;
+            const plainText = (div.textContent || '').trim();
+            if (!plainText || plainText === commentSignature) {
+                return;
+            }
+            const { value: prevDraftComments = {} } = (yield CaseDetailsCacheUtils.get(CaseDetailsCacheNamespaces.COMMENTS_DRAFT.name, loggedInUserSSO)) || {};
+            prevDraftComments[caseNumber] = { text: value, privateFlag: !(publicFlag !== null && publicFlag !== void 0 ? publicFlag : true) };
+            CaseDetailsCacheUtils.set(CaseDetailsCacheNamespaces.COMMENTS_DRAFT.name, loggedInUserSSO, {
+                value: prevDraftComments,
+            });
+        });
+    }, 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, {
+            value: prevDraftComments,
+        });
+    });
+    useEffect(() => {
+        function loadDraft() {
+            return __awaiter(this, void 0, void 0, function* () {
+                var _a;
+                const { value: draftComments = {} } = (yield CaseDetailsCacheUtils.get(CaseDetailsCacheNamespaces.COMMENTS_DRAFT.name, loggedInUserSSO)) || {};
+                const draft = draftComments[caseNumber];
+                if (!((_a = draft === null || draft === void 0 ? void 0 : draft.text) === null || _a === void 0 ? void 0 : _a.trim()))
+                    return;
+                // Legacy guard: old drafts stored as plain text without HTML tags
+                let draftText = draft.text;
+                if (!/<[a-z][\s\S]*>/i.test(draftText)) {
+                    draftText = `<p>${draftText}</p>`;
+                }
+                setCommentText(draftText);
+                applySignature(draftText);
+                if (draft.privateFlag && canPostPrivateComments)
+                    setIsPublic(false);
+            });
+        }
+        loadDraft();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [commentSignature]);
+    return { saveDraft, clearDraft };
+}

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

@@ -2,10 +2,9 @@ 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, secureSupport, onAttachmentAdded }: IProps): {
+export declare function useMarkdownFileUploader({ caseNumber, onAttachmentAdded }: IProps): {
     isMarkdownFileUploadInProgress: boolean;
     isDeletingFile: boolean;
     isUploadingFile: boolean;

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;AAcxE,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;;;;;;+BAyDpD,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;AAcxE,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;;;;;;+BAwDrC,OAAO,CAAC,WAAW,CAAC;;EA2C/D"}

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

@@ -7,28 +7,32 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { caseAttachments } from '@cee-eng/hydrajs';
+import { useApolloClient } from '@apollo/client/react';
 import { ToastNotification, useConfirmation, useFetch } from '@rh-support/components';
-import { pendoTrackEvent } from '@rh-support/utils';
+import { deleteCaseAttachment } from '@rh-support/utils';
 import React, { useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
+import { useCaseSelector } from '../../../../../context/CaseContext';
 import { useCaseDiscussionTabDispatchContext, useCaseDiscussionTabStateContext, } from '../../../../../context/CaseDiscussionTabContext';
 import { useS3Upload } from '../../../../../hooks/useS3Upload';
 import { updateAttacmentsAfterRemoval } from '../../../../../reducers/CaseDiscussionTabReducer';
-import { markdownInlineFileSelectEvent } from '../../../../shared/Constants';
 export const FILE_SIZE_LIMIT = 2 * 1024 * 1000;
-export function useMarkdownFileUploader({ caseNumber, secureSupport, onAttachmentAdded }) {
+export function useMarkdownFileUploader({ caseNumber, onAttachmentAdded }) {
     const [isMarkdownFileUploadInProgress, setIsMarkdownFileUploadinProgress] = useState(false);
-    // We need one more state to check if user canceled current upload
-    // Reason to use `useRef` as we need up to date state value in callback
     const isMarkdownFileUploadCanceled = useRef(false);
-    const { request: deleteAttachmentRequest, isFetching: isDeletingFile } = useFetch(caseAttachments.deleteAttachment, {
+    const apolloClient = useApolloClient();
+    const { caseSalesforceId } = useCaseSelector((state) => ({
+        caseSalesforceId: state.caseDetails.id,
+    }));
+    const { request: deleteAttachmentRequest, isFetching: isDeletingFile } = useFetch(deleteCaseAttachment, {
         propgateErrors: true,
     });
     const { discussionFiltersListState, allDiscussions } = useCaseDiscussionTabStateContext();
     const dispatchDiscussion = useCaseDiscussionTabDispatchContext();
     const confirm = useConfirmation();
-    const { uploadFile, isUploadingFile } = useS3Upload(caseNumber, secureSupport);
+    // TODO: Re-enable when Hydra/GraphQL attachment APIs support secure support again
+    // Previously: useS3Upload(caseNumber, secureSupport)
+    const { uploadFile, isUploadingFile } = useS3Upload(caseNumber, apolloClient, caseSalesforceId);
     const markdownFileUploadListener = (progress, abort) => {
         // If user canceled upload then don't enable uploading label and abort
         if (isMarkdownFileUploadCanceled.current) {
@@ -63,9 +67,7 @@ export function useMarkdownFileUploader({ caseNumber, secureSupport, onAttachmen
         isMarkdownFileUploadCanceled.current = true;
         setIsMarkdownFileUploadinProgress(false);
     };
-    const onFileSelect = (selectedImage) => {
-        pendoTrackEvent(markdownInlineFileSelectEvent);
-    };
+    const onFileSelect = (selectedImage) => { };
     const onFileDelete = (attachment) => __awaiter(this, void 0, void 0, function* () {
         try {
             yield confirm({
@@ -78,7 +80,7 @@ export function useMarkdownFileUploader({ caseNumber, secureSupport, onAttachmen
             });
             try {
                 ToastNotification.addInfoMessage(t('Deleting attachment: {{file}}', { file: attachment.fileName }));
-                yield deleteAttachmentRequest(attachment.caseNumber, attachment.uuid, secureSupport);
+                yield deleteAttachmentRequest(attachment.caseNumber, attachment.uuid);
                 ToastNotification.addSuccessMessage(t('Successfully deleted attachment: {{file}}', { file: attachment.fileName }));
                 updateAttacmentsAfterRemoval(dispatchDiscussion, attachment.uuid, allDiscussions, discussionFiltersListState);
             }

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

@@ -2,14 +2,20 @@ import React from 'react';
 import { IDiscussion } from '../../../../reducers/CaseDiscussionTabReducer';
 interface IProps {
     caseNumber: string;
-    commentText?: string;
-    commentCreator?: string;
     onCommentAdded?: () => Promise<void>;
     onAttachmentAdded?: () => void;
     onAttachmentRemove?: (uuid: string) => void;
-    onCommentClear?: () => void;
+    /**
+     * Controls the initial visibility toggle state.
+     * - `true` / `false` — sets comment visibility to public/private.
+     * - `null` — resets to the default (public).
+     * - `undefined` — same as omitting the prop.
+     */
     defaultIsPublic?: boolean;
     allDiscussions: IDiscussion[];
+    replyingToAuthor?: string | null;
+    replyingToTimestamp?: string | null;
+    onClearReply?: () => void;
 }
 export declare function PostComment(props: IProps): React.JSX.Element;
 export {};

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":"AA8BA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAQ7F,OAAO,EAAkB,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAsB5F,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,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,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,WAAW,EAAE,CAAC;CACjC;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,qBA6iBxC"}
+{"version":3,"file":"PostComment.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/PostComment.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAO7F,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,qBAsbxC"}