@rh-support/troubleshoot 2.6.6 → 2.6.8

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":"AAiBA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AA0BlE,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,qBA4Q5C"}
+{"version":3,"file":"CaseDetailsTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsTabs.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AA0BlE,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,qBAoS5C"}

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

@@ -1,4 +1,6 @@
-import { Label, Tab, TabContent, Tabs, TabsComponent, TabTitleText, Text, TextContent, TextVariants, } from '@patternfly/react-core';
+import { Label, Popover, Tab, TabContent, Tabs, TabsComponent, TabTitleText, Text, TextContent, TextVariants, } 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';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import { ability, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
@@ -143,12 +145,21 @@ 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
+        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(Trans, null, tab.title),
                 tab.title === CaseDetailsTabsEnum.GENERATE_AI_CASE_SUMMARY && (React.createElement("div", { className: "gradient-border-badge" },
-                    React.createElement(Label, { className: "preview-label" }, "Preview")))) })))),
+                    React.createElement(Label, { 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" },
+                            "Case history article",
+                            ' ',
+                            React.createElement("span", { style: { marginLeft: '0.25rem' } },
+                                React.createElement(ExternalLinkAltIcon, null)))) },
+                    React.createElement(InfoCircleIcon, { color: "gray" })))) })))),
         React.createElement("div", { className: "case-details-tabs-content pf-v5-u-pt-xl" }, tabsToRender.map((tab, index) => {
             return index === getActiveTabKey() && !isExportingPDF ? (React.createElement(TabContent, { eventKey: index, key: tab.key, id: `pf-tab-${index}-${tab.title.split(' ')[0]}-tabpanel`, ref: tab.ref, "aria-label": tab.title, hidden: isExportingPDF ? !isTabVisibleInPdfExport(tab) : index !== getActiveTabKey() },
                 React.createElement(ErrorBoundary, { errorMsgInfo: {

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.6",
+    "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": "1b833d4c1dfeea406f617d1b448972d280954a28"
+    "gitHead": "821e51261a013b8dc5cf6e3ff4428d09301babad"
 }