@rh-support/troubleshoot 2.6.358 → 2.6.361

package/lib/esm/components/CaseEditView/Tabs/CaseHistory/CaseHistory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseHistory.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseHistory/CaseHistory.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,GAAI,OAAO,MAAM,sBAQjC,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"CaseHistory.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseHistory/CaseHistory.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,GAAI,OAAO,MAAM,sBAYjC,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/esm/components/CaseEditView/Tabs/CaseHistory/CaseHistory.js

@@ -1,9 +1,12 @@
-import React from 'react';
+import { GlobalMetadataStateContext } from '@rh-support/react-context';
+import React, { useContext } from 'react';
 import { useCaseSelector } from '../../../../context/CaseContext';
 import Timeline from './Timeline';
 const CaseHistory = (props) => {
     const sfdcCaseId = useCaseSelector((state) => { var _a; return (_a = state.caseDetails) === null || _a === void 0 ? void 0 : _a.id; });
+    const { globalMetadataState: { loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
+    const isViewerInternal = loggedInUserRights.data.isInternal();
     return (React.createElement("div", { className: "pf-v6-u-p-sm" },
-        React.createElement(Timeline, { caseNumber: props.caseNumber, sfdcCaseId: sfdcCaseId !== null && sfdcCaseId !== void 0 ? sfdcCaseId : '' })));
+        React.createElement(Timeline, { caseNumber: props.caseNumber, sfdcCaseId: sfdcCaseId !== null && sfdcCaseId !== void 0 ? sfdcCaseId : '', isViewerInternal: isViewerInternal })));
 };
 export default CaseHistory;

package/lib/esm/components/CaseEditView/Tabs/CaseHistory/Timeline.d.ts

@@ -33,7 +33,8 @@ export declare const transformApiResponseToTimelineData: (apiResponse: {
 interface ITimelineProps {
     caseNumber: string;
     sfdcCaseId: string | undefined;
+    isViewerInternal: boolean;
 }
-declare const Timeline: ({ caseNumber, sfdcCaseId }: ITimelineProps) => React.JSX.Element;
+declare const Timeline: ({ caseNumber, sfdcCaseId, isViewerInternal }: ITimelineProps) => React.JSX.Element;
 export default Timeline;
 //# sourceMappingURL=Timeline.d.ts.map

package/lib/esm/components/CaseEditView/Tabs/CaseHistory/Timeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseHistory/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AAsBxB,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,OAAO,EAAE,KAAK,kBAAkB,EAA0C,MAAM,iCAAiC,CAAC;AAElH,MAAM,WAAW,cAAc;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AACD,MAAM,WAAW,iBAAiB;IAC9B,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAmID;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,MAAM,kBAAkB,GAAG,IAAI,GAAG,SAAS,KAAG,MAU/E,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,kCAAkC,GAAI,aAAa;IAC5D,YAAY,EAAE,gBAAgB,EAAE,CAAC;CACpC,KAAG,iBAAiB,EAoDpB,CAAC;AAEF,UAAU,cAAc;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC;AAED,QAAA,MAAM,QAAQ,GAAI,4BAA4B,cAAc,sBAyU3D,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseHistory/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AAsBxB,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,KAAK,EAAwB,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAE7F,OAAO,EAAE,KAAK,kBAAkB,EAA0C,MAAM,iCAAiC,CAAC;AAElH,MAAM,WAAW,cAAc;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AACD,MAAM,WAAW,iBAAiB;IAC9B,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,EAAE,cAAc,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAmID;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAAI,MAAM,kBAAkB,GAAG,IAAI,GAAG,SAAS,KAAG,MAU/E,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,kCAAkC,GAAI,aAAa;IAC5D,YAAY,EAAE,gBAAgB,EAAE,CAAC;CACpC,KAAG,iBAAiB,EAoDpB,CAAC;AAEF,UAAU,cAAc;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,gBAAgB,EAAE,OAAO,CAAC;CAC7B;AAED,QAAA,MAAM,QAAQ,GAAI,8CAA8C,cAAc,sBAgU7E,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/esm/components/CaseEditView/Tabs/CaseHistory/Timeline.js

@@ -120,12 +120,12 @@ export const transformApiResponseToTimelineData = (apiResponse) => {
     });
     return timelineEvents;
 };
-const Timeline = ({ caseNumber, sfdcCaseId }) => {
+const Timeline = ({ caseNumber, sfdcCaseId, isViewerInternal }) => {
     const { t } = useTranslation();
     const [timelineEvents, setTimelineEvents] = useState([]);
-    const [originalTimelineEvents, setOriginalTimelineEvents] = useState([]);
     const lastNodeRef = useRef(null);
-    const { historyItems, loading: isFetchingData, error } = useCaseHistory(sfdcCaseId);
+    const [sortOrder, setSortOrder] = useState('DESC');
+    const { historyItems, loading: isFetchingData, error } = useCaseHistory(sfdcCaseId, isViewerInternal, sortOrder);
     const fetchError = error ? t('Unable to connect') : null;
     const [dateValue, setDateValue] = useState('');
     const [searchValue, setSearchValue] = useState('');
@@ -155,16 +155,10 @@ const Timeline = ({ caseNumber, sfdcCaseId }) => {
         e.preventDefault();
         if (value !== selectedOrder) {
             setSelectedOrder(value);
-            reorderTimelineEvents(value);
+            setSortOrder(value === 'Newest to Oldest' ? 'DESC' : 'ASC');
         }
         setIsSelectOpen(false);
     };
-    // "Newest to Oldest" is the native API order (SF returns history newest-first).
-    // "Oldest to Newest" reverses it. Avatar logic must be reapplied after reorder.
-    const reorderTimelineEvents = (order) => {
-        const events = order === 'Newest to Oldest' ? [...originalTimelineEvents] : [...originalTimelineEvents].reverse();
-        setTimelineEvents(applyAvatarLogic(events));
-    };
     // Re-derives avatar/date-header boundaries after list mutations (filter, sort, paginate).
     const applyAvatarLogic = (events) => {
         let previousUser = null;
@@ -184,7 +178,6 @@ const Timeline = ({ caseNumber, sfdcCaseId }) => {
         if (historyItems.length > 0) {
             const transformedData = transformApiResponseToTimelineData({ historyItems });
             setTimelineEvents(transformedData);
-            setOriginalTimelineEvents(transformedData);
         }
     }, [historyItems]);
     const futureDateValidator = (date) => {

package/lib/esm/components/CaseEditView/Tabs/CasePrivateNotes/CasePrivateNotes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CasePrivateNotes.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CasePrivateNotes/CasePrivateNotes.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAa/D,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAqHtC;kBArHQ,gBAAgB;;;sBARM,MAAM,GAAG,SAAS;;;AAgIjD,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"CasePrivateNotes.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CasePrivateNotes/CasePrivateNotes.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAa/D,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAyHtC;kBAzHQ,gBAAgB;;;sBARM,MAAM,GAAG,SAAS;;;AAoIjD,eAAe,gBAAgB,CAAC"}

package/lib/esm/components/CaseEditView/Tabs/CasePrivateNotes/CasePrivateNotes.js

@@ -49,8 +49,7 @@ function CasePrivateNotes(props) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [notes]);
-    const updateCase = (event) => __awaiter(this, void 0, void 0, function* () {
-        event.preventDefault();
+    const persistNotes = () => __awaiter(this, void 0, void 0, function* () {
         if (!props.caseNumber) {
             return;
         }
@@ -65,10 +64,14 @@ function CasePrivateNotes(props) {
             setIsUpdating(false);
         }
         catch (e) {
-            caseUpdateError.showError(e, t(`Failed to update notes`));
+            caseUpdateError.showFieldError(e, t('Private notes'), persistNotes);
             setIsUpdating(false);
         }
     });
+    const updateCase = (event) => __awaiter(this, void 0, void 0, function* () {
+        event.preventDefault();
+        yield persistNotes();
+    });
     const discardNotes = (event) => {
         event.preventDefault();
         setNotes(notes);

package/lib/esm/components/CaseEditView/Tabs/CaseSummary/CaseSummary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseSummary.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseSummary/CaseSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAuB3B,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,sBA8LxC,CAAC"}
+{"version":3,"file":"CaseSummary.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseSummary/CaseSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAuB3B,OAAO,KAA0C,MAAM,OAAO,CAAC;AAQ/D,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,sBA+LxC,CAAC"}

package/lib/esm/components/CaseEditView/Tabs/CaseSummary/CaseSummary.js

@@ -37,6 +37,7 @@ export const CaseSummary = (props) => {
     const { comments: caseComments } = useCaseComments({
         caseId: caseSalesforceId,
         skip: !caseSalesforceId,
+        first: 2000,
     });
     const { globalMetadataState: { loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
     const isInternal = (_b = (_a = loggedInUserRights === null || loggedInUserRights === void 0 ? void 0 : loggedInUserRights.data) === null || _a === void 0 ? void 0 : _a.isInternal) === null || _b === void 0 ? void 0 : _b.call(_a);

package/lib/esm/components/CaseInformation/CaseGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseGroup.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAmB5E,UAAU,MAAM;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAWD,iBAAS,SAAS,CAAC,KAAK,EAAE,MAAM,qBAmf/B;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"CaseGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseGroup.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAmB5E,UAAU,MAAM;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAWD,iBAAS,SAAS,CAAC,KAAK,EAAE,MAAM,qBAwf/B;AAED,eAAe,SAAS,CAAC"}

package/lib/esm/components/CaseInformation/CaseGroup.js

@@ -115,7 +115,7 @@ function CaseGroup(props) {
         }
         catch (e) {
             setCaseGroupUpdating(false);
-            caseUpdateError.showError(e, t(`Group failed to update`));
+            caseUpdateError.showFieldError(e, t('Group'), () => onCaseGroupUpdate(caseDetails));
         }
     });
     const onCaseGroupChange = (selection) => __awaiter(this, void 0, void 0, function* () {
@@ -225,6 +225,10 @@ function CaseGroup(props) {
     const onCaseGroupClear = () => __awaiter(this, void 0, void 0, function* () {
         if (canEditCase.alert())
             return;
+        if (isGroupMandatory && caseNumber) {
+            ToastNotification.addDangerMessage(t('Case Group is required for this account and cannot be removed.'));
+            return;
+        }
         const caseDetails = {
             groupNumber: '',
             groupName: '',
@@ -241,7 +245,7 @@ function CaseGroup(props) {
             }
             catch (e) {
                 setCaseGroupUpdating(false);
-                caseUpdateError.showError(e, t(`Group failed to update`));
+                caseUpdateError.showFieldError(e, t('Group'), onCaseGroupClear);
                 return;
             }
         }

package/lib/esm/components/CaseInformation/CaseLabels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseLabels.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseLabels.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAWzD,MAAM,CAAC,OAAO,UAAU,UAAU,sBA2LjC"}
+{"version":3,"file":"CaseLabels.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseLabels.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAYzD,MAAM,CAAC,OAAO,UAAU,UAAU,sBA4LjC"}

package/lib/esm/components/CaseInformation/CaseLabels.js

@@ -16,10 +16,12 @@ import { Trans, useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
 import { useCaseSelector } from '../../context/CaseContext';
 import { useCaseLabelLinks } from '../../hooks/useCaseLabelLinkMutations';
+import { useCaseUpdateErrorMessage } from '../../hooks/useCaseUpdateErrorMessage';
 const NUM_VISIBLE_LABELS = 3;
 export default function CaseLabels() {
     var _a;
     const { t } = useTranslation();
+    const caseUpdateError = useCaseUpdateErrorMessage();
     const canEditCase = useCanEditCase();
     const { globalMetadataState: { loggedInUser, loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
     const isOrgAdmin = loggedInUser.data.isOrgAdmin;
@@ -49,8 +51,8 @@ export default function CaseLabels() {
                 ToastNotification.addSuccessMessage(t('Label has been added'));
             }
         }
-        catch (_a) {
-            ToastNotification.addDangerMessage(t('Failed to update labels'));
+        catch (e) {
+            caseUpdateError.showFieldError(e, t('Labels'), () => handleSelect(_event, labelId));
         }
     });
     const handleChipRemove = (labelId) => __awaiter(this, void 0, void 0, function* () {
@@ -64,8 +66,8 @@ export default function CaseLabels() {
             setAssignedLinks((prev) => prev.filter((l) => l.linkId !== link.linkId));
             ToastNotification.addSuccessMessage(t('Label has been removed'));
         }
-        catch (_a) {
-            ToastNotification.addDangerMessage(t('Failed to remove label'));
+        catch (e) {
+            caseUpdateError.showFieldError(e, t('Labels'), () => handleChipRemove(labelId));
         }
     });
     const selectedLabels = availableLabels.filter((l) => selectedLabelIds.includes(l.id));

package/lib/esm/components/CaseInformation/Fts.js

@@ -68,7 +68,7 @@ function Fts(props) {
         }
         catch (e) {
             setFtsContactUpdating(false);
-            caseUpdateError.showError(e, t(`Failed to update the case`));
+            caseUpdateError.showFieldError(e, t('24x7 Support'), () => onCaseFtsContactUpdate(caseDetails));
         }
     });
     const onCaseFtsUpdate = (caseDetails) => __awaiter(this, void 0, void 0, function* () {
@@ -82,7 +82,7 @@ function Fts(props) {
         }
         catch (e) {
             setFtsUpdating(false);
-            caseUpdateError.showError(e, t(`Failed to update the case`));
+            caseUpdateError.showFieldError(e, t('24x7 Support'), () => onCaseFtsUpdate(caseDetails));
         }
     });
     const onFtsChange = (e) => __awaiter(this, void 0, void 0, function* () {

package/lib/esm/components/CaseManagement/Cep.js

@@ -99,7 +99,7 @@ export function Cep(props) {
             ToastNotification.addSuccessMessage(t(`Consultant Engagement in Progress has been updated successfully`));
         }
         catch (e) {
-            caseUpdateError.showError(e, t(`Consultant Engagement in Progress failed to update`));
+            caseUpdateError.showFieldError(e, t('Consultant Engagement in Progress'), () => cepUpdate(caseDetails));
         }
     });
     const onCancel = () => {

package/lib/esm/components/CaseManagement/RHAssociatesSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RHAssociatesSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/RHAssociatesSelector.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAS5D,MAAM,WAAW,MAAM;CAAG;AAG1B,iBAAS,oBAAoB,CAAC,KAAK,EAAE,MAAM,qBAoN1C;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"RHAssociatesSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/RHAssociatesSelector.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAU5D,MAAM,WAAW,MAAM;CAAG;AAG1B,iBAAS,oBAAoB,CAAC,KAAK,EAAE,MAAM,qBAqN1C;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

package/lib/esm/components/CaseManagement/RHAssociatesSelector.js

@@ -23,11 +23,13 @@ import React, { useContext, useRef, useState } from 'react';
 import { Token } from 'react-bootstrap-typeahead';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
+import { useCaseUpdateErrorMessage } from '../../hooks/useCaseUpdateErrorMessage';
 import { addingNotifiedUsers, deleteNotifiedUsers, setNotifiedUser } from '../../reducers/CaseReducer';
 import { PDFContext } from '../CaseEditView/PDFContainer';
 import { ContactSelectorInternal } from '../shared/input/ContactSelectorInternal';
 function RHAssociatesSelector(props) {
     const { t } = useTranslation();
+    const caseUpdateError = useCaseUpdateErrorMessage();
     const { globalMetadataState: { loggedInUser, loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
     const [isRHAssociatesUpdating, setIsRHAssociatesUpdating] = useState(false);
     const ability = useContext(AbilityContext);
@@ -51,7 +53,7 @@ function RHAssociatesSelector(props) {
         }
         catch (e) {
             setIsRHAssociatesUpdating(false);
-            ToastNotification.addDangerMessage(t(`Red Hat associate failed to update`));
+            caseUpdateError.showFieldError(e, t('Red Hat associate'), () => onRhAssociateAdded(addedUsers));
         }
     });
     const onRhAssociateRemoved = (removedUsers) => __awaiter(this, void 0, void 0, function* () {
@@ -64,7 +66,7 @@ function RHAssociatesSelector(props) {
         }
         catch (e) {
             setIsRHAssociatesUpdating(false);
-            ToastNotification.addDangerMessage(t(`Red Hat associate failed to get removed`));
+            caseUpdateError.showFieldError(e, t('Red Hat associate'), () => onRhAssociateRemoved(removedUsers));
         }
     });
     const onNotifiedUserChange = (selectedContacts_1, ...args_1) => __awaiter(this, [selectedContacts_1, ...args_1], void 0, function* (selectedContacts, throwTrackEventOnAdd = false) {

package/lib/esm/components/CaseManagement/SendNotifications/CaseContactSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseContactSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseManagement/SendNotifications/CaseContactSelector.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAgBvE,MAAM,WAAW,MAAM;CAAG;AAG1B,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAsdzC;AAED,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"CaseContactSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseManagement/SendNotifications/CaseContactSelector.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAiBvE,MAAM,WAAW,MAAM;CAAG;AAG1B,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAudzC;AAED,eAAe,mBAAmB,CAAC"}

package/lib/esm/components/CaseManagement/SendNotifications/CaseContactSelector.js

@@ -28,6 +28,7 @@ import React, { useContext, useEffect, useRef, useState } from 'react';
 import { Token } from 'react-bootstrap-typeahead';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../../context/CaseContext';
+import { useCaseUpdateErrorMessage } from '../../../hooks/useCaseUpdateErrorMessage';
 import { addingNotifiedUsers, deleteNotifiedUsers, setNotifiedUser, setSelectedCaseGroupUsers, } from '../../../reducers/CaseReducer';
 import { PDFContext } from '../../CaseEditView/PDFContainer';
 import { useCustomEmails } from '../../CaseEditView/Tabs/CaseDetails/useCustomEmails';
@@ -38,6 +39,7 @@ function CaseContactSelector(props) {
     const canSeeEmailNotifications = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_SEND_NOTIFICATIONS);
     const [isAssociatesUpdating, setIsAssociatesUpdating] = useState(false);
     const { t } = useTranslation();
+    const caseUpdateError = useCaseUpdateErrorMessage();
     const { accountNumber, caseNumber, contactSsoUsername, selectedNotificationContacts, selectedOwner, customEmailsList, product, selectedCaseGroupUsers, ownersCaseGroups, groupNumber, createdById, version, isCaseOwnerUpdating, } = useCaseSelector((state) => ({
         accountNumber: state.caseDetails.accountNumberRef,
         caseNumber: state.caseDetails.caseNumber,
@@ -78,7 +80,7 @@ function CaseContactSelector(props) {
         }
         catch (e) {
             setIsAssociatesUpdating(false);
-            ToastNotification.addDangerMessage(t(`Contact failed to update`));
+            caseUpdateError.showFieldError(e, t('Contact'), () => onCaseContactAdded(addedUsers));
         }
     });
     const onCaseContactRemoved = (removedUsers) => __awaiter(this, void 0, void 0, function* () {
@@ -91,7 +93,7 @@ function CaseContactSelector(props) {
         }
         catch (e) {
             setIsAssociatesUpdating(false);
-            ToastNotification.addDangerMessage(t(`Contact failed to update`));
+            caseUpdateError.showFieldError(e, t('Contact'), () => onCaseContactRemoved(removedUsers));
         }
     });
     const addCaseContact = (toAdd) => __awaiter(this, void 0, void 0, function* () {

package/lib/esm/components/EditDescription/EditDescription.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditDescription.d.ts","sourceRoot":"","sources":["../../../../src/components/EditDescription/EditDescription.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAQpD,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;CAC3B;AAUD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBAgEpD"}
+{"version":3,"file":"EditDescription.d.ts","sourceRoot":"","sources":["../../../../src/components/EditDescription/EditDescription.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA+B,MAAM,OAAO,CAAC;AASpD,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;CAC3B;AAUD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBAiEpD"}

package/lib/esm/components/EditDescription/EditDescription.js

@@ -16,6 +16,7 @@ import React, { useContext, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useParams } from 'react-router-dom';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
+import { useCaseUpdateErrorMessage } from '../../hooks/useCaseUpdateErrorMessage';
 import { setCaseDetails } from '../../reducers/CaseReducer';
 import { PDFContext } from '../CaseEditView/PDFContainer';
 const linkifiedDescription = (text) => {
@@ -26,6 +27,7 @@ const linkifiedDescription = (text) => {
 };
 export default function EditDescription(props) {
     const { t } = useTranslation();
+    const caseUpdateError = useCaseUpdateErrorMessage();
     const { caseNumber } = useParams();
     const { description, hasLargeCaseDescription } = useCaseSelector((state) => ({
         description: state.caseDetails.description,
@@ -50,7 +52,7 @@ export default function EditDescription(props) {
         catch (e) {
             setLocalDescription(description);
             setIsUpdating(false);
-            ToastNotification.addDangerMessage(t('Case description failed to update'));
+            caseUpdateError.showFieldError(e, t('Description'), onDescriptionSave);
         }
     });
     const onDescriptionChange = (event) => {

package/lib/esm/components/UpdateSeverityModal/UpdateSeverityModal.js

@@ -183,7 +183,7 @@ export default function UpdateSeverityModal(props) {
             });
         }
         catch (err) {
-            caseUpdateError.showError(err, t(`Failed to update the case`));
+            caseUpdateError.showFieldError(err, t('24x7 Support'), updateCaseFtsInfo);
         }
         finally {
             onClose();
@@ -241,7 +241,7 @@ export default function UpdateSeverityModal(props) {
                             contentType: 'markdown',
                             updateDiscussionState: true,
                         });
-                        caseUpdateError.showError(e, t(`Failed to update case status. Please try again`));
+                        caseUpdateError.showFieldError(e, t('Status'));
                         yield updateSeverityViaGraphQL({
                             status: 'Waiting on Customer Action Required',
                             severity: updatedCaseDetails['severity'],
@@ -249,7 +249,7 @@ export default function UpdateSeverityModal(props) {
                     }
                 }
                 catch (e) {
-                    caseUpdateError.showError(e, t(`Couldn't post severity update comment. Please try again`));
+                    caseUpdateError.showFieldError(e, t('Severity'), onSubmit);
                     yield updateSeverityViaGraphQL({
                         severity: caseDetails.caseSeverity,
                     });
@@ -262,7 +262,7 @@ export default function UpdateSeverityModal(props) {
         catch (e) {
             setSeverityUpdating(caseOverviewDispatch, false);
             onClose();
-            caseUpdateError.showError(e, t('Severity failed to update'));
+            caseUpdateError.showFieldError(e, t('Severity'));
             yield updateSeverityViaGraphQL({
                 severity: caseDetails.caseSeverity,
             });

package/lib/esm/css/case.css

@@ -123,13 +123,40 @@ button,
     word-break: break-word;
 }
 
-.support-comment .comment-body ul {
-    list-style: '- ';
-    padding-left: 1.5em;
+.support-comment .comment-body ul,
+.support-comment .comment-body ol,
+.support-comment .comment-richtext ul,
+.support-comment .comment-richtext ol {
+    margin: 0;
+    margin-bottom: 1rem;
+    padding: 0;
+}
+
+.support-comment .comment-body ul,
+.support-comment .comment-richtext ul {
+    margin-left: 1.5rem;
+    list-style: disc outside;
+}
+
+.support-comment .comment-body ul ul,
+.support-comment .comment-richtext ul ul {
+    list-style: circle outside;
+}
+
+.support-comment .comment-body ul ul ul,
+.support-comment .comment-richtext ul ul ul {
+    list-style: square outside;
+}
+
+.support-comment .comment-body ol,
+.support-comment .comment-richtext ol {
+    margin-left: 1.5rem;
+    list-style: decimal outside;
 }
 
-.support-comment .comment-body ol {
-    padding-left: 1.5em;
+.support-comment .comment-body ol ol,
+.support-comment .comment-richtext ol ol {
+    list-style: lower-alpha outside;
 }
 
 #case-description ul {
@@ -355,14 +382,46 @@ input[aria-invalid='true'].pf-v6-c-form-control {
 }
 
 .comment-body ul,
+.comment-body ol,
+.comment-richtext ul,
+.comment-richtext ol,
+.markdown-preview ul,
+.markdown-preview ol {
+    margin: 0;
+    margin-bottom: 1rem;
+    padding: 0;
+}
+
+.comment-body ul,
+.comment-richtext ul,
 .markdown-preview ul {
-    list-style: '- ';
-    padding-left: 1.5em;
+    margin-left: 1.5rem;
+    list-style: disc outside;
+}
+
+.comment-body ul ul,
+.comment-richtext ul ul,
+.markdown-preview ul ul {
+    list-style: circle outside;
+}
+
+.comment-body ul ul ul,
+.comment-richtext ul ul ul,
+.markdown-preview ul ul ul {
+    list-style: square outside;
 }
 
 .comment-body ol,
+.comment-richtext ol,
 .markdown-preview ol {
-    padding-left: 1.5em;
+    margin-left: 1.5rem;
+    list-style: decimal outside;
+}
+
+.comment-body ol ol,
+.comment-richtext ol ol,
+.markdown-preview ol ol {
+    list-style: lower-alpha outside;
 }
 
 .comment-body .ql-align-center {
@@ -397,6 +456,19 @@ input[aria-invalid='true'].pf-v6-c-form-control {
     padding-left: 15em;
 }
 
+.comment-body p,
+.comment-richtext p {
+    margin-bottom: 1rem;
+    margin-top: 0;
+}
+
+.comment-body ul ul,
+.comment-body ol ol,
+.comment-body ul ol,
+.comment-body ol ul {
+    margin-left: 1.5rem;
+}
+
 .tab-title-with-badge {
     display: flex;
     align-items: center;
@@ -449,3 +521,77 @@ input[aria-invalid='true'].pf-v6-c-form-control {
 .remove-watcher-button {
     max-width: 15rem;
 }
+
+.load-more-skeleton {
+    display: block;
+    margin-bottom: 1rem;
+    padding: 1.4rem 1.3rem 0.8rem 1.5rem;
+    background-color: #fff;
+    border: 1px solid #d2d2d2;
+    border-left: 4px solid #6a6e73;
+    overflow: hidden;
+}
+
+.load-more-skeleton__header {
+    display: flex;
+    align-items: center;
+    margin-bottom: 16px;
+}
+
+.load-more-skeleton__avatar {
+    width: 32px;
+    height: 32px;
+    border-radius: 50%;
+    background-color: #e0e0e0;
+    flex-shrink: 0;
+    animation: skeleton-pulse 1.5s ease-in-out infinite;
+}
+
+.load-more-skeleton__name {
+    width: 120px;
+    height: 14px;
+    border-radius: 4px;
+    background-color: #e0e0e0;
+    margin-left: 12px;
+    animation: skeleton-pulse 1.5s ease-in-out infinite;
+}
+
+.load-more-skeleton__timestamp {
+    width: 140px;
+    height: 12px;
+    border-radius: 4px;
+    background-color: #e0e0e0;
+    margin-left: auto;
+    animation: skeleton-pulse 1.5s ease-in-out infinite;
+}
+
+.load-more-skeleton__body {
+    padding-left: 44px;
+}
+
+.load-more-skeleton__line {
+    height: 14px;
+    border-radius: 4px;
+    background-color: #e0e0e0;
+    animation: skeleton-pulse 1.5s ease-in-out infinite;
+}
+
+.load-more-skeleton__line + .load-more-skeleton__line {
+    margin-top: 10px;
+}
+
+@keyframes skeleton-pulse {
+    0%,
+    100% {
+        opacity: 0.6;
+    }
+    50% {
+        opacity: 1;
+    }
+}
+
+.infinite-scroll-end-status {
+    text-align: center;
+    margin-top: 16px;
+    color: var(--pf-t--global--color--status--danger--default, #c9190b);
+}

package/lib/esm/graphql/queries/getEscalationDetails.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getEscalationDetails.d.ts","sourceRoot":"","sources":["../../../../src/graphql/queries/getEscalationDetails.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,uCA6BlC,CAAC"}
+{"version":3,"file":"getEscalationDetails.d.ts","sourceRoot":"","sources":["../../../../src/graphql/queries/getEscalationDetails.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,uCAkClC,CAAC"}

package/lib/esm/graphql/queries/getEscalationDetails.js

@@ -21,6 +21,11 @@ export const GET_ESCALATION_DETAILS = gql `
                                         value
                                     }
                                 }
+                                ... on RedHatSupportUser {
+                                    Name {
+                                        value
+                                    }
+                                }
                             }
                         }
                     }

package/lib/esm/hooks/useCaseComments/caseCommentsQuery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"caseCommentsQuery.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useCaseComments/caseCommentsQuery.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,OAAO,EAAE,sBAAsB,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC;AAEhF,eAAO,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,6BAA6B,EAAE,sBAAsB,CAkDtG,CAAC"}
+{"version":3,"file":"caseCommentsQuery.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useCaseComments/caseCommentsQuery.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE7D,OAAO,EAAE,sBAAsB,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC;AAEhF,eAAO,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,6BAA6B,EAAE,sBAAsB,CAuDtG,CAAC"}

package/lib/esm/hooks/useCaseComments/caseCommentsQuery.js

@@ -4,10 +4,11 @@ export const GET_CASE_COMMENTS = gql `
         $filter: RedHatSupportCaseComment__c_Filter!
         $orderBy: RedHatSupportCaseComment__c_OrderBy
         $first: Int
+        $after: String
     ) {
         redhat_support_uiapi {
             query {
-                RedHatSupportCaseComment__c(where: $filter, orderBy: $orderBy, first: $first) {
+                RedHatSupportCaseComment__c(where: $filter, orderBy: $orderBy, first: $first, after: $after) {
                     edges {
                         node {
                             Id
@@ -45,6 +46,10 @@ export const GET_CASE_COMMENTS = gql `
                             }
                         }
                     }
+                    pageInfo {
+                        hasNextPage
+                        endCursor
+                    }
                 }
             }
         }

package/lib/esm/hooks/useCaseComments/index.d.ts

@@ -1,7 +1,8 @@
 export { CREATE_CASE_COMMENT } from '@rh-support/utils';
 export { GET_CASE_COMMENTS } from './caseCommentsQuery';
 export { deriveCreatedByType, deriveIsPublic, mapCaseCommentNode, mapCaseCommentsResponse, mapVisibility, } from './mapCaseComment';
-export type { ICaseCommentEdge, ICaseCommentNode, ICaseCommentsConnection, ICreateCaseCommentResponse, ICreateCaseCommentVariables, IGetCaseCommentsQueryResponse, IUseCaseCommentsOptions, } from './types';
+export type { ICaseCommentEdge, ICaseCommentNode, ICaseCommentsConnection, ICreateCaseCommentResponse, ICreateCaseCommentVariables, IGetCaseCommentsQueryResponse, IPageInfo, IUseCaseCommentsOptions, } from './types';
+export type { IUseCaseCommentsReturn } from './useCaseComments';
 export { useCaseComments } from './useCaseComments';
 export { useCreateCaseComment } from './useCreateCaseComment';
 //# sourceMappingURL=index.d.ts.map

package/lib/esm/hooks/useCaseComments/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useCaseComments/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EACH,mBAAmB,EACnB,cAAc,EACd,kBAAkB,EAClB,uBAAuB,EACvB,aAAa,GAChB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EACR,gBAAgB,EAChB,gBAAgB,EAChB,uBAAuB,EACvB,0BAA0B,EAC1B,2BAA2B,EAC3B,6BAA6B,EAC7B,uBAAuB,GAC1B,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useCaseComments/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EACH,mBAAmB,EACnB,cAAc,EACd,kBAAkB,EAClB,uBAAuB,EACvB,aAAa,GAChB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EACR,gBAAgB,EAChB,gBAAgB,EAChB,uBAAuB,EACvB,0BAA0B,EAC1B,2BAA2B,EAC3B,6BAA6B,EAC7B,SAAS,EACT,uBAAuB,GAC1B,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}