@rh-support/troubleshoot 2.0.5 → 2.0.7

package/lib/esm/components/SubmitCase/SubmitCase.js

@@ -81,7 +81,8 @@ export default function SubmitCase() {
     const viewDisabled = isEmpty(attachmentState.caseFiles.selectedLocalFiles)
         ? false
         : attachmentState.caseFiles.selectedLocalFiles.every((localFile) => !isUploadedAndAnalyzed(localFile));
-    return (React.createElement(React.Fragment, null,
+    const isNotAnIdea = caseType !== PreviousCaseTypes.FEATURE_ENHANCEMENT;
+    return (React.createElement("article", { className: "gird-main" },
         React.createElement(AlertMessage, { className: "push-top", title: t('Failed to add user.'), variant: AlertType.DANGER, show: addNotifiedUserError }),
         React.createElement(AlertMessage, { className: "push-top", variant: AlertType.DANGER, show: caseCreationError, title: t("Sorry, we're experiencing an error"), isInline: true },
             React.createElement(React.Fragment, null, caseCreationErrorMessage)),
@@ -139,8 +140,10 @@ export default function SubmitCase() {
                 (!isEmpty(topContent.data) || !rulesState.EARules.rules || !clusterRecommendations) &&
                     !isIdea && (React.createElement(Text, { className: "pf-u-mt-2xl pf-u-font-weight-light", component: TextVariants.h2 },
                     React.createElement(Trans, null, "Troubleshoot this case"))),
-                React.createElement("div", { className: isIdea ? 'pf-u-mt-lg' : '' },
-                    React.createElement(InsightsResults, { isDisplayOnMain: true })),
-                React.createElement(ClusterRecommendations, { showClusterRecommendationsModal: false }),
-                React.createElement("div", { className: "pf-u-mt-lg" }, isIdea ? (React.createElement(AsideResults, null)) : (!isEmpty(topContent.data) && (React.createElement(Suggestions, { title: isIdea ? t('Search recommendations') : t('Product recommendations'), showTitleDescription: true, showMax: 6 })))))))));
+                isNotAnIdea && (React.createElement(React.Fragment, null,
+                    React.createElement("div", { className: isIdea ? 'pf-u-mt-lg' : '' },
+                        React.createElement(InsightsResults, { isDisplayOnMain: true })),
+                    React.createElement(ClusterRecommendations, { showClusterRecommendationsModal: false }))),
+                React.createElement("div", { className: "pf-u-mt-lg" }, isIdea ? (React.createElement(AsideResults, null)) : (!isEmpty(topContent.data) &&
+                    isNotAnIdea && (React.createElement(Suggestions, { title: isIdea ? t('Search recommendations') : t('Product recommendations'), showTitleDescription: true, showMax: 6 })))))))));
 }

package/lib/esm/components/Suggestions/TopContent.js

@@ -1,7 +1,7 @@
 import '@patternfly/pfe-accordion';
 import { pcm } from '@cee-eng/hydrajs';
 import { Tooltip } from '@patternfly/react-core';
-import { map } from 'lodash';
+import map from 'lodash/map';
 import React from 'react';
 import RouteUtils from '../../utils/routeUtils';
 const { SessionResourceSource } = pcm.preCase.session;

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

@@ -1 +1 @@
-{"version":3,"file":"TroubleshootSection.d.ts","sourceRoot":"","sources":["../../../../src/components/TroubleshootSection/TroubleshootSection.tsx"],"names":[],"mappings":"AAiBA,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AASD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,eAuFzC;kBAvFQ,mBAAmB;;;AA0F5B,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"TroubleshootSection.d.ts","sourceRoot":"","sources":["../../../../src/components/TroubleshootSection/TroubleshootSection.tsx"],"names":[],"mappings":"AAiBA,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AASD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,eAyFzC;kBAzFQ,mBAAmB;;;AA4F5B,eAAe,mBAAmB,CAAC"}

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

@@ -35,9 +35,10 @@ function TroubleshootSection(props) {
     const canShowTopProducts = isEmpty(product);
     const canShowTopContent = !canShowTopProducts && ((_a = topContent === null || topContent === void 0 ? void 0 : topContent.data) === null || _a === void 0 ? void 0 : _a.length) > 0;
     const canAddAttachments = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.ATTACHMENTS);
+    const isNotAnIdea = caseType !== PreviousCaseTypes.FEATURE_ENHANCEMENT;
     return (React.createElement(React.Fragment, null,
-        !isCreatingCase && (React.createElement("section", { className: "push-bottom" },
-            React.createElement(OpenShiftClusterId, null))),
+        !isCreatingCase && (React.createElement("section", null,
+            React.createElement(OpenShiftClusterId, { className: "push-bottom" }))),
         React.createElement("section", null,
             React.createElement("header", null,
                 React.createElement("h3", null,
@@ -54,7 +55,7 @@ function TroubleshootSection(props) {
                 React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading suggestions') } }, canShowTopContent && !isEmpty(version) && React.createElement(Suggestions, null)),
                 !isCreatingCase && React.createElement(ClusterRecommendations, { className: "push-top" }))),
         React.createElement("section", { className: "pf-u-mt-lg" },
-            React.createElement(InsightsResults, { isDisplayOnMain: true }),
+            isNotAnIdea && React.createElement(InsightsResults, { isDisplayOnMain: true }),
             React.createElement("div", { className: "push-top" }, canAddAttachments ? (React.createElement(FileDiag, null)) : (React.createElement("div", { className: "card card-white card-support file-diag" },
                 React.createElement("h3", { className: "card-heading" }, isIdea || loggedInUsersAccount.data.secureSupport ? (React.createElement(Trans, null, "File uploader")) : (React.createElement(Trans, null, "Upload file to analyze"))),
                 React.createElement("div", { className: "card-body" },

package/lib/esm/components/shared/useIsSectionValid.d.ts

@@ -1,5 +1,5 @@
 import { AppRouteSections } from '../../reducers/RouteConstNTypes';
-export declare function useIsSectionValid(sectionName?: AppRouteSections): {
+export declare function useIsSectionValid(sectionName: AppRouteSections): {
     isSectionValid: boolean;
     isSectionValidFn: (sectionNameLocal: any) => boolean;
     isActiveSectionValid: boolean;

package/lib/esm/components/shared/useIsSectionValid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIsSectionValid.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/useIsSectionValid.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGnE,wBAAgB,iBAAiB,CAAC,WAAW,GAAE,gBAAuB;;;;;EA4LrE"}
+{"version":3,"file":"useIsSectionValid.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/useIsSectionValid.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,gBAAgB;;;;;EA4K9D"}

package/lib/esm/components/shared/useIsSectionValid.js

@@ -2,16 +2,15 @@ import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import find from 'lodash/find';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
-import { useContext, useEffect } from 'react';
+import { useContext } from 'react';
 import { useCaseSelector } from '../../context/CaseContext';
 import { RecommendationStateContext } from '../../context/RecommendationContext';
-import { RouteContext, RouteDispatchContext } from '../../context/RouteContext';
+import { RouteContext } from '../../context/RouteContext';
 import { TCStateContext } from '../../context/TopContentContext';
 import { CASE_REFERENCE_NUMBER_LIMIT, CONTACT_INFO_24X7_LIMIT, DESCRIPTION_LENGTH_LIMIT, HOSTNAME_LENGTH_LIMIT, PHONE_LIMIT, SUMMARY_LENGTH_LIMIT, } from '../../reducers/CaseConstNTypes';
 import { isCaseInformationSectionValid, isCaseManagementStateValid, isCaseStateValid, isClusterIDValid, isIdeaCaseStateValid, } from '../../reducers/CaseHelpers';
 import { AppRouteSections } from '../../reducers/RouteConstNTypes';
-import { RouteReducerConstants } from '../../reducers/RouteReducer';
-export function useIsSectionValid(sectionName = null) {
+export function useIsSectionValid(sectionName) {
     var _a, _b;
     const { caseState, caseType, product, version, contactSSOName, accountNumber, summary, description, hostname, contactInfo24x7, alternateId, selectedAccountDetails, phone, } = useCaseSelector((state) => ({
         caseState: state,
@@ -34,7 +33,6 @@ export function useIsSectionValid(sectionName = null) {
     const { recommendationState } = useContext(RecommendationStateContext);
     const isEntitledProduct = (_b = find((_a = allProducts === null || allProducts === void 0 ? void 0 : allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult, (p) => p.product === caseState.caseDetails.product)) === null || _b === void 0 ? void 0 : _b.isEntitledProduct;
     const { routeState: { activeSection, isSearchIntent }, } = useContext(RouteContext);
-    const dispatchToRouteReducer = useContext(RouteDispatchContext);
     const isGetSupportSectionValidLocal = () => {
         return (!isEmpty(caseType) &&
             !isEmpty(accountNumber) &&
@@ -110,6 +108,8 @@ export function useIsSectionValid(sectionName = null) {
                 return isReviewSectionValid();
             case AppRouteSections.DESCRIBE_IDEA:
                 return isDescribeIdeaSectionValid();
+            case AppRouteSections.SUBMIT_CASE:
+                return true;
             default:
                 return false;
         }
@@ -130,25 +130,6 @@ export function useIsSectionValid(sectionName = null) {
                 return '';
         }
     };
-    useEffect(() => {
-        if (isSectionValid(sectionName)) {
-            dispatchToRouteReducer({
-                type: RouteReducerConstants.setShowValidationErrorAlert,
-                payload: {
-                    showValidationErrorAlert: true,
-                },
-            });
-        }
-        else {
-            dispatchToRouteReducer({
-                type: RouteReducerConstants.setShowValidationErrorAlert,
-                payload: {
-                    showValidationErrorAlert: false,
-                },
-            });
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [sectionName, dispatchToRouteReducer]);
     return {
         isSectionValid: isSectionValid(sectionName),
         isSectionValidFn: isSectionValid,

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":"AAgBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAWvD,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAcrF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,eA0atD"}
+{"version":3,"file":"GlobalTroubleshootEffects.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/GlobalTroubleshootEffects.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAWvD,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AASrF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,eA+VtD"}

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

@@ -8,16 +8,16 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { useDebounce, usePrevious } from '@rh-support/components';
-import { GlobalMetadataStateContext } from '@rh-support/react-context';
+import { GlobalMetadataStateContext, useUserPreferences } from '@rh-support/react-context';
 import { ability, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
-import { getUrlParsedParams, getVersion, getVersionIfOnlyVersion, isOnlyVersion, PreviousCaseTypes, } from '@rh-support/utils';
+import { getUrlParsedParams, getVersion, getVersionIfOnlyVersion, isOnlyVersion } from '@rh-support/utils';
 import findIndex from 'lodash/findIndex';
 import includes from 'lodash/includes';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useRef, useState } from 'react';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
-import { RouteContext, RouteDispatchContext } from '../../context/RouteContext';
+import { RouteDispatchContext } from '../../context/RouteContext';
 import { RulesDispatchContext } from '../../context/RulesContext';
 import { SessionRestoreStateContext } from '../../context/SessionRestoreContext';
 import { TCDispatchContext, TCStateContext } from '../../context/TopContentContext';
@@ -25,16 +25,16 @@ import { useResetCaseCreate } from '../../hooks/useResetCaseCreate';
 import { initialCaseState } from '../../reducers/CaseConstNTypes';
 import { getDescriptionWOQues } from '../../reducers/CaseHelpers';
 import { setCaseAccountNumber, setCaseDetails, setCaseOwner, setCaseState } from '../../reducers/CaseReducer';
-import { getAppRouteConfugurations, getAppRouteSectionsSequence, getDefaultSection, getRouteSequence, RouteReducerConstants, } from '../../reducers/RouteReducer';
+import { setRouteFlags } from '../../reducers/RouteReducer';
 import { fetchEdmundAbbottRules } from '../../reducers/RulesReducer';
 import { fetchTopContent } from '../../reducers/TopContentReducer';
 import { isClusterIdEnabledForProduct } from '../../utils/caseOpenshiftClusterIdUtils';
 import RouteUtils from '../../utils/routeUtils';
+import Constants from '../shared/Constants';
 import { AttachmentStateContext } from '../shared/fileUpload/reducer/AttachmentReducerContext';
 export function GlobalTroubleshootEffects(props) {
     const [initDefaultSection, setInitDefaultSection] = useState(false);
     const dispatchToRouteReducer = useContext(RouteDispatchContext);
-    const { routeState: { activeSection, sectionsToHide, visitedSections }, } = useContext(RouteContext);
     const { globalMetadataState: { allProducts, loggedInUser, managedAccounts, loggedInUserRights, loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
     const { sessionRestore: { activeSessionId }, } = useContext(SessionRestoreStateContext);
     const { accountNumber, product, version, contactSsoUsername, summary, issue, environment, periodicityOfIssue, timeFramesAndUrgency, caseType, language, selectedAccountDetails, } = useCaseSelector((state) => ({
@@ -60,6 +60,7 @@ export function GlobalTroubleshootEffects(props) {
     const isCaseCreate = RouteUtils.getQueryParams(props.routeProps).caseCreate === 'true';
     const urlQueryParams = RouteUtils.getQueryParams(props.routeProps);
     const isFirstMount = useRef(true);
+    const { getPreferredLanguage } = useUserPreferences();
     const rulesDispatch = useContext(RulesDispatchContext);
     const canAddAttachments = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.ATTACHMENTS);
     // top content state
@@ -67,11 +68,8 @@ export function GlobalTroubleshootEffects(props) {
     const tcDispatch = useContext(TCDispatchContext);
     const { attachmentState: { caseFiles: { selectedLocalFiles }, }, } = useContext(AttachmentStateContext);
     const { resetCaseCreateState } = useResetCaseCreate();
-    const prevSectionsToHide = usePrevious(sectionsToHide);
     const hasSummaryInUrl = !isEmpty(urlQueryParams.summary);
     const isSearchIntent = !isCaseCreate && hasSummaryInUrl;
-    const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
-    const appRouteConfugurations = getAppRouteConfugurations(isCaseCreate, isIdea, product);
     /**
      * Setting product version on case details from url.
      */
@@ -130,95 +128,37 @@ export function GlobalTroubleshootEffects(props) {
     }, [allProducts, allProducts.data.productsResult, caseDispatch, props.routeProps]);
     // if you want to hide any section on page load then the logic will go here..
     useEffect(() => {
-        if (!isFirstMount.current &&
-            isEqual(sectionsToHide, prevSectionsToHide) &&
-            loggedInUser.data &&
-            managedAccounts.data)
+        if (!isFirstMount.current && loggedInUser.data && managedAccounts.data)
             return;
-        let sectionsToHideLocal = [...sectionsToHide];
-        // currently there is no section to hide and determine on page load but if you need to hide any section based on the logged in user and account
-        // then just update the sectionsToHideLocal with the required section and next line will update it in the state
-        dispatchToRouteReducer({
-            type: RouteReducerConstants.updateSectionsToHide,
-            payload: { sectionsToHide: sectionsToHideLocal, isIdea, product, isCaseCreate },
-        });
         if (isFirstMount.current) {
             // set the summary if redirected from portal with url query param "summary"
             if (!isEmpty(urlQueryParams.summary)) {
                 setCaseDetails(caseDispatch, { summary: urlQueryParams.summary });
             }
-            dispatchToRouteReducer({
-                type: RouteReducerConstants.setIsCaseCreate,
-                payload: { isCaseCreate: isCaseCreate },
-            });
-            dispatchToRouteReducer({
-                type: RouteReducerConstants.setIsSearchIntent,
-                payload: { isSearchIntent: isSearchIntent },
+            setRouteFlags(dispatchToRouteReducer, isCaseCreate, isSearchIntent);
+            const navigateToDefaultSection = () => __awaiter(this, void 0, void 0, function* () {
+                RouteUtils.navigateToDefaltSection(props.routeProps, isCaseCreate, isSearchIntent, false);
+                setInitDefaultSection(false);
             });
-            // this is needed because of having to update the hidden sections and needing
-            // to wait till the next render to actually navigate to the next section.
-            setInitDefaultSection(true);
+            if (initDefaultSection) {
+                // navigate to the default section if the local section is the default section or
+                // if the redirect is just the base bath /troubleshoot.
+                navigateToDefaultSection();
+            }
             isFirstMount.current = false;
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [sectionsToHide, managedAccounts.data, loggedInUser.data]);
-    // this useEffect navigates to the default section when the
-    // initDefaultSection flag is true and the sectionsToHide has been updated correctly.
-    useEffect(() => {
-        const navigateToDefaultSection = () => __awaiter(this, void 0, void 0, function* () {
-            const defaultSection = getDefaultSection(isCaseCreate, isSearchIntent, isIdea);
-            const routeSequence = getRouteSequence(isCaseCreate, isSearchIntent, isIdea);
-            dispatchToRouteReducer({
-                type: RouteReducerConstants.updateAppRouteSectionSequence,
-                payload: {
-                    activeSection: defaultSection,
-                    isIdea,
-                    sectionsToHide,
-                    isCaseCreate,
-                    isSearchIntent,
-                },
-            });
-            RouteUtils.navigateToSection(props.routeProps, defaultSection, routeSequence, isCaseCreate, isSearchIntent, isIdea, false);
-            setInitDefaultSection(false);
-        });
-        if (initDefaultSection) {
-            // navigate to the default section if the local section is the default section or
-            // if the redirect is just the base bath /troubleshoot.
-            navigateToDefaultSection();
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [initDefaultSection, isCaseCreate, isIdea, isSearchIntent, props.routeProps, sectionsToHide]);
-    // Hidden Section Related
-    useEffect(() => {
-        if (includes(sectionsToHide, activeSection)) {
-            RouteUtils.navigateToSection(props.routeProps, appRouteConfugurations[activeSection].nextSection, getAppRouteSectionsSequence(sectionsToHide, isCaseCreate, isSearchIntent, isIdea), isCaseCreate, isSearchIntent, isIdea, false);
-        }
-    }, [sectionsToHide, activeSection, props.routeProps, appRouteConfugurations, isCaseCreate, isSearchIntent, isIdea]);
+    }, [managedAccounts.data, loggedInUser.data, initDefaultSection, isCaseCreate, isSearchIntent, props.routeProps]);
     /**
      * Navigation and hiding/showing section related
      */
     useEffect(() => {
-        const activeSectionLocal = RouteUtils.getActiveSection(props.routeProps, getAppRouteSectionsSequence(sectionsToHide, isCaseCreate, isSearchIntent, isIdea), isCaseCreate, isSearchIntent, isIdea);
-        if (isEmpty(activeSectionLocal) || props.routeProps.location.pathname === RouteUtils.seBasePath) {
-            const defaultSection = getDefaultSection(isCaseCreate, isSearchIntent, isIdea);
-            RouteUtils.navigateToSection(props.routeProps, defaultSection, getAppRouteSectionsSequence(sectionsToHide, isCaseCreate, isSearchIntent, isIdea), isCaseCreate, isSearchIntent, isIdea, false);
+        if (props.routeProps.location.pathname === RouteUtils.seBasePath) {
+            RouteUtils.navigateToDefaltSection(props.routeProps, isCaseCreate, isSearchIntent, false);
             !isSearchIntent && resetCaseCreateState();
         }
-        else {
-            dispatchToRouteReducer({
-                type: RouteReducerConstants.activeSectionChanged,
-                payload: {
-                    activeSection: activeSectionLocal,
-                    isIdea,
-                    sectionsToHide,
-                    isCaseCreate,
-                    isSearchIntent,
-                    visitedSections,
-                },
-            });
-        }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [dispatchToRouteReducer, props.routeProps, sectionsToHide, isCaseCreate, isSearchIntent, isIdea]);
+    }, [dispatchToRouteReducer, props.routeProps, isCaseCreate, isSearchIntent]);
     /**
      * Setting Default AccountNumber and ContactSsoUsername from loggedInUsersAccount
      * Disabling exhaustive-deps rule as we don't want to reset default values if user manually clears these from UI.
@@ -249,6 +189,26 @@ export function GlobalTroubleshootEffects(props) {
             return;
         fetchTopContent(tcDispatch, { product, version });
     }, [product, tcDispatch, topContentPayload, version]);
+    // set case language to preferred language
+    useEffect(() => {
+        const userOriginalPreferredLanguage = () => __awaiter(this, void 0, void 0, function* () {
+            try {
+                const retrievedLanguage = yield getPreferredLanguage();
+                if (!isEmpty(retrievedLanguage)) {
+                    const preferredLanguage = {
+                        label: Constants.languagesMap[retrievedLanguage] || retrievedLanguage,
+                        value: retrievedLanguage,
+                    };
+                    setCaseDetails(caseDispatch, { caseLanguage: preferredLanguage.value });
+                }
+            }
+            catch (error) {
+                console.log(error);
+            }
+        });
+        userOriginalPreferredLanguage();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
     /**
      * Fetching EA Rules on details change related
      */

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

@@ -1,14 +1,16 @@
-import React from 'react';
 import { AppRouteSections } from '../../reducers/RouteConstNTypes';
 interface IProps {
     section: AppRouteSections;
-    activeSection: AppRouteSections;
     title: string | JSX.Element | JSX.Element[];
     children: JSX.Element | JSX.Element[];
     isLoading?: boolean;
     description?: string | JSX.Element | JSX.Element[];
     descriptionClassName?: string;
+    className?: string;
 }
-declare const MainSection: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLDivElement>>;
+declare const MainSection: {
+    (props: any): JSX.Element;
+    defaultProps: Partial<IProps>;
+};
 export default MainSection;
 //# sourceMappingURL=MainSection.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MainSection.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/MainSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,UAAU,MAAM;IACZ,OAAO,EAAE,gBAAgB,CAAC;IAC1B,aAAa,EAAE,gBAAgB,CAAC;IAChC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IAC5C,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACnD,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAKD,QAAA,MAAM,WAAW,+EAiCf,CAAC;AAEH,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MainSection.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/MainSection.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,UAAU,MAAM;IACZ,OAAO,EAAE,gBAAgB,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IAC5C,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACnD,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAKD,QAAA,MAAM,WAAW;;;CA8BhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -1,17 +1,17 @@
 import { ErrorBoundary, LoadingIndicator } from '@rh-support/components';
-import React, { forwardRef } from 'react';
+import React from 'react';
 const defaultProps = {
     isLoading: false,
 };
-const MainSection = forwardRef((props, ref) => {
+const MainSection = (props) => {
     return (React.createElement(ErrorBoundary, { isPageLevelError: true },
-        React.createElement("section", { className: `grid-main-section${props.activeSection === props.section ? ' grid-main-active-section' : ''}`, id: `${props.section}`, ref: ref, tabIndex: -1, "aria-labelledby": `${props.section}-heading`, "aria-describedby": `${props.section}-description` },
+        React.createElement("section", { id: `${props.section}`, tabIndex: -1, "aria-labelledby": `${props.section}-heading`, "aria-describedby": `${props.section}-description`, className: `${props.className ? props.className : ''}` },
             React.createElement(LoadingIndicator, { show: props.isLoading, size: "lg" }),
             !props.isLoading && (React.createElement(React.Fragment, null,
                 React.createElement("header", { className: "pf-u-display-none-on-sm" },
                     props.title && React.createElement("h2", { id: `${props.section}-heading` }, props.title),
                     props.description && (React.createElement("p", { id: `${props.section}-description`, className: `${props.descriptionClassName ? props.descriptionClassName : ''}` }, props.description))),
                 props.children)))));
-});
+};
 MainSection.defaultProps = defaultProps;
 export default MainSection;

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;AAInD,OAAO,EAEH,eAAe,EAIlB,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,eA+CjC;kBA/CQ,WAAW;;;AAiDpB,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;AAInD,OAAO,EAEH,eAAe,EAIlB,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,eAwCjC;kBAxCQ,WAAW;;;AA0CpB,eAAe,WAAW,CAAC"}

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

@@ -5,7 +5,6 @@ import React, { useContext } from 'react';
 import { useCaseSelector } from '../../context/CaseContext';
 import { RouteContext } from '../../context/RouteContext';
 import { hideFileUploadSidebarWidgetSections, showSideBarClusterIdRuleWidgetSections, showSideBarEARuleWidgetSections, showSideBarFileRecommendationSections, } from '../../reducers/RouteConstNTypes';
-import { getAppRouteConfugurations } from '../../reducers/RouteReducer';
 import { FileDiag } from '../CaseInformation/FileDiag';
 import { AsideResults } from '../Recommendations/AsideResults';
 import ClusterRecommendations from '../Recommendations/ClusterRecommendations';
@@ -14,16 +13,13 @@ import InsightsResults from '../Recommendations/InsightsResults';
 import { SessionRestore } from '../SessionRestore';
 const defaultProps = {};
 function WizardAside(props) {
-    const { routeState: { activeSection, isCaseCreate }, } = useContext(RouteContext);
+    const { routeState: { activeSection }, } = useContext(RouteContext);
     const canAddAttachments = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.ATTACHMENTS);
-    const { isCreatingCase, caseType, product } = useCaseSelector((state) => ({
+    const { isCreatingCase, caseType } = useCaseSelector((state) => ({
         isCreatingCase: state.isCreatingCase,
-        caseNumber: state.caseDetails.caseNumber,
         caseType: state.caseDetails.caseType,
-        product: state.caseDetails.product,
     }), isEqual);
     const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
-    const appRouteConfugurations = getAppRouteConfugurations(isCaseCreate, isIdea, product);
     const canUseSessionManagement = ability.can(resourceActions.CREATE, resources.SESSION_TRACKING);
     const canShowFileUploadWidget = () => canAddAttachments &&
         !props.isAttachmentUploadModalOpen &&
@@ -31,10 +27,7 @@ function WizardAside(props) {
     const canshowEARuleWidget = showSideBarEARuleWidgetSections.includes(activeSection);
     const canShowClusterIdReportWidget = showSideBarClusterIdRuleWidgetSections.includes(activeSection);
     const canShowFileRecommendationSectionsWidget = showSideBarFileRecommendationSections.includes(activeSection);
-    if (appRouteConfugurations[activeSection].hideAside) {
-        return null;
-    }
-    return (React.createElement("aside", { className: "grid-aside" },
+    return (React.createElement("aside", null,
         React.createElement("section", { className: "grid-aside-content" },
             canshowEARuleWidget && React.createElement(EARuleWidget, null),
             React.createElement(InsightsResults, null),

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

@@ -1 +1 @@
-{"version":3,"file":"WizardLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardLayout.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAuC,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAmBvG,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,eAoKzC"}
+{"version":3,"file":"WizardLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardLayout.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAuC,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAavG,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,eAqIzC"}

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

@@ -1,8 +1,18 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { Grid, GridItem } from '@patternfly/react-core';
 import { SupportFeedbackForm } from '@rh-support/components';
-import { GlobalMetadataStateContext, useCanCreateCase } from '@rh-support/react-context';
+import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import { ability, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
 import { getVersionIfOnlyVersion, pendoTrackEvent, PreviousCaseTypes } from '@rh-support/utils';
-import { findIndex } from 'lodash';
+import findIndex from 'lodash/findIndex';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useRef, useState } from 'react';
 import { Trans } from 'react-i18next';
@@ -11,32 +21,26 @@ import { RouteContext } from '../../context/RouteContext';
 import { SessionRestoreStateContext } from '../../context/SessionRestoreContext';
 import { submitCase } from '../../reducers/CaseReducer';
 import { AppRouteSections } from '../../reducers/RouteConstNTypes';
-import { getAppRouteConfugurations, getAppRouteSectionsSequence, isNextSectionCaseCreation, } from '../../reducers/RouteReducer';
 import RouteUtils from '../../utils/routeUtils';
 import PreCaseConfirmationModals, { PreCaseConfirmationModalsEnum, } from '../ConfirmationModals/PreCaseConfirmationModals';
 import AlertToastWrapper from '../Recommendations/AlertToastWrapper';
 import { preferredSSModalOpenPendoEvent } from '../shared/Constants';
 import { AttachmentStateContext } from '../shared/fileUpload';
 import { isAnyFileAttached } from '../shared/fileUpload/reducer/AttachmentHelper';
+import { GlobalTroubleshootEffects } from './GlobalTroubleshootEffects';
 import WizardAside from './WizardAside';
 import WizardMain from './WizardMain';
-import WizardNavigation from './WizardNavigation';
-import WizardProgress from './WizardProgress';
 export function WizardLayout(props) {
-    var _a;
-    const { routeState: { activeSection, isCaseCreate, isSearchIntent, sectionsToHide }, } = useContext(RouteContext);
+    const { routeState: { activeSection, isCaseCreate }, } = useContext(RouteContext);
     const caseState = useCaseSelector((state) => state, isEqual);
     const caseDispatch = useCaseDispatch();
     const { sessionRestore: { activeSessionId, previousSessions }, } = useContext(SessionRestoreStateContext);
-    const { globalMetadataState: { loggedInUsersAccount, allProducts }, } = useContext(GlobalMetadataStateContext);
+    const { globalMetadataState: { allProducts }, } = useContext(GlobalMetadataStateContext);
     const canAddAttachments = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.ATTACHMENTS);
     const { attachmentState } = useContext(AttachmentStateContext);
     const isAnyFileAttachedLocal = isAnyFileAttached(attachmentState.caseFiles.selectedLocalFiles);
     const [confirmationModalType, setConfirmationModalType] = useState(null);
     const viewedConfirmationModalsList = useRef([]);
-    const canCreateCase = useCanCreateCase();
-    const isIdea = ((_a = caseState === null || caseState === void 0 ? void 0 : caseState.caseDetails) === null || _a === void 0 ? void 0 : _a.caseType) === PreviousCaseTypes.FEATURE_ENHANCEMENT;
-    const appRouteConfugurations = getAppRouteConfugurations(isCaseCreate, isIdea, caseState.caseDetails.product);
     const closeROCMProductModal = () => {
         const productName = 'OpenShift Container Platform';
         // if user click on Cancel then change product selection.
@@ -68,7 +72,7 @@ export function WizardLayout(props) {
         }
         return isModalPresent;
     };
-    const submitCaseAndNavigate = (isReSubmitting) => {
+    const submitCaseAndNavigate = (isReSubmitting) => __awaiter(this, void 0, void 0, function* () {
         confirmationModalType && setConfirmationModalType(null);
         // if a confirmation modal exists, show it and don't submit the case as
         // it will be handled by the confirmation modal itself
@@ -84,34 +88,17 @@ export function WizardLayout(props) {
         // reset viewedModals on case submit
         viewedConfirmationModalsList.current = [];
         !isReSubmitting &&
-            RouteUtils.navigateToSection(props.routeProps, appRouteConfugurations[activeSection].nextSection, getAppRouteSectionsSequence(sectionsToHide, isCaseCreate, isSearchIntent, isIdea), isCaseCreate, isSearchIntent, isIdea, false);
-    };
-    const onNext = (e) => {
-        var _a;
-        if (appRouteConfugurations[activeSection].nextSection === AppRouteSections.SUBMIT_CASE) {
-            submitCaseAndNavigate(false);
-            return;
-        }
+            RouteUtils.navigateToSection(props.routeProps, `${RouteUtils.seBasePath}/${AppRouteSections.SUBMIT_CASE}`, false);
+    });
+    const confirmSupportModal = (isConfirmedStateSideSupport, hasPreferredSecureSupportAccount) => {
         // confirmed state side support show modal logic
-        if (isNextSectionCaseCreation(activeSection, appRouteConfugurations[activeSection].nextSection)) {
-            if (canCreateCase.alert())
-                return;
-            const isConfirmedStateSideSupport = loggedInUsersAccount.data && loggedInUsersAccount.data.hasConfirmedStatesideSupport;
-            const hasPreferredSecureSupportAccount = (_a = loggedInUsersAccount === null || loggedInUsersAccount === void 0 ? void 0 : loggedInUsersAccount.data) === null || _a === void 0 ? void 0 : _a.hasPreferredSecureSupportAccount;
-            if (isConfirmedStateSideSupport) {
-                setConfirmationModalType(PreCaseConfirmationModalsEnum.CSS_MODAL);
-            }
-            else if (hasPreferredSecureSupportAccount) {
-                setConfirmationModalType(PreCaseConfirmationModalsEnum.PREFERRED_GS4_Modal);
-                // track pendo event
-                pendoTrackEvent(preferredSSModalOpenPendoEvent);
-            }
-            else {
-                RouteUtils.navigateToSection(props.routeProps, appRouteConfugurations[activeSection].nextSection, getAppRouteSectionsSequence(sectionsToHide, isCaseCreate, isSearchIntent, isIdea), isCaseCreate, isSearchIntent, isIdea, false);
-            }
+        if (isConfirmedStateSideSupport) {
+            setConfirmationModalType(PreCaseConfirmationModalsEnum.CSS_MODAL);
         }
-        else {
-            RouteUtils.navigateToSection(props.routeProps, appRouteConfugurations[activeSection].nextSection, getAppRouteSectionsSequence(sectionsToHide, isCaseCreate, isSearchIntent, isIdea), isCaseCreate, isSearchIntent, isIdea, false);
+        else if (hasPreferredSecureSupportAccount) {
+            setConfirmationModalType(PreCaseConfirmationModalsEnum.PREFERRED_GS4_Modal);
+            // track pendo event
+            pendoTrackEvent(preferredSSModalOpenPendoEvent);
         }
     };
     const onModalClose = () => {
@@ -121,10 +108,12 @@ export function WizardLayout(props) {
         setConfirmationModalType(null);
     };
     return (React.createElement(React.Fragment, null,
+        React.createElement(GlobalTroubleshootEffects, { routeProps: props.routeProps }),
         activeSection !== AppRouteSections.DESCRIBE_IDEA && (React.createElement(PreCaseConfirmationModals, { onModalClose: onModalClose, confirmationModalType: confirmationModalType, onConfirm: () => submitCaseAndNavigate(caseState.caseCreationError) })),
-        activeSection !== AppRouteSections.SUBMIT_CASE && (React.createElement(WizardProgress, { routeProps: props.routeProps, onNext: onNext })),
-        React.createElement(WizardMain, { routeProps: props.routeProps }),
-        React.createElement(WizardNavigation, { routeProps: props.routeProps, onNext: onNext }),
-        React.createElement(WizardAside, { isAttachmentUploadModalOpen: confirmationModalType === PreCaseConfirmationModalsEnum.NO_ATTACHMENT_MODAL, routeProps: props.routeProps }),
+        React.createElement(Grid, { style: { height: '100%' } },
+            React.createElement(GridItem, { sm: 12, md: 12, lg: 8, xl2: 8 },
+                React.createElement(WizardMain, { routeProps: props.routeProps, submitCaseAndNavigate: submitCaseAndNavigate, confirmSupportModal: confirmSupportModal })),
+            React.createElement(GridItem, { span: 4, className: "grid-wizard-aside-content" },
+                React.createElement(WizardAside, { isAttachmentUploadModalOpen: confirmationModalType === PreCaseConfirmationModalsEnum.NO_ATTACHMENT_MODAL, routeProps: props.routeProps }))),
         React.createElement(AlertToastWrapper, { submitCaseAndNavigate: submitCaseAndNavigate })));
 }

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

@@ -2,10 +2,9 @@ import { RouteComponentProps } from 'react-router-dom';
 import { IRouteUrlParams } from '../../reducers/RouteConstNTypes';
 interface IProps {
     routeProps: RouteComponentProps<IRouteUrlParams>;
+    submitCaseAndNavigate: (isReSubmitting: boolean) => void;
+    confirmSupportModal: (isConfirmedStateSideSupport: boolean, hasPreferredSecureSupportAccount: boolean) => void;
 }
 declare function WizardMain(props: IProps): JSX.Element;
-declare namespace WizardMain {
-    var defaultProps: Partial<IProps>;
-}
 export default WizardMain;
 //# sourceMappingURL=WizardMain.d.ts.map

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":"AAWA,OAAO,EAAS,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAO9D,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAgBpF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAGD,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,eAwRhC;kBAxRQ,UAAU;;;AA0RnB,eAAe,UAAU,CAAC"}
+{"version":3,"file":"WizardMain.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardMain.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAS,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAK9D,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAOpF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,qBAAqB,EAAE,CAAC,cAAc,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,mBAAmB,EAAE,CAAC,2BAA2B,EAAE,OAAO,EAAE,gCAAgC,EAAE,OAAO,KAAK,IAAI,CAAC;CAClH;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,eAmGhC;AACD,eAAe,UAAU,CAAC"}