@rh-support/troubleshoot 2.5.33 → 2.5.36

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

@@ -1 +1 @@
-{"version":3,"file":"ActiveCustomerEscalation.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ActiveCustomerEscalation/ActiveCustomerEscalation.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,wBAAwB,+EA4HnC,CAAC"}
+{"version":3,"file":"ActiveCustomerEscalation.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ActiveCustomerEscalation/ActiveCustomerEscalation.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,wBAAwB,+EAqInC,CAAC"}

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

@@ -2,18 +2,24 @@ import { Button, ButtonVariant, List, ListItem, Popover } from '@patternfly/reac
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { useCanEditCase } from '@rh-support/react-context';
 import { Can, resourceActions, resources } from '@rh-support/user-permissions';
+import isEqual from 'lodash/isEqual';
 import React, { forwardRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
+import { useCaseSelector } from '../../../context/CaseContext';
 import { useCaseDetailsPageStateContext } from '../../../context/CaseDetailsPageContext';
 import { RequestEscalationModal } from './RequestEscalationModal';
 export const ActiveCustomerEscalation = forwardRef((props, ref) => {
     const { t } = useTranslation();
     const { caseDetailsPageState: { caseEscalations }, } = useCaseDetailsPageStateContext();
+    const { customerEscalation } = useCaseSelector((state) => ({
+        customerEscalation: state.customerEscalation,
+    }), isEqual);
     const canEditCase = useCanEditCase();
     const isCreateRMEVisible = (caseEscalations.data || []).length === 0 || caseEscalations.data.every((item) => item.status === 'Closed');
     const commonElements = (React.createElement(React.Fragment, null,
         React.createElement("p", null,
             React.createElement(Trans, null, "After submitting, your case will be reviewed by a support manager."))));
+    const onAceBtnClick = () => window.open(`/watchlist/internal/aces/new?caseNumber=${props.caseNumber}`, '_blank', 'noopener noreferrer');
     const isInternalElements = (React.createElement("div", { className: "card card-white card-support escalations", ref: ref },
         React.createElement("h3", { className: "card-heading case-detail-panel-card-heading card-header-bg" },
             React.createElement(Trans, null, "Active Customer Escalation (ACE)"),
@@ -28,7 +34,7 @@ export const ActiveCustomerEscalation = forwardRef((props, ref) => {
                 React.createElement(ListItem, null, t('The customer thinks the case is not moving appropriately')),
                 React.createElement(ListItem, null, t('The customer wants a new resource')),
                 React.createElement(ListItem, null, t('The issue is more severe than originally thought'))),
-            React.createElement("a", { href: `/watchlist/internal/aces/new?caseNumber=${props.caseNumber}`, className: "pf-v5-c-button pf-m-tertiary", target: "_blank", rel: "noopener noreferrer", "data-tracking-id": "request-ace-trigger", "aria-label": t('Request an escalation') }, t('Request an escalation')))));
+            React.createElement(Button, { className: "pf-v5-c-button pf-m-tertiary", onClick: onAceBtnClick, "data-tracking-id": "request-ace-trigger", "aria-label": t('Request an escalation'), isDisabled: customerEscalation }, t('Request an escalation')))));
     const [openRequestEscalationModal, setOpenRequestEscalationModal] = useState(false);
     const toggleModal = () => {
         if (canEditCase.alert())

package/lib/esm/components/Recommendations/AsideResults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AsideResults.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/AsideResults.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AASvD,OAAO,EAAE,eAAe,EAAsC,MAAM,iCAAiC,CAAC;AAUtG,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,qBAsMzC"}
+{"version":3,"file":"AsideResults.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/AsideResults.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AASvD,OAAO,EAAE,eAAe,EAAsC,MAAM,iCAAiC,CAAC;AAUtG,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,qBAsMzC"}

package/lib/esm/components/Recommendations/AsideResults.js

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { pcm, search } from '@cee-eng/hydrajs';
 import { useDebounce } from '@rh-support/components';
-import { computeRecommendationAbstract, computeRecommendationTitle, convertObjToEncodedQueryParams, dtmTrackEventRecommendationListingItemClicked, getSolrParams, getTrimmedCharacters, PreviousCaseTypes, replaceHighlightingData, } from '@rh-support/utils';
+import { computeRecommendationAbstract, computeRecommendationTitle, convertObjToEncodedQueryParams, dtmTrackEventContentListingItemClicked, getRecommendationTitle, getSolrParams, getTrimmedCharacters, PreviousCaseTypes, replaceHighlightingData, } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useRef } from 'react';
@@ -44,7 +44,7 @@ export function AsideResults(props) {
     const { recommendationState } = useContext(RecommendationStateContext);
     const { sessionRestore: { activeSessionId, sessionResourceTracking }, } = useContext(SessionRestoreStateContext);
     const sessionRestoreDispatch = useContext(SessionRestoreDispatchContext);
-    const { routeState: { activeSection }, } = useContext(RouteContext);
+    const { routeState: { activeSection, isCaseCreate }, } = useContext(RouteContext);
     const PAGE_SIZE = 5;
     const payload = JSON.stringify({
         product: product,
@@ -119,7 +119,7 @@ export function AsideResults(props) {
             return;
         const rank = index + 1 + PAGE_SIZE * ((recommendationState.currentPage || 1) - 1);
         createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.RECOMMENDATIONS_ASIDE, [getSessResFromRec(doc, SessionResourceVisibility.VISITED, index + 1)], payload);
-        dtmTrackEventRecommendationListingItemClicked(window.location.href, activeSection, 'middle', doc.id, rank, doc.allTitle, doc.view_uri, 'Recommendation Aside', 'Live troubleshooting powered by OpenShift AI');
+        dtmTrackEventContentListingItemClicked(window.location.href, doc.id, rank, doc.allTitle, doc.view_uri, getRecommendationTitle(doc), 'Recommendation Aside', 'Articles recommended by OpenShift AI', isCaseCreate);
     };
     useEffect(() => {
         if (isSelectedAccounntSecureSupport)

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

@@ -1 +1 @@
-{"version":3,"file":"Recommendations.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/Recommendations.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAevD,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAYpF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACzE,qCAAqC,CAAC,EAAE,OAAO,CAAC;IAChD,aAAa,EAAE,GAAG,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBAuZpD"}
+{"version":3,"file":"Recommendations.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/Recommendations.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAevD,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAYpF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACzE,qCAAqC,CAAC,EAAE,OAAO,CAAC;IAChD,aAAa,EAAE,GAAG,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBAyYpD"}

package/lib/esm/components/Recommendations/Recommendations.js

@@ -3,7 +3,7 @@ import { Label, Pagination, PaginationVariant, Popover, Spinner } from '@pattern
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import StarIcon from '@patternfly/react-icons/dist/js/icons/star-icon';
 import { LoadingDots, useDebounce, usePrevious } from '@rh-support/components';
-import { computeRecommendationAbstract, computeRecommendationTitle, dtmTrackEventRecommendationListingDisplayed, dtmTrackEventRecommendationListingItemClicked, formatDate, getRecommendationTitle, } from '@rh-support/utils';
+import { computeRecommendationAbstract, computeRecommendationTitle, dtmTrackEventContentListingItemClicked, formatDate, getRecommendationTitle, } from '@rh-support/utils';
 import differenceBy from 'lodash/differenceBy';
 import find from 'lodash/find';
 import isEmpty from 'lodash/isEmpty';
@@ -128,18 +128,6 @@ export default function Recommendations(props) {
             setCaseRecommendations(caseDispatch, recommendationState.visibleDocs, caseResourceLinks);
         }
         createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.RECOMMENDATIONS, getSessResFromRecs(recommendationState.visibleDocs, SessionResourceVisibility.PRESENTED, pageSize || DEFAULTPAGESIZE, recommendationState.currentPage || 1), typeof payload === 'string' ? payload : JSON.stringify(payload));
-        const listing = recommendationState.visibleDocs.map((doc, i) => ({
-            content: {
-                contentID: doc.id,
-                contentPosition: i + 1,
-                contentTitle: doc.publishedTitle,
-                contentUrl: doc.view_uri,
-                displayFeature: 'Troubleshooting',
-                displayFeatureTitle: '',
-            },
-            isDisplayed: true,
-        }));
-        dtmTrackEventRecommendationListingDisplayed('middle', activeSection, listing, recommendationState.numFound);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [caseDispatch, recommendationState.visibleDocs, activeSessionId]);
     useEffect(() => {
@@ -168,7 +156,7 @@ export default function Recommendations(props) {
         createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.RECOMMENDATIONS, [
             getSessResFromRec(doc, SessionResourceVisibility.VISITED, index + 1 + (pageSize || DEFAULTPAGESIZE) * ((recommendationState.currentPage || 1) - 1)),
         ], typeof payload === 'string' ? payload : JSON.stringify(payload));
-        dtmTrackEventRecommendationListingItemClicked(window.location.href, activeSection, 'middle', doc.id, rank, doc.allTitle, doc.view_uri, 'Main Recommendation', 'Live search results powered by OpenShift AI');
+        dtmTrackEventContentListingItemClicked(window.location.href, doc.id, rank, doc.allTitle, doc.view_uri, getRecommendationTitle(doc), 'Main Recommendation', 'Live troubleshooting powered by OpenShift AI', isCaseCreate);
     };
     const infoPopover = (React.createElement(Popover, { triggerAction: "hover", "aria-label": "Hoverable popover", headerContent: React.createElement("div", null,
             React.createElement(Trans, null, "Powered by Openshift AI")), bodyContent: React.createElement("div", null,

package/lib/esm/components/wizardLayout/WizardMain.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WizardMain.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardMain.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAS,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAK9D,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAQpF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,qBAAqB,EAAE,CAAC,cAAc,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,mBAAmB,EAAE,CAAC,gCAAgC,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5E;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,qBAsIhC;AACD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"WizardMain.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardMain.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAS,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAO9D,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAQpF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,qBAAqB,EAAE,CAAC,cAAc,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,mBAAmB,EAAE,CAAC,gCAAgC,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5E;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,qBAgJhC;AACD,eAAe,UAAU,CAAC"}

package/lib/esm/components/wizardLayout/WizardMain.js

@@ -5,8 +5,10 @@ import React, { Suspense, useContext, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Route } from 'react-router-dom';
 import { useCaseSelector } from '../../context/CaseContext';
+import { RecommendationDispatchContext } from '../../context/RecommendationContext';
 import { RouteDispatchContext } from '../../context/RouteContext';
 import { useWizard } from '../../hooks/useWizard';
+import { RecommendationsConstants } from '../../reducers/RecommendationsReducer';
 import { AppRouteSections } from '../../reducers/RouteConstNTypes';
 import { setActiveSectionChanged, updateisNextBtnClickedToShowValidationError } from '../../reducers/RouteReducer';
 import RouteUtils from '../../utils/routeUtils';
@@ -16,6 +18,7 @@ import NewFeatureModal from './NewFeatureModal';
 import WizardNavigation from './WizardNavigation';
 function WizardMain(props) {
     const [showRestFlag, setShowRestFlag] = useState(false);
+    const recommendationDispatch = useContext(RecommendationDispatchContext);
     const { isCreatingCase } = useCaseSelector((state) => ({
         isCreatingCase: state.isCreatingCase,
     }), isEqual);
@@ -48,6 +51,15 @@ function WizardMain(props) {
         RouteUtils.navigateToSection(props.routeProps, `${props.routeProps.location.pathname}/${step.id}`, false);
     };
     const onBack = (step, prevStep) => {
+        // isLoadingRecommendations needs to be set to false on back when the previous step is the summary
+        // step because it can cause the next button to be permanently disabled if the debounce is not called
+        // before going back a step. This can be caused if navigating quickly to then away from the recommendations page.
+        if (prevStep.prevId === AppRouteSections.SUMMARIZE) {
+            recommendationDispatch({
+                type: RecommendationsConstants.setIsLoadingRecommendations,
+                payload: { isLoadingRecommendations: false },
+            });
+        }
         var regex = new RegExp('/' + prevStep.prevId + '$');
         RouteUtils.navigateToSection(props.routeProps, props.routeProps.location.pathname.replace(regex, ''), false);
     };

package/lib/esm/css/case.css

@@ -113,10 +113,20 @@ button,
     word-break: break-word;
 }
 
+.support-comment .comment-body ul {
+    list-style: '-';
+}
+
 .support-comment .comment-body blockquote {
     border-left: 5px solid #c0c0c0 !important;
 }
 
+#case-description ul {
+    list-style: '-';
+    padding-left: 1rem;
+    line-height: 1rem;
+}
+
 .support-comment footer {
     display: -ms-flexbox;
     display: flex;
@@ -308,6 +318,7 @@ input[aria-invalid='true'].pf-v5-c-form-control {
 .comment-body ul,
 .markdown-preview ul {
     list-style: '- ';
+    padding-left: 1.5em;
 }
 
 /* Improves the sidebar loading */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.5.33",
+    "version": "2.5.36",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -58,11 +58,11 @@
         "@progress/kendo-licensing": "1.3.5",
         "@progress/kendo-react-pdf": "^5.16.0",
         "@redux-devtools/extension": "^3.3.0",
-        "@rh-support/components": "2.5.15",
-        "@rh-support/react-context": "2.5.17",
+        "@rh-support/components": "2.5.17",
+        "@rh-support/react-context": "2.5.19",
         "@rh-support/types": "2.0.5",
-        "@rh-support/user-permissions": "2.5.9",
-        "@rh-support/utils": "2.5.8",
+        "@rh-support/user-permissions": "2.5.11",
+        "@rh-support/utils": "2.5.10",
         "@types/react-redux": "^7.1.33",
         "@types/redux": "^3.6.0",
         "date-fns": "3.6.0",
@@ -134,5 +134,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "25dc755c973c1fd3169c76df597839acb07dde64"
+    "gitHead": "269e160216d2acd58357f6875a9855b4e11b262b"
 }