@rh-support/troubleshoot 2.6.361 → 2.6.364

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"}

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

@@ -7,33 +7,26 @@ 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 { 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, onAttachmentAdded }) {
+export function useMarkdownFileUploader({ caseNumber, secureSupport, 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 apolloClient = useApolloClient();
-    const { caseSalesforceId } = useCaseSelector((state) => ({
-        caseSalesforceId: state.caseDetails.id,
-    }));
-    const { request: deleteAttachmentRequest, isFetching: isDeletingFile } = useFetch(deleteCaseAttachment, {
+    const { request: deleteAttachmentRequest, isFetching: isDeletingFile } = useFetch(caseAttachments.deleteAttachment, {
         propgateErrors: true,
     });
     const { discussionFiltersListState, allDiscussions } = useCaseDiscussionTabStateContext();
     const dispatchDiscussion = useCaseDiscussionTabDispatchContext();
     const confirm = useConfirmation();
-    // TODO: Re-enable when Hydra/GraphQL attachment APIs support secure support again
-    // Previously: useS3Upload(caseNumber, secureSupport)
-    const { uploadFile, isUploadingFile } = useS3Upload(caseNumber, apolloClient, caseSalesforceId);
+    const { uploadFile, isUploadingFile } = useS3Upload(caseNumber, secureSupport);
     const markdownFileUploadListener = (progress, abort) => {
         // If user canceled upload then don't enable uploading label and abort
         if (isMarkdownFileUploadCanceled.current) {
@@ -68,9 +61,6 @@ export function useMarkdownFileUploader({ caseNumber, onAttachmentAdded }) {
         isMarkdownFileUploadCanceled.current = true;
         setIsMarkdownFileUploadinProgress(false);
     };
-    const onFileSelect = (selectedImage) => {
-        pendoTrackEvent(markdownInlineFileSelectEvent);
-    };
     const onFileDelete = (attachment) => __awaiter(this, void 0, void 0, function* () {
         try {
             yield confirm({
@@ -83,7 +73,7 @@ export function useMarkdownFileUploader({ caseNumber, onAttachmentAdded }) {
             });
             try {
                 ToastNotification.addInfoMessage(t('Deleting attachment: {{file}}', { file: attachment.fileName }));
-                yield deleteAttachmentRequest(attachment.caseNumber, attachment.uuid);
+                yield deleteAttachmentRequest(attachment.caseNumber, attachment.uuid, secureSupport);
                 ToastNotification.addSuccessMessage(t('Successfully deleted attachment: {{file}}', { file: attachment.fileName }));
                 updateAttacmentsAfterRemoval(dispatchDiscussion, attachment.uuid, allDiscussions, discussionFiltersListState);
             }
@@ -99,7 +89,6 @@ export function useMarkdownFileUploader({ caseNumber, onAttachmentAdded }) {
         isMarkdownFileUploadInProgress,
         isDeletingFile,
         isUploadingFile,
-        onFileSelect,
         onFileAttach,
         onFileDelete,
         cancelFileUpload,

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

@@ -2,20 +2,14 @@ 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;
-    /**
-     * 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.
-     */
+    onCommentClear?: () => void;
     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":"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"}
+{"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"}