@rh-support/troubleshoot 2.3.0-alpha.0 → 2.4.5-beta.2

package/lib/esm/components/AccountInfo/OwnerSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OwnerSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountInfo/OwnerSelector.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAkB/D,UAAU,MAAM;CAAG;AAEnB,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,qBA0OnC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"OwnerSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountInfo/OwnerSelector.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAkB/D,UAAU,MAAM;CAAG;AAEnB,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,qBAgPnC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/lib/esm/components/AccountInfo/OwnerSelector.js

@@ -105,7 +105,7 @@ function OwnerSelector(props) {
                 firstName: newOwner.firstName,
                 lastName: newOwner.lastName,
                 fullNameCustom: newOwner.fullNameCustom,
-            }, '', abortSignal);
+            }, '', abortSignal, abortSignal, false, '', true, true, caseNumber);
             setLocalOwnerChange(true);
             updateNotifyUsersList(newOwner);
             ToastNotification.addSuccessMessage(t(`Owner has been successfully updated`));

package/lib/esm/components/Cve/CveItem.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ICVEWorkflowRecommendation } from '../../models/caseCreationWorkflows';
+interface IProp {
+    cve: ICVEWorkflowRecommendation;
+}
+export declare const CveItem: (props: IProp) => React.JSX.Element;
+export {};
+//# sourceMappingURL=CveItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CveItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Cve/CveItem.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AAEhF,UAAU,KAAK;IACX,GAAG,EAAE,0BAA0B,CAAC;CACnC;AAID,eAAO,MAAM,OAAO,UAAW,KAAK,sBAqInC,CAAC"}

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

@@ -0,0 +1,81 @@
+import { Button, Flex, FlexItem, Label, LabelGroup, Text, TextVariants } from '@patternfly/react-core';
+import ExternalLinkAltIcon from '@patternfly/react-icons/dist/esm/icons/external-link-alt-icon';
+import StarIcon from '@patternfly/react-icons/dist/esm/icons/star-icon';
+import { Table, Tbody, Td, Th, Thead, Tr } from '@patternfly/react-table';
+import { format } from 'date-fns';
+import DOMPurify from 'dompurify';
+import isEmpty from 'lodash/isEmpty';
+import map from 'lodash/map';
+import slice from 'lodash/slice';
+import React from 'react';
+import { Trans } from 'react-i18next';
+const sanitize = (html) => ({ __html: DOMPurify.sanitize(html) });
+export const CveItem = (props) => {
+    const { cve } = props;
+    const renderDate = () => (React.createElement("div", { className: "pf-v5-u-disabled-color-100" },
+        React.createElement(Trans, null, "Public on"),
+        " - ",
+        format(cve === null || cve === void 0 ? void 0 : cve.publicDate, 'MMM dd, yyyy')));
+    const renderLabels = () => (React.createElement(LabelGroup, { defaultIsOpen: true, numLabels: 10 },
+        React.createElement(Label, { color: "green", isCompact: true, icon: React.createElement(StarIcon, null) },
+            React.createElement(Trans, null, "Exact match")),
+        React.createElement(Label, { color: cve.severity === 'Critical'
+                ? 'red'
+                : cve.severity === 'Important'
+                    ? 'orange'
+                    : cve.severity === 'Moderate'
+                        ? 'gold'
+                        : undefined, isCompact: true }, cve.severity),
+        !isEmpty(cve.errataData) && (React.createElement(Label, { color: "blue", isCompact: true },
+            React.createElement(Trans, null, "Fixed"))),
+        !isEmpty(cve.mitigation) && (React.createElement(Label, { isCompact: true },
+            React.createElement(Trans, null, "Mitigation available")))));
+    const displayErrataTable = () => {
+        if (isEmpty(cve === null || cve === void 0 ? void 0 : cve.errataData)) {
+            return null;
+        }
+        return (React.createElement(Table, { "aria-label": "Errata table", variant: 'compact' },
+            React.createElement(Thead, null,
+                React.createElement(Tr, null,
+                    React.createElement(Th, { width: 30 },
+                        React.createElement(Trans, null, "Errata link")),
+                    React.createElement(Th, null,
+                        React.createElement(Trans, null, "Component")),
+                    React.createElement(Th, { width: 30 },
+                        React.createElement(Trans, null, "Status")))),
+            React.createElement(Tbody, null, map(slice(cve.errataData, 0, 3), (errata, index) => {
+                var _a, _b, _c;
+                return (React.createElement(Tr, Object.assign({ key: (_a = errata === null || errata === void 0 ? void 0 : errata.advisory) === null || _a === void 0 ? void 0 : _a.name }, (index % 2 === 0 && { isStriped: true })),
+                    React.createElement(Td, null,
+                        React.createElement(Text, { component: TextVariants.a, href: (_b = errata === null || errata === void 0 ? void 0 : errata.advisory) === null || _b === void 0 ? void 0 : _b.url, target: "_blank", ouiaSafe: true, "data-tracking-id": "errata-link" }, (_c = errata === null || errata === void 0 ? void 0 : errata.advisory) === null || _c === void 0 ? void 0 :
+                            _c.name,
+                            React.createElement(ExternalLinkAltIcon, { className: "pf-v5-u-ml-sm" }))),
+                    React.createElement(Td, null, errata === null || errata === void 0 ? void 0 : errata.package),
+                    React.createElement(Td, null,
+                        React.createElement(Trans, null, errata === null || errata === void 0 ? void 0 : errata.state))));
+            }))));
+    };
+    const displayDescription = () => {
+        var _a;
+        if (isEmpty(cve === null || cve === void 0 ? void 0 : cve.mitigation) && ((_a = cve === null || cve === void 0 ? void 0 : cve.errataData) === null || _a === void 0 ? void 0 : _a.length) === 0) {
+            return (React.createElement("p", { className: "pf-v5-u-mt-md" }, "for this CVE mitigation and fix is not available, for more details, go to CVE page."));
+        }
+        const MAX_DESCRIPTION_LENGTH = 300;
+        const description = !isEmpty(cve === null || cve === void 0 ? void 0 : cve.mitigation) ? cve === null || cve === void 0 ? void 0 : cve.mitigation : cve === null || cve === void 0 ? void 0 : cve.details;
+        if (!description)
+            return '';
+        const trimmedDescription = description.length <= MAX_DESCRIPTION_LENGTH
+            ? description
+            : description.slice(0, MAX_DESCRIPTION_LENGTH).trim() + '...';
+        return React.createElement("p", { className: "pf-v5-u-mt-md", dangerouslySetInnerHTML: sanitize(trimmedDescription) });
+    };
+    return (React.createElement("p", null,
+        React.createElement(Flex, null,
+            React.createElement(FlexItem, { spacer: { default: 'spacerXs' } }, renderLabels()),
+            React.createElement(FlexItem, null, renderDate())),
+        displayErrataTable(),
+        displayDescription(),
+        (cve === null || cve === void 0 ? void 0 : cve.cveLink) && (React.createElement(Button, { variant: "primary", className: "pf-v5-u-my-md", "data-tracking-id": "go-to-CVE-button", component: "a", href: cve.cveLink, target: "_blank", rel: "noopener noreferrer" },
+            React.createElement(Trans, null, "Go to CVE"),
+            React.createElement(ExternalLinkAltIcon, { className: "pf-v5-u-ml-sm" })))));
+};

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const CveModal: () => React.JSX.Element;
+//# sourceMappingURL=CveModal.d.ts.map

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

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

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

@@ -0,0 +1,40 @@
+import { Badge, Button, Flex, FlexItem, Modal, ModalVariant } from '@patternfly/react-core';
+import ExternalLinkAltIcon from '@patternfly/react-icons/dist/esm/icons/external-link-alt-icon';
+import { getAccessHostname } from '@rh-support/utils';
+import isEqual from 'lodash/isEqual';
+import join from 'lodash/join';
+import map from 'lodash/map';
+import size from 'lodash/size';
+import React from 'react';
+import { Trans } from 'react-i18next';
+import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
+import { setCaseState } from '../../reducers/CaseReducer';
+import { CvePanel } from './CvePanel';
+export const CveModal = () => {
+    const caseDispatch = useCaseDispatch();
+    const { cveWorkflowRecommendation, isCveModalOpened } = useCaseSelector((state) => ({
+        cveWorkflowRecommendation: state.cveWorkflowRecommendation,
+        isCveModalOpened: state.isCveModalOpened,
+    }), isEqual);
+    const handleModalToggle = () => {
+        setCaseState(caseDispatch, { isCveModalOpened: !isCveModalOpened });
+    };
+    const handleEscapePress = (event) => {
+        // prevent the default escape key behavior
+        event.preventDefault();
+    };
+    const generateCveCheckerUrl = () => {
+        const cveTitles = join(map(cveWorkflowRecommendation, 'title'), ',');
+        return `https://${getAccessHostname()}/labs/cvechecker/?id=${cveTitles}`;
+    };
+    return (React.createElement(Modal, { variant: ModalVariant.medium, title: React.createElement(Flex, { alignItems: { default: 'alignItemsCenter' } },
+            React.createElement(FlexItem, { spacer: { default: 'spacerSm' } },
+                React.createElement(Trans, null, "Handpicked for this CVEs")),
+            React.createElement(Badge, { isRead: true }, size(cveWorkflowRecommendation))), isOpen: isCveModalOpened, onClose: handleModalToggle, titleIconVariant: "info", disableFocusTrap: true, 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"),
+                " ",
+                React.createElement(ExternalLinkAltIcon, { className: "pf-v5-u-ml-sm" })),
+        ] },
+        React.createElement(CvePanel, null)));
+};

package/lib/esm/components/Cve/CvePanel.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IProps {
+    className?: string;
+}
+export declare const CvePanel: (props: IProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=CvePanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CvePanel.d.ts","sourceRoot":"","sources":["../../../../src/components/Cve/CvePanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,UAAU,MAAM;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,UAAW,MAAM,sBAyCrC,CAAC"}

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

@@ -0,0 +1,23 @@
+import { Accordion, AccordionContent, AccordionItem, AccordionToggle } from '@patternfly/react-core';
+import isEqual from 'lodash/isEqual';
+import map from 'lodash/map';
+import slice from 'lodash/slice';
+import React, { useState } from 'react';
+import { useCaseSelector } from '../../context/CaseContext';
+import { CveItem } from './CveItem';
+export const CvePanel = (props) => {
+    var _a;
+    const { cveWorkflowRecommendation } = useCaseSelector((state) => ({
+        cveWorkflowRecommendation: state.cveWorkflowRecommendation,
+    }), isEqual);
+    const [expanded, setExpanded] = useState(((_a = cveWorkflowRecommendation === null || cveWorkflowRecommendation === void 0 ? void 0 : cveWorkflowRecommendation[0]) === null || _a === void 0 ? void 0 : _a.title) || '');
+    const handleToggle = (id) => setExpanded(id === expanded ? '' : id);
+    const renderAccordionItem = (cve, index) => {
+        const isExpanded = expanded === (cve === null || cve === void 0 ? void 0 : cve.title);
+        return (React.createElement(AccordionItem, { key: `cve-item-${index}` },
+            React.createElement(AccordionToggle, { onClick: () => handleToggle(cve.title), isExpanded: isExpanded, id: `cve-toggle-${index}`, "data-tracking-id": "cve-accordion-toggle" }, cve.title),
+            React.createElement(AccordionContent, { id: `cve-content-${index}`, isHidden: !isExpanded },
+                React.createElement(CveItem, { cve: cve }))));
+    };
+    return (React.createElement(Accordion, { isBordered: true, displaySize: 'default', asDefinitionList: false, className: `${props.className ? props.className : ''}` }, map(slice(cveWorkflowRecommendation, 0, 4), renderAccordionItem)));
+};

package/lib/esm/components/Cve/CveSidebar.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const CveSidebar: () => React.JSX.Element;
+//# sourceMappingURL=CveSidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CveSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Cve/CveSidebar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,UAAU,yBAyBtB,CAAC"}

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

@@ -0,0 +1,24 @@
+import { Badge } from '@patternfly/react-core';
+import isEmpty from 'lodash/isEmpty';
+import isEqual from 'lodash/isEqual';
+import size from 'lodash/size';
+import React from 'react';
+import { Trans } from 'react-i18next';
+import { useCaseSelector } from '../../context/CaseContext';
+import { CvePanel } from './CvePanel';
+export const CveSidebar = () => {
+    const { cveWorkflowRecommendation } = useCaseSelector((state) => ({
+        cveWorkflowRecommendation: state.cveWorkflowRecommendation,
+    }), isEqual);
+    if (isEmpty(cveWorkflowRecommendation)) {
+        return null;
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "card card-white card-support file-diag pf-v5-u-mb-md" },
+            React.createElement("h3", { className: "card-heading popular-solutions green-card-heading" },
+                React.createElement("span", { className: "pf-v5-u-mr-sm" },
+                    React.createElement(Trans, null, "Handpicked for this CVEs")),
+                React.createElement(Badge, { isRead: true }, size(cveWorkflowRecommendation))),
+            React.createElement("div", { className: "card-body" },
+                React.createElement(CvePanel, null)))));
+};

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

@@ -1 +1 @@
-{"version":3,"file":"ProductSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductSelector.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAMlE,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,gCAAgC,EAAE,OAAO,CAAC;IAC1C,aAAa,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAChE;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBAsFpD"}
+{"version":3,"file":"ProductSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductSelector.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAOlE,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,gCAAgC,EAAE,OAAO,CAAC;IAC1C,aAAa,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAChE;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBAwFpD"}

package/lib/esm/components/ProductSelector/ProductSelector.js

@@ -7,6 +7,8 @@ import React, { useContext, useRef } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseSelector } from '../../context/CaseContext';
 import { RouteContext } from '../../context/RouteContext';
+import { useFetchCVEData } from '../../hooks/useFetchCVEData';
+import { CveModal } from '../Cve/CveModal';
 import { EARuleWidget } from '../Recommendations/EARules/EARuleWidget';
 import Recommendations from '../Recommendations/Recommendations';
 import { AllProductsSelector } from './AllProductsSelector';
@@ -20,6 +22,7 @@ import { ProductSelectorLoader } from './ProductSelectorLoader';
  * @param props
  */
 export default function ProductSelector(props) {
+    const { cveRecommendation } = useFetchCVEData();
     const { t } = useTranslation();
     const { globalMetadataState: { allProducts }, } = useContext(GlobalMetadataStateContext);
     const { product, version } = useCaseSelector((state) => ({
@@ -38,6 +41,7 @@ export default function ProductSelector(props) {
         React.createElement(AlertMessage, { variant: AlertType.DANGER, className: "pf-v5-u-mt-lg", title: t('There was an error loading products.'), show: allProducts.isError }),
         !allProducts.isFetching && !allProducts.isError && (React.createElement(React.Fragment, null,
             React.createElement("form", null,
+                (cveRecommendation === null || cveRecommendation === void 0 ? void 0 : cveRecommendation.length) !== 0 && React.createElement(CveModal, null),
                 React.createElement(AllProductsSelector, { routeProps: props.routeProps, checkEntitledProduct: isCaseCreate ? true : false, ref: productSelectorRef, isOnSummaryPage: true }),
                 product === 'Subscription Watch' && (React.createElement(Alert, { isInline: true, variant: AlertVariant.warning, title: React.createElement(Trans, null,
                         ' ',

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":"AAeA,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,qBA6LzC"}
+{"version":3,"file":"AsideResults.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/AsideResults.tsx"],"names":[],"mappings":"AAeA,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,qBAyLzC"}

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

@@ -129,7 +129,7 @@ export function AsideResults(props) {
     if (!canShowSideRecommendations())
         return React.createElement(React.Fragment, null);
     return (React.createElement("div", { className: `card card-white card-support top-recommendations ${props.className ? props.className : ''}` },
-        React.createElement("h3", { className: "card-heading popular-solutions green-card-heading" }, isIdea ? (React.createElement(Trans, null, "Search recommendations")) : (React.createElement(Trans, null, "Live troubleshooting powered by OpenShift AI"))),
+        React.createElement("h3", { className: "card-heading popular-solutions green-card-heading" }, isIdea ? React.createElement(Trans, null, "Search recommendations") : React.createElement(Trans, null, "Articles recommended by OpenShift AI")),
         React.createElement("div", { className: "card-body" },
             React.createElement("ul", { className: "list-flat" }, recommendationState.sideRecommendation.map((doc, index) => {
                 var _a, _b;

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":"AAkBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AAelE,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAWpF,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,qBA0RpD"}
+{"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;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,qBAoSpD"}

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

@@ -1,6 +1,7 @@
 import { pcm } from '@cee-eng/hydrajs';
-import { Label, Pagination, PaginationVariant } from '@patternfly/react-core';
-import { LoadingDots, useDebounce, usePrevious } from '@rh-support/components';
+import { Label, Pagination, PaginationVariant, Spinner } from '@patternfly/react-core';
+import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
+import { useDebounce, usePrevious } from '@rh-support/components';
 import { useGlobalStateContext } from '@rh-support/react-context';
 import { computeRecommendationAbstract, computeRecommendationTitle, dtmTrackEventCaseStartStopped, formatDate, } from '@rh-support/utils';
 import differenceBy from 'lodash/differenceBy';
@@ -20,6 +21,7 @@ import { fetchRecommendations, fetchWatsonXRecommendations, RecommendationsConst
 import { AppRouteSections } from '../../reducers/RouteConstNTypes';
 import { createOrUpdateSessionResources, getSessResFromRec, getSessResFromRecs, } from '../../reducers/SessionRestoreReducer';
 import RouteUtils from '../../utils/routeUtils';
+import { RecommendationsLoader } from './RecommendationsLoader';
 import { WatsonxAiIcon } from './WatsonxAiIcon';
 const { SessionResourceSource, SessionResourceVisibility } = pcm.preCase.session;
 export default function Recommendations(props) {
@@ -85,7 +87,7 @@ export default function Recommendations(props) {
         // recreate a new AbortController for each call
         let controller = new AbortController();
         abortControllerRef.current = controller;
-        if (!isEmpty(issue)) {
+        if (!isEmpty(issue) || !isEmpty(summary)) {
             !loggedInUsersAccount.data.secureSupport
                 ? fetchWatsonXRecommendations(recommendationDispatch, payload, MAXROW, recPageSize, 0, true, queryFilters, controller.signal)
                 : fetchRecommendations(recommendationDispatch, payload, MAXROW, recPageSize, 0, true, caseNumber, isSecureSupportAccount, queryFilters, controller.signal);
@@ -106,9 +108,9 @@ export default function Recommendations(props) {
         recommendationState.insightsKcsIds,
     ], 1000);
     useEffect(() => {
-        props.userSeenRecommendations && props.userSeenRecommendations(!recommendationState.isLoadingRecommendations);
+        props.userSeenRecommendations && props.userSeenRecommendations(!recommendationState.isLoadingRecommendations); //reset userSeenRecommendations when recommendationState changes
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [recommendationState]);
+    }, [recommendationState.numFound]);
     useEffect(() => {
         if (recommendationState.isLoadingRecommendations)
             return;
@@ -151,12 +153,19 @@ export default function Recommendations(props) {
         dtmTrackEventCaseStartStopped('recommendation click', caseNumber, `${product}|${version}`);
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement(LoadingDots, { className: "recommendation-loading-dots", show: recommendationState.isLoadingRecommendations && !isEmpty(summary) && !isEmpty(issue) }),
         React.createElement("div", { className: "recommendation-list pf-v5-u-pt-md", ref: props.resultsRowRef },
-            recommendationState.visibleDocs.length !== 0 && (React.createElement(Label, { color: "purple", className: "pf-v5-u-mb-md" },
-                React.createElement(WatsonxAiIcon, { fillColor: "#6753ac", className: "pf-v5-u-mr-xs" }),
-                React.createElement(Trans, null, "Live search results powered by OpenShift AI"))),
-            React.createElement("ul", { className: "list-flat" }, map(recommendationState.visibleDocs, (doc, i) => {
+            (recommendationState.visibleDocs.length !== 0 || recommendationState.isLoadingRecommendations) && (React.createElement(Label, { id: "DeepPurpleColorAILabel", className: "pf-v5-u-mb-md" },
+                recommendationState.isLoadingRecommendations ? (React.createElement(React.Fragment, null,
+                    React.createElement(Spinner, { size: "sm", className: "pf-v5-u-mr-xs" }),
+                    ' ',
+                    React.createElement(Trans, null, "Recommending articles using OpenShift AI"))) : (React.createElement(React.Fragment, null,
+                    React.createElement(WatsonxAiIcon, { fillColor: "#FFFFFF", className: "pf-v5-u-mr-xs" }),
+                    ' ',
+                    React.createElement(Trans, null, "Articles recommended by OpenShift AI"))),
+                ' ',
+                React.createElement(InfoCircleIcon, { color: "white" }))),
+            recommendationState.isLoadingRecommendations ? ( // as much as it pains me to add these <br /> the pf docs has it this way
+            React.createElement(RecommendationsLoader, null)) : (React.createElement("ul", { className: "list-flat" }, map(recommendationState.visibleDocs, (doc, i) => {
                 var _a, _b;
                 return (React.createElement("li", { className: "result", key: doc.id },
                     React.createElement("header", { className: "result-header" },
@@ -169,7 +178,7 @@ export default function Recommendations(props) {
                             React.createElement("span", { className: "list-separator" }, "\u2013"),
                             React.createElement("time", { className: "moment_date meta", title: doc.lastModifiedDate.toString() }, formatDate(doc.lastModifiedDate)))),
                     React.createElement("p", { className: "result-body", dangerouslySetInnerHTML: computeRecommendationAbstract(doc, 300) })));
-            })),
+            }))),
             recommendationState.numFound !== 0 && recommendationState.numFound > DEFAULTPAGESIZE && (React.createElement("div", { className: "pagination-footer" },
                 React.createElement(Pagination, { className: "push-top", itemCount: (_c = (_b = recommendationState.allDocs) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0, perPage: recPageSize, page: recommendationState.currentPage, variant: PaginationVariant.bottom, onSetPage: pageChanged, dropDirection: "up", onPerPageSelect: onPageSizeChanged })))),
         recommendationState.visibleDocs.length === 0 &&

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const RecommendationsLoader: () => React.JSX.Element;
+//# sourceMappingURL=RecommendationsLoader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RecommendationsLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/RecommendationsLoader.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,qBAAqB,yBAejC,CAAC"}

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

@@ -0,0 +1,11 @@
+import { Skeleton } from '@patternfly/react-core';
+import React from 'react';
+export const RecommendationsLoader = () => {
+    return (React.createElement("div", { className: "pf-v5-u-mt-md" }, [...Array(5)].map((_, i) => (React.createElement(React.Fragment, { key: `recommendation-loading-${i}` },
+        React.createElement(Skeleton, { height: "20px", width: "100%" }),
+        React.createElement("br", null),
+        React.createElement(Skeleton, { height: "45px", width: "100%" }),
+        React.createElement("br", null),
+        React.createElement("br", null),
+        React.createElement("br", null))))));
+};

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

@@ -1 +1 @@
-{"version":3,"file":"WizardAside.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardAside.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAGH,eAAe,EAKlB,MAAM,iCAAiC,CAAC;AASzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,2BAA2B,EAAE,OAAO,CAAC;CACxC;AAGD,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,qBAsDjC;kBAtDQ,WAAW;;;AAwDpB,eAAe,WAAW,CAAC"}
+{"version":3,"file":"WizardAside.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardAside.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAGH,eAAe,EAKlB,MAAM,iCAAiC,CAAC;AAUzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,2BAA2B,EAAE,OAAO,CAAC;CACxC;AAGD,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,qBAyDjC;kBAzDQ,WAAW;;;AA2DpB,eAAe,WAAW,CAAC"}

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

@@ -7,6 +7,7 @@ import { useCaseSelector } from '../../context/CaseContext';
 import { RouteContext } from '../../context/RouteContext';
 import { AppRouteSections, hideFileUploadSidebarWidgetSections, showRecommendationTipsSections, showSideBarClusterIdRuleWidgetSections, showSideBarEARuleWidgetSections, showSideBarFileRecommendationSections, } from '../../reducers/RouteConstNTypes';
 import { FileDiag } from '../CaseInformation/FileDiag';
+import { CveSidebar } from '../Cve/CveSidebar';
 import { AsideResults } from '../Recommendations/AsideResults';
 import ClusterRecommendations from '../Recommendations/ClusterRecommendations';
 import { EARuleWidget } from '../Recommendations/EARules/EARuleWidget';
@@ -17,9 +18,10 @@ const defaultProps = {};
 function WizardAside(props) {
     const { routeState: { activeSection }, } = useContext(RouteContext);
     const canAddAttachments = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.ATTACHMENTS);
-    const { isCreatingCase, caseType } = useCaseSelector((state) => ({
+    const { isCreatingCase, caseType, isCveModalOpened } = useCaseSelector((state) => ({
         isCreatingCase: state.isCreatingCase,
         caseType: state.caseDetails.caseType,
+        isCveModalOpened: state.isCveModalOpened,
     }), isEqual);
     const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
     const canUseSessionManagement = ability.can(resourceActions.CREATE, resources.SESSION_TRACKING);
@@ -35,6 +37,8 @@ function WizardAside(props) {
         React.createElement("section", { className: "grid-aside-content" },
             canShowFileUploadWidget() && React.createElement(InsightsResults, null),
             canShowFileUploadWidget() && React.createElement(FileDiag, { className: "pf-v5-u-mb-md" }),
+            activeSection === AppRouteSections.SUMMARIZE && !isCveModalOpened && React.createElement(CveSidebar, null),
+            activeSection === AppRouteSections.TROUBLESHOOT && React.createElement(CveSidebar, null),
             canshowEARuleWidget && activeSection !== AppRouteSections.GET_SUPPORT && React.createElement(EARuleWidget, null),
             !(isIdea && activeSection === 'submit-case') && (React.createElement(AsideResults, { routeProps: props.routeProps, className: "pf-v5-u-mb-md pf-v5-u-mt-0" })),
             canShowFileRecommendationSectionsWidget && React.createElement(InsightsResults, { isDisplayOnMain: true }),

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

@@ -1 +1 @@
-{"version":3,"file":"WizardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardNavigation.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,EAAoB,eAAe,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAK3G,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAC3C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,EAAE,CAAC,gCAAgC,EAAE,OAAO,KAAK,IAAI,CAAC;IACzE,gBAAgB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,0BAA0B,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAC5E,kCAAkC,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACpF,qCAAqC,CAAC,EAAE,OAAO,CAAC;IAChD,gCAAgC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACjF,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,oBAAoB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;CACxE;AAGD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBA4OtC;kBA5OQ,gBAAgB;;;AA8OzB,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"WizardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardNavigation.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,EAAoB,eAAe,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAK3G,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAC3C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,EAAE,CAAC,gCAAgC,EAAE,OAAO,KAAK,IAAI,CAAC;IACzE,gBAAgB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,0BAA0B,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAC5E,kCAAkC,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACpF,qCAAqC,CAAC,EAAE,OAAO,CAAC;IAChD,gCAAgC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACjF,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,oBAAoB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;CACxE;AAGD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBA4PtC;kBA5PQ,gBAAgB;;;AA8PzB,eAAe,gBAAgB,CAAC"}

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

@@ -70,16 +70,30 @@ function WizardNavigation(props) {
             return;
         }
         const observer = new IntersectionObserver(([entry]) => {
-            if (entry.isIntersecting) {
-                setHasUserScrolled(true);
+            // future debugging needs if resolution issue occurs
+            // console.log('Intersection status:', entry.isIntersecting);
+            // console.log('Intersection ratio:', entry.intersectionRatio);
+            // console.log({ hasUserScrolled });
+            const boundingRect = entry.boundingClientRect;
+            const isScrollingUp = boundingRect.top > 0;
+            const isAboveThreshold = entry.intersectionRatio >= 0.3;
+            isAboveThreshold && props.setUserCanNavigateToTroubleshoot(true);
+            isAboveThreshold && props.setUserSeenRecommendations(true);
+            // If scrolling up, always use the threshold check
+            if (isScrollingUp) {
+                setHasUserScrolled(isAboveThreshold);
+                props.setUserScrolledLabel(isAboveThreshold);
+                return;
+            }
+            // If scrolling down and we hit the threshold, set to true
+            if (isAboveThreshold) {
                 props.setUserScrolledLabel(true);
-                if (props.userClickedNextonRecommendationsFn) {
-                    props.userClickedNextonRecommendationsFn(true);
-                }
+                props.userClickedNextonRecommendationsFn && props.userClickedNextonRecommendationsFn(true);
             }
         }, {
             root: null,
-            threshold: 0.6, // trigger when 60% of element in view
+            threshold: [0, 0.3], // Changing threshold value to have its effect on pagination when page size is more than 10.
+            rootMargin: '0px',
         });
         const resultsRowElement = props.resultsRowRef.current;
         if (resultsRowElement) {
@@ -90,30 +104,22 @@ function WizardNavigation(props) {
                 observer.unobserve(resultsRowElement);
             }
         };
-    }, [recommendationState.numFound, setHasUserScrolled, props]);
+    }, [recommendationState.numFound, hasUserScrolled, props]);
     const onNext = () => {
         var _a;
         updateisNextBtnClickedToShowValidationError(dispatchToRouteReducer, true);
         //handle the new changes for 13406:
         if (props.activeStep.id === AppRouteSections.SUMMARIZE && recommendationState.numFound > 2) {
-            if (!props.userClickedNextonRecommendationsValue) {
-                if (!hasUserScrolled) {
-                    scrollIntoView(props.resultsRowRef, {
-                        navBarRef,
-                        timeout: 0,
-                        onlyIfNotInViewport: true,
-                        offset: 120,
-                    });
-                }
+            if (!hasUserScrolled) {
+                scrollIntoView(props.resultsRowRef, {
+                    navBarRef,
+                    timeout: 0,
+                    onlyIfNotInViewport: true,
+                    offset: 120,
+                });
                 props.userClickedNextonRecommendationsFn && props.userClickedNextonRecommendationsFn(true);
                 return;
             }
-            else {
-                props.setUserCanNavigateToTroubleshoot(true);
-            }
-        }
-        else {
-            props.setUserCanNavigateToTroubleshoot(true);
         }
         const userCanNotOpenCase = props.activeStep.id === AppRouteSections.TROUBLESHOOT && canCreateCase.alert();
         if (userCanNotOpenCase || !isSectionValidFn(props.activeStep.id))

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

@@ -0,0 +1,5 @@
+import { ICVEWorkflowRecommendation } from '../models/caseCreationWorkflows';
+export declare function useFetchCVEData(): {
+    cveRecommendation: ICVEWorkflowRecommendation[];
+};
+//# sourceMappingURL=useFetchCVEData.d.ts.map

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

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