@rh-support/troubleshoot 0.2.44 → 0.2.48

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

@@ -1 +1 @@
-{"version":3,"file":"Case.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/Case.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAS,mBAAmB,EAAiD,MAAM,kBAAkB,CAAC;AAmB7G,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC;CACnC;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,MAAM,eAiLzC"}
+{"version":3,"file":"Case.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/Case.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAS,mBAAmB,EAAiD,MAAM,kBAAkB,CAAC;AAmB7G,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC;CACnC;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,MAAM,eAkLzC"}

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

@@ -109,7 +109,7 @@ export default function Case(props) {
             React.createElement("div", { className: "support-grid support-case" }, isFetchingCaseDetails && !isFetchingCaseDetailsError && isEmpty(product) ? (React.createElement(OverviewContentLoader, null)) : (React.createElement(React.Fragment, null,
                 React.createElement("article", { className: "grid-main" },
                     React.createElement("section", { className: "grid-main-section" },
-                        (isFetchingCaseDetailsError || !canReadCase) && (React.createElement(CaseDetailsErrorMessage, { isError: isFetchingCaseDetailsError, errorDetails: caseDetailsError, canReadCase: canReadCase, caseNumber: caseNumber })),
+                        (isFetchingCaseDetailsError || !canReadCase) && (React.createElement(CaseDetailsErrorMessage, { isError: isFetchingCaseDetailsError, errorDetails: caseDetailsError, canReadCase: canReadCase, caseNumber: caseNumber, isInlineError: true })),
                         React.createElement(CaseDetailsWarningMessage, { caseNumber: caseNumber, selectedAccountDetails: selectedAccountDetails.data || {} }),
                         canReadCase &&
                             (!isFetchingCaseDetails || !isEmpty(product)) &&

package/lib/esm/components/CaseEditView/CaseDetailsErrorMessage.d.ts

@@ -4,6 +4,7 @@ interface IProps {
     errorDetails: IAPIError;
     canReadCase: boolean;
     caseNumber: string;
+    isInlineError?: boolean;
 }
 export declare function CaseDetailsErrorMessage(props: IProps): JSX.Element;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"CaseDetailsErrorMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsErrorMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAKrD,UAAU,MAAM;IACZ,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,SAAS,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,eAmDpD"}
+{"version":3,"file":"CaseDetailsErrorMessage.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsErrorMessage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAKrD,UAAU,MAAM;IACZ,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,SAAS,CAAC;IACxB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,eAsDpD"}

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

@@ -6,19 +6,21 @@ import { Trans, useTranslation } from 'react-i18next';
 export function CaseDetailsErrorMessage(props) {
     const { globalMetadataState: { loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
     const { t } = useTranslation();
+    // Initialize Default Props Below
+    const { isInlineError = false, canReadCase, caseNumber, errorDetails } = props;
     const getErrorMessage = () => {
-        const { status, message = '' } = props.errorDetails || {};
+        const { status, message = '' } = errorDetails || {};
         const customDefaultErrorMessage403 = t('You are not authorized to see this case.');
         const errorMessage404 = t("Case number doesn't exist");
         let errorMessage403;
-        if (!props.canReadCase) {
+        if (!canReadCase) {
             errorMessage403 = customDefaultErrorMessage403;
         }
         else if (loggedInUserRights.data.isInternal() &&
             loggedInUserRights.data.isSecureSupportTech() &&
             status === 403 &&
             message.includes('Account cannot be accessed via this endpoint')) {
-            const shCaseLink = getSFDCSecureSupportCaseLink(props.caseNumber);
+            const shCaseLink = getSFDCSecureSupportCaseLink(caseNumber);
             errorMessage403 = (React.createElement(React.Fragment, null,
                 "Secured Support Technicians should use",
                 ' ',
@@ -29,11 +31,11 @@ export function CaseDetailsErrorMessage(props) {
         else {
             errorMessage403 = customDefaultErrorMessage403;
         }
-        return formattedApiErrorMessage(props.errorDetails, {
+        return formattedApiErrorMessage(errorDetails, {
             '403': { message: errorMessage403 },
             '404': { message: errorMessage404 },
         });
     };
-    return (React.createElement(AlertMessage, { variant: AlertType.DANGER, className: "push-top", show: true, title: errorMessageTitle(props.errorDetails) },
+    return (React.createElement(AlertMessage, { variant: AlertType.DANGER, className: "pf-u-mb-lg", show: true, title: errorMessageTitle(errorDetails), isInline: isInlineError },
         React.createElement(Trans, null, getErrorMessage())));
 }

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

@@ -0,0 +1,9 @@
+/**
+ * We need to wrap Critical solution toast notification and Cluster recommendation toast notification so they don't get overlapped.
+ */
+import { FC } from 'react';
+interface IProps {
+}
+declare const AlertToastWrapper: FC<IProps>;
+export default AlertToastWrapper;
+//# sourceMappingURL=AlertToastWrapper.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlertToastWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/AlertToastWrapper.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKlC,UAAU,MAAM;CAAG;AAEnB,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,MAAM,CAQjC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -0,0 +1,13 @@
+/**
+ * We need to wrap Critical solution toast notification and Cluster recommendation toast notification so they don't get overlapped.
+ */
+import { AlertGroup } from '@patternfly/react-core';
+import React from 'react';
+import ClusterRecommendationToast from './ClusterRecommendationToast';
+import CriticalSolutionsToast from './CriticalSolutionsToast';
+const AlertToastWrapper = () => {
+    return (React.createElement(AlertGroup, { isToast: true },
+        React.createElement(CriticalSolutionsToast, null),
+        React.createElement(ClusterRecommendationToast, null)));
+};
+export default AlertToastWrapper;

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

@@ -1,7 +1,5 @@
 import { FC } from 'react';
 interface IProps {
-    onViewRecommendations: () => void;
-    onToastClose: () => void;
 }
 declare const ClusterRecommendationToast: FC<IProps>;
 export default ClusterRecommendationToast;

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

@@ -1 +1 @@
-{"version":3,"file":"ClusterRecommendationToast.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/ClusterRecommendationToast.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGlC,UAAU,MAAM;IACZ,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,YAAY,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,QAAA,MAAM,0BAA0B,EAAE,EAAE,CAAC,MAAM,CAkB1C,CAAC;AAEF,eAAe,0BAA0B,CAAC"}
+{"version":3,"file":"ClusterRecommendationToast.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/ClusterRecommendationToast.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,EAAE,EAAmC,MAAM,OAAO,CAAC;AAUnE,UAAU,MAAM;CAAG;AAEnB,QAAA,MAAM,0BAA0B,EAAE,EAAE,CAAC,MAAM,CAmD1C,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

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

@@ -1,10 +1,43 @@
-import { Alert, AlertActionCloseButton, AlertGroup, Button } from '@patternfly/react-core';
-import React from 'react';
+import { Alert, AlertActionCloseButton, Button } from '@patternfly/react-core';
+import { usePrevious } from '@rh-support/components';
+import { GlobalMetadataStateContext } from '@rh-support/react-context';
+import { isEmpty, isEqual } from 'lodash';
+import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-const ClusterRecommendationToast = ({ onViewRecommendations, onToastClose }) => {
+import { useCaseSelector } from '../../context/CaseContext';
+import { ClusterRecommendationsContext, ClusterRecommendationsDispatchContext, } from '../../context/ClusterRecommendationsContext';
+import { toggleClusterRecommendationModal } from '../../reducers/ClusterRecommendationsReducer';
+import { isClusterIdEnabledForProduct } from '../../utils/caseOpenshiftClusterIdUtils';
+const ClusterRecommendationToast = () => {
+    var _a;
     const { t } = useTranslation();
-    return (React.createElement(AlertGroup, { isToast: true },
-        React.createElement(Alert, { isLiveRegion: true, variant: "success", title: t('Cluster recommendation has been triggered'), "data-tracking-id": "toast-view-cluster-sol", actionLinks: React.createElement(Button, { isInline: true, variant: "link", onClick: onViewRecommendations },
-                React.createElement(Trans, null, "View recommendations")), actionClose: React.createElement(AlertActionCloseButton, { variantLabel: "success alert", onClose: onToastClose }) })));
+    const { clusterRecommendationsState: { clusterRecommendations, isClusterRecommendationsModalOpen }, } = useContext(ClusterRecommendationsContext);
+    const clusterRecommendationsDispatch = useContext(ClusterRecommendationsDispatchContext);
+    const [isToastVisible, setToastVisibility] = useState(false);
+    const { openshiftClusterID, product } = useCaseSelector((state) => ({
+        openshiftClusterID: state.caseDetails.openshiftClusterID,
+        product: state.caseDetails.product,
+    }), isEqual);
+    const { globalMetadataState: { allProducts }, } = useContext(GlobalMetadataStateContext);
+    const previousOpenShiftClusterId = usePrevious(openshiftClusterID);
+    const onViewRecommendations = () => {
+        setToastVisibility(false);
+        toggleClusterRecommendationModal(clusterRecommendationsDispatch, !isClusterRecommendationsModalOpen);
+    };
+    // To prevent toast to reopen even after user close it we need to check cluster id
+    useEffect(() => {
+        if (!isEmpty(openshiftClusterID) && previousOpenShiftClusterId !== openshiftClusterID)
+            setToastVisibility(true);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [clusterRecommendations.data]);
+    useEffect(() => {
+        if (!openshiftClusterID)
+            setToastVisibility(false);
+    }, [openshiftClusterID]);
+    const hasCluster = isClusterIdEnabledForProduct(product, (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult);
+    if (!isToastVisible || !hasCluster)
+        return null;
+    return (React.createElement(Alert, { isLiveRegion: true, variant: "success", title: t('Cluster recommendation has been triggered'), "data-tracking-id": "toast-view-cluster-sol", actionLinks: React.createElement(Button, { isInline: true, variant: "link", onClick: onViewRecommendations },
+            React.createElement(Trans, null, "View recommendations")), actionClose: React.createElement(AlertActionCloseButton, { variantLabel: "success alert", onClose: () => setToastVisibility(false) }) }));
 };
 export default ClusterRecommendationToast;

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":"AASA,MAAM,CAAC,OAAO,UAAU,qBAAqB,gBAkD5C"}
+{"version":3,"file":"ClusterRecommendations.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/ClusterRecommendations.tsx"],"names":[],"mappings":"AAgBA,MAAM,CAAC,OAAO,UAAU,qBAAqB,gBAmD5C"}

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

@@ -1,35 +1,41 @@
 import { Button } from '@patternfly/react-core';
-import React, { useContext, useEffect, useState } from 'react';
+import { GlobalMetadataStateContext } from '@rh-support/react-context';
+import { isEqual } from 'lodash';
+import React, { useContext } from 'react';
 import { Trans } from 'react-i18next';
-import { ClusterRecommendationsContext } from '../../context/ClusterRecommendationsContext';
+import { useCaseSelector } from '../../context/CaseContext';
+import { ClusterRecommendationsContext, ClusterRecommendationsDispatchContext, } from '../../context/ClusterRecommendationsContext';
+import { toggleClusterRecommendationModal } from '../../reducers/ClusterRecommendationsReducer';
+import { isClusterIdEnabledForProduct } from '../../utils/caseOpenshiftClusterIdUtils';
 import { ClusterRecommendationItems } from './ClusterRecommendationItems';
 import { ClusterRecommendationsModal } from './ClusterRecommendationsModal';
-import ClusterRecommendationToast from './ClusterRecommendationToast';
 export default function ClusteRecommendations() {
-    const { clusterRecommendations } = useContext(ClusterRecommendationsContext);
-    const [showModal, setShowModal] = useState(false);
-    const [isToastVisible, setToastVisibility] = useState(false);
-    const onViewRecommendations = () => {
-        setToastVisibility(false);
-        setShowModal(true);
-    };
-    useEffect(() => {
-        setToastVisibility(true);
-    }, [clusterRecommendations.data]);
+    var _a;
+    const { clusterRecommendationsState: { clusterRecommendations, isClusterRecommendationsModalOpen }, } = useContext(ClusterRecommendationsContext);
+    const clusterRecommendationsDispatch = useContext(ClusterRecommendationsDispatchContext);
+    const { openshiftClusterID, product } = useCaseSelector((state) => ({
+        openshiftClusterID: state.caseDetails.openshiftClusterID,
+        product: state.caseDetails.product,
+    }), isEqual);
+    const { globalMetadataState: { allProducts }, } = useContext(GlobalMetadataStateContext);
     const NUMBER_OF_RULES_TO_DISPLAY = 3;
-    const onModalClose = () => {
-        setShowModal(false);
+    const onViewMoreRecommendation = () => {
+        toggleClusterRecommendationModal(clusterRecommendationsDispatch, !isClusterRecommendationsModalOpen);
     };
-    if (clusterRecommendations.data.length === 0 || clusterRecommendations.isError || clusterRecommendations.isFetching)
+    const hasCluster = isClusterIdEnabledForProduct(product, (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult);
+    if (clusterRecommendations.data.length === 0 ||
+        clusterRecommendations.isError ||
+        clusterRecommendations.isFetching ||
+        !hasCluster ||
+        !openshiftClusterID)
         return React.createElement(React.Fragment, null);
     return (React.createElement(React.Fragment, null,
-        isToastVisible && (React.createElement(ClusterRecommendationToast, { onViewRecommendations: onViewRecommendations, onToastClose: () => setToastVisibility(false) })),
         React.createElement("div", { className: "card card-white card-support top-recommendations" },
             React.createElement("h3", { className: "card-heading" },
                 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: () => setShowModal(true) },
+                clusterRecommendations.data.length > NUMBER_OF_RULES_TO_DISPLAY && (React.createElement(Button, { className: "pf-u-p-md", variant: "link", isBlock: true, onClick: onViewMoreRecommendation },
                     React.createElement(Trans, null, "View more recommendations"))),
-                React.createElement(ClusterRecommendationsModal, { clusterRecommendations: clusterRecommendations.data, isOpen: showModal, onModalClose: onModalClose })))));
+                React.createElement(ClusterRecommendationsModal, null)))));
 }

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

@@ -1,8 +1,4 @@
-import { IClusterRecommendation } from '@cee-eng/hydrajs/@types/api/pcm/preCaseDiagnostics';
 interface IProps {
-    clusterRecommendations: IClusterRecommendation[];
-    isOpen: boolean;
-    onModalClose: () => void;
 }
 export declare function ClusterRecommendationsModal(props: IProps): JSX.Element;
 export {};

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":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AAU5F,UAAU,MAAM;IACZ,sBAAsB,EAAE,sBAAsB,EAAE,CAAC;IACjD,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,eAkExD"}
+{"version":3,"file":"ClusterRecommendationsModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/ClusterRecommendationsModal.tsx"],"names":[],"mappings":"AAeA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,eA2ExD"}

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

@@ -12,7 +12,9 @@ import { Button, Modal } from '@patternfly/react-core';
 import { useFetch } from '@rh-support/components';
 import React, { useContext, useState } from 'react';
 import { useTranslation } from 'react-i18next';
+import { ClusterRecommendationsContext, ClusterRecommendationsDispatchContext, } from '../../context/ClusterRecommendationsContext';
 import { SessionRestoreStateContext } from '../../context/SessionRestoreContext';
+import { toggleClusterRecommendationModal } from '../../reducers/ClusterRecommendationsReducer';
 import { ClusterRecommendationItems } from './ClusterRecommendationItems';
 import { RecommendationFeedbackModal } from './RecommendationFeedbackModal';
 export function ClusterRecommendationsModal(props) {
@@ -21,6 +23,8 @@ export function ClusterRecommendationsModal(props) {
     const { request: resolveSessionRequest, isFetching } = useFetch(pcm.preCase.session.resolveSession);
     const { SessionResourceSource } = pcm.preCase.session;
     const [isModalVisible, setIsModalVisible] = useState(false);
+    const { clusterRecommendationsState: { clusterRecommendations, isClusterRecommendationsModalOpen }, } = useContext(ClusterRecommendationsContext);
+    const clusterRecommendationsDispatch = useContext(ClusterRecommendationsDispatchContext);
     const handleSolvedIssue = () => __awaiter(this, void 0, void 0, function* () {
         var _a, _b;
         try {
@@ -31,18 +35,21 @@ export function ClusterRecommendationsModal(props) {
                 url: '',
             });
             setIsModalVisible(true);
-            props.onModalClose();
+            onModalClose();
         }
         catch (e) { }
     });
     const onModalToggle = () => {
         setIsModalVisible((visible) => !visible);
     };
+    const onModalClose = () => {
+        toggleClusterRecommendationModal(clusterRecommendationsDispatch, !isClusterRecommendationsModalOpen);
+    };
     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(Modal, { className: "critical-solutions-modal", title: t('Cluster recommendations'), description: t('Recommendations have been triggered for your cluster.'), "data-tracking-id": "cluster-recommendations-modal-body", onClose: props.onModalClose, isOpen: props.isOpen, actions: [
+        React.createElement(Modal, { className: "critical-solutions-modal", title: t('Cluster recommendations'), description: t('Recommendations have been triggered for your cluster.'), "data-tracking-id": "cluster-recommendations-modal-body", onClose: onModalClose, isOpen: isClusterRecommendationsModalOpen, actions: [
                 React.createElement(Button, { isDisabled: isFetching, isLoading: isFetching, onClick: handleSolvedIssue, key: "solved-my-issue", variant: "primary", "data-tracking-id": "cluster-recommendations-solutions-modal" }, t('I solved my issue')),
-                React.createElement(Button, { onClick: props.onModalClose, key: "confirm", variant: "secondary", "data-tracking-id": "cancel-cluster-recommendations-modal" }, t('Cancel')),
+                React.createElement(Button, { onClick: onModalClose, key: "confirm", variant: "secondary", "data-tracking-id": "cancel-cluster-recommendations-modal" }, t('Cancel')),
             ] },
-            React.createElement(ClusterRecommendationItems, { clusterRecommendations: props.clusterRecommendations }))));
+            React.createElement(ClusterRecommendationItems, { clusterRecommendations: clusterRecommendations.data }))));
 }

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

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface IProps {
+}
+declare const CriticalSolutionsToast: FC<IProps>;
+export default CriticalSolutionsToast;
+//# sourceMappingURL=CriticalSolutionsToast.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CriticalSolutionsToast.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/CriticalSolutionsToast.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAmC,MAAM,OAAO,CAAC;AAKnE,UAAU,MAAM;CAAG;AAEnB,QAAA,MAAM,sBAAsB,EAAE,EAAE,CAAC,MAAM,CA+CtC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

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

@@ -0,0 +1,39 @@
+import { Alert, AlertActionCloseButton, Button } from '@patternfly/react-core';
+import React, { useContext, useEffect, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { RulesDispatchContext, RulesStateContext } from '../../context/RulesContext';
+import { RulesReducerConstants } from '../../reducers/RulesReducer';
+const CriticalSolutionsToast = () => {
+    const { t } = useTranslation();
+    const [showNotification, setShowNotification] = useState(false);
+    const { rulesState } = useContext(RulesStateContext);
+    const rulesDispatch = useContext(RulesDispatchContext);
+    useEffect(() => {
+        if (rulesState.triggerRuleNotification && !showNotification) {
+            setShowNotification(true);
+        }
+        // eslint-disable-next-line
+    }, [rulesState.triggerRuleNotification]);
+    const onClose = () => {
+        rulesDispatch({
+            type: RulesReducerConstants.triggerRuleNotification,
+            payload: { triggerRuleNotification: false },
+        });
+        setShowNotification(false);
+    };
+    const setEAModalVisibility = (isVisible) => {
+        rulesDispatch({
+            type: RulesReducerConstants.triggerEARulesModalVisibiltyChange,
+            payload: { isRuleModalVisible: isVisible },
+        });
+    };
+    const viewCriticalSolution = () => {
+        onClose();
+        setEAModalVisibility(true);
+    };
+    if (!showNotification && !rulesState.triggerRuleNotification)
+        return null;
+    return (React.createElement(Alert, { isLiveRegion: true, variant: "success", title: t('Critical solutions have been triggered'), "data-tracking-id": "toast-view-crit-sol", actionLinks: React.createElement(Button, { isInline: true, variant: "link", onClick: viewCriticalSolution },
+            React.createElement(Trans, null, "View recommendations")), actionClose: React.createElement(AlertActionCloseButton, { variantLabel: "success alert", onClose: onClose }) }));
+};
+export default CriticalSolutionsToast;

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;CAC1B;AASD,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACjE,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;CAClB;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eAsRrC;kBAtRQ,eAAe;;;AAyRxB,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;AAwB5D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AASD,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACjE,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;CAClB;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eA+OrC;kBA/OQ,eAAe;;;AAkPxB,eAAe,eAAe,CAAC"}

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

@@ -19,7 +19,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { search } from '@cee-eng/hydrajs';
-import { Alert, AlertActionCloseButton, AlertGroup, Button } from '@patternfly/react-core';
+import { Alert, Button } from '@patternfly/react-core';
 import { usePrevious } from '@rh-support/components';
 import { getSolrParams } from '@rh-support/utils';
 import difference from 'lodash/difference';
@@ -49,7 +49,6 @@ const defaultProps = {
 function InsightsResults(props) {
     const recommendationDispatch = useContext(RecommendationDispatchContext);
     const { attachmentState: { includeAnalysisResults, caseFiles: { selectedLocalFiles }, }, } = useContext(AttachmentStateContext);
-    const [showNotification, setShowNotification] = useState(false);
     const { product, version, environment, summary, issue, periodicityOfIssue, timeFramesAndUrgency } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
@@ -71,19 +70,6 @@ function InsightsResults(props) {
     const insightResults = flatMap(insightResultsMap);
     const allResults = [...recommendedResults, ...insightResults];
     const validEARules = filter(rulesState.EARules.rules, (r) => r.visible && r.rule_sub_type !== 'attachment');
-    function onClose() {
-        rulesDispatch({
-            type: RulesReducerConstants.triggerRuleNotification,
-            payload: { triggerRuleNotification: false },
-        });
-        setShowNotification(false);
-    }
-    useEffect(() => {
-        if (rulesState.triggerRuleNotification && !showNotification) {
-            setShowNotification(true);
-        }
-        // eslint-disable-next-line
-    }, [rulesState.triggerRuleNotification]);
     // to hide notification if modal is opened from somewhere else and notification toast is visible
     useEffect(() => {
         if (rulesState.isRuleModalVisible && rulesState.triggerRuleNotification) {
@@ -245,12 +231,6 @@ function InsightsResults(props) {
     if (isEmpty(allResults))
         return React.createElement(React.Fragment, null);
     return (React.createElement(React.Fragment, null,
-        showNotification && rulesState.triggerRuleNotification && (React.createElement(AlertGroup, { isToast: true },
-            React.createElement(Alert, { isLiveRegion: true, variant: "success", title: t('Critical solutions have been triggered'), "data-tracking-id": "toast-view-crit-sol", actionLinks: React.createElement(Button, { isInline: true, variant: "link", onClick: () => {
-                        onClose();
-                        setEAModalVisibility(true);
-                    } },
-                    React.createElement(Trans, null, "View recommendations")), actionClose: React.createElement(AlertActionCloseButton, { variantLabel: "success alert", onClose: onClose }) }))),
         !rulesState.triggerRuleNotification && (React.createElement(Alert, { isInline: true, title: t('Critical solutions have been triggered'), "data-tracking-id": "inline-view-crit-sol", actionLinks: React.createElement(Button, { isInline: true, className: "pf-c-alert__action", variant: "link", onClick: () => {
                     setEAModalVisibility(true);
                 } },

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalTroubleshootEffects.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/GlobalTroubleshootEffects.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAWvD,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAOrF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,eAgXtD"}
+{"version":3,"file":"GlobalTroubleshootEffects.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/GlobalTroubleshootEffects.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAWvD,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAOrF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,eAkXtD"}

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

@@ -293,8 +293,10 @@ export function GlobalTroubleshootEffects(props) {
         const oldMajorVersion = previousVersion && getVersion(previousVersion).major;
         const newMajorVersion = getVersion(version).major;
         const hasCluster = isClusterIdEnabledForProduct(product, (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult);
-        const isDifferentMajorClusterVersion = hasCluster && oldMajorVersion !== newMajorVersion;
-        if (isDifferentMajorClusterVersion) {
+        // Need to check `hasCluster` is empty as when product is changing from shift product to non-shift
+        // product new product will don't have any cluster
+        const isClusterInfoShouldBeReset = !hasCluster || (hasCluster && oldMajorVersion !== newMajorVersion);
+        if (isClusterInfoShouldBeReset) {
             setCaseDetails(caseDispatch, {
                 openshiftClusterID: '',
                 openshiftClusterVersion: '',

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,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAKnD,OAAO,EAEH,eAAe,EAGlB,MAAM,iCAAiC,CAAC;AAQzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,2BAA2B,EAAE,OAAO,CAAC;CACxC;AAGD,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,eA6CjC;kBA7CQ,WAAW;;;AA+CpB,eAAe,WAAW,CAAC"}
+{"version":3,"file":"WizardAside.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardAside.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAKnD,OAAO,EAEH,eAAe,EAGlB,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,eA8CjC;kBA9CQ,WAAW;;;AAgDpB,eAAe,WAAW,CAAC"}

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

@@ -7,6 +7,7 @@ import { RouteContext } from '../../context/RouteContext';
 import { SessionRestoreStateContext } from '../../context/SessionRestoreContext';
 import { hideFileUploadSidebarWidgetSections, showSideBarClusterIdRuleWidgetSections, showSideBarEARuleWidgetSections, } from '../../reducers/RouteConstNTypes';
 import { FileDiag } from '../CaseInformation/FileDiag';
+import AlertToastWrapper from '../Recommendations/AlertToastWrapper';
 import { AsideResults } from '../Recommendations/AsideResults';
 import ClusterRecommendations from '../Recommendations/ClusterRecommendations';
 import { EARuleWidget } from '../Recommendations/EARules/EARuleWidget';
@@ -40,7 +41,8 @@ function WizardAside(props) {
             canShowClusterIdWidgets && React.createElement(ClusterRecommendations, null),
             canUseSessionManagement && React.createElement(SessionRestore, { routeProps: props.routeProps }),
             React.createElement(AsideResults, null),
-            canShowFileUploadWidget() && React.createElement(FileDiag, null))));
+            canShowFileUploadWidget() && React.createElement(FileDiag, null),
+            React.createElement(AlertToastWrapper, null))));
 }
 WizardAside.defaultProps = defaultProps;
 export default WizardAside;

package/lib/esm/context/ClusterRecommendationsContext.d.ts

@@ -1,9 +1,7 @@
-import { IClusterRecommendation } from '@cee-eng/hydrajs/@types/api/pcm/preCaseDiagnostics';
-import { IApiResponseDetails } from '@rh-support/types/shared';
 import React from 'react';
-import { ClusterRecommendationsDispatchType } from '../reducers/ClusterRecommendationsReducer';
+import { ClusterRecommendationsDispatchType, IInitialClusterRecommendationsStateType } from '../reducers/ClusterRecommendationsReducer';
 export interface IRulesStateContext {
-    clusterRecommendations: IApiResponseDetails<IClusterRecommendation[]>;
+    clusterRecommendationsState: IInitialClusterRecommendationsStateType;
 }
 export declare const ClusterRecommendationsContext: React.Context<IRulesStateContext>;
 export declare const ClusterRecommendationsDispatchContext: React.Context<ClusterRecommendationsDispatchType>;

package/lib/esm/context/ClusterRecommendationsContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClusterRecommendationsContext.d.ts","sourceRoot":"","sources":["../../../src/context/ClusterRecommendationsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AAC5F,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EACH,kCAAkC,EAGrC,MAAM,2CAA2C,CAAC;AAEnD,MAAM,WAAW,kBAAkB;IAC/B,sBAAsB,EAAE,mBAAmB,CAAC,sBAAsB,EAAE,CAAC,CAAC;CACzE;AAMD,eAAO,MAAM,6BAA6B,mCAAoD,CAAC;AAC/F,eAAO,MAAM,qCAAqC,mDAA6C,CAAC;AAEhG,wBAAgB,qCAAqC,CAAC,EAAE,QAAQ,EAAE;;CAAA,eAUjE"}
+{"version":3,"file":"ClusterRecommendationsContext.d.ts","sourceRoot":"","sources":["../../../src/context/ClusterRecommendationsContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EACH,kCAAkC,EAElC,uCAAuC,EAE1C,MAAM,2CAA2C,CAAC;AAEnD,MAAM,WAAW,kBAAkB;IAC/B,2BAA2B,EAAE,uCAAuC,CAAC;CACxE;AAMD,eAAO,MAAM,6BAA6B,mCAAoD,CAAC;AAC/F,eAAO,MAAM,qCAAqC,mDAA8C,CAAC;AAEjG,wBAAgB,qCAAqC,CAAC,EAAE,QAAQ,EAAE;;CAAA,eAUjE"}

package/lib/esm/context/ClusterRecommendationsContext.js

@@ -1,13 +1,13 @@
 import React, { useReducer } from 'react';
-import { clusterRecommendationsReducer, initialClusterRecommendations, } from '../reducers/ClusterRecommendationsReducer';
+import { clusterRecommendationsReducer, initialState, } from '../reducers/ClusterRecommendationsReducer';
 const initialClusterIdStateContext = {
-    clusterRecommendations: initialClusterRecommendations,
+    clusterRecommendationsState: initialState,
 };
-const initalDispatchContext = null;
+const initialDispatchContext = null;
 export const ClusterRecommendationsContext = React.createContext(initialClusterIdStateContext);
-export const ClusterRecommendationsDispatchContext = React.createContext(initalDispatchContext);
+export const ClusterRecommendationsDispatchContext = React.createContext(initialDispatchContext);
 export function ClusterRecommendationsContextProvider({ children }) {
-    const [clusterRecommendations, dispatch] = useReducer(clusterRecommendationsReducer, initialClusterRecommendations);
-    return (React.createElement(ClusterRecommendationsContext.Provider, { value: { clusterRecommendations } },
+    const [clusterRecommendationsState, dispatch] = useReducer(clusterRecommendationsReducer, initialState);
+    return (React.createElement(ClusterRecommendationsContext.Provider, { value: { clusterRecommendationsState } },
         React.createElement(ClusterRecommendationsDispatchContext.Provider, { value: dispatch }, children)));
 }

package/lib/esm/reducers/ClusterRecommendationsReducer.d.ts

@@ -2,13 +2,20 @@ import { IClusterRecommendation } from '@cee-eng/hydrajs/@types/api/pcm/preCaseD
 import { IAction, IApiResponseDetails } from '@rh-support/types/shared';
 export declare enum RulesReducerConstants {
     requestClusterRecommendations = "requestClusterRecommendations",
-    resetClusterRecommendations = "resetClusterRecommendations"
+    resetClusterRecommendations = "resetClusterRecommendations",
+    toggleClusterRecommendationModal = "toggleClusterRecommendationModal"
 }
-declare type IActionType = IAction<RulesReducerConstants, IApiResponseDetails<IClusterRecommendation[]>>;
+declare type IActionType = IAction<RulesReducerConstants, IInitialClusterRecommendationsStateType>;
 export declare type ClusterRecommendationsDispatchType = (value: IActionType) => void;
 export declare const initialClusterRecommendations: IApiResponseDetails<IClusterRecommendation[]>;
-export declare const clusterRecommendationsReducer: (state: IApiResponseDetails<IClusterRecommendation[]>, action: IActionType) => IApiResponseDetails<IClusterRecommendation[]>;
+export interface IInitialClusterRecommendationsStateType {
+    clusterRecommendations: IApiResponseDetails<IClusterRecommendation[]>;
+    isClusterRecommendationsModalOpen: boolean;
+}
+export declare const initialState: IInitialClusterRecommendationsStateType;
+export declare const clusterRecommendationsReducer: (state: IInitialClusterRecommendationsStateType, action: IActionType) => IInitialClusterRecommendationsStateType;
 export declare const resetClusterRecommendations: (dispatch: ClusterRecommendationsDispatchType) => void;
 export declare const fetchClusterRecommendations: (dispatch: ClusterRecommendationsDispatchType, clusterId: string) => Promise<void>;
+export declare const toggleClusterRecommendationModal: (dispatch: ClusterRecommendationsDispatchType, newModalVisibilityValue: boolean) => void;
 export {};
 //# sourceMappingURL=ClusterRecommendationsReducer.d.ts.map

package/lib/esm/reducers/ClusterRecommendationsReducer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClusterRecommendationsReducer.d.ts","sourceRoot":"","sources":["../../../src/reducers/ClusterRecommendationsReducer.ts"],"names":[],"mappings":"AACA,OAAO,EACH,sBAAsB,EAEzB,MAAM,oDAAoD,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAGxE,oBAAY,qBAAqB;IAC7B,6BAA6B,kCAAkC;IAC/D,2BAA2B,gCAAgC;CAC9D;AAED,aAAK,WAAW,GAAG,OAAO,CAAC,qBAAqB,EAAE,mBAAmB,CAAC,sBAAsB,EAAE,CAAC,CAAC,CAAC;AACjG,oBAAY,kCAAkC,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;AAE9E,eAAO,MAAM,6BAA6B,EAAE,mBAAmB,CAAC,sBAAsB,EAAE,CAA4B,CAAC;AAErH,eAAO,MAAM,6BAA6B,UAC/B,oBAAoB,sBAAsB,EAAE,CAAC,0BAErD,oBAAoB,sBAAsB,EAAE,CAa9C,CAAC;AAGF,eAAO,MAAM,2BAA2B,aAAc,kCAAkC,SAEvF,CAAC;AACF,eAAO,MAAM,2BAA2B,aAAoB,kCAAkC,aAAa,MAAM,kBAuBhH,CAAC"}
+{"version":3,"file":"ClusterRecommendationsReducer.d.ts","sourceRoot":"","sources":["../../../src/reducers/ClusterRecommendationsReducer.ts"],"names":[],"mappings":"AACA,OAAO,EACH,sBAAsB,EAEzB,MAAM,oDAAoD,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAGxE,oBAAY,qBAAqB;IAC7B,6BAA6B,kCAAkC;IAC/D,2BAA2B,gCAAgC;IAC3D,gCAAgC,qCAAqC;CACxE;AAED,aAAK,WAAW,GAAG,OAAO,CAAC,qBAAqB,EAAE,uCAAuC,CAAC,CAAC;AAC3F,oBAAY,kCAAkC,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;AAE9E,eAAO,MAAM,6BAA6B,EAAE,mBAAmB,CAAC,sBAAsB,EAAE,CAA4B,CAAC;AAErH,MAAM,WAAW,uCAAuC;IACpD,sBAAsB,EAAE,mBAAmB,CAAC,sBAAsB,EAAE,CAAC,CAAC;IACtE,iCAAiC,EAAE,OAAO,CAAC;CAC9C;AAED,eAAO,MAAM,YAAY,EAAE,uCAG1B,CAAC;AAEF,eAAO,MAAM,6BAA6B,UAC/B,uCAAuC,0BAE/C,uCAgBF,CAAC;AAGF,eAAO,MAAM,2BAA2B,aAAc,kCAAkC,SAEvF,CAAC;AACF,eAAO,MAAM,2BAA2B,aAAoB,kCAAkC,aAAa,MAAM,kBAyBhH,CAAC;AACF,eAAO,MAAM,gCAAgC,aAC/B,kCAAkC,2BACnB,OAAO,SAMnC,CAAC"}

package/lib/esm/reducers/ClusterRecommendationsReducer.js

@@ -13,16 +13,24 @@ export var RulesReducerConstants;
 (function (RulesReducerConstants) {
     RulesReducerConstants["requestClusterRecommendations"] = "requestClusterRecommendations";
     RulesReducerConstants["resetClusterRecommendations"] = "resetClusterRecommendations";
+    RulesReducerConstants["toggleClusterRecommendationModal"] = "toggleClusterRecommendationModal";
 })(RulesReducerConstants || (RulesReducerConstants = {}));
 export const initialClusterRecommendations = getApiResourceObject([]);
+export const initialState = {
+    clusterRecommendations: initialClusterRecommendations,
+    isClusterRecommendationsModalOpen: false,
+};
 export const clusterRecommendationsReducer = (state, action) => {
     switch (action.type) {
         case RulesReducerConstants.requestClusterRecommendations: {
-            return Object.assign(Object.assign({}, state), action.payload);
+            return Object.assign(Object.assign({}, state), { clusterRecommendations: action.payload.clusterRecommendations });
         }
         // used for reseting the rules when reseting on a new troubleshoot issue.
         case RulesReducerConstants.resetClusterRecommendations: {
-            return Object.assign({}, initialClusterRecommendations);
+            return Object.assign(Object.assign({}, state), { clusterRecommendations: initialClusterRecommendations });
+        }
+        case RulesReducerConstants.toggleClusterRecommendationModal: {
+            return Object.assign(Object.assign({}, state), { isClusterRecommendationsModalOpen: action.payload.isClusterRecommendationsModalOpen });
         }
         default: {
             return state;
@@ -37,21 +45,29 @@ export const fetchClusterRecommendations = (dispatch, clusterId) => __awaiter(vo
     var _a;
     dispatch({
         type: RulesReducerConstants.requestClusterRecommendations,
-        payload: getApiResourceObject([], true),
+        payload: {
+            clusterRecommendations: getApiResourceObject([], true),
+        },
     });
     try {
         const clusterInsight = yield pcm.preCase.diag.getClusterRecommendations(clusterId);
         const rules = ((_a = clusterInsight === null || clusterInsight === void 0 ? void 0 : clusterInsight.report) === null || _a === void 0 ? void 0 : _a.data) || [];
         dispatch({
             type: RulesReducerConstants.requestClusterRecommendations,
-            payload: getApiResourceObject(rules),
+            payload: { clusterRecommendations: getApiResourceObject(rules) },
         });
     }
     catch (e) {
         console.log(e.message);
         dispatch({
             type: RulesReducerConstants.requestClusterRecommendations,
-            payload: getApiResourceObject([], false, true, e.message),
+            payload: { clusterRecommendations: getApiResourceObject([], false, true, e.message) },
         });
     }
 });
+export const toggleClusterRecommendationModal = (dispatch, newModalVisibilityValue) => {
+    dispatch({
+        type: RulesReducerConstants.toggleClusterRecommendationModal,
+        payload: { isClusterRecommendationsModalOpen: newModalVisibilityValue },
+    });
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "0.2.44",
+    "version": "0.2.48",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -73,8 +73,8 @@
         "@progress/kendo-drawing": "^1.6.0",
         "@progress/kendo-react-pdf": "^3.12.0",
         "@rh-support/api": "0.3.9",
-        "@rh-support/components": "1.1.22",
-        "@rh-support/react-context": "0.2.24",
+        "@rh-support/components": "1.1.23",
+        "@rh-support/react-context": "0.2.26",
         "@rh-support/types": "0.2.0",
         "@rh-support/user-permissions": "0.2.17",
         "@rh-support/utils": "0.2.15",
@@ -142,5 +142,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "95f6b6477203d61a26c97454278664b6023eb2cf"
+    "gitHead": "2631f851bb93e3c623df318a2062b2426c864a7e"
 }