@rh-support/troubleshoot 2.2.169 → 2.2.171

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseInformation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseInformation.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseInformation.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAK5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,UAAU,MAAO,SAAQ,gBAAgB;CAAG;AAE5C,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBAkE5C"}
+{"version":3,"file":"CaseInformation.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseInformation.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAI5D,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,UAAU,MAAO,SAAQ,gBAAgB;CAAG;AAE5C,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBAwD5C"}

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseInformation.js

@@ -1,7 +1,6 @@
 import { encodeAngularBrackets, linkifyBZIDs, linkifyWithCaseIDs } from '@cee-eng/ui-toolkit';
 import { MoreOrLess } from '@rh-support/components';
 import { useGlobalStateContext } from '@rh-support/react-context';
-import { ability, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
 import { PreviousCaseTypes } from '@rh-support/utils';
 import DOMPurify from 'dompurify';
 import isEqual from 'lodash/isEqual';
@@ -9,7 +8,6 @@ import React from 'react';
 import { Trans } from 'react-i18next';
 import { useCaseSelector } from '../../../../context/CaseContext';
 import { KtQuestionConstant } from '../../../../reducers/CaseConstNTypes';
-import EditDescription from '../../../EditDescription/EditDescription';
 import { CaseHostname } from './CaseHostname';
 import { CaseOpenshiftClusterId } from './CaseOpenshiftClusterId/CaseOpenshiftClusterId';
 import ProductVersion from './ProductVersion';
@@ -33,17 +31,20 @@ export function CaseInformation(props) {
         text = linkifyBZIDs(text);
         return { __html: DOMPurify.sanitize(text) };
     };
-    const canEditDescription = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_DESCRIPTION);
+    /**
+     * JIRA: https://issues.redhat.com/browse/PCM-13457
+     * As per our current requirements, the description field should not be editable by users.
+     * Therefore, we are removing the edit functionality for this field.
+     */
     return (React.createElement("section", { className: "card card-sm card-white" },
         React.createElement("form", null,
             React.createElement(ProductVersion, null),
             React.createElement(CaseOpenshiftClusterId, null),
             React.createElement(CaseHostname, { inlineEditable: true }),
-            React.createElement("div", { className: "form-group" }, !canEditDescription ? (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "form-group" },
                 React.createElement("label", { htmlFor: "case-description" },
                     React.createElement(Trans, null, "Description")),
                 React.createElement(MoreOrLess, { maxHeight: 600, appStickyHeaderRef: navBarRef },
                     React.createElement("pre", { id: "case-description" },
-                        React.createElement("div", { dangerouslySetInnerHTML: linkifiedDescription(replaceDescriptionHeading(description)) }))))) : (React.createElement(MoreOrLess, { maxHeight: 600, appStickyHeaderRef: navBarRef },
-                React.createElement(EditDescription, { inlineEditable: true })))))));
+                        React.createElement("div", { dangerouslySetInnerHTML: linkifiedDescription(replaceDescriptionHeading(description)) })))))));
 }

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

@@ -4,6 +4,8 @@ import { IRouteUrlParams } from '../../reducers/RouteConstNTypes';
 interface IProps {
     routeProps: RouteComponentProps<IRouteUrlParams>;
     userSeenRecommendations?: (value: React.SetStateAction<boolean>) => void;
+    userClickedNextonRecommendations: boolean;
+    resultsRowRef: React.MutableRefObject<HTMLDivElement | null>;
 }
 /**
  * Responsible for:

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

@@ -1 +1 @@
-{"version":3,"file":"ProductSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductSelector.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAInD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAMlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;CAC5E;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBAoFpD"}
+{"version":3,"file":"ProductSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductSelector.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAInD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAMlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACzE,gCAAgC,EAAE,OAAO,CAAC;IAC1C,aAAa,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAChE;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBAsFpD"}

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

@@ -52,5 +52,5 @@ export default function ProductSelector(props) {
                 React.createElement(EARuleWidget, null)),
             React.createElement("div", { className: "suggestions-result-section" },
                 React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading recommendations') } }, !isEmpty(version) && (React.createElement("div", { className: "common-suggestions" },
-                    React.createElement(Recommendations, { routeProps: props.routeProps, userSeenRecommendations: props.userSeenRecommendations })))))))));
+                    React.createElement(Recommendations, { routeProps: props.routeProps, userSeenRecommendations: props.userSeenRecommendations, userClickedNextonRecommendationsValue: props.userClickedNextonRecommendations, resultsRowRef: props.resultsRowRef })))))))));
 }

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

@@ -4,6 +4,8 @@ import { IRouteUrlParams } from '../../reducers/RouteConstNTypes';
 interface IProps {
     routeProps: RouteComponentProps<IRouteUrlParams>;
     userSeenRecommendations?: (value: React.SetStateAction<boolean>) => void;
+    userClickedNextonRecommendationsValue?: boolean;
+    resultsRowRef: any;
 }
 export default function Recommendations(props: IProps): React.JSX.Element;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"Recommendations.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/Recommendations.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AAelE,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAWpF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;CAC5E;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBA0RpD"}
+{"version":3,"file":"Recommendations.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/Recommendations.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AAelE,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAWpF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACzE,qCAAqC,CAAC,EAAE,OAAO,CAAC;IAChD,aAAa,EAAE,GAAG,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBAyRpD"}

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

@@ -2,7 +2,7 @@ import { pcm } from '@cee-eng/hydrajs';
 import { Label, Pagination, PaginationVariant } from '@patternfly/react-core';
 import { LoadingDots, useDebounce, usePrevious } from '@rh-support/components';
 import { useGlobalStateContext } from '@rh-support/react-context';
-import { computeRecommendationAbstract, computeRecommendationTitle, dtmTrackEventCaseStartStopped, formatDate, scrollIntoView, } from '@rh-support/utils';
+import { computeRecommendationAbstract, computeRecommendationTitle, dtmTrackEventCaseStartStopped, formatDate, } from '@rh-support/utils';
 import differenceBy from 'lodash/differenceBy';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
@@ -35,12 +35,11 @@ export default function Recommendations(props) {
     const caseDispatch = useCaseDispatch();
     // Use Case Number
     const { caseNumber } = useParams();
-    const { globalMetadataState: { navBarRef, loggedInUsersAccount }, } = useGlobalStateContext();
+    const { globalMetadataState: { loggedInUsersAccount }, } = useGlobalStateContext();
     const isSecureSupportAccount = loggedInUsersAccount.data.secureSupport;
     const { routeState: { activeSection }, } = useContext(RouteContext);
     const { sessionRestore: { activeSessionId, sessionResourceTracking }, } = useContext(SessionRestoreStateContext);
     const sessionRestoreDispatch = useContext(SessionRestoreDispatchContext);
-    const resultRowRef = useRef(null);
     const [pageSize, setPageSize] = useState(null);
     const { recommendationState } = useContext(RecommendationStateContext);
     const prevMainRecommendations = usePrevious((_a = recommendationState === null || recommendationState === void 0 ? void 0 : recommendationState.visibleDocs) !== null && _a !== void 0 ? _a : []);
@@ -109,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;
@@ -138,7 +137,6 @@ export default function Recommendations(props) {
     };
     const onPaginationChange = () => {
         const p = recommendationState.currentPage;
-        scrollIntoView(resultRowRef, { navBarRef, timeout: 0, onlyIfNotInViewport: true, offset: 30 });
         const visDocs = recommendationState.allDocs.slice((p - 1) * recPageSize, (p - 1) * recPageSize + recPageSize);
         setVisibleDocs(recommendationDispatch, visDocs);
     };
@@ -154,7 +152,7 @@ export default function Recommendations(props) {
     };
     return (React.createElement(React.Fragment, null,
         React.createElement(LoadingDots, { className: "recommendation-loading-dots", show: recommendationState.isLoadingRecommendations && !isEmpty(summary) && !isEmpty(issue) }),
-        React.createElement("div", { className: "recommendation-list pf-v5-u-pt-md", ref: resultRowRef },
+        React.createElement("div", { className: "recommendation-list pf-v5-u-pt-md", ref: props.resultsRowRef },
             recommendationState.visibleDocs.length !== 0 && (React.createElement(Label, { color: "purple", className: "pf-v5-u-mb-md" },
                 React.createElement(WatsonxAiIcon, { fillColor: "#6753ac", className: "pf-v5-u-mr-xs" }),
                 React.createElement(Trans, null, "Live search results powered by OpenShift AI"))),

package/lib/esm/components/TroubleshootSection/TroubleshootSection.js

@@ -37,15 +37,14 @@ function TroubleshootSection(props) {
         React.createElement("section", null,
             React.createElement("header", null,
                 React.createElement("p", { className: "pf-v5-u-pt-md" },
-                    React.createElement("span", { className: "pf-v5-u-font-family-heading pf-v5-u-pr-xs" }, "Product"),
+                    React.createElement("span", { className: "pf-v5-u-font-family-heading pf-v5-u-pr-xs" }, t('Product')),
                     " ",
                     product,
-                    React.createElement("span", { className: "pf-v5-u-font-family-heading pf-v5-u-ml-xl pf-v5-u-pr-xs" }, "Version"),
-                    ' ',
+                    React.createElement("span", { className: "pf-v5-u-font-family-heading pf-v5-u-ml-xl pf-v5-u-pr-xs" }, t('Version')),
                     version),
-                React.createElement("div", { className: "pf-v5-u-font-family-heading" }, "Title"),
+                React.createElement("div", { className: "pf-v5-u-font-family-heading" }, t('Title')),
                 React.createElement("p", null, summary),
-                React.createElement("div", { className: "pf-v5-u-font-family-heading" }, "Problem description"),
+                React.createElement("div", { className: "pf-v5-u-font-family-heading" }, t('Problem description')),
                 React.createElement("p", { className: "pf-v5-u-mb-xl" },
                     React.createElement(MoreOrLess, { maxHeight: 93 }, issue))),
             !isCreatingCase && (React.createElement(OpenShiftClusterId, { className: "push-bottom", "data-tracking-id": "troubleshoot-section-openshift-cluster-id" })),

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,KAAyC,MAAM,OAAO,CAAC;AAE9D,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,qBAsHhC;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

@@ -1,7 +1,7 @@
 import { Wizard, WizardContextConsumer, WizardFooter } from '@patternfly/react-core/deprecated';
 import { LoadingIndicator } from '@rh-support/components';
 import isEqual from 'lodash/isEqual';
-import React, { Suspense, useContext, useState } from 'react';
+import React, { Suspense, useContext, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Route } from 'react-router-dom';
 import { useCaseSelector } from '../../context/CaseContext';
@@ -20,15 +20,22 @@ function WizardMain(props) {
         isCreatingCase: state.isCreatingCase,
     }), isEqual);
     const [userSeenRecommendations, setUserSeenRecommendations] = useState(false);
+    const [userClickedNextonRecommendations, setUserClickedNextonRecommendations] = useState(false);
+    const [userScrolledLabel, setUserScrolledLabel] = useState(false);
+    const resultsRowRef = useRef(null);
     const { getStepsSequece } = useWizard(props.routeProps, {
         userSeenRecommendationsfn: setUserSeenRecommendations,
         userSeenRecommendationsValue: userSeenRecommendations,
+        userClickedNextonRecommendationsValue: userClickedNextonRecommendations,
+        resultsRowRef: resultsRowRef,
+        userScrolledLabel: userScrolledLabel,
     });
     const dispatchToRouteReducer = useContext(RouteDispatchContext);
     const { t } = useTranslation();
     const renderSubmitCasePage = () => (React.createElement(MainSection, { section: AppRouteSections.SUBMIT_CASE, title: t('Case has been submitted'), isLoading: isCreatingCase, description: t("We'll be in contact with you shortly. Look for updates on this case."), className: "case-submit-page" },
         React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
             React.createElement(SubmitCase, { routeProps: props.routeProps }))));
+    // To focus the wizard main
     const focusWizardMainPanel = () => {
         setTimeout(() => {
             var _a;
@@ -59,7 +66,7 @@ function WizardMain(props) {
                 }, onBack: () => {
                     onBack();
                     focusWizardMainPanel();
-                }, activeStep: activeStep, onSubmit: onSubmit, confirmSupportModal: props.confirmSupportModal, onShowRestUpdate: (flag) => setShowRestFlag(flag), userSeenRecommendations: userSeenRecommendations }));
+                }, 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,11 @@ 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;
+    setUserScrolledLabel: (value: React.SetStateAction<boolean>) => void;
 }
 declare function WizardNavigation(props: IProps): React.JSX.Element;
 declare namespace WizardNavigation {

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,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAMnD,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;CACrC;AAGD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAqKtC;kBArKQ,gBAAgB;;;AAuKzB,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,qBAwOtC;kBAxOQ,gBAAgB;;;AA0OzB,eAAe,gBAAgB,CAAC"}

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

@@ -11,12 +11,13 @@ import { pcm } from '@cee-eng/hydrajs';
 import { Button, ButtonVariant } from '@patternfly/react-core';
 import { useFetch } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanCreateCase } from '@rh-support/react-context';
-import { dtmTrackEventCaseStartStopped, getResTypeFromUrl } from '@rh-support/utils';
+import { dtmTrackEventCaseStartStopped, getResTypeFromUrl, scrollIntoView } from '@rh-support/utils';
 import find from 'lodash/find';
 import isEqual from 'lodash/isEqual';
-import React, { useContext, useState } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
+import { RecommendationStateContext } from '../../context/RecommendationContext';
 import { RouteContext, RouteDispatchContext } from '../../context/RouteContext';
 import { SessionRestoreStateContext } from '../../context/SessionRestoreContext';
 import { setCaseState } from '../../reducers/CaseReducer';
@@ -29,8 +30,9 @@ function WizardNavigation(props) {
     var _a, _b;
     const { t } = useTranslation();
     const canCreateCase = useCanCreateCase();
+    const { recommendationState } = useContext(RecommendationStateContext);
     const { routeState: { activeSection, isNextBtnClickedToShowValidationError, noValidEntitlement, isSearchIntent }, } = useContext(RouteContext);
-    const { globalMetadataState: { loggedInUsersAccount, allProducts }, } = useContext(GlobalMetadataStateContext);
+    const { globalMetadataState: { loggedInUsersAccount, allProducts, navBarRef }, } = useContext(GlobalMetadataStateContext);
     const { caseState } = useCaseSelector((state) => ({
         caseState: state,
     }), isEqual);
@@ -46,9 +48,67 @@ 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({
+                top: 0,
+                behavior: 'instant',
+            });
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [props.activeStep.id]);
+    const [hasUserScrolled, setHasUserScrolled] = useState(false);
+    useEffect(() => {
+        if (props.activeStep.id !== AppRouteSections.SUMMARIZE || recommendationState.numFound <= 2) {
+            return;
+        }
+        const observer = new IntersectionObserver(([entry]) => {
+            if (entry.isIntersecting) {
+                setHasUserScrolled(true);
+                props.setUserScrolledLabel(true);
+                if (props.userClickedNextonRecommendationsFn) {
+                    props.userClickedNextonRecommendationsFn(true);
+                }
+            }
+        }, {
+            root: null,
+            threshold: 0.6, // trigger when 60% of element in view
+        });
+        const resultsRowElement = props.resultsRowRef.current;
+        if (resultsRowElement) {
+            observer.observe(resultsRowElement);
+        }
+        return () => {
+            if (resultsRowElement) {
+                observer.unobserve(resultsRowElement);
+            }
+        };
+    }, [recommendationState.numFound, setHasUserScrolled, props]);
     const onNext = () => {
         var _a;
         updateisNextBtnClickedToShowValidationError(dispatchToRouteReducer, true);
+        //handle the new changes for 13406:
+        if (props.activeStep.id === AppRouteSections.SUMMARIZE && recommendationState.numFound > 2) {
+            if (!props.userClickedNextonRecommendationsValue) {
+                if (!hasUserScrolled) {
+                    scrollIntoView(props.resultsRowRef, {
+                        navBarRef,
+                        timeout: 0,
+                        onlyIfNotInViewport: true,
+                        offset: 120,
+                    });
+                }
+                props.userClickedNextonRecommendationsFn && props.userClickedNextonRecommendationsFn(true);
+                return;
+            }
+        }
         const userCanNotOpenCase = props.activeStep.id === AppRouteSections.TROUBLESHOOT && canCreateCase.alert();
         if (userCanNotOpenCase || !isSectionValidFn(props.activeStep.id))
             return;

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

@@ -1,6 +1,9 @@
 interface IProps {
     userSeenRecommendationsfn?: any;
     userSeenRecommendationsValue: boolean;
+    userClickedNextonRecommendationsValue: boolean;
+    resultsRowRef: any;
+    userScrolledLabel: boolean;
 }
 export declare function useWizard(routeProps: any, props?: IProps): {
     getStepsSequece: (showRest?: boolean) => any;

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

@@ -1 +1 @@
-{"version":3,"file":"useWizard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useWizard.tsx"],"names":[],"mappings":"AA+BA,UAAU,MAAM;IACZ,yBAAyB,CAAC,EAAE,GAAG,CAAC;IAChC,4BAA4B,EAAE,OAAO,CAAC;CACzC;AAED,wBAAgB,SAAS,CAAC,UAAU,KAAA,EAAE,KAAK,CAAC,EAAE,MAAM;iCAqPb,OAAO;EAwC7C"}
+{"version":3,"file":"useWizard.d.ts","sourceRoot":"","sources":["../../../src/hooks/useWizard.tsx"],"names":[],"mappings":"AA+BA,UAAU,MAAM;IACZ,yBAAyB,CAAC,EAAE,GAAG,CAAC;IAChC,4BAA4B,EAAE,OAAO,CAAC;IACtC,qCAAqC,EAAE,OAAO,CAAC;IAC/C,aAAa,EAAE,GAAG,CAAC;IACnB,iBAAiB,EAAE,OAAO,CAAC;CAC9B;AAED,wBAAgB,SAAS,CAAC,UAAU,KAAA,EAAE,KAAK,CAAC,EAAE,MAAM;iCAgQb,OAAO;EAwC7C"}

package/lib/esm/hooks/useWizard.js

@@ -23,7 +23,7 @@ export function useWizard(routeProps, props) {
     const { routeState: { activeSection, isSearchIntent, isNextBtnClickedToShowValidationError }, } = useContext(RouteContext);
     // state value was available later - reading dirctly from url
     const isCaseCreate = RouteUtils.getQueryParams(routeProps).caseCreate === 'true';
-    const { recommendationState: { isLoadingRecommendations }, } = useContext(RecommendationStateContext);
+    const { recommendationState: { isLoadingRecommendations, numFound }, } = useContext(RecommendationStateContext);
     const { topContentState: { topContent }, } = useContext(TCStateContext);
     const { isSelectedAccounntSecureSupport, summary, caseType, issue } = useCaseSelector((state) => ({
         isSelectedAccounntSecureSupport: state.selectedAccountDetails.data.secureSupport,
@@ -49,6 +49,9 @@ export function useWizard(routeProps, props) {
                 ? AlertType.INFO
                 : AlertType.DANGER, isInline: true, title: title, className: "pf-v5-u-mb-lg", "data-tracking-id": isLoading ? 'wait-recommendations-loading' : 'proceed-address-errors' }));
     };
+    let summarizeNextButtonLabelLogic = () => {
+        return props.userClickedNextonRecommendationsValue || props.userScrolledLabel;
+    };
     // components that are used in wizard steps
     const appRouteConfugurations = {
         [AppRouteSections.GET_SUPPORT]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.GET_SUPPORT, name: t('Get support'), component: (React.createElement(MainSection, { stepNumber: 1, totalSteps: 6, section: AppRouteSections.GET_SUPPORT, title: t('Why are you opening a case?'), description: t('Select the best category for your issue.') },
@@ -58,12 +61,16 @@ 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 })))), canJumpTo: isSectionValidFn(AppRouteSections.SUMMARIZE) || activeSection === AppRouteSections.SUMMARIZE, nextButtonLabel: t('Continue') }),
+                    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') }),
         [AppRouteSections.TROUBLESHOOT]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.TROUBLESHOOT, name: t('Troubleshoot'), component: (React.createElement(MainSection, { stepNumber: 3, totalSteps: 6, section: AppRouteSections.TROUBLESHOOT, title: t('Recommendations') },
                 React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
                     alertMessage(),
                     React.createElement(TroubleshootSection, null)))), canJumpTo: isSectionValidFn(AppRouteSections.TROUBLESHOOT || activeSection === AppRouteSections.TROUBLESHOOT) &&
-                (props === null || props === void 0 ? void 0 : props.userSeenRecommendationsValue), nextButtonLabel: isCaseCreate ? t('Continue') : t('Convert to Case') }),
+                (props === null || props === void 0 ? void 0 : props.userSeenRecommendationsValue) &&
+                props.userClickedNextonRecommendationsValue, nextButtonLabel: isCaseCreate ? t('Continue') : t('Convert to Case') }),
         [AppRouteSections.DESCRIBE_MORE]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.DESCRIBE_MORE, name: t('Describe more'), component: (React.createElement(MainSection, { stepNumber: 4, totalSteps: 6, section: AppRouteSections.DESCRIBE_MORE, title: React.createElement(React.Fragment, null,
                     t('Case information'),
                     isEmpty(RouteUtils.seBasePath) && isSelectedAccounntSecureSupport && (React.createElement("span", { className: "secured-support" },

package/lib/esm/i18n/template-ko.js

@@ -435,7 +435,7 @@ export default {
     'The customer thinks the case is not moving appropriately': '고객이 케이스가 적절하게 처리되지 않는다고 생각하는 경우',
     'The customer wants a new resource': '고객이 새로운 리소스를 원하는 경우',
     'The issue is more severe than originally thought': '예상했던 것보다 문제가 심각한 경우',
-    Title: '직위',
+    Title: '제목',
     Email: '이메일',
     Phone: '전화',
     IRC: 'IRC',

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.2.169",
+    "version": "2.2.171",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -131,5 +131,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "0faf05f8d5b78692220811e21f35e5cdc0d5c2d7"
+    "gitHead": "14b3b0cbffd9aafd516b7bb84041888e1a7a1a5e"
 }