@rh-support/troubleshoot 2.4.5-beta.15 → 2.4.5-beta.16

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

@@ -86,16 +86,16 @@ export function OpenShiftClusterId(props) {
      */
     useEffect(() => {
         var _a;
-        if (isEmpty(product) || isEmpty(version))
+        if (isEmpty(product))
             return;
         const isClusterVisible = () => __awaiter(this, void 0, void 0, function* () {
             var _a, _b;
             const hasCluster = yield isClusterIdEnabledForProduct(product, (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult);
+            setShowClusterId(hasCluster);
             if (!hasCluster) {
                 resetClusterData();
                 return;
             }
-            setShowClusterId(hasCluster);
             // if clusterId is already populated it means it comes from session and
             // we ignore url clusterId otherwise we get cluster id from url and validate it
             const clusterIdFromUrl = queryParams === null || queryParams === void 0 ? void 0 : queryParams.clusterId;

package/lib/esm/components/Cve/CveModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CveModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Cve/CveModal.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAU1C,eAAO,MAAM,QAAQ,yBAmEpB,CAAC"}
+{"version":3,"file":"CveModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Cve/CveModal.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAU1C,eAAO,MAAM,QAAQ,yBAoEpB,CAAC"}

package/lib/esm/components/Cve/CveModal.js

@@ -34,7 +34,7 @@ export const CveModal = () => {
     };
     return (React.createElement(Modal, { variant: ModalVariant.medium, title: React.createElement(Flex, { alignItems: { default: 'alignItemsCenter' } },
             React.createElement(FlexItem, { spacer: { default: 'spacerSm' } }, cveWorkflowRecommendation.length > 1 ? (React.createElement(Trans, null, "Handpicked for these CVEs")) : (React.createElement(Trans, null, "Handpicked for this CVE"))),
-            React.createElement(Badge, { isRead: true }, size(cveWorkflowRecommendation))), isOpen: isCveModalOpened && activeSection === AppRouteSections.SUMMARIZE, onClose: handleModalToggle, titleIconVariant: "info", disableFocusTrap: true, onEscapePress: handleEscapePress, actions: [
+            React.createElement(Badge, { isRead: true }, size(cveWorkflowRecommendation))), isOpen: isCveModalOpened && activeSection === AppRouteSections.SUMMARIZE, onClose: handleModalToggle, titleIconVariant: "info", disableFocusTrap: true, className: "cve-modal-fade-in-effect", onEscapePress: handleEscapePress, actions: [
             React.createElement(Button, { key: "cve-checker-link", "data-tracking-id": "cve-checker-link", target: "_blank", variant: "secondary", isInline: true, component: "a", href: generateCveCheckerUrl() },
                 React.createElement(Trans, null, "Red Hat CVE Checker"),
                 " ",

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":"AAmBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AAclE,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,qBA2VpD"}
+{"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,EAAa,MAAM,kBAAkB,CAAC;AAelE,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,qBA4WpD"}

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

@@ -3,8 +3,9 @@ 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, dtmTrackEventCaseStartStopped, formatDate, } from '@rh-support/utils';
+import { computeRecommendationAbstract, computeRecommendationTitle, dtmTrackEventCaseStartStopped, formatDate, getRecommendationTitle, } from '@rh-support/utils';
 import differenceBy from 'lodash/differenceBy';
+import find from 'lodash/find';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import map from 'lodash/map';
@@ -26,7 +27,7 @@ import { WatsonxAiIcon } from './WatsonxAiIcon';
 const { SessionResourceSource, SessionResourceVisibility } = pcm.preCase.session;
 export default function Recommendations(props) {
     var _a, _b, _c;
-    const { product, version, environment, summary, caseResourceLinks, issue, ABTestVarioation } = useCaseSelector((state) => ({
+    const { product, version, environment, summary, caseResourceLinks, issue, ABTestVarioation, cveWorkflowRecommendation, } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
         environment: state.caseDetails.environment,
@@ -34,6 +35,7 @@ export default function Recommendations(props) {
         issue: state.caseDetails.issue,
         caseResourceLinks: state.caseDetails.caseResourceLinks,
         ABTestVarioation: state.ABTestVarioation,
+        cveWorkflowRecommendation: state.cveWorkflowRecommendation,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
     const { caseNumber } = useParams();
@@ -162,13 +164,16 @@ export default function Recommendations(props) {
     function getRankPercentage(decimal) {
         return Math.round(decimal * 100);
     }
-    const computeLabel = (rerankScore) => {
-        const percentage = getRankPercentage(rerankScore);
+    const computeLabel = (recommendationDoc) => {
+        const { rerank_score } = recommendationDoc;
+        const title = getRecommendationTitle(recommendationDoc);
+        const isCveExist = !isEmpty(find(cveWorkflowRecommendation, (cveW) => (cveW === null || cveW === void 0 ? void 0 : cveW.title) === title));
+        const percentage = getRankPercentage(rerank_score);
         return (React.createElement(React.Fragment, null,
-            percentage > 80 && (React.createElement(Label, { color: "green", className: "match-label", icon: React.createElement(StarIcon, null) }, "Best Match")),
-            React.createElement(Label, { className: "match-label", color: "purple" },
+            percentage >= 80 && (React.createElement(Label, { color: "green", className: "match-label", icon: React.createElement(StarIcon, null) }, isCveExist ? 'Exact match' : 'Best match')),
+            !isCveExist && (React.createElement(Label, { className: "match-label", color: "purple" },
                 percentage,
-                "% Match")));
+                "% Match"))));
     };
     return (React.createElement(React.Fragment, null,
         isBTestvariation && (React.createElement(LoadingDots, { className: "recommendation-loading-dots", show: recommendationState.isLoadingRecommendations && !isEmpty(summary) })),
@@ -198,7 +203,7 @@ export default function Recommendations(props) {
                     React.createElement("header", { className: "result-header" },
                         React.createElement("a", { href: `${doc.view_uri}?${RouteUtils.getSEResourceQueryParams(activeSessionId, (_b = (_a = sessionResourceTracking[SessionResourceSource.RECOMMENDATIONS]) === null || _a === void 0 ? void 0 : _a.resourceOriginId) !== null && _b !== void 0 ? _b : '', SessionResourceSource.RECOMMENDATIONS)}`, className: "se-recommended ts-result", "data-tracking-id": `se-recommended-main-recommendations-${i}`, rel: "noopener noreferrer", target: "_blank", onClick: onResourceClick(doc, i), dangerouslySetInnerHTML: computeRecommendationTitle(doc) }),
                         React.createElement("div", { className: "header-meta" },
-                            isATestvariation && doc.rerank_score && computeLabel(doc.rerank_score),
+                            isATestvariation && doc.rerank_score && computeLabel(doc),
                             doc.kcsState === 'verified' && (React.createElement(React.Fragment, null,
                                 React.createElement("span", { className: "status-verified pf-v5-u-font-weight-bold pf-v5-u-success-color-100" }, "verified"),
                                 React.createElement("span", { className: "list-separator" }, "\u2013"))),

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

@@ -1 +1 @@
-{"version":3,"file":"SubmitCase.d.ts","sourceRoot":"","sources":["../../../../src/components/SubmitCase/SubmitCase.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAQ,mBAAmB,EAAe,MAAM,kBAAkB,CAAC;AAQ1E,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAWrF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,qBA8Z/C"}
+{"version":3,"file":"SubmitCase.d.ts","sourceRoot":"","sources":["../../../../src/components/SubmitCase/SubmitCase.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAQ,mBAAmB,EAAe,MAAM,kBAAkB,CAAC;AAQ1E,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAWrF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,qBAwZ/C"}

package/lib/esm/components/SubmitCase/SubmitCase.js

@@ -233,5 +233,5 @@ export default function SubmitCase(props) {
                         React.createElement(InsightsResults, { isDisplayOnMain: true })),
                     React.createElement(ClusterRecommendations, { showClusterRecommendationsModal: false }))),
                 React.createElement("div", { className: "pf-v5-u-mt-lg" }, isIdea ? (React.createElement(AsideResults, { routeProps: props.routeProps })) : (!isEmpty(topContent.data) &&
-                    isNotAnIdea && (React.createElement(Suggestions, { title: t('RedHat recommended results'), showTitleDescription: true, showMax: 6 })))))))));
+                    isNotAnIdea && React.createElement(Suggestions, { showTitleDescription: true, showMax: 6 }))))))));
 }

package/lib/esm/hooks/useFetchCVEData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFetchCVEData.d.ts","sourceRoot":"","sources":["../../../src/hooks/useFetchCVEData.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,0BAA0B,EAAkB,MAAM,iCAAiC,CAAC;AAI7F,wBAAgB,eAAe;;EAmI9B"}
+{"version":3,"file":"useFetchCVEData.d.ts","sourceRoot":"","sources":["../../../src/hooks/useFetchCVEData.ts"],"names":[],"mappings":"AAeA,OAAO,EAAE,0BAA0B,EAAkB,MAAM,iCAAiC,CAAC;AAI7F,wBAAgB,eAAe;;EAwI9B"}

package/lib/esm/hooks/useFetchCVEData.js

@@ -8,8 +8,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { search } from '@cee-eng/hydrajs';
-import { useLRUCache } from '@rh-support/components';
+import { useDebounce, useLRUCache } from '@rh-support/components';
 import filter from 'lodash/filter';
+import includes from 'lodash/includes';
 import isArray from 'lodash/isArray';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
@@ -17,7 +18,7 @@ import map from 'lodash/map';
 import slice from 'lodash/slice';
 import sortBy from 'lodash/sortBy';
 import uniqBy from 'lodash/uniqBy';
-import { useEffect, useState } from 'react';
+import { useState } from 'react';
 import { useCaseDispatch, useCaseSelector } from '../context/CaseContext';
 import { setCaseState } from '../reducers/CaseReducer';
 import { findCVEsInString } from '../utils/caseUtils';
@@ -43,13 +44,8 @@ export function useFetchCVEData() {
         const filteredArray = releaseInfo.filter((obj) => {
             var _a, _b;
             const product = (_b = (_a = obj === null || obj === void 0 ? void 0 : obj.product) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.trim();
-            const productVersionMatchConditions = product === selectedProductLower ||
-                product === `red hat ${selectedProductLower}` ||
-                product === `${selectedProductLower} ${selectedVersionLower}` ||
-                product === `red hat ${selectedProductLower} ${selectedVersionLower}` ||
-                (majorVersion && product === `${selectedProductLower} ${majorVersion}`) ||
-                (majorVersion && product === `red hat ${selectedProductLower} ${majorVersion}`);
-            return productVersionMatchConditions && (obj === null || obj === void 0 ? void 0 : obj.state) === 'Fixed';
+            const productWithVersion = `${selectedProductLower} ${majorVersion}`;
+            return includes(product, productWithVersion) && (obj === null || obj === void 0 ? void 0 : obj.state) === 'Fixed';
         });
         const uniqFilteredArray = uniqBy(filteredArray, (fa) => { var _a; return (_a = fa === null || fa === void 0 ? void 0 : fa.advisory) === null || _a === void 0 ? void 0 : _a.name; });
         const errataData = map(uniqFilteredArray, (i) => {
@@ -106,7 +102,10 @@ export function useFetchCVEData() {
             return [];
         }
     });
-    useEffect(() => {
+    useDebounce(() => {
+        if (isEmpty(summary) || isEmpty(description)) {
+            return;
+        }
         const CVETextValue = `${summary || ''} ${description || ''}`;
         const cveIds = findCVEsInString(CVETextValue);
         fetchCVEData(cveIds)
@@ -134,7 +133,6 @@ export function useFetchCVEData() {
             .catch((error) => {
             console.error('Error processing CVE data:', error);
         });
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [summary, description, product, version]);
+    }, [summary, description, product, version], 1000);
     return { cveRecommendation };
 }

package/lib/esm/scss/_main.scss

@@ -1128,3 +1128,19 @@ svg.pf-v5-u-ml-xs.icon-size {
         transform: rotate(360deg);
     }
 }
+
+.cve-modal-fade-in-effect {
+    opacity: 0;
+    animation: cveModalfadeIn 0.3s forwards;
+}
+
+@keyframes cveModalfadeIn {
+    from {
+        opacity: 0;
+        transform: scale(0.9);
+    }
+    to {
+        opacity: 1;
+        transform: scale(1);
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.4.5-beta.15",
+    "version": "2.4.5-beta.16",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -60,11 +60,11 @@
         "@progress/kendo-licensing": "1.3.5",
         "@progress/kendo-react-pdf": "^5.16.0",
         "@redux-devtools/extension": "^3.3.0",
-        "@rh-support/components": "2.4.3-beta.3",
-        "@rh-support/react-context": "2.4.3-beta.3",
+        "@rh-support/components": "2.4.3-beta.4",
+        "@rh-support/react-context": "2.4.3-beta.4",
         "@rh-support/types": "2.0.5",
-        "@rh-support/user-permissions": "2.4.3-beta.3",
-        "@rh-support/utils": "2.4.3-beta.3",
+        "@rh-support/user-permissions": "2.4.3-beta.4",
+        "@rh-support/utils": "2.4.3-beta.4",
         "@types/react-redux": "^7.1.33",
         "@types/redux": "^3.6.0",
         "date-fns": "3.6.0",
@@ -135,5 +135,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "246b3e514e1c0a504a285518810ca94f1b5690ce"
+    "gitHead": "a6b8a621dbb440a324ea93262d5d8b1e8e9498be"
 }