@rh-support/troubleshoot 2.4.10-beta.7 → 2.5.0

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

@@ -17,14 +17,17 @@ export function ClusterRecommendationItems(props) {
         product: state.caseDetails.product,
         openshiftClusterID: state.caseDetails.openshiftClusterID,
     }), isEqual);
-    const onResourceClick = (e, rule) => {
-        createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.CLUSTER_RECOMMENDATION, [getSessResFromRules('', SessionResourceVisibility.VISITED, rule.rule_id)], JSON.stringify({ product, version, openshiftClusterID }));
+    const detailsUrl = `https://console.redhat.com/openshift/insights/advisor/clusters/${openshiftClusterID}`;
+    const onResourceClick = (e, rule, i) => {
+        const url = detailsUrl + '?rank=' + (i + 1);
+        createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.CLUSTER_RECOMMENDATION, [getSessResFromRules(url, SessionResourceVisibility.VISITED, i + 1, rule.rule_id)], JSON.stringify({ product, version, openshiftClusterID }));
     };
     useEffect(() => {
-        createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.CLUSTER_RECOMMENDATION, getRulesToSave('', '', props.clusterRecommendations), JSON.stringify({ product, version, openshiftClusterID }));
+        const recsWithUrl = props.clusterRecommendations.map((rec, i) => (Object.assign(Object.assign({}, rec), { url: `${detailsUrl}?rank=${i + 1}` })));
+        createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.CLUSTER_RECOMMENDATION, getRulesToSave('', '', recsWithUrl), JSON.stringify({ product, version, openshiftClusterID }));
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.clusterRecommendations, activeSessionId]);
-    return (React.createElement("pfe-accordion", null, props.clusterRecommendations.map((rule) => (React.createElement(React.Fragment, null,
+    return (React.createElement("pfe-accordion", null, props.clusterRecommendations.map((rule, i) => (React.createElement(React.Fragment, null,
         React.createElement("pfe-accordion-header", null,
             React.createElement("h3", null, rule.description)),
         React.createElement("pfe-accordion-panel", null,
@@ -32,7 +35,7 @@ export function ClusterRecommendationItems(props) {
                 React.createElement(Label, { icon: riskLabels[rule.total_risk].icon, className: riskLabels[rule.total_risk].className },
                     React.createElement(Trans, null, riskLabels[rule.total_risk].label))),
             React.createElement("p", null, rule.details || ''),
-            React.createElement("a", { onClick: (e) => onResourceClick(e, rule), className: "pf-u-font-weight-bold", "data-tracking-id": "cluster-recommendations", href: `https://console.redhat.com/openshift/insights/advisor/clusters/${openshiftClusterID}`, target: "_blank", rel: "noopener noreferrer" },
+            React.createElement("a", { onClick: (e) => onResourceClick(e, rule, i), className: "pf-v5-u-font-weight-bold", "data-tracking-id": "cluster-recommendations", href: detailsUrl, target: "_blank", rel: "noopener noreferrer" },
                 React.createElement(Trans, null,
                     "View details and remediation steps ",
                     React.createElement(ArrowRightIcon, { "aria-hidden": "true" })))))))));

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

@@ -1,8 +1,9 @@
+import React from 'react';
 interface IProps {
     showClusterRecommendationsModal?: boolean;
     showClusterRecommendationsList?: boolean;
     className?: string;
 }
-export default function ClusterRecommendations(props: IProps): JSX.Element;
+export default function ClusterRecommendations(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=ClusterRecommendations.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ClusterRecommendations.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/ClusterRecommendations.tsx"],"names":[],"mappings":"AAgBA,UAAU,MAAM;IACZ,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,KAAK,EAAE,MAAM,eAgE3D"}
+{"version":3,"file":"ClusterRecommendations.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/ClusterRecommendations.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAa1C,UAAU,MAAM;IACZ,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,KAAK,EAAE,MAAM,qBAgE3D"}

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

@@ -36,7 +36,7 @@ export default function ClusterRecommendations(props) {
                 React.createElement(Trans, null, "Cluster recommendations")),
             React.createElement("div", null,
                 React.createElement(ClusterRecommendationItems, { clusterRecommendations: clusterRecommendations.data.slice(0, NUMBER_OF_RULES_TO_DISPLAY) }),
-                clusterRecommendations.data.length > NUMBER_OF_RULES_TO_DISPLAY && (React.createElement(Button, { className: "pf-u-p-md", variant: "link", isBlock: true, onClick: onViewMoreRecommendation, "data-tracking-id": "cluster-recs-view-more" },
+                clusterRecommendations.data.length > NUMBER_OF_RULES_TO_DISPLAY && (React.createElement(Button, { className: "pf-v5-u-p-md", variant: "link", isBlock: true, onClick: onViewMoreRecommendation, "data-tracking-id": "cluster-recs-view-more" },
                     React.createElement(Trans, null, "View more recommendations")))))),
         showClusterRecommendationsModal && React.createElement(ClusterRecommendationsModal, null)));
 }

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

@@ -1,5 +1,6 @@
+import React from 'react';
 interface IProps {
 }
-export declare function ClusterRecommendationsModal(props: IProps): JSX.Element;
+export declare function ClusterRecommendationsModal(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=ClusterRecommendationsModal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ClusterRecommendationsModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/ClusterRecommendationsModal.tsx"],"names":[],"mappings":"AAiBA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,eAwFxD"}
+{"version":3,"file":"ClusterRecommendationsModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/ClusterRecommendationsModal.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAYpD,UAAU,MAAM;CAAG;AAEnB,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,qBAwFxD"}

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

@@ -1 +1 @@
-{"version":3,"file":"CriticalSolutionsToast.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/CriticalSolutionsToast.tsx"],"names":[],"mappings":"AAGA,OAAc,EAAE,EAAE,EAAmC,MAAM,OAAO,CAAC;AAOnE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,QAAA,MAAM,sBAAsB,EAAE,EAAE,CAAC,MAAM,CAiEtC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"CriticalSolutionsToast.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/CriticalSolutionsToast.tsx"],"names":[],"mappings":"AAGA,OAAc,EAAE,EAAE,EAAmC,MAAM,OAAO,CAAC;AAOnE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,QAAA,MAAM,sBAAsB,EAAE,EAAE,CAAC,MAAM,CAkEtC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

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

@@ -45,6 +45,6 @@ const CriticalSolutionsToast = (props) => {
     if (!showNotification && !rulesState.triggerRuleNotification)
         return null;
     return (React.createElement(Alert, { isLiveRegion: true, variant: "success", title: t('File recommendations are ready to view'), actionLinks: React.createElement(Button, { isInline: true, variant: "link", onClick: viewCriticalSolution, "data-tracking-id": "critical-solutions-alert-view" },
-            React.createElement(Trans, null, "Troubleshooting specific for your uploaded files.")), actionClose: React.createElement(AlertActionCloseButton, { variantLabel: "success alert", onClose: onClose }), timeout: caseType !== PreviousCaseTypes.FEATURE_ENHANCEMENT, "data-tracking-id": "critical-solutions-alert" }));
+            React.createElement(Trans, null, "Troubleshooting specific for your uploaded files.")), actionClose: React.createElement(AlertActionCloseButton, { variantLabel: "success alert", onClose: onClose }), timeout: caseType !== PreviousCaseTypes.FEATURE_ENHANCEMENT, "data-tracking-id": "critical-solutions-alert", className: "critical-solutions-file-upload-alert" }));
 };
 export default CriticalSolutionsToast;

package/lib/esm/components/Recommendations/EARules/EARule.d.ts

@@ -2,19 +2,20 @@ import React from 'react';
 import { IExtendedRule } from '../../../reducers/RulesReducer';
 interface IEARuleContext {
     rule: IExtendedRule;
-    onCtaClick: (link: string) => (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
+    onCtaClick: (link: string, title?: string) => (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
 }
 export declare const EARuleContext: React.Context<IEARuleContext>;
 export declare function useEARuleContext(): IEARuleContext;
-export declare function EARule({ children, rule }: {
+export declare function EARule({ children, rule, ruleRank }: {
     children: any;
     rule: any;
-}): JSX.Element;
-declare function EARuleTitle(): JSX.Element;
-declare function EARuleDescription(): JSX.Element;
+    ruleRank: any;
+}): React.JSX.Element;
+declare function EARuleTitle(): React.JSX.Element;
+declare function EARuleDescription(): React.JSX.Element;
 declare function EARuleArticle({ linkTitle, className }: {
     linkTitle?: string;
     className?: string;
-}): JSX.Element;
+}): React.JSX.Element;
 export { EARuleTitle, EARuleDescription, EARuleArticle };
 //# sourceMappingURL=EARule.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EARule.d.ts","sourceRoot":"","sources":["../../../../../src/components/Recommendations/EARules/EARule.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAE/D,UAAU,cAAc;IACpB,IAAI,EAAE,aAAa,CAAC;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CAClG;AAGD,eAAO,MAAM,aAAa,+BAGxB,CAAC;AAEH,wBAAgB,gBAAgB,mBAM/B;AACD,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE;;;CAAA,eAmCxC;AAED,iBAAS,WAAW,gBAGnB;AAED,iBAAS,iBAAiB,gBA0BzB;AAED,iBAAS,aAAa,CAAC,EAAE,SAA6B,EAAE,SAAc,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,eA2BnH;AAED,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"EARule.d.ts","sourceRoot":"","sources":["../../../../../src/components/Recommendations/EARules/EARule.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAE/D,UAAU,cAAc;IACpB,IAAI,EAAE,aAAa,CAAC;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CAClH;AAGD,eAAO,MAAM,aAAa,+BAGxB,CAAC;AAEH,wBAAgB,gBAAgB,mBAM/B;AACD,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE;;;;CAAA,qBAoClD;AAED,iBAAS,WAAW,sBAGnB;AAED,iBAAS,iBAAiB,sBA0BzB;AAED,iBAAS,aAAa,CAAC,EAAE,SAA6B,EAAE,SAAc,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,qBA2BnH;AAED,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,aAAa,EAAE,CAAC"}

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

@@ -20,15 +20,16 @@ export function useEARuleContext() {
     }
     return context;
 }
-export function EARule({ children, rule }) {
+export function EARule({ children, rule, ruleRank }) {
     const { sessionRestore: { activeSessionId, sessionResourceTracking }, } = useContext(SessionRestoreStateContext);
-    const { product, version } = useCaseSelector((state) => ({
+    const { product, version, summary } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
+        summary: state.caseDetails.summary,
     }), isEqual);
     const sessionRestoreDispatch = useContext(SessionRestoreDispatchContext);
-    const onCtaClick = (link) => () => {
-        createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.EDMOUND_ABOTT, [getSessResFromEA(link, SessionResourceVisibility.VISITED, rule.rule_id)], JSON.stringify({ product, version }));
+    const onCtaClick = (link, title) => () => {
+        createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.EDMOUND_ABOTT, [getSessResFromEA(link, SessionResourceVisibility.VISITED, ruleRank, rule.rule_id)], JSON.stringify({ product, version, summary }));
     };
     return (React.createElement(EARuleContext.Provider, { value: {
             rule,
@@ -59,8 +60,8 @@ function EARuleArticle({ linkTitle = 'Related Article', className = '' }) {
     const { getTrackingULRWithQueryParams } = useParseRuleMarkdown();
     if (!rule.cta)
         return null;
-    return linkTitle === 'View details' ? (React.createElement("a", { className: `se-recommended ts-known-vuln ${className}`, rel: "noopener noreferrer", target: "_blank", "data-tracking-id": "se-recommended-asa-rule", onClick: onCtaClick(rule.cta), href: getTrackingULRWithQueryParams(rule.cta, SessionResourceSource.EDMOUND_ABOTT) },
-        React.createElement(Trans, null, linkTitle))) : (React.createElement("a", { className: `se-recommended ts-known-vuln ${className}`, rel: "noopener noreferrer", target: "_blank", "data-tracking-id": "se-recommended-asa-rule", onClick: onCtaClick(rule.cta), href: getTrackingULRWithQueryParams(rule.cta, SessionResourceSource.EDMOUND_ABOTT) },
+    return linkTitle === 'View details' ? (React.createElement("a", { className: `se-recommended ts-known-vuln ${className}`, rel: "noopener noreferrer", target: "_blank", "data-tracking-id": "se-recommended-asa-rule", onClick: onCtaClick(rule.cta, linkTitle), href: getTrackingULRWithQueryParams(rule.cta, SessionResourceSource.EDMOUND_ABOTT) },
+        React.createElement(Trans, null, linkTitle))) : (React.createElement("a", { className: `se-recommended ts-known-vuln ${className}`, rel: "noopener noreferrer", target: "_blank", "data-tracking-id": "se-recommended-asa-rule", onClick: onCtaClick(rule.cta, linkTitle), href: getTrackingULRWithQueryParams(rule.cta, SessionResourceSource.EDMOUND_ABOTT) },
         React.createElement(Trans, null, linkTitle)));
 }
 export { EARuleTitle, EARuleDescription, EARuleArticle };

package/lib/esm/components/Recommendations/EARules/EARuleInfoAccordion.d.ts

@@ -1,8 +1,10 @@
+import React from 'react';
 import { IExtendedRule } from '../../../reducers/RulesReducer';
 interface IProps {
     rule: IExtendedRule;
     showNewTag: boolean;
+    rank: number;
 }
-export declare function EARuleInfoAccordion({ rule, showNewTag }: IProps): JSX.Element;
+export declare function EARuleInfoAccordion({ rule, showNewTag, rank }: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=EARuleInfoAccordion.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EARuleInfoAccordion.d.ts","sourceRoot":"","sources":["../../../../../src/components/Recommendations/EARules/EARuleInfoAccordion.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAG/D,UAAU,MAAM;IACZ,IAAI,EAAE,aAAa,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,MAAM,eA4B/D"}
+{"version":3,"file":"EARuleInfoAccordion.d.ts","sourceRoot":"","sources":["../../../../../src/components/Recommendations/EARules/EARuleInfoAccordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAIpD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAI/D,UAAU,MAAM;IACZ,IAAI,EAAE,aAAa,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;CAChB;AAID,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,EAAE,MAAM,qBAiDrE"}

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

@@ -1,16 +1,26 @@
+import { pcm } from '@cee-eng/hydrajs';
 import { AccordionContent, AccordionItem, AccordionToggle, Label } from '@patternfly/react-core';
-import React, { useState } from 'react';
+import React, { useContext, useState } from 'react';
 import { Trans } from 'react-i18next';
+import { SessionRestoreDispatchContext, SessionRestoreStateContext } from '../../../context/SessionRestoreContext';
+import { createOrUpdateSessionResources, getSessResFromRules } from '../../../reducers/SessionRestoreReducer';
 import { EARule, EARuleArticle, EARuleDescription, EARuleTitle } from './EARule';
-export function EARuleInfoAccordion({ rule, showNewTag }) {
+const { SessionResourceSource, SessionResourceVisibility } = pcm.preCase.session;
+export function EARuleInfoAccordion({ rule, showNewTag, rank }) {
     var _a;
     const [isExpanded, setIsExpanded] = useState(false);
-    return (React.createElement(EARule, { rule: rule },
+    const sessionRestoreDispatch = useContext(SessionRestoreDispatchContext);
+    const { sessionRestore: { activeSessionId, sessionResourceTracking }, } = useContext(SessionRestoreStateContext);
+    return (React.createElement(EARule, { rule: rule, ruleRank: rank },
         React.createElement(AccordionItem, null,
             React.createElement(AccordionToggle, { isExpanded: isExpanded, id: "ea-rule-accordion-toggle", onClick: () => {
+                    !isExpanded &&
+                        createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.INSIGHTS, [
+                            getSessResFromRules(rule.cta, SessionResourceVisibility.PRESENTED_TAB, rank, rule.rule_id),
+                        ]);
                     setIsExpanded(!isExpanded);
                 } },
-                showNewTag && ((_a = rule === null || rule === void 0 ? void 0 : rule.isNew) !== null && _a !== void 0 ? _a : false) && (React.createElement(Label, { color: "green", className: "pf-u-mr-md" },
+                showNewTag && ((_a = rule === null || rule === void 0 ? void 0 : rule.isNew) !== null && _a !== void 0 ? _a : false) && (React.createElement(Label, { color: "green", className: "pf-v5-u-mr-md" },
                     React.createElement(Trans, null, "NEW"))),
                 React.createElement("span", null,
                     React.createElement(EARuleTitle, null))),

package/lib/esm/components/Recommendations/EARules/EARuleInfoInline.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 import { IExtendedRule } from '../../../reducers/RulesReducer';
 interface IProps {
     eaRules: IExtendedRule[];
 }
-export declare function EARuleInfoInline({ eaRules }: IProps): JSX.Element;
+export declare function EARuleInfoInline({ eaRules }: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=EARuleInfoInline.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EARuleInfoInline.d.ts","sourceRoot":"","sources":["../../../../../src/components/Recommendations/EARules/EARuleInfoInline.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,aAAa,EAAkD,MAAM,gCAAgC,CAAC;AAO/G,UAAU,MAAM;IACZ,OAAO,EAAE,aAAa,EAAE,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,EAAE,OAAY,EAAE,EAAE,MAAM,eAuJxD"}
+{"version":3,"file":"EARuleInfoInline.d.ts","sourceRoot":"","sources":["../../../../../src/components/Recommendations/EARules/EARuleInfoInline.tsx"],"names":[],"mappings":"AAUA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,OAAO,EAAE,aAAa,EAAkD,MAAM,gCAAgC,CAAC;AAO/G,UAAU,MAAM;IACZ,OAAO,EAAE,aAAa,EAAE,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,EAAE,OAAY,EAAE,EAAE,MAAM,qBAwJxD"}

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

@@ -36,13 +36,15 @@ export function EARuleInfoInline({ eaRules = [] }) {
     const [isModalVisible, setIsModalVisible] = useState(false);
     const { globalMetadataState: { loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
     const sessionRestoreDispatch = useContext(SessionRestoreDispatchContext);
-    const { product, version } = useCaseSelector((state) => ({
+    const { product, version, summary } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
+        summary: state.caseDetails.summary,
     }), isEqual);
     const isSecureSupportAccount = loggedInUsersAccount.data.secureSupport;
     const validEARulesLength = eaRules.length;
     const isAnyRuleResolved = some(eaRules, (item) => item.resolved);
+    const visibleRule = eaRules[currentPage > validEARulesLength ? validEARulesLength - 1 : currentPage - 1];
     // if user ignores a rule on last page, we need to handle the scenario
     useEffect(() => {
         if (currentPage > validEARulesLength) {
@@ -52,8 +54,8 @@ export function EARuleInfoInline({ eaRules = [] }) {
     }, [validEARulesLength]);
     const onPaginationChange = (currentPage) => {
         createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.EDMOUND_ABOTT, [
-            getSessResFromRules(null, SessionResourceVisibility.PRESENTED, eaRules[currentPage - 1].rule_id, currentPage),
-        ], JSON.stringify({ product, version }));
+            getSessResFromRules(eaRules[currentPage - 1].cta, SessionResourceVisibility.PRESENTED, currentPage, eaRules[currentPage - 1].rule_id),
+        ], JSON.stringify({ product, version, summary }));
         setCurrentPage(currentPage);
     };
     const onIgnoreBtnClick = () => {
@@ -89,22 +91,21 @@ export function EARuleInfoInline({ eaRules = [] }) {
         React.createElement(Trans, null, "Resolved"))) : isAnyRuleResolved ? null : (React.createElement(Button, { isDisabled: isFetching, isLoading: isFetching, className: "se-recommended ts-known-vuln", variant: ButtonVariant.link, isInline: true, "data-tracking-id": "se-recommended-asa-resolve", type: "button", onClick: onResolveClick }, isFetching ? null : React.createElement(Trans, null, "This resolved my issue")));
     if (validEARulesLength < 1)
         return null;
-    const visibleRule = eaRules[currentPage > validEARulesLength ? validEARulesLength - 1 : currentPage - 1];
     return (React.createElement(React.Fragment, null,
         React.createElement(RecommendationFeedbackModal, { isModalOpen: isModalVisible, handleModalToggle: onModalToggle, modalContent: t(`Great, we're glad that resolved your issue`) }),
-        React.createElement(EARule, { rule: visibleRule },
-            React.createElement("div", { className: "pf-c-alert pf-m-info pf-m-inline pf-u-mb-md", "aria-label": "Success alert" },
-                React.createElement("div", { className: "pf-c-alert__icon" },
+        React.createElement(EARule, { rule: visibleRule, ruleRank: currentPage },
+            React.createElement("div", { className: "pf-v5-c-alert pf-m-info pf-m-inline pf-v5-u-mb-md", "aria-label": "Success alert" },
+                React.createElement("div", { className: "pf-v5-c-alert__icon" },
                     React.createElement(InfoCircleIcon, null)),
-                React.createElement("p", { className: "pf-c-alert__title" },
+                React.createElement("p", { className: "pf-v5-c-alert__title" },
                     React.createElement("strong", null,
                         React.createElement(EARuleTitle, null))),
-                React.createElement("div", { className: "pf-c-alert__action" },
+                React.createElement("div", { className: "pf-v5-c-alert__action" },
                     React.createElement(Button, { style: { fontSize: 15 }, variant: ButtonVariant.link, "data-tracking-id": "se-recommended-asa-ignore", type: "button", onClick: onIgnoreBtnClick }, validEARulesLength > 1 ? React.createElement(Trans, null, "Skip") : React.createElement(CloseIcon, null))),
-                React.createElement("div", { className: "pf-c-alert__description" },
+                React.createElement("div", { className: "pf-v5-c-alert__description" },
                     React.createElement(EARuleDescription, null)),
-                React.createElement("div", { className: "pf-c-alert__action-group pf-u-display-flex" },
-                    React.createElement(EARuleArticle, { className: "pf-u-align-self-center pf-u-mr-sm", linkTitle: "View details" }),
+                React.createElement("div", { className: "pf-v5-c-alert__action-group pf-v5-u-display-flex" },
+                    React.createElement(EARuleArticle, { className: "pf-v5-u-align-self-center pf-v5-u-mr-sm", linkTitle: "View details" }),
                     !isSecureSupportAccount && resolvedMyIssue(),
                     validEARulesLength > 1 && (React.createElement(PaginationCompact, { maxPage: validEARulesLength, onPageChange: onPaginationChange, dataTrackingId: 'se-recommended-asa-widget' })))))));
 }

package/lib/esm/components/Recommendations/EARules/EARuleWidget.d.ts

@@ -1,2 +1,3 @@
-export declare function EARuleWidget(): JSX.Element;
+import React from 'react';
+export declare function EARuleWidget(): React.JSX.Element;
 //# sourceMappingURL=EARuleWidget.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EARuleWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/Recommendations/EARules/EARuleWidget.tsx"],"names":[],"mappings":"AAgBA,wBAAgB,YAAY,gBA2C3B"}
+{"version":3,"file":"EARuleWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/Recommendations/EARules/EARuleWidget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAWrD,wBAAgB,YAAY,sBAmD3B"}

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

@@ -14,9 +14,10 @@ export function EARuleWidget() {
     const { rulesState: { isEARuleWidgetVisible, EARules }, } = useContext(RulesStateContext);
     const { sessionRestore: { activeSessionId, sessionResourceTracking }, } = useContext(SessionRestoreStateContext);
     const sessionRestoreDispatch = useContext(SessionRestoreDispatchContext);
-    const { product, version } = useCaseSelector((state) => ({
+    const { product, version, summary } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
+        summary: state.caseDetails.summary,
     }), isEqual);
     const validEARules = filter(EARules.rules, (r) => r.visible && r.rule_sub_type !== 'attachment');
     useEffect(() => {
@@ -26,7 +27,10 @@ export function EARuleWidget() {
         if (visibleValidEARules &&
             differenceBy([visibleValidEARules === null || visibleValidEARules === void 0 ? void 0 : visibleValidEARules.rule_id], presentedIds).length > 0 &&
             !isEmpty(activeSessionId)) {
-            createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.EDMOUND_ABOTT, [getSessResFromRules(null, SessionResourceVisibility.PRESENTED, visibleValidEARules.rule_id, 1)], JSON.stringify({ product, version }));
+            createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.EDMOUND_ABOTT, [
+                getSessResFromRules(visibleValidEARules.cta, SessionResourceVisibility.PRESENTED, 1, visibleValidEARules.rule_id),
+            ], JSON.stringify({ product, version, summary }) // To trigger EA rules, we don't pass KT questions
+            );
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [validEARules, activeSessionId]);

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

@@ -1,5 +1,6 @@
 import { ISolrRecommendation } from '@cee-eng/hydrajs/@types/models/solr/solr';
 import { IDClassNameProps } from '@rh-support/types/shared';
+import React from 'react';
 interface IProps extends IDClassNameProps {
     showMetaHeader?: boolean;
     abstractLength?: number;
@@ -10,7 +11,7 @@ export interface ISOSReportRecommendation extends ISolrRecommendation {
     attachmentId: string;
     isNew: boolean;
 }
-declare function InsightsResults(props: IProps): JSX.Element;
+declare function InsightsResults(props: IProps): React.JSX.Element;
 declare namespace InsightsResults {
     var defaultProps: Partial<IProps>;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"InsightsResults.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/InsightsResults.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAgC,MAAM,0CAA0C,CAAC;AAG7G,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAwB5D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AASD,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACjE,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;CAClB;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eAyPrC;kBAzPQ,eAAe;;;AA4PxB,eAAe,eAAe,CAAC"}
+{"version":3,"file":"InsightsResults.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/InsightsResults.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAgC,MAAM,0CAA0C,CAAC;AAG7G,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAO5D,OAAO,KAAkD,MAAM,OAAO,CAAC;AAmBvE,UAAU,MAAO,SAAQ,gBAAgB;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AASD,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACjE,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;CAClB;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,qBA8QrC;kBA9QQ,eAAe;;;AAiRxB,eAAe,eAAe,CAAC"}

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

@@ -18,7 +18,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { search } from '@cee-eng/hydrajs';
+import { pcm, search } from '@cee-eng/hydrajs';
 import { Alert } from '@patternfly/react-core';
 import { usePrevious } from '@rh-support/components';
 import { getSolrParams, PreviousCaseTypes } from '@rh-support/utils';
@@ -32,9 +32,11 @@ import { Trans, useTranslation } from 'react-i18next';
 import { useCaseSelector } from '../../context/CaseContext';
 import { RecommendationDispatchContext } from '../../context/RecommendationContext';
 import { RulesDispatchContext, RulesStateContext } from '../../context/RulesContext';
+import { SessionRestoreDispatchContext, SessionRestoreStateContext } from '../../context/SessionRestoreContext';
 import { getDescriptionWOQues } from '../../reducers/CaseHelpers';
 import { setInsighResultsKcsIds } from '../../reducers/RecommendationsReducer';
 import { RulesReducerConstants } from '../../reducers/RulesReducer';
+import { createOrUpdateSessionResources, getSessResFromRecs } from '../../reducers/SessionRestoreReducer';
 import { isAnalysisComplete, isFileDeleted } from '../shared/fileUpload/reducer/AttachmentHelper';
 import { updateAnalysisMetadata } from '../shared/fileUpload/reducer/AttachmentReducer';
 import { AttachmentDispatchContext, AttachmentStateContext, } from '../shared/fileUpload/reducer/AttachmentReducerContext';
@@ -49,6 +51,9 @@ const defaultProps = {
 function InsightsResults(props) {
     const recommendationDispatch = useContext(RecommendationDispatchContext);
     const { attachmentState: { includeAnalysisResults, caseFiles: { selectedLocalFiles }, }, } = useContext(AttachmentStateContext);
+    const sessionRestoreDispatch = useContext(SessionRestoreDispatchContext);
+    const { SessionResourceSource, SessionResourceVisibility } = pcm.preCase.session;
+    const { sessionRestore: { activeSessionId, sessionResourceTracking }, } = useContext(SessionRestoreStateContext);
     const { product, version, environment, summary, issue, periodicityOfIssue, timeFramesAndUrgency, caseType } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
@@ -88,8 +93,8 @@ function InsightsResults(props) {
         });
     };
     function fetchFileRecommendations(localFile) {
-        var _a, _b, _c;
         return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b, _c;
             const analysisResults = (_a = localFile === null || localFile === void 0 ? void 0 : localFile.analysisMetadata) === null || _a === void 0 ? void 0 : _a.analysisResults;
             if (!analysisResults)
                 return;
@@ -128,8 +133,8 @@ function InsightsResults(props) {
         });
     }
     function fetchKcsAbstractForKcsIds(kcsIds, localFile) {
-        var _a, _b;
         return __awaiter(this, void 0, void 0, function* () {
+            var _a, _b;
             try {
                 const _c = getSolrParams(200, 256, { id: kcsIds }), { start, rows, q } = _c, expression = __rest(_c, ["start", "rows", "q"]);
                 const res = yield search.solrSearchV2({ start, rows, q }, 'kcs', expression);
@@ -203,6 +208,14 @@ function InsightsResults(props) {
         });
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [allResults.length, includeAnalysisResults]);
+    useEffect(() => {
+        if (allResults.length === 0)
+            return;
+        if (isRuleModalVisible || props.isDisplayOnMain) {
+            createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.INSIGHTS, getSessResFromRecs(allResults, SessionResourceVisibility.PRESENTED));
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [allResults, activeSessionId, isRuleModalVisible]);
     function insightsModalToggle() {
         setEAModalVisibility(!isRuleModalVisible);
         selectedLocalFiles.map((file, index) => {
@@ -223,8 +236,8 @@ function InsightsResults(props) {
         });
         const newRules = [];
         rulesState.EARules.rules.map((rule) => {
-            var _a, _b;
-            const checkIfItsAlreadyFalse = (_b = (_a = rule) === null || _a === void 0 ? void 0 : _a.isNew) !== null && _b !== void 0 ? _b : false;
+            var _a;
+            const checkIfItsAlreadyFalse = (_a = rule === null || rule === void 0 ? void 0 : rule.isNew) !== null && _a !== void 0 ? _a : false;
             if (!checkIfItsAlreadyFalse)
                 return;
             const newRule = Object.assign(Object.assign({}, rule), { isNew: false });
@@ -239,8 +252,8 @@ function InsightsResults(props) {
         return (React.createElement(InsightResultModal, { EARule: validEARules, onModalToggle: insightsModalToggle, isOpen: isRuleModalVisible, insightResults: allResults, isRenderedMain: true }));
     }
     return (React.createElement(React.Fragment, null,
-        !rulesState.triggerRuleNotification && caseType !== PreviousCaseTypes.FEATURE_ENHANCEMENT && (React.createElement(Alert, { isInline: true, title: t('File recommendations are ready to view'), "data-tracking-id": "inline-view-critical-solution-alert", children: React.createElement("p", null,
-                React.createElement(Trans, null, "Troubleshooting specific for your uploaded files.")) })),
+        !rulesState.triggerRuleNotification && caseType !== PreviousCaseTypes.FEATURE_ENHANCEMENT && (React.createElement(Alert, { isInline: true, variant: "custom", title: t('File recommendations are ready to view'), "data-tracking-id": "inline-view-critical-solution-alert", children: React.createElement("p", null,
+                React.createElement(Trans, null, "Troubleshooting specific for your uploaded files.")), className: "pf-v5-u-mb-md" })),
         React.createElement(InsightResultModal, { EARule: validEARules, onModalToggle: insightsModalToggle, isOpen: isRuleModalVisible, insightResults: allResults })));
 }
 InsightsResults.defaultProps = defaultProps;

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

@@ -1,8 +1,10 @@
+import React from 'react';
 import { ISOSReportRecommendation } from './InsightsResults';
 interface IProps {
     doc: ISOSReportRecommendation;
     showNewTag: boolean;
     duplicateKeys: string[];
+    rank: number;
 }
 declare global {
     namespace JSX {
@@ -11,6 +13,6 @@ declare global {
         }
     }
 }
-export declare function InsightsRuleInfo({ doc, showNewTag, duplicateKeys }: IProps): JSX.Element;
+export declare function InsightsRuleInfo({ doc, showNewTag, duplicateKeys, rank }: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=InsightsRuleInfo.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"InsightsRuleInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/InsightsRuleInfo.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAI7D,UAAU,MAAM;IACZ,GAAG,EAAE,wBAAwB,CAAC;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,EAAE,CAAC;CAC3B;AAOD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,GAAG,CAAC;QACV,UAAU,iBAAiB;YACvB,SAAS,EAAE,GAAG,CAAC;SAClB;KACJ;CACJ;AAED,wBAAgB,gBAAgB,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,aAAa,EAAE,EAAE,MAAM,eAmK1E"}
+{"version":3,"file":"InsightsRuleInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/InsightsRuleInfo.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAYvE,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAI7D,UAAU,MAAM;IACZ,GAAG,EAAE,wBAAwB,CAAC;IAC9B,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,IAAI,EAAE,MAAM,CAAC;CAChB;AAOD,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,GAAG,CAAC;QACV,UAAU,iBAAiB;YACvB,SAAS,EAAE,GAAG,CAAC;SAClB;KACJ;CACJ;AAED,wBAAgB,gBAAgB,CAAC,EAAE,GAAG,EAAE,UAAU,EAAE,aAAa,EAAE,IAAI,EAAE,EAAE,MAAM,qBA6KhF"}

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

@@ -2,17 +2,17 @@ import { pcm } from '@cee-eng/hydrajs';
 import { Accordion, AccordionContent, AccordionItem, AccordionToggle, Label, LabelGroup } from '@patternfly/react-core';
 import BullseyeIcon from '@patternfly/react-icons/dist/js/icons/bullseye-icon';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
-import { getRuleReasonHtml } from '@rh-support/utils';
 import DOMPurify from 'dompurify';
 import isEmpty from 'lodash/isEmpty';
 import React, { useContext, useEffect, useRef, useState } from 'react';
 import { Trans } from 'react-i18next';
 import { SessionRestoreDispatchContext, SessionRestoreStateContext } from '../../context/SessionRestoreContext';
 import { useParseRuleMarkdown } from '../../hooks/useParseRuleMarkdown';
-import { createOrUpdateSessionResources, getSessResFromRules } from '../../reducers/SessionRestoreReducer';
+import { createOrUpdateSessionResources, getSessResFromRec, getSessResFromRules, } from '../../reducers/SessionRestoreReducer';
+import { getRuleReasonHtml } from '../../utils/insightRuleInfoUtils';
 import { AttachmentStateContext } from '../shared/fileUpload/reducer/AttachmentReducerContext';
 const { SessionResourceSource, SessionResourceVisibility } = pcm.preCase.session;
-export function InsightsRuleInfo({ doc, showNewTag, duplicateKeys }) {
+export function InsightsRuleInfo({ doc, showNewTag, duplicateKeys, rank }) {
     var _a, _b, _c, _d, _e, _f, _g;
     const [ruleData, setRuleData] = useState(null);
     const insightsReport = useRef(null);
@@ -27,7 +27,7 @@ export function InsightsRuleInfo({ doc, showNewTag, duplicateKeys }) {
         if (!isEmpty(selectedLocalFiles)) {
             const { analysisMetadata, name } = selectedLocalFiles.find((file) => file.attachmentId === doc.attachmentId);
             const { kcsIdRuleMap = {}, rules = {} } = analysisMetadata === null || analysisMetadata === void 0 ? void 0 : analysisMetadata.analysisResults;
-            if (!kcsIdRuleMap[doc.id]) {
+            if (!doc.id || !kcsIdRuleMap[doc.id]) {
                 return;
             }
             const { report, ruleId, isNew } = kcsIdRuleMap[doc.id];
@@ -39,7 +39,7 @@ export function InsightsRuleInfo({ doc, showNewTag, duplicateKeys }) {
         }
     }, [setRuleData, doc.attachmentId, doc.id, selectedLocalFiles, duplicateKeys]);
     const onCtaClick = (link) => (event) => {
-        createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.INSIGHTS, [getSessResFromRules(link, SessionResourceVisibility.VISITED, ruleData.rule_id)]);
+        createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.INSIGHTS, [getSessResFromRules(link, SessionResourceVisibility.VISITED, rank, ruleData.rule_id)]);
     };
     const parseMoreInfo = (moreInfo, reportDetails) => {
         const result = parseDotMarkdownWithTracking(moreInfo, reportDetails, SessionResourceSource.INSIGHTS, 'ts-result-insights', 'se-recommended-insights-rule');
@@ -53,21 +53,24 @@ export function InsightsRuleInfo({ doc, showNewTag, duplicateKeys }) {
     };
     return (React.createElement(React.Fragment, null, ruleData && (React.createElement(AccordionItem, null,
         React.createElement(AccordionToggle, { isExpanded: isParentExpanded, id: doc.id + doc.attachmentId, onClick: () => {
+                !isParentExpanded &&
+                    createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.INSIGHTS, [getSessResFromRec(doc, SessionResourceVisibility.PRESENTED_TAB, rank)]);
                 setIsParentExpanded(!isParentExpanded);
             } },
-            showNewTag && ((_b = (_a = insightsReport === null || insightsReport === void 0 ? void 0 : insightsReport.current) === null || _a === void 0 ? void 0 : _a.isNew) !== null && _b !== void 0 ? _b : false) && (React.createElement(Label, { color: "green", className: "pf-u-mr-md" },
-                React.createElement(Trans, null, "NEW"))),
             React.createElement("div", null,
-                React.createElement("div", null, ruleData === null || ruleData === void 0 ? void 0 : ruleData.summary),
-                React.createElement("div", { className: "pf-u-mb-sm pf-u-text-align-left" }, ((_d = (_c = insightsReport === null || insightsReport === void 0 ? void 0 : insightsReport.current) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : false) && (React.createElement(Label, null,
+                React.createElement("div", null,
+                    showNewTag && ((_b = (_a = insightsReport === null || insightsReport === void 0 ? void 0 : insightsReport.current) === null || _a === void 0 ? void 0 : _a.isNew) !== null && _b !== void 0 ? _b : false) && (React.createElement(Label, { color: "green", className: "pf-v5-u-mr-sm" },
+                        React.createElement(Trans, null, "NEW"))), ruleData === null || ruleData === void 0 ? void 0 :
+                    ruleData.summary),
+                React.createElement("div", { className: "pf-v5-u-mb-sm pf-v5-u-text-align-left" }, ((_d = (_c = insightsReport === null || insightsReport === void 0 ? void 0 : insightsReport.current) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : false) && (React.createElement(Label, null,
                     React.createElement(Trans, null, insightsReport.current.name)))),
-                React.createElement("div", { className: "pf-u-text-align-left" },
-                    React.createElement(LabelGroup, { numLabels: 5 }, ((doc === null || doc === void 0 ? void 0 : doc.tag) || []).map((tag) => (React.createElement(Label, { color: "gold", className: "pf-u-mr-sm" }, tag))))))),
+                React.createElement("div", { className: "pf-v5-u-text-align-left" },
+                    React.createElement(LabelGroup, { numLabels: 5 }, ((doc === null || doc === void 0 ? void 0 : doc.tag) || []).map((tag) => (React.createElement(Label, { color: "gold", className: "pf-v5-u-mr-sm" }, tag))))))),
         React.createElement(AccordionContent, { isHidden: !isParentExpanded },
             React.createElement(Accordion, { asDefinitionList: false, className: "push-bottom-narrow" },
                 React.createElement(AccordionItem, null,
                     React.createElement(AccordionToggle, { isExpanded: isIssueExpanded, onClick: () => setIsIssueExpanded(!isIssueExpanded), id: `${doc.id}-detected-issue` },
-                        React.createElement(BullseyeIcon, { className: "pf-u-mr-sm" }),
+                        React.createElement(BullseyeIcon, { className: "pf-v5-u-mr-sm" }),
                         React.createElement(Trans, null, "Detected issues")),
                     React.createElement(AccordionContent, { isHidden: !isIssueExpanded },
                         React.createElement("p", { dangerouslySetInnerHTML: {
@@ -76,11 +79,11 @@ export function InsightsRuleInfo({ doc, showNewTag, duplicateKeys }) {
                             } }))),
                 ((_f = ruleData === null || ruleData === void 0 ? void 0 : ruleData.more_info) !== null && _f !== void 0 ? _f : false) && (React.createElement(AccordionItem, null,
                     React.createElement(AccordionToggle, { isExpanded: isAdditionalExpanded, onClick: () => setIsAdditionalExpanded(!isAdditionalExpanded), id: `${doc.id}-additional-info` },
-                        React.createElement(InfoCircleIcon, { className: "pf-u-mr-sm" }),
+                        React.createElement(InfoCircleIcon, { className: "pf-v5-u-mr-sm" }),
                         React.createElement(Trans, null, "Additional info")),
                     React.createElement(AccordionContent, { isHidden: !isAdditionalExpanded },
                         React.createElement("p", { onClick: onAdditionalInfoElemClick, dangerouslySetInnerHTML: parseMoreInfo(ruleData === null || ruleData === void 0 ? void 0 : ruleData.more_info, (_g = insightsReport === null || insightsReport === void 0 ? void 0 : insightsReport.current) === null || _g === void 0 ? void 0 : _g.details) }))))),
             React.createElement("pfe-cta", null,
-                React.createElement("a", { className: "se-recommended ts-result-insights pf-u-font-size-sm", rel: "noopener noreferrer", target: "_blank", onClick: onCtaClick(doc.view_uri), "data-tracking-id": "get-support-recommended-insights-rule", "aria-label": "Related article", role: "button", href: getTrackingULRWithQueryParams(doc.view_uri, SessionResourceSource.INSIGHTS) },
+                React.createElement("a", { className: "se-recommended ts-result-insights pf-v5-u-font-size-sm", rel: "noopener noreferrer", target: "_blank", onClick: onCtaClick(doc.view_uri), "data-tracking-id": "get-support-recommended-insights-rule", "aria-label": "Related article", role: "button", href: getTrackingULRWithQueryParams(doc.view_uri, SessionResourceSource.INSIGHTS) },
                     React.createElement(Trans, null, "Related article"))))))));
 }

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

@@ -1,8 +1,9 @@
+import React from 'react';
 interface IProps {
     isModalOpen: boolean;
     handleModalToggle: () => void;
     modalContent: string;
 }
-export declare function RecommendationFeedbackModal({ isModalOpen, handleModalToggle, modalContent }: IProps): JSX.Element;
+export declare function RecommendationFeedbackModal({ isModalOpen, handleModalToggle, modalContent }: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=RecommendationFeedbackModal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"RecommendationFeedbackModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/RecommendationFeedbackModal.tsx"],"names":[],"mappings":"AAKA,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;CACxB;AACD,wBAAgB,2BAA2B,CAAC,EAAE,WAAW,EAAE,iBAAiB,EAAE,YAAY,EAAE,EAAE,MAAM,eA+BnG"}
+{"version":3,"file":"RecommendationFeedbackModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/RecommendationFeedbackModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;CACxB;AACD,wBAAgB,2BAA2B,CAAC,EAAE,WAAW,EAAE,iBAAiB,EAAE,YAAY,EAAE,EAAE,MAAM,qBA+BnG"}

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

@@ -4,7 +4,7 @@ import { Trans } from 'react-i18next';
 import { Link } from 'react-router-dom';
 export function RecommendationFeedbackModal({ isModalOpen, handleModalToggle, modalContent }) {
     return (React.createElement(Modal, { variant: ModalVariant.small, id: "resolved-feedback-modal", "aria-describedby": "rec-feedback-modal", "aria-label": "Feedback modal", isOpen: isModalOpen, onClose: handleModalToggle, actions: [
-            React.createElement(Link, { "data-tracking-id": "resolved-feedback-cases", key: "view", className: "pf-c-button pf-m-primary", to: "/case/list" },
+            React.createElement(Link, { "data-tracking-id": "resolved-feedback-cases", key: "view", className: "pf-v5-c-button pf-m-primary", to: "/case/list" },
                 React.createElement(Trans, null, "View your cases")),
             React.createElement(Button, { "data-tracking-id": "resolved-feedback-continue", key: "continue", variant: "link", onClick: handleModalToggle },
                 React.createElement(Trans, null, "Continue troubleshooting")),

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

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

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

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