@rh-support/troubleshoot 2.6.355 → 2.6.358

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: (...args: any[]) => 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;;;EA4DxB"}

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

@@ -0,0 +1,60 @@
+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 '@patternfly/react-core';
+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* () {
+        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,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, secureSupport, onAttachmentAdded }: IProps): {
+export declare function useMarkdownFileUploader({ caseNumber, 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;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"}
+{"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"}

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

@@ -7,26 +7,33 @@ 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 { deleteCaseAttachment, pendoTrackEvent } 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) {
@@ -61,6 +68,9 @@ export function useMarkdownFileUploader({ caseNumber, secureSupport, onAttachmen
         isMarkdownFileUploadCanceled.current = true;
         setIsMarkdownFileUploadinProgress(false);
     };
+    const onFileSelect = (selectedImage) => {
+        pendoTrackEvent(markdownInlineFileSelectEvent);
+    };
     const onFileDelete = (attachment) => __awaiter(this, void 0, void 0, function* () {
         try {
             yield confirm({
@@ -73,7 +83,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);
             }
@@ -89,6 +99,7 @@ export function useMarkdownFileUploader({ caseNumber, secureSupport, onAttachmen
         isMarkdownFileUploadInProgress,
         isDeletingFile,
         isUploadingFile,
+        onFileSelect,
         onFileAttach,
         onFileDelete,
         cancelFileUpload,

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":"AA6BA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAQ7F,OAAO,EAAkB,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAqB5F,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,qBAuiBxC"}
+{"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"}