@rh-support/troubleshoot 2.7.1 → 2.7.10

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

@@ -0,0 +1,102 @@
+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 { Button, Form, FormGroup, FormHelperText, HelperText, HelperTextItem, Icon, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant, TextArea, ValidatedOptions, } from '@patternfly/react-core';
+import OutlinedFrownIcon from '@patternfly/react-icons/dist/js/icons/outlined-frown-icon';
+import OutlinedMehIcon from '@patternfly/react-icons/dist/js/icons/outlined-meh-icon';
+import OutlinedSmileIcon from '@patternfly/react-icons/dist/js/icons/outlined-smile-icon';
+import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
+import React, { useEffect, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+export const ASA_FEEDBACK_RATINGS = [
+    { value: -1, label: 'Unsatisfied', Icon: OutlinedFrownIcon },
+    { value: 0, label: 'Neutral', Icon: OutlinedMehIcon },
+    { value: 1, label: 'Satisfied', Icon: OutlinedSmileIcon },
+];
+export function AsaCommentFeedbackModal(props) {
+    var _a, _b;
+    const { t } = useTranslation();
+    const [selectedFeedback, setSelectedFeedback] = useState(props.initialFeedback);
+    const [feedbackReason, setFeedbackReason] = useState((_a = props.initialFeedbackReason) !== null && _a !== void 0 ? _a : '');
+    const [showRatingError, setShowRatingError] = useState(false);
+    const [showFeedbackTextError, setShowFeedbackTextError] = useState(false);
+    const trimmedFeedbackReason = feedbackReason.trim();
+    const savedFeedbackReason = (_b = props.initialFeedbackReason) !== null && _b !== void 0 ? _b : '';
+    const hasChanges = selectedFeedback !== props.initialFeedback || feedbackReason !== savedFeedbackReason;
+    const hasValidationError = showRatingError || showFeedbackTextError;
+    const isSubmitDisabled = props.isSubmitting || hasValidationError;
+    useEffect(() => {
+        var _a;
+        if (props.isOpen) {
+            setSelectedFeedback(props.initialFeedback);
+            setFeedbackReason((_a = props.initialFeedbackReason) !== null && _a !== void 0 ? _a : '');
+        }
+        setShowRatingError(false);
+        setShowFeedbackTextError(false);
+    }, [props.isOpen, props.initialFeedback, props.initialFeedbackReason]);
+    const handleClose = () => {
+        if (props.isSubmitting) {
+            return;
+        }
+        props.onClose();
+    };
+    const handleSubmit = (event) => __awaiter(this, void 0, void 0, function* () {
+        event.preventDefault();
+        if (selectedFeedback === undefined) {
+            setShowRatingError(true);
+            return;
+        }
+        if (trimmedFeedbackReason.length === 0) {
+            setShowFeedbackTextError(true);
+            return;
+        }
+        if (!hasChanges) {
+            return;
+        }
+        yield props.onSubmit(selectedFeedback, trimmedFeedbackReason);
+    });
+    return (React.createElement(Modal, { id: "asa-comment-feedback-modal", className: "asa-comment-feedback-modal", "aria-describedby": "asa-comment-feedback-modal-description", isOpen: props.isOpen, variant: ModalVariant.medium, onClose: handleClose },
+        React.createElement(ModalHeader, null,
+            React.createElement("div", { className: "asa-comment-feedback-modal-title-row" },
+                React.createElement("h2", { className: "asa-comment-feedback-modal-title" }, t('Send us your feedback')),
+                React.createElement(Button, { variant: "plain", icon: React.createElement(TimesIcon, null), "aria-label": t('Close'), onClick: handleClose, isDisabled: props.isSubmitting, className: "asa-comment-feedback-modal-close", "data-tracking-id": "case-asa-comment-feedback-close" }))),
+        React.createElement(ModalBody, null,
+            React.createElement("p", { id: "asa-comment-feedback-modal-description", className: "asa-comment-feedback-modal-description" },
+                React.createElement(Trans, null, "Let us know if you found a bug or if you have a suggestion to improve the web experience.")),
+            React.createElement(Form, { onSubmit: handleSubmit },
+                React.createElement(FormGroup, { label: t('How satisfied are you with generated Support AI assistant comment?'), isRequired: true, fieldId: "asa-comment-feedback-rating" },
+                    React.createElement("div", { className: "asa-feedback-rating-options", role: "radiogroup", "aria-labelledby": "asa-comment-feedback-rating", id: "asa-comment-feedback-rating" }, ASA_FEEDBACK_RATINGS.map((rating) => {
+                        const isSelected = selectedFeedback === rating.value;
+                        return (React.createElement("button", { key: rating.value, type: "button", className: `asa-feedback-rating-option${isSelected ? ' is-selected' : ''}`, "aria-pressed": isSelected, "aria-label": t(rating.label), "data-tracking-id": `case-asa-comment-feedback-${rating.label.toLowerCase()}`, disabled: props.isSubmitting, onClick: () => {
+                                setSelectedFeedback(rating.value);
+                                setShowRatingError(false);
+                            } },
+                            React.createElement(Icon, { size: "md" },
+                                React.createElement(rating.Icon, { "aria-hidden": "true" })),
+                            React.createElement("span", null,
+                                React.createElement(Trans, null, rating.label))));
+                    })),
+                    showRatingError && selectedFeedback === undefined && (React.createElement("p", { className: "form-instructions form-invalid pf-v6-u-mt-sm" },
+                        React.createElement(Trans, null, "Please select a value")))),
+                React.createElement(FormGroup, { label: t('How can we improve?'), isRequired: true, fieldId: "asa-comment-feedback-reason" },
+                    showFeedbackTextError && (React.createElement(FormHelperText, null,
+                        React.createElement(HelperText, null,
+                            React.createElement(HelperTextItem, { variant: ValidatedOptions.error }, t('Please enter your feedback'))))),
+                    React.createElement(TextArea, { id: "asa-comment-feedback-reason", name: "feedbackReason", value: feedbackReason, validated: showFeedbackTextError ? ValidatedOptions.error : ValidatedOptions.default, onChange: (_event, value) => {
+                            setShowFeedbackTextError(false);
+                            setFeedbackReason(value);
+                        }, placeholder: t('Describe your suggestion in details'), "aria-label": t('How can we improve?'), isDisabled: props.isSubmitting, resizeOrientation: "vertical" })),
+                React.createElement("p", { className: "asa-feedback-privacy" },
+                    React.createElement(Trans, null, "Do not include any personal information or other sensitive information in your feedback. Feedback may be used to improve Red Hat's products or Services.")))),
+        React.createElement(ModalFooter, null,
+            React.createElement(Button, { key: "confirm", variant: "primary", onClick: handleSubmit, isDisabled: isSubmitDisabled, isLoading: props.isSubmitting, spinnerAriaValueText: props.isSubmitting ? t('Sending feedback') : undefined, "data-tracking-id": "case-asa-comment-feedback-submit", "aria-label": t('Send Feedback') },
+                React.createElement(Trans, null, "Send Feedback")),
+            React.createElement(Button, { key: "cancel", variant: "link", onClick: handleClose, isDisabled: props.isSubmitting, "data-tracking-id": "case-asa-comment-feedback-cancel", "aria-label": t('Cancel') },
+                React.createElement(Trans, null, "Cancel")))));
+}

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

@@ -1 +1 @@
-{"version":3,"file":"CaseAttachment.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseAttachment.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAexE,OAAO,KAAuC,MAAM,OAAO,CAAC;AAS5D,UAAU,MAAM;IACZ,UAAU,EAAE,WAAW,CAAC;IACxB,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,iBAAiB,EAAE,WAAW,KAAK,IAAI,CAAC;IACzE,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,kBAAkB,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAChH;AAED,QAAA,MAAM,cAAc,4EAqPlB,CAAC;AAEH,eAAe,cAAc,CAAC"}
+{"version":3,"file":"CaseAttachment.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseAttachment.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AAoBxE,OAAO,KAAuC,MAAM,OAAO,CAAC;AAU5D,UAAU,MAAM;IACZ,UAAU,EAAE,WAAW,CAAC;IACxB,kBAAkB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,iBAAiB,EAAE,WAAW,KAAK,IAAI,CAAC;IACzE,eAAe,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,kBAAkB,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAChH;AAED,QAAA,MAAM,cAAc,4EA8QlB,CAAC;AAEH,eAAe,cAAc,CAAC"}

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

@@ -7,16 +7,17 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { caseAttachments, kase } from '@cee-eng/hydrajs';
+import { useApolloClient } from '@apollo/client/react';
 import { Button, ButtonVariant, Icon, Tooltip, TooltipPosition } from '@patternfly/react-core';
 import PaperclipIcon from '@patternfly/react-icons/dist/js/icons/paperclip-icon';
 import { InlineEdit, LoadingIndicator, ToastNotification, useConfirmation, useCopyToClipboard, useFetch, } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
 import { ability, CaseDiscussionFields, resourceActions, resources } from '@rh-support/user-permissions';
-import { formatDateTime, humanizeSize } from '@rh-support/utils';
+import { deleteCaseAttachment, formatDateTime, humanizeSize, updateCaseAttachmentDescriptionByGraphQL, } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import React, { useContext, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
+import { useCaseUpdateErrorMessage } from '../../../../hooks/useCaseUpdateErrorMessage';
 import { ATTACHMENT_DESCRIPTION_LENGTH_LIMIT } from '../../../../reducers/CaseConstNTypes';
 import { DiscussionType } from '../../../../reducers/CaseDiscussionTabReducer';
 import { PDFContext } from '../../PDFContainer';
@@ -25,20 +26,35 @@ import { JumpAndCopyLink } from './JumpAndCopyLink';
 const CaseAttachment = React.forwardRef((props, ref) => {
     var _a;
     const { t } = useTranslation();
+    const caseUpdateError = useCaseUpdateErrorMessage();
     const clipboardRef = useRef(null);
     const { clipboardText, copyToClipboard } = useCopyToClipboard(clipboardRef);
-    const { request, isFetching: isDeleting } = useFetch(caseAttachments.deleteAttachment, { propgateErrors: true });
+    const { request, isFetching: isDeleting } = useFetch(deleteCaseAttachment, { propgateErrors: true });
     const canSeePrivateAttachments = ability.can(resourceActions.PATCH, resources.CASE_COMMENTS, CaseDiscussionFields.VIEW_PRIVATE_ATTACHMENT);
     const { globalMetadataState: { loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
     const [isCardIsDeleted, setIsCardIsDeleted] = useState(false); // adds a class name needed for anim when card is removed
     const { isExportingPDF } = useContext(PDFContext);
     const confirm = useConfirmation();
     const [attachmentDescription, setAttachmentDescription] = useState(props.attachment.description);
-    const { request: updateDescriptionRequest, isFetching: isUpdating } = useFetch(kase.updateAttachment);
+    const [isUpdating, setIsUpdating] = useState(false);
+    const apolloClient = useApolloClient();
     const canEditCase = useCanEditCase();
     const onDescriptionSave = () => __awaiter(void 0, void 0, void 0, function* () {
-        const updatedAttachment = yield updateDescriptionRequest(props.attachment.caseNumber, props.attachment.uuid, [{ path: 'description', op: 'update', value: attachmentDescription }], loggedInUsersAccount.data.secureSupport);
-        props.onMetadataUpdate && props.onMetadataUpdate(props.attachment.uuid, updatedAttachment);
+        if (!apolloClient.mutate) {
+            caseUpdateError.showFieldError({}, t('Attachment description'));
+            return;
+        }
+        setIsUpdating(true);
+        try {
+            const updatedAttachment = yield updateCaseAttachmentDescriptionByGraphQL(apolloClient, props.attachment, attachmentDescription);
+            props.onMetadataUpdate && props.onMetadataUpdate(props.attachment.uuid, updatedAttachment);
+        }
+        catch (e) {
+            caseUpdateError.showFieldError(e, t('Attachment description'), onDescriptionSave);
+        }
+        finally {
+            setIsUpdating(false);
+        }
     });
     const onDescriptionChange = (event) => {
         if (canEditCase.alert())
@@ -61,7 +77,9 @@ const CaseAttachment = React.forwardRef((props, ref) => {
                     "?")),
             });
             try {
-                yield request(attachment.caseNumber, attachment.uuid, loggedInUsersAccount.data.secureSupport);
+                // TODO: Re-enable when delete API accepts isSecureSupport again
+                // await request!(attachment.caseNumber!, attachment.uuid!, loggedInUsersAccount.data.secureSupport);
+                yield request(attachment.caseNumber, attachment.uuid);
                 ToastNotification.addSuccessMessage(t('Successfully deleted attachment: {{file}}', { file: attachment.fileName }));
                 setIsCardIsDeleted(true);
                 window.setTimeout(() => {
@@ -85,29 +103,27 @@ const CaseAttachment = React.forwardRef((props, ref) => {
             name: fileName,
         });
     };
+    // Prefer size (bytes); fall back to sizeKB when GraphQL only populated the KB field.
+    const attachmentSizeBytes = props.attachment.size > 0
+        ? props.attachment.size
+        : props.attachment.sizeKB > 0
+            ? props.attachment.sizeKB * 1024
+            : 0;
+    const attachmentSizeLabel = attachmentSizeBytes > 0 ? humanizeSize(attachmentSizeBytes) : '';
+    const attachmentLinkLabel = attachmentSizeLabel
+        ? `${props.attachment.fileName} (${attachmentSizeLabel})`
+        : props.attachment.fileName;
     const renderAttachmentLink = () => {
         if (!loggedInUsersAccount.data.secureSupport) {
             if (isExportingPDF) {
                 return (React.createElement("a", { href: props.attachment.link },
-                    React.createElement("span", null,
-                        props.attachment.fileName,
-                        " (",
-                        humanizeSize(props.attachment.size),
-                        ")")));
+                    React.createElement("span", null, attachmentLinkLabel)));
             }
-            return (React.createElement(Button, { className: "attachment-download-btn", title: t('Download {{fileName}}', { fileName: props.attachment.fileName }), variant: ButtonVariant.link, onClick: onAttachmentDownloadClick, "data-tracking-id": "attachment-download-button" },
-                React.createElement("span", null,
-                    props.attachment.fileName,
-                    " (",
-                    humanizeSize(props.attachment.size),
-                    ")")));
+            return (React.createElement(Button, { className: "attachment-download-btn", title: t('Download {{fileName}}', { fileName: props.attachment.fileName }), variant: ButtonVariant.link, isInline: true, onClick: onAttachmentDownloadClick, "data-tracking-id": "attachment-download-button" },
+                React.createElement("span", null, attachmentLinkLabel)));
         }
         return (React.createElement(Tooltip, { position: TooltipPosition.top, content: t(`You don't have appropriate permissions to download the attachment`) },
-            React.createElement("strong", null,
-                props.attachment.fileName,
-                " (",
-                humanizeSize(props.attachment.size),
-                ")")));
+            React.createElement("strong", null, attachmentLinkLabel)));
     };
     const onJumpToComment = (attachmentId) => () => props.showJumpToComment && props.onJumpToComment && props.onJumpToComment(attachmentId);
     if (((_a = props.attachment) === null || _a === void 0 ? void 0 : _a.isPrivate) && !canSeePrivateAttachments)
@@ -123,9 +139,9 @@ const CaseAttachment = React.forwardRef((props, ref) => {
     return (React.createElement("section", { ref: ref, id: props.attachment.id, className: `prevent-split support-comment comment-attachment ${!isCardIsDeleted ? 'showcard' : ''} ${ref ? 'selected-case-comment' : ''} ${props.attachment.isPrivate ? 'private' : ''}` },
         React.createElement("header", null,
             React.createElement("h4", null,
-                React.createElement(Icon, { className: "pf-v5-u-mr-xs" },
+                React.createElement(Icon, { className: "pf-v6-u-mr-xs" },
                     React.createElement(PaperclipIcon, null)),
-                props.attachment.modifiedBy),
+                props.attachment.createdBy),
             React.createElement("time", { className: "text-right" }, formatDateTime(props.attachment.lastModifiedDate))),
         React.createElement("div", { className: "comment-body" },
             React.createElement(Trans, null, "Attached file"),
@@ -141,7 +157,7 @@ const CaseAttachment = React.forwardRef((props, ref) => {
                             React.createElement("code", { ref: clipboardRef }, props.attachment.checksum)),
                         React.createElement(Tooltip, { position: TooltipPosition.top, content: clipboardText, trigger: "click" },
                             React.createElement("button", { "aria-label": "Copy to clipboard", className: "nimbus-icon-clipboard clip-code-raw-btn xs-icon", onClick: copyToClipboard, type: "button" }))))),
-                React.createElement(InlineEdit, { labelProps: { htmlFor: `case-details-file-description-${props.attachment.id}` }, allowInlineEdit: true, labelContent: React.createElement(Trans, null, "Description"), content: React.createElement("div", { className: "clip-content-wrapper code-block" }, props.attachment.description), hideSaveCancel: false, onSave: onDescriptionSave, onCancel: onDescriptionCancel, dataTrackingId: "case-details-file-description", initialIsEditing: props.attachment.description ? false : true, saveDisabled: isCaseAttachmentDescriptionLengthy ||
+                React.createElement(InlineEdit, { labelProps: { htmlFor: `case-details-file-description-${props.attachment.id}` }, allowInlineEdit: !canEditCase.isCaseNotEditable, labelContent: React.createElement(Trans, null, "Description"), content: React.createElement("div", { className: "clip-content-wrapper code-block" }, props.attachment.description), hideSaveCancel: false, onSave: onDescriptionSave, onCancel: onDescriptionCancel, dataTrackingId: "case-details-file-description", initialIsEditing: props.attachment.description ? false : true, saveDisabled: isCaseAttachmentDescriptionLengthy ||
                         isCaseAttachmentDescription ||
                         attachmentDescription === props.attachment.description ||
                         isUpdating, loadingIndicator: isUpdating ? React.createElement(LoadingIndicator, { isInline: true }) : undefined, isExportingPDF: isExportingPDF },
@@ -150,10 +166,10 @@ const CaseAttachment = React.forwardRef((props, ref) => {
             React.createElement(Trans, null, maxCaseAttachmentDescription))),
         React.createElement("footer", null,
             React.createElement("span", { className: "comment-note" }, props.attachment.isPrivate && React.createElement(Trans, null, "Private attachment")),
-            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.attachment.id), discussionType: DiscussionType.ATTACHMENT, itemId: props.attachment.id, caseNumber: props.attachment.caseNumber, isCopyLink: false },
                     React.createElement(Trans, null, "Jump to attachment"))),
-                React.createElement("button", { className: `btn btn-app btn-link text-danger ${isExportingPDF ? 'hide-in-pdf' : ''}`, title: "Delete attachment", onClick: deleteAttachment(props.attachment), "data-tracking-id": "delete-attachmentid-button", type: "button" },
+                React.createElement("button", { className: `btn btn-app btn-link text-danger ${isExportingPDF ? 'hide-in-pdf' : ''}`, title: "Delete attachment", onClick: deleteAttachment(props.attachment), "data-tracking-id": "delete-attachmentid-button", type: "button", disabled: canEditCase.isCaseNotEditable },
                     React.createElement(Trans, null, "Delete")),
                 React.createElement(JumpAndCopyLink, { caseNumber: props.attachment.caseNumber, cardId: props.attachment.id, discussionType: DiscussionType.ATTACHMENT })))));
 });

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

@@ -1 +1 @@
-{"version":3,"file":"CaseChat.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseChat.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAGpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,SAAS,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AAED,QAAA,MAAM,QAAQ,4EAiDZ,CAAC;AACH,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"CaseChat.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseChat.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAGpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,SAAS,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CAC9C;AASD,QAAA,MAAM,QAAQ,4EAiDZ,CAAC;AACH,eAAe,QAAQ,CAAC"}

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

@@ -5,6 +5,12 @@ import { Trans } from 'react-i18next';
 import { DiscussionType } from '../../../../reducers/CaseDiscussionTabReducer';
 import { DiscussionItemLink } from './DiscussionItemLink';
 import { JumpAndCopyLink } from './JumpAndCopyLink';
+DOMPurify.addHook('afterSanitizeAttributes', function (node) {
+    if (node.tagName === 'A') {
+        node.setAttribute('target', '_blank');
+        node.setAttribute('rel', 'noopener noreferrer');
+    }
+});
 const CaseChat = React.forwardRef((props, ref) => {
     const { caseNumber } = props;
     const sanetize = (html) => {
@@ -24,7 +30,7 @@ const CaseChat = React.forwardRef((props, ref) => {
                 { visitorName: props.chat.visitorName }),
             React.createElement("p", { className: "push-top-narrow", dangerouslySetInnerHTML: sanetize(props.chat.body) })),
         React.createElement("footer", null,
-            React.createElement("span", { className: "pf-v5-u-ml-auto pf-v5-l-flex pf-m-align-items-center" },
+            React.createElement("span", { className: "pf-v6-u-ml-auto pf-v6-l-flex pf-m-align-items-center" },
                 props.showJumpToComment && (React.createElement(DiscussionItemLink, { onClick: onJumpToComment(props.chat.id), discussionType: DiscussionType.CHAT, itemId: props.chat.id, caseNumber: caseNumber, isCopyLink: false },
                     React.createElement(Trans, null, "Jump to comment"))),
                 React.createElement(JumpAndCopyLink, { caseNumber: caseNumber, cardId: props.chat.id, discussionType: DiscussionType.CHAT })))));

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

@@ -6,7 +6,7 @@ interface IProps {
     feedback: number;
     onFeedBackUpdate: (id: string, feedback: number) => void;
     accountNumber: string;
-    onReply: (commentText: string, commentCreator: string, isPublic: boolean) => void;
+    onReply: (author: string, commentId: string, timestamp: string) => void;
     showJumpToComment?: boolean;
     onJumpToComment?: (commentId: string) => void;
     downloadAttachment: ({ caseNumber, uuid, name }: {

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

@@ -1 +1 @@
-{"version":3,"file":"CaseComments.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseComments.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AA+BvE,OAAO,KAAkD,MAAM,OAAO,CAAC;AAQvE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAClF,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,kBAAkB,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAChH;AAED,QAAA,MAAM,YAAY,4EAkVhB,CAAC;AAEH,eAAe,YAAY,CAAC"}
+{"version":3,"file":"CaseComments.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseComments.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AA2BvE,OAAO,KAAwC,MAAM,OAAO,CAAC;AAW7D,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,YAAY,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACxE,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,kBAAkB,EAAE,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAChH;AAED,QAAA,MAAM,YAAY,4EAgXhB,CAAC;AAEH,eAAe,YAAY,CAAC"}