@rh-support/troubleshoot 2.2.161-beta.4 → 2.2.161-beta.6

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

@@ -108,7 +108,7 @@ export default function Recommendations(props) {
     useEffect(() => {
         props.userSeenRecommendations && props.userSeenRecommendations(!recommendationState.isLoadingRecommendations);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [recommendationState.isLoadingRecommendations]);
+    }, [recommendationState]);
     useEffect(() => {
         if (recommendationState.isLoadingRecommendations)
             return;

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

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

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

@@ -66,7 +66,7 @@ function WizardMain(props) {
                 }, onBack: () => {
                     onBack();
                     focusWizardMainPanel();
-                }, activeStep: activeStep, onSubmit: onSubmit, confirmSupportModal: props.confirmSupportModal, onShowRestUpdate: (flag) => setShowRestFlag(flag), userSeenRecommendations: userSeenRecommendations, userClickedNextonRecommendationsFn: setUserClickedNextonRecommendations, userClickedNextonRecommendationsValue: userClickedNextonRecommendations, resultsRowRef: resultsRowRef, setUserScrolledLabel: setUserScrolledLabel }));
+                }, activeStep: activeStep, onSubmit: onSubmit, confirmSupportModal: props.confirmSupportModal, onShowRestUpdate: (flag) => setShowRestFlag(flag), userSeenRecommendations: userSeenRecommendations, setUserSeenRecommendations: setUserSeenRecommendations, userClickedNextonRecommendationsFn: setUserClickedNextonRecommendations, userClickedNextonRecommendationsValue: userClickedNextonRecommendations, resultsRowRef: resultsRowRef, setUserScrolledLabel: setUserScrolledLabel }));
         })));
     // To add a new step to wizard first need to add the component to appRouteConfugurations
     // in useWizard file then add it to step squences in RouteConstNTypes

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

@@ -10,6 +10,7 @@ interface IProps {
     confirmSupportModal: (hasPreferredSecureSupportAccount: boolean) => void;
     onShowRestUpdate: (flag: boolean) => void;
     userSeenRecommendations?: boolean;
+    setUserSeenRecommendations?: (value: React.SetStateAction<boolean>) => void;
     userClickedNextonRecommendationsFn?: (value: React.SetStateAction<boolean>) => void;
     userClickedNextonRecommendationsValue?: boolean;
     resultsRowRef?: any;

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

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

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

@@ -48,6 +48,13 @@ function WizardNavigation(props) {
         isFileRecommendationsTriggered: state.isFileRecommendationsTriggered,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
+    useEffect(() => {
+        // we need this because when the user hits the troubleshoot tab, we only refresh the children but the state is managed in the parent
+        props.setUserSeenRecommendations(false);
+        props.userClickedNextonRecommendationsFn(false);
+        props.setUserScrolledLabel(false);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
     useEffect(() => {
         if (props.activeStep.id === AppRouteSections.TROUBLESHOOT) {
             window.scrollTo({
@@ -65,6 +72,7 @@ function WizardNavigation(props) {
                 if (resultsRowElement && isElementInViewport(resultsRowElement)) {
                     setHasUserScrolled(true);
                     props.setUserScrolledLabel(true);
+                    props.userClickedNextonRecommendationsFn && props.userClickedNextonRecommendationsFn(true);
                 }
             }
         };
@@ -73,7 +81,7 @@ function WizardNavigation(props) {
             window.removeEventListener('scroll', handleScroll);
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [props.activeStep.id, recommendationState.numFound]);
+    }, [props.activeStep.id, recommendationState.numFound, caseState.caseDetails.issue]);
     const isElementInViewport = (el) => {
         if (!el)
             return false;
@@ -89,9 +97,7 @@ function WizardNavigation(props) {
         //handle the new changes for 13406:
         if (props.activeStep.id === AppRouteSections.SUMMARIZE && recommendationState.numFound > 2) {
             if (!props.userClickedNextonRecommendationsValue) {
-                const resultsRowElement = props.resultsRowRef.current;
-                const isResultsRowInViewport = isElementInViewport(resultsRowElement);
-                if (!isResultsRowInViewport && !hasUserScrolled) {
+                if (!hasUserScrolled) {
                     scrollIntoView(props.resultsRowRef, {
                         navBarRef,
                         timeout: 0,

package/lib/esm/hooks/useWizard.js

@@ -61,7 +61,7 @@ export function useWizard(routeProps, props) {
         [AppRouteSections.SUMMARIZE]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.SUMMARIZE, name: t('Summarize'), component: (React.createElement(MainSection, { stepNumber: 2, totalSteps: 6, section: AppRouteSections.SUMMARIZE, title: t('What are you having an issue with?') },
                 React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
                     alertMessage(),
-                    React.createElement(ProductSelector, { routeProps: routeProps, userSeenRecommendations: props.userSeenRecommendationsfn, userClickedNextonRecommendations: props.userClickedNextonRecommendationsValue, resultsRowRef: props.resultsRowRef })))), canJumpTo: isSectionValidFn(AppRouteSections.SUMMARIZE) || activeSection === AppRouteSections.SUMMARIZE, nextButtonLabel: (summarizeNextButtonLabelLogic() || ((props === null || props === void 0 ? void 0 : props.userSeenRecommendationsValue) && numFound < 2)) &&
+                    React.createElement(ProductSelector, { routeProps: routeProps, userSeenRecommendations: props.userSeenRecommendationsfn, userClickedNextonRecommendations: props.userClickedNextonRecommendationsValue, resultsRowRef: props.resultsRowRef })))), canJumpTo: isSectionValidFn(AppRouteSections.SUMMARIZE) || activeSection === AppRouteSections.SUMMARIZE, nextButtonLabel: (summarizeNextButtonLabelLogic() || ((props === null || props === void 0 ? void 0 : props.userSeenRecommendationsValue) && numFound < 3)) &&
                 !isEmpty(issue) // do this so that when user refreshes tab and state persists we don't cause edge 'continue' render
                 ? t('Continue')
                 : t('See more options') }),

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.2.161-beta.4",
+    "version": "2.2.161-beta.6",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -131,5 +131,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "6b408e64401582f6345d14bf1bfe5d59b8bcff86"
+    "gitHead": "f0b76556801ad24b5e3c503804820ba87707088e"
 }