@rh-support/troubleshoot 2.6.306 → 2.6.309

package/lib/esm/components/CaseEditView/CaseDetailsTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseDetailsTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsTabs.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AA6BlE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,mBAAmB,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AACD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBAyT5C"}
+{"version":3,"file":"CaseDetailsTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsTabs.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AA8BlE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,mBAAmB,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AACD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBAoT5C"}

package/lib/esm/components/CaseEditView/CaseDetailsTabs.js

@@ -1,4 +1,4 @@
-import { Content, ContentVariants, Label, Popover, Tab, TabContent, Tabs, TabsComponent, TabTitleText, } from '@patternfly/react-core';
+import { Content, ContentVariants, Popover, Tab, TabContent, Tabs, TabsComponent, TabTitleText, } from '@patternfly/react-core';
 import ExternalLinkAltIcon from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { ErrorBoundary, LoadingIndicator } from '@rh-support/components';
@@ -16,7 +16,8 @@ import { useCaseComments } from '../../hooks/useCaseComments';
 import { PDFContext } from './PDFContainer';
 import CaseDetailsManagement from './Tabs/CaseDetails/CaseDetailsManagement';
 import CaseHistory from './Tabs/CaseHistory/CaseHistory';
-import { CaseSummary } from './Tabs/CaseSummary/CaseSummary';
+// TODO: Re-enable AI Case Summary tab when ready
+// import { CaseSummary } from './Tabs/CaseSummary/CaseSummary';
 // TODO: Uncomment when External Trackers has a functioning GraphQL endpoint
 // const RelatedTasks = React.lazy(
 //     () => import(/* webpackChunkName: 'CaseBugzilla' */ './Tabs/RelatedTasks/RelatedTasks')
@@ -56,8 +57,13 @@ export function CaseDetailsTabs(props) {
     //     resources.CASE_DETAILS,
     //     CaseDetailsFields.CASE_DETAILS_BUGZILLAS
     // );
-    const caseSummaryViewConfig = getConfigField(pcmConfig.data, 'is_case_summary_view_active', PCM_CONFIG_FIELD_TYPE.STRING);
-    const isCaseSummaryViewActive = caseSummaryViewConfig === '1';
+    // TODO: Re-enable AI Case Summary tab when ready
+    // const caseSummaryViewConfig = getConfigField(
+    //     pcmConfig.data,
+    //     'is_case_summary_view_active',
+    //     PCM_CONFIG_FIELD_TYPE.STRING
+    // );
+    // const isCaseSummaryViewActive = caseSummaryViewConfig === '1';
     const { isExportingPDF, pdfOption } = useContext(PDFContext);
     const canSeeRMEs = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_RMES);
     const [selectedTab, setSelectedTab] = useState(CaseDetailsTabsEnum.DISCUSSION);
@@ -70,7 +76,8 @@ export function CaseDetailsTabs(props) {
     // TODO: Uncomment when External Trackers has a functioning GraphQL endpoint
     // const relatedTasksRef: React.MutableRefObject<HTMLDivElement> = useRef(null);
     const caseHistoryTabRef = useRef(null);
-    const generateAiCaseSummaryTabRef = useRef(null);
+    // TODO: Re-enable AI Case Summary tab when ready
+    // const generateAiCaseSummaryTabRef: React.MutableRefObject<HTMLDivElement> = useRef(null);
     const tabsToRender = [];
     const handleTabClick = (_event, tabIndex) => {
         const index = Number(tabIndex);
@@ -146,17 +153,18 @@ export function CaseDetailsTabs(props) {
             ref: caseHistoryTabRef,
             component: React.createElement(CaseHistory, { caseNumber: caseNumber }),
         });
-    !loggedInUsersAccount.data.secureSupport &&
-        !loggedInUsersAccount.data.hasConfirmedStatesideSupport &&
-        isCaseSummaryViewActive &&
-        tabsToRender.push({
-            'data-tracking-id': 'generate-ai-case-summary-tab',
-            title: CaseDetailsTabsEnum.GENERATE_AI_CASE_SUMMARY,
-            key: 'generate ai case summary',
-            routePath: 'generate-ai-case-summary',
-            ref: generateAiCaseSummaryTabRef,
-            component: React.createElement(CaseSummary, { caseNumber: caseNumber }),
-        });
+    // TODO: Re-enable AI Case Summary tab when ready
+    // !loggedInUsersAccount.data.secureSupport &&
+    //     !loggedInUsersAccount.data.hasConfirmedStatesideSupport &&
+    //     isCaseSummaryViewActive &&
+    //     tabsToRender.push({
+    //         'data-tracking-id': 'generate-ai-case-summary-tab',
+    //         title: CaseDetailsTabsEnum.GENERATE_AI_CASE_SUMMARY,
+    //         key: 'generate ai case summary',
+    //         routePath: 'generate-ai-case-summary',
+    //         ref: generateAiCaseSummaryTabRef,
+    //         component: <CaseSummary caseNumber={caseNumber} />,
+    //     });
     const getActiveTabKey = () => {
         if (!activeTab)
             return activeTabKey;
@@ -168,12 +176,8 @@ export function CaseDetailsTabs(props) {
         ? false
         : true;
     return (React.createElement("div", { className: "case-details-tabs", role: "region", ref: props.tabdRef },
-        React.createElement(Tabs, { className: isExportingPDF ? 'hide-in-pdf' : '', activeKey: getActiveTabKey(), component: TabsComponent.nav, onSelect: handleTabClick, "aria-label": t('Case details tabs') }, tabsToRender.map((tab, index) => (React.createElement(Tab, { eventKey: index, tabContentRef: tab.ref, tabContentId: `pf-tab-${index}-${tab.title.split(' ')[0]}-tabpanel`, key: tab.title, href: `#${props.basePath}/${tab.routePath}`, "data-tracking-id": tab['data-tracking-id'], title: React.createElement(TabTitleText, { className: tab.title === CaseDetailsTabsEnum.GENERATE_AI_CASE_SUMMARY ||
-                    tab.title === CaseDetailsTabsEnum.HISTORY
-                    ? 'tab-title-with-badge'
-                    : undefined },
+        React.createElement(Tabs, { className: isExportingPDF ? 'hide-in-pdf' : '', activeKey: getActiveTabKey(), component: TabsComponent.nav, onSelect: handleTabClick, "aria-label": t('Case details tabs') }, tabsToRender.map((tab, index) => (React.createElement(Tab, { eventKey: index, tabContentRef: tab.ref, tabContentId: `pf-tab-${index}-${tab.title.split(' ')[0]}-tabpanel`, key: tab.title, href: `#${props.basePath}/${tab.routePath}`, "data-tracking-id": tab['data-tracking-id'], title: React.createElement(TabTitleText, { className: tab.title === CaseDetailsTabsEnum.HISTORY ? 'tab-title-with-badge' : undefined },
                 React.createElement(Trans, null, tab.title),
-                tab.title === CaseDetailsTabsEnum.GENERATE_AI_CASE_SUMMARY && (React.createElement(Label, { isCompact: true, variant: "outline", className: "preview-label" }, "Preview")),
                 tab.title === CaseDetailsTabsEnum.HISTORY && (React.createElement(Popover, { "aria-label": "Track support case evolution with case history", triggerAction: "hover", bodyContent: React.createElement(React.Fragment, null,
                         React.createElement("p", null, "Track support case evolution with case history"),
                         React.createElement("a", { href: "https://access.redhat.com/articles/7120652", target: "_blank", rel: "noreferrer" },

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseDetailsManagement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseDetailsManagement.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseDetailsManagement.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAkBvD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,mBAAmB,CAAC;IAChC,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CAClD;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,KAAK,EAAE,MAAM,qBAmE1D"}
+{"version":3,"file":"CaseDetailsManagement.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseDetailsManagement.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAmBvD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,mBAAmB,CAAC;IAChC,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CAClD;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,KAAK,EAAE,MAAM,qBA0E1D"}

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseDetailsManagement.js

@@ -5,6 +5,7 @@ import React, { useContext, useState } from 'react';
 import { useCaseSelector } from '../../../../context/CaseContext';
 import { OwnerSelector } from '../../../AccountInfo/OwnerSelector';
 import CaseGroup from '../../../CaseInformation/CaseGroup';
+import CaseLabels from '../../../CaseInformation/CaseLabels';
 import Fts from '../../../CaseInformation/Fts';
 // import { Cep } from '../../../CaseManagement/Cep';
 // import { RHAssociatesSelector } from '../../../CaseManagement/RHAssociatesSelector';
@@ -45,7 +46,11 @@ export default function CaseDetailsManagement(props) {
                 React.createElement(CaseContactPhoneNumberAlert, { isConfirm: true }),
                 canSeeInternalStatus && React.createElement(CaseInternalStatus, null),
                 canSeeSBRGroups && React.createElement(CaseSbrGroups, null),
-                React.createElement(CaseGroup, null),
+                React.createElement(Flex, { direction: { default: 'column', lg: 'row' } },
+                    React.createElement(FlexItem, { flex: { default: 'flex_1' } },
+                        React.createElement(CaseGroup, null)),
+                    React.createElement(FlexItem, { flex: { default: 'flex_1' } },
+                        React.createElement(CaseLabels, null))),
                 React.createElement(CaseReferenceNumber, null),
                 React.createElement(Fts, { inlineEditable: true }),
                 React.createElement(SFDCUrl, null),

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

@@ -173,7 +173,7 @@ const CaseAttachment = React.forwardRef((props, ref) => {
             React.createElement("h4", null,
                 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"),

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,4EAiXhB,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;AA4BvE,OAAO,KAAwC,MAAM,OAAO,CAAC;AAU7D,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,4EA0VhB,CAAC;AAEH,eAAe,YAAY,CAAC"}

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

@@ -1,30 +1,30 @@
-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 { publicApi } from '@cee-eng/hydrajs';
-import { encodeAngularBrackets, EventTypes, htmlEntitiesEncode, linkifyBZIDs, linkifyWithCaseIDs, parseCommentMarkdown, processRME, } from '@cee-eng/ui-toolkit';
-import { Icon, Tooltip, TooltipPosition } from '@patternfly/react-core';
-import FrownIcon from '@patternfly/react-icons/dist/js/icons/frown-icon';
-import MehIcon from '@patternfly/react-icons/dist/js/icons/meh-icon';
-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 SmileIcon from '@patternfly/react-icons/dist/js/icons/smile-icon';
+// TODO: Re-enable after GraphQL migration of feedback (Allowed Regression #5)
+// import { ICommentFeedback } from '@cee-eng/hydrajs/@types/api/public/commentFeedback';
+import { EventTypes, linkifyBZIDs, linkifyWithCaseIDs, parseCommentMarkdown, processRME } from '@cee-eng/ui-toolkit';
+import { Icon } from '@patternfly/react-core';
+// TODO: Re-enable after GraphQL migration of feedback (Allowed Regression #5)
+// import { Tooltip, TooltipPosition } from '@patternfly/react-core';
+// import FrownIcon from '@patternfly/react-icons/dist/js/icons/frown-icon';
+// import MehIcon from '@patternfly/react-icons/dist/js/icons/meh-icon';
+// 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 SmileIcon from '@patternfly/react-icons/dist/js/icons/smile-icon';
 import UserCircleIcon from '@patternfly/react-icons/dist/js/icons/user-circle-icon';
-import { EditorMode, LoadingIndicator, ToastNotification } from '@rh-support/components';
-import { AbilityContext, CaseDetailsFields, CaseDiscussionFields, resourceActions, resources, } from '@rh-support/user-permissions';
+import { EditorMode } from '@rh-support/components';
+// TODO: Re-enable after GraphQL migration of feedback (Allowed Regression #5)
+// import { LoadingIndicator, ToastNotification } from '@rh-support/components';
+import { AbilityContext, 
+// CaseDetailsFields, // TODO: Re-enable after GraphQL migration of feedback
+CaseDiscussionFields, resourceActions, resources, } from '@rh-support/user-permissions';
 import { formatDateTime, linkifyLinks } from '@rh-support/utils';
 import DOMPurify from 'dompurify';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
-import React, { useContext, useEffect, useRef, useState } from 'react';
-import { Trans, useTranslation } from 'react-i18next';
+import React, { useContext, useEffect, useRef } from 'react';
+import { Trans } from 'react-i18next';
+// TODO: Re-enable after GraphQL migration of feedback
+// import { useTranslation } from 'react-i18next';
 import { DiscussionType } from '../../../../reducers/CaseDiscussionTabReducer';
 import { PDFContext } from '../../PDFContainer';
 import { DiscussionItemLink } from './DiscussionItemLink';
@@ -33,55 +33,74 @@ const CaseComments = React.forwardRef((props, ref) => {
     var _a;
     const { caseNumber } = props;
     const markdownRef = useRef(null);
-    const { t } = useTranslation();
+    // TODO: Re-enable `t` after GraphQL migration of feedback (Allowed Regression #5)
+    // const { t } = useTranslation();
     const ability = useContext(AbilityContext);
     const canSeePrivateComments = ability.can(resourceActions.PATCH, resources.CASE_COMMENTS, CaseDiscussionFields.VIEW_PRIVATE_COMMENT);
-    const canSeeFeedbackButtons = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_FEEDBACK_BUTTONS) &&
-        props.comment.isPublic &&
-        props.comment.createdBy !== 'Automated Support Assistant';
-    const [isFeedbackUpdating, setIsFeedbackUpdating] = useState(false);
+    // TODO: Re-enable after GraphQL migration of feedback (Allowed Regression #5)
+    // const canSeeFeedbackButtons =
+    //     ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_FEEDBACK_BUTTONS) &&
+    //     props.comment.isPublic &&
+    //     props.comment.createdBy !== 'Automated Support Assistant';
+    // TODO: Re-enable after GraphQL migration of feedback (Allowed Regression #5)
+    // const [isFeedbackUpdating, setIsFeedbackUpdating] = useState(false);
     const { isExportingPDF } = useContext(PDFContext);
     const commentReply = (comment) => () => {
         props.onReply(comment.commentBody, comment.createdBy, comment.isPublic);
     };
     const onJumpToComment = (commentId) => () => props.showJumpToComment && props.onJumpToComment && props.onJumpToComment(commentId);
-    const applyCommentFeedback = (comment, feedback) => (e) => __awaiter(void 0, void 0, void 0, function* () {
-        e.preventDefault();
-        if (props.feedback === feedback) {
-            return;
-        }
-        const commJson = {
-            feedback,
-            accountNumber: props.accountNumber,
-            commentId: comment.id,
-            commentCreatedBy: comment.createdBy,
-        };
-        try {
-            setIsFeedbackUpdating(true);
-            if (props.feedback !== undefined) {
-                yield publicApi.commentFeedback.updateCommentFeedback(caseNumber, commJson);
-            }
-            else {
-                yield publicApi.commentFeedback.createCommentFeedback(caseNumber, commJson);
-            }
-            setIsFeedbackUpdating(false);
-            // update state
-            props.onFeedBackUpdate(comment.id, feedback);
-            ToastNotification.addSuccessMessage(t(`Comment feedback has been successfully updated`));
-        }
-        catch (e) {
-            setIsFeedbackUpdating(false);
-            ToastNotification.addDangerMessage(t(`Comment feedback failed to update`));
-        }
-    });
-    const commentFeedbackButtons = (comment, feedback) => (React.createElement("span", { className: "comment-feedback-buttons" },
-        React.createElement(LoadingIndicator, { isInline: true, show: isFeedbackUpdating }),
-        React.createElement(Tooltip, { position: TooltipPosition.top, content: t('Positive feedback') },
-            React.createElement("button", { className: "btn btn-app btn-link", onClick: applyCommentFeedback(comment, 1), "data-tracking-id": "case-comment-feedback-up", type: "button" }, feedback === 1 ? (React.createElement(SmileIcon, { title: t('Remove positive feedback') })) : (React.createElement(OutlinedSmileIcon, { title: t('Leave positive feedback') })))),
-        React.createElement(Tooltip, { position: TooltipPosition.top, content: t('Neutral feedback') },
-            React.createElement("button", { className: "btn btn-app btn-link", onClick: applyCommentFeedback(comment, 0), "data-tracking-id": "case-comment-feedback-neutral", type: "button" }, feedback === 0 ? (React.createElement(MehIcon, { title: t('Remove neutral feedback') })) : (React.createElement(OutlinedMehIcon, { title: t('Leave neutral feedback') })))),
-        React.createElement(Tooltip, { position: TooltipPosition.top, content: t('Negative feedback') },
-            React.createElement("button", { className: "btn btn-app btn-link", onClick: applyCommentFeedback(comment, -1), "data-tracking-id": "case-comment-feedback-down", type: "button" }, feedback === -1 ? (React.createElement(FrownIcon, { title: t('Remove negative feedback'), "aria-label": t('Remove negative feedback') })) : (React.createElement(OutlinedFrownIcon, { title: t('Leave negative feedback'), "aria-label": t('Leave negative feedback') }))))));
+    // TODO: Re-enable after GraphQL migration of feedback (Allowed Regression #5)
+    // const applyCommentFeedback = (comment: ICaseComment, feedback) => async (e) => {
+    //     e.preventDefault();
+    //     if (props.feedback === feedback) return;
+    //     const commJson: ICommentFeedback = {
+    //         feedback,
+    //         accountNumber: props.accountNumber,
+    //         commentId: comment.id,
+    //         commentCreatedBy: comment.createdBy,
+    //     };
+    //     try {
+    //         setIsFeedbackUpdating(true);
+    //         if (props.feedback !== undefined) {
+    //             await publicApi.commentFeedback.updateCommentFeedback(caseNumber, commJson);
+    //         } else {
+    //             await publicApi.commentFeedback.createCommentFeedback(caseNumber, commJson);
+    //         }
+    //         setIsFeedbackUpdating(false);
+    //         props.onFeedBackUpdate(comment.id, feedback);
+    //         ToastNotification.addSuccessMessage(t(`Comment feedback has been successfully updated`));
+    //     } catch (e) {
+    //         setIsFeedbackUpdating(false);
+    //         ToastNotification.addDangerMessage(t(`Comment feedback failed to update`));
+    //     }
+    // };
+    // TODO: Re-enable after GraphQL migration of feedback (Allowed Regression #5)
+    // const commentFeedbackButtons = (comment: ICaseComment, feedback: number) => (
+    //     <span className="comment-feedback-buttons">
+    //         <LoadingIndicator isInline={true} show={isFeedbackUpdating} />
+    //         <Tooltip position={TooltipPosition.top} content={t('Positive feedback')}>
+    //             <button className="btn btn-app btn-link" onClick={applyCommentFeedback(comment, 1)}
+    //                 data-tracking-id="case-comment-feedback-up" type="button">
+    //                 {feedback === 1 ? <SmileIcon title={t('Remove positive feedback')} />
+    //                     : <OutlinedSmileIcon title={t('Leave positive feedback')} />}
+    //             </button>
+    //         </Tooltip>
+    //         <Tooltip position={TooltipPosition.top} content={t('Neutral feedback')}>
+    //             <button className="btn btn-app btn-link" onClick={applyCommentFeedback(comment, 0)}
+    //                 data-tracking-id="case-comment-feedback-neutral" type="button">
+    //                 {feedback === 0 ? <MehIcon title={t('Remove neutral feedback')} />
+    //                     : <OutlinedMehIcon title={t('Leave neutral feedback')} />}
+    //             </button>
+    //         </Tooltip>
+    //         <Tooltip position={TooltipPosition.top} content={t('Negative feedback')}>
+    //             <button className="btn btn-app btn-link" onClick={applyCommentFeedback(comment, -1)}
+    //                 data-tracking-id="case-comment-feedback-down" type="button">
+    //                 {feedback === -1 ? <FrownIcon title={t('Remove negative feedback')} aria-label={t('Remove negative feedback')} />
+    //                     : <OutlinedFrownIcon title={t('Leave negative feedback')} aria-label={t('Leave negative feedback')} />}
+    //             </button>
+    //         </Tooltip>
+    //     </span>
+    // );
     const computeDiscussionCardCalss = (comment) => {
         if (comment.createdByType === 'Associate' && comment.createdBy === 'Automated Support Assistant') {
             return 'comment-automated';
@@ -134,8 +153,19 @@ const CaseComments = React.forwardRef((props, ref) => {
             return React.createElement(Trans, null, "Automated comment");
         }
     };
+    const sanitizeHtml = (html) => {
+        DOMPurify.addHook('afterSanitizeAttributes', (node) => {
+            if (node.tagName === 'A') {
+                node.setAttribute('target', '_blank');
+                node.setAttribute('rel', 'noopener noreferrer');
+            }
+        });
+        const clean = DOMPurify.sanitize(html, { ADD_ATTR: ['target', 'rel'] });
+        DOMPurify.removeHook('afterSanitizeAttributes');
+        return clean;
+    };
     const commentText = (text) => {
-        return { __html: DOMPurify.sanitize(text) };
+        return { __html: sanitizeHtml(text) };
     };
     // Transforms <strong> and <em> tags in HTML string to styled <span> tags to fix incorrect bold/italic rendering in exported PDF
     function formatMarkdownHtmlForPDF(htmlString) {
@@ -152,13 +182,13 @@ const CaseComments = React.forwardRef((props, ref) => {
             .replace(/<\/?ul>/gi, ''));
     }
     const commentMarkdown = (markdown) => {
-        let htmlString = parseCommentMarkdown(markdown, { showButtonForAttachmentLink: true, disableImagePreview: isExportingPDF }, 
+        let htmlString = parseCommentMarkdown(markdown, { showButtonForAttachmentLink: true, disableImagePreview: isExportingPDF, encodeHTMLEntities: false }, 
         // @ts-ignore
         { openLinksInNewTab: true, gfm: true, breaks: true });
         if (isExportingPDF) {
             htmlString = formatMarkdownHtmlForPDF(htmlString);
         }
-        return { __html: DOMPurify.sanitize(htmlString) };
+        return { __html: sanitizeHtml(htmlString) };
     };
     const onCommentAreaClick = (e) => {
         let { event } = e.target['dataset'];
@@ -176,10 +206,13 @@ const CaseComments = React.forwardRef((props, ref) => {
     const parseCommentHtml = (commentText, contentType) => {
         let text = commentText;
         if (contentType === EditorMode.PLAIN) {
-            text = HTMLEntityChecker(commentText);
-            // fix issue something like this <h1>ajhdjaj<d</h1>
-            text = htmlEntitiesEncode(text);
-            text = encodeAngularBrackets(text);
+            // Normalize SFDC HTML line breaks to newlines before encoding
+            text = text
+                .replace(/<br\s*\/?>/gi, '\n')
+                .replace(/<\/p>/gi, '\n')
+                .replace(/<p>/gi, '');
+            // Escape all angle brackets so plaintext tags don't get swallowed by DOMPurify
+            text = text.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
             text = linkifyLinks(text);
             text = linkifyWithCaseIDs(text);
             text = linkifyBZIDs(text);
@@ -187,17 +220,6 @@ const CaseComments = React.forwardRef((props, ref) => {
         }
         return text;
     };
-    /* Purpose of this method is to break the default HTML Entity rendering on the UI when in plaintext mode.
-    This is achieved by directly swapping the '&' in any html entity to `&amp` in e.g. &euro swaps to &ampeuro
-    so it is rendered -> &euro on the UI instead of '€' */
-    //PCM-10968
-    const HTMLEntityChecker = (comment) => {
-        if (comment.includes('&')) {
-            return comment.replace(/&/g, '&amp;');
-        }
-        else
-            return comment;
-    };
     const computeCommentText = (comment) => {
         const parseComment = parseCommentHtml(comment.commentBody, comment.contentType);
         if (!isEmpty(comment.commentBody) && comment.contentType === EditorMode.MARKDOWN) {
@@ -237,7 +259,6 @@ const CaseComments = React.forwardRef((props, ref) => {
         React.createElement("div", { className: "comment-body", onClick: onCommentAreaClick, ref: markdownRef }, computeCommentText(props.comment)),
         React.createElement("footer", null,
             React.createElement("span", { className: "comment-note" }, computeCommentFooter(props.comment)),
-            canSeeFeedbackButtons && commentFeedbackButtons(props.comment, props.feedback),
             React.createElement("span", { className: "pull-right pf-v6-l-flex pf-m-align-items-center" },
                 props.showJumpToComment && (React.createElement(DiscussionItemLink, { onClick: onJumpToComment(props.comment.id), discussionType: DiscussionType.COMMENT, itemId: props.comment.id, caseNumber: caseNumber, isCopyLink: false },
                     React.createElement(Trans, null, "Jump to comment"))),

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

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

@@ -82,8 +82,9 @@ export function CommentSearch(props) {
     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-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("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;AAUD,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

@@ -19,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

@@ -1,15 +1,20 @@
 import { Dispatch, MutableRefObject } from 'react';
 interface UseAttachmentUploadCompletionParams {
     isUploadingAttachments: boolean;
-    hasSomeUnUploadedFiles: boolean;
+    hasQueuedUploads: boolean;
+    hasAbortedOrFailed: boolean;
     isUploadingAttachmentPrevious: MutableRefObject<boolean>;
     caseDispatch: Dispatch<any>;
     isInternal: boolean;
     status: string | undefined;
     resetAttachmentSection: () => void;
-    onAttachmentAdded: () => void;
     setCssCommentAgreed: (v: boolean) => void;
 }
-export declare function useAttachmentUploadCompletion({ isUploadingAttachments, hasSomeUnUploadedFiles, isUploadingAttachmentPrevious, caseDispatch, isInternal, status, resetAttachmentSection, onAttachmentAdded, setCssCommentAgreed, }: UseAttachmentUploadCompletionParams): void;
+/**
+ * Batch cleanup after uploads settle.
+ * Per-file success already refreshes discussion and dismisses completed rows;
+ * this resets the panel when nothing aborted/failed remains.
+ */
+export declare function useAttachmentUploadCompletion({ isUploadingAttachments, hasQueuedUploads, hasAbortedOrFailed, isUploadingAttachmentPrevious, caseDispatch, isInternal, status, resetAttachmentSection, setCssCommentAgreed, }: UseAttachmentUploadCompletionParams): void;
 export {};
 //# sourceMappingURL=useAttachmentUploadCompletion.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAttachmentUploadCompletion.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/PostComment/useAttachmentUploadCompletion.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAa,MAAM,OAAO,CAAC;AAK9D,UAAU,mCAAmC;IACzC,sBAAsB,EAAE,OAAO,CAAC;IAChC,sBAAsB,EAAE,OAAO,CAAC;IAChC,6BAA6B,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACzD,YAAY,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC5B,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,sBAAsB,EAAE,MAAM,IAAI,CAAC;IACnC,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,mBAAmB,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C;AAED,wBAAgB,6BAA6B,CAAC,EAC1C,sBAAsB,EACtB,sBAAsB,EACtB,6BAA6B,EAC7B,YAAY,EACZ,UAAU,EACV,MAAM,EACN,sBAAsB,EACtB,iBAAiB,EACjB,mBAAmB,GACtB,EAAE,mCAAmC,QAiBrC"}
+{"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;AAI9D,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,YAAY,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC;IAC5B,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;CAC7C;AAED;;;;GAIG;AACH,wBAAgB,6BAA6B,CAAC,EAC1C,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB,EAClB,6BAA6B,EAC7B,YAAY,EACZ,UAAU,EACV,MAAM,EACN,sBAAsB,EACtB,mBAAmB,GACtB,EAAE,mCAAmC,QAerC"}

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

@@ -1,19 +1,21 @@
-import { ToastNotification } from '@rh-support/components';
 import { useEffect } from 'react';
-import { useTranslation } from 'react-i18next';
 import { checkForCaseStatusToggleOnAttachOrComment } from '../../../../../reducers/CaseReducer';
-export function useAttachmentUploadCompletion({ isUploadingAttachments, hasSomeUnUploadedFiles, isUploadingAttachmentPrevious, caseDispatch, isInternal, status, resetAttachmentSection, onAttachmentAdded, setCssCommentAgreed, }) {
-    const { t } = useTranslation();
+/**
+ * Batch cleanup after uploads settle.
+ * Per-file success already refreshes discussion and dismisses completed rows;
+ * this resets the panel when nothing aborted/failed remains.
+ */
+export function useAttachmentUploadCompletion({ isUploadingAttachments, hasQueuedUploads, hasAbortedOrFailed, isUploadingAttachmentPrevious, caseDispatch, isInternal, status, resetAttachmentSection, setCssCommentAgreed, }) {
     useEffect(() => {
-        const justFinished = isUploadingAttachmentPrevious.current && !isUploadingAttachments && !hasSomeUnUploadedFiles;
+        const justFinished = isUploadingAttachmentPrevious.current && !isUploadingAttachments && !hasQueuedUploads;
         if (justFinished) {
-            ToastNotification.addSuccessMessage(t('Attachment(s) uploaded successfully'));
+            if (!hasAbortedOrFailed) {
+                resetAttachmentSection();
+            }
             checkForCaseStatusToggleOnAttachOrComment(caseDispatch, isInternal, status);
-            resetAttachmentSection();
-            onAttachmentAdded();
             setCssCommentAgreed(false);
         }
         isUploadingAttachmentPrevious.current = isUploadingAttachments;
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [isUploadingAttachments]);
+    }, [isUploadingAttachments, hasQueuedUploads, hasAbortedOrFailed]);
 }

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":"AAaA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAOpF,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAkB5E,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;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,WAAW,EAAE,CAAC;CACjC;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,qBA2axC"}
+{"version":3,"file":"PostComment.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/PostComment.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAMpF,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAmB5E,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;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,WAAW,EAAE,CAAC;CACjC;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,qBAucxC"}