@rh-support/troubleshoot 2.6.7 → 2.6.8

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;AA2BxB,OAAO,KAAsC,MAAM,OAAO,CAAC;AAgT3D,QAAA,MAAM,QAAQ;;uBAmUb,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;AA2BxB,OAAO,KAAsC,MAAM,OAAO,CAAC;AAwT3D,QAAA,MAAM,QAAQ;;uBA4Ub,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -22,7 +22,7 @@ import { Trans, useTranslation } from 'react-i18next';
 const TimelineEvent = ({ date, text, side, user, useAvatar }) => {
     if (side === 'left') {
         if (useAvatar) {
-            // we only want to render the main date if the user changes, otherwise stay with just the time
+            // we render the main date if the user changes or if the date changes
             return (React.createElement("div", { className: `${side}-node ${user}`, role: "complementary", "aria-label": `${user}'s timeline Event Time` },
                 React.createElement("div", { className: `contentTimeline content-${side}-history content-${side}-${user}` },
                     React.createElement("h2", { className: `content-date-${side}-history` }, date),
@@ -187,18 +187,19 @@ const applyReplacements = (item) => {
         newText = formatBooleanChange(fieldName, item.newValue);
     if (typeof newText === 'string')
         newText = newText.replace(/Problem Statement/g, 'Title');
+    if (typeof newText === 'string')
+        newText = newText.replace(/Case Type/g, 'Support Type');
     return newText;
 };
 // function to change the apiResponse
 const transformApiResponseToTimelineData = (apiResponse) => {
     let previousUser = null;
+    let previousDate = null;
     const timelineEvents = apiResponse.historyItems
         // Filter out 'Case Group' and 'OwnerId' changes because we don't have decode of value
         .filter((item) => item.fieldName !== 'FolderId__c' && item.fieldName !== 'OwnerId')
         .map((item, index) => {
         const currentUser = item.createdByUserName;
-        const useAvatar = index === 0 || (!!previousUser && currentUser !== previousUser);
-        previousUser = currentUser;
         let eventDate;
         if (typeof item.createdDate === 'string' && item.createdDate.includes('T')) {
             eventDate = parse(item.createdDate, "yyyy-MM-dd'T'HH:mm:ss'Z'", new Date());
@@ -206,6 +207,12 @@ const transformApiResponseToTimelineData = (apiResponse) => {
         else {
             eventDate = fromUnixTime(item.createdDate / 1000);
         }
+        const currentDate = format(eventDate, 'MMMM d, yyyy');
+        const useAvatar = index === 0 ||
+            (!!previousUser && currentUser !== previousUser) ||
+            (!!previousDate && currentDate !== previousDate);
+        previousUser = currentUser;
+        previousDate = currentDate;
         const user = item.createdByCustomer !== undefined
             ? item.createdByCustomer
                 ? 'customer'
@@ -214,7 +221,7 @@ const transformApiResponseToTimelineData = (apiResponse) => {
                 ? 'internal'
                 : 'customer';
         const leftEvent = {
-            date: format(eventDate, 'MMMM d, yyyy'),
+            date: currentDate,
             text: format(eventDate, 'h:mm a zzz'),
         };
         let outputText = item.outputText;
@@ -287,10 +294,15 @@ const Timeline = ({ caseNumber }) => {
     };
     const applyAvatarLogic = (events) => {
         let previousUser = null;
+        let previousDate = null;
         return events.map((event, index) => {
             const currentUser = event.right.date.split(' ')[0];
-            const useAvatar = index === 0 || (!!previousUser && currentUser !== previousUser);
+            const currentDate = event.left.date;
+            const useAvatar = index === 0 ||
+                (!!previousUser && currentUser !== previousUser) ||
+                (!!previousDate && currentDate !== previousDate);
             previousUser = currentUser;
+            previousDate = currentDate;
             return Object.assign(Object.assign({}, event), { right: Object.assign(Object.assign({}, event.right), { useAvatar: useAvatar }) });
         });
     };
@@ -395,6 +407,8 @@ const Timeline = ({ caseNumber }) => {
                 return isSameDay(eventDate, selectedDate);
             });
         }
+        // Reapply avatar logic to filtered events to ensure dates show properly
+        finalFilteredEvents = applyAvatarLogic(finalFilteredEvents);
         setFilteredEvents(finalFilteredEvents);
         setPage(1);
     }, [searchValue, dateValue, timelineEvents]);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.6.7",
+    "version": "2.6.8",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -134,5 +134,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "223261f3803b043e58594a1cff1d85383169ff1d"
+    "gitHead": "821e51261a013b8dc5cf6e3ff4428d09301babad"
 }