@rh-support/troubleshoot 2.0.6 → 2.0.7

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

@@ -1,174 +1,54 @@
-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 { AlertMessage, AlertType, LoadingIndicator, usePrevious } from '@rh-support/components';
-import { useUserPreferences } from '@rh-support/react-context';
-import { PreviousCaseTypes } from '@rh-support/utils';
-import isEmpty from 'lodash/isEmpty';
+import { Wizard, WizardContextConsumer, WizardFooter } from '@patternfly/react-core';
+import { LoadingIndicator } from '@rh-support/components';
 import isEqual from 'lodash/isEqual';
-import isFunction from 'lodash/isFunction';
-import map from 'lodash/map';
-import React, { Suspense, useContext, useEffect, useRef } from 'react';
-import { Trans, useTranslation } from 'react-i18next';
+import React, { Suspense, useContext, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import { Route } from 'react-router-dom';
-import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
-import { RecommendationStateContext } from '../../context/RecommendationContext';
-import { RouteContext } from '../../context/RouteContext';
-import { TCStateContext } from '../../context/TopContentContext';
-import { setCaseDetails } from '../../reducers/CaseReducer';
+import { useCaseSelector } from '../../context/CaseContext';
+import { RouteDispatchContext } from '../../context/RouteContext';
+import { useWizard } from '../../hooks/useWizard';
 import { AppRouteSections } from '../../reducers/RouteConstNTypes';
-import { getAppRouteConfugurations, getAppRouteSectionsSequence } from '../../reducers/RouteReducer';
+import { setActiveSectionChanged, updateisNextBtnClickedToShowValidationError } from '../../reducers/RouteReducer';
 import RouteUtils from '../../utils/routeUtils';
-import CaseInformation from '../CaseInformation/CaseInformation';
-import CaseManagement from '../CaseManagement/CaseManagement';
-import IdeaInformation from '../IdeaInformation/IdeaInformtion';
-import OpenCase from '../OpenCase/OpenCase';
-// section chunks
-import ProductSelector from '../ProductSelector/ProductSelector';
-import Review from '../Review/Review';
-import Constants from '../shared/Constants';
-import { useIsSectionValid } from '../shared/useIsSectionValid';
 import SubmitCase from '../SubmitCase/SubmitCase';
-import TroubleshootSection from '../TroubleshootSection/TroubleshootSection';
-import { GlobalTroubleshootEffects } from './GlobalTroubleshootEffects';
 import MainSection from './MainSection';
-const defaultProps = {};
+import WizardNavigation from './WizardNavigation';
 function WizardMain(props) {
-    const { isActiveSectionValid } = useIsSectionValid();
-    const caseDispatch = useCaseDispatch();
-    const { getPreferredLanguage } = useUserPreferences();
-    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,
-                };
-                onLanguageChange(preferredLanguage);
-            }
-        }
-        catch (error) {
-            console.log(error);
-        }
-    });
-    const onCaseDetailsChange = (caseDetails) => {
-        setCaseDetails(caseDispatch, caseDetails);
-    };
-    const onLanguageChange = (selection) => {
-        onCaseDetailsChange({ caseLanguage: selection.value });
-    };
-    useEffect(() => {
-        userOriginalPreferredLanguage();
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    const { t } = useTranslation();
-    const allSectionRefs = {
-        [AppRouteSections.SUMMARIZE]: useRef(null),
-        [AppRouteSections.TROUBLESHOOT]: useRef(null),
-        [AppRouteSections.DESCRIBE_MORE]: useRef(null),
-        [AppRouteSections.MANAGEMENT]: useRef(null),
-        [AppRouteSections.REVIEW]: useRef(null),
-        [AppRouteSections.GET_SUPPORT]: useRef(null),
-        [AppRouteSections.SUBMIT_CASE]: useRef(null),
-    };
-    const { routeState: { activeSection, isCaseCreate, isSearchIntent, showValidationErrorAlert, sectionsToHide }, } = useContext(RouteContext);
-    const { recommendationState: { isLoadingRecommendations }, } = useContext(RecommendationStateContext);
-    const { topContentState: { topContent }, } = useContext(TCStateContext);
-    const { isCreatingCase, isSelectedAccounntSecureSupport, summary, caseType, product } = useCaseSelector((state) => ({
+    const [showRestFlag, setShowRestFlag] = useState(false);
+    const { isCreatingCase } = useCaseSelector((state) => ({
         isCreatingCase: state.isCreatingCase,
-        isSelectedAccounntSecureSupport: state.selectedAccountDetails.data.secureSupport,
-        summary: state.caseDetails.summary,
-        caseType: state.caseDetails.caseType,
-        product: state.caseDetails.product,
     }), isEqual);
-    const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
-    const appRouteConfugurations = getAppRouteConfugurations(isCaseCreate, isIdea, product);
-    const previousActiveSection = usePrevious(activeSection);
-    // scrolling and focus related
-    useEffect(() => {
-        var _a, _b;
-        if (!isEmpty(activeSection) &&
-            previousActiveSection !== activeSection &&
-            isFunction((_b = (_a = allSectionRefs[activeSection]) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.scrollIntoView)) {
-            allSectionRefs[activeSection].current.focus({ preventScroll: true });
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [activeSection, previousActiveSection]);
-    const renderSummarizePage = () => {
-        return (React.createElement(MainSection, { ref: allSectionRefs[AppRouteSections.SUMMARIZE], section: AppRouteSections.SUMMARIZE, activeSection: activeSection, title: t(appRouteConfugurations[AppRouteSections.SUMMARIZE].title) },
-            React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
-                React.createElement(ProductSelector, { routeProps: props.routeProps }))));
-    };
-    const renderTroubleshootPage = () => {
-        return (React.createElement(MainSection, { ref: allSectionRefs[AppRouteSections.TROUBLESHOOT], section: AppRouteSections.TROUBLESHOOT, activeSection: activeSection, title: t(appRouteConfugurations[AppRouteSections.TROUBLESHOOT].title) },
-            React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
-                React.createElement(TroubleshootSection, null))));
-    };
-    const renderDescribeMorePage = () => {
-        return (React.createElement(MainSection, { ref: allSectionRefs[AppRouteSections.DESCRIBE_MORE], section: AppRouteSections.DESCRIBE_MORE, activeSection: activeSection, title: React.createElement(React.Fragment, null,
-                t(appRouteConfugurations[AppRouteSections.DESCRIBE_MORE].title),
-                isEmpty(RouteUtils.seBasePath) && isSelectedAccounntSecureSupport && (React.createElement("span", { className: "secured-support" },
-                    React.createElement(Trans, null, "Secured Support")))), description: t('Provide the details of your issue.') },
-            React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
-                React.createElement(CaseInformation, { routeProps: props.routeProps }))));
-    };
-    const renderManagementPage = () => {
-        return (React.createElement(MainSection, { ref: allSectionRefs[AppRouteSections.MANAGEMENT], section: AppRouteSections.MANAGEMENT, activeSection: activeSection, title: t(appRouteConfugurations[AppRouteSections.MANAGEMENT].title), descriptionClassName: "text-medium-grey" },
-            React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
-                React.createElement(CaseManagement, null))));
-    };
-    const renderReviewPage = () => {
-        // The review is going to change so adding Recommendations is just temporary.
-        return (React.createElement(MainSection, { ref: allSectionRefs[AppRouteSections.REVIEW], section: AppRouteSections.REVIEW, activeSection: activeSection, title: t(appRouteConfugurations[AppRouteSections.REVIEW].title), description: t('Before submitting, review the information you entered.') },
-            React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
-                React.createElement(Review, { routeProps: props.routeProps }))));
-    };
-    const renderGetSupportPage = () => {
-        return (React.createElement(MainSection, { ref: allSectionRefs[AppRouteSections.GET_SUPPORT], section: AppRouteSections.GET_SUPPORT, activeSection: activeSection, title: t(appRouteConfugurations[AppRouteSections.GET_SUPPORT].title), description: t('Select the best category for your issue.'), isLoading: isCreatingCase },
-            React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
-                React.createElement(OpenCase, { routeProps: props.routeProps }))));
-    };
-    const renderSubmitCasePage = () => {
-        return (React.createElement(MainSection, { ref: allSectionRefs[AppRouteSections.SUBMIT_CASE], section: AppRouteSections.SUBMIT_CASE, activeSection: activeSection, title: t(appRouteConfugurations[AppRouteSections.SUBMIT_CASE].title), isLoading: isCreatingCase, description: t("We'll be in contact with you shortly. Look for updates on this case.") },
-            React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
-                React.createElement(SubmitCase, null))));
-    };
-    const renderIdeaInformationPage = () => {
-        return (React.createElement(MainSection, { ref: allSectionRefs[AppRouteSections.DESCRIBE_IDEA], section: AppRouteSections.DESCRIBE_IDEA, activeSection: activeSection, title: t(appRouteConfugurations[AppRouteSections.DESCRIBE_IDEA].title), isLoading: isCreatingCase, description: t("We'll be in contact with you shortly. Look for updates on this case.") },
-            React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
-                React.createElement(IdeaInformation, null))));
-    };
-    const mainSectionComponents = {
-        [AppRouteSections.GET_SUPPORT]: renderGetSupportPage,
-        [AppRouteSections.SUMMARIZE]: renderSummarizePage,
-        [AppRouteSections.TROUBLESHOOT]: renderTroubleshootPage,
-        [AppRouteSections.DESCRIBE_MORE]: renderDescribeMorePage,
-        [AppRouteSections.DESCRIBE_IDEA]: renderIdeaInformationPage,
-        [AppRouteSections.MANAGEMENT]: renderManagementPage,
-        [AppRouteSections.REVIEW]: renderReviewPage,
-        [AppRouteSections.SUBMIT_CASE]: renderSubmitCasePage,
-    };
-    // alert title and variant based on multiple conditions for two different sections
-    const title = topContent.isFetching || (isLoadingRecommendations && summary)
-        ? t('Please wait while recommendations are loading')
-        : t('Please address the errors to proceed');
-    return (React.createElement("article", { className: "grid-main" },
-        React.createElement(GlobalTroubleshootEffects, { routeProps: props.routeProps }),
-        React.createElement(AlertMessage, { show: showValidationErrorAlert && !isActiveSectionValid, variant: (isLoadingRecommendations && summary) || topContent.isFetching ? AlertType.INFO : AlertType.DANGER, isInline: true, title: title }),
-        map(getAppRouteSectionsSequence(sectionsToHide, isCaseCreate, isSearchIntent, isIdea), (activeSectionLocal) => {
-            if (activeSectionLocal === AppRouteSections.SUBMIT_CASE) {
-                return;
-            }
-            return (React.createElement(Route, { key: `route-${activeSectionLocal}`, exact: true, path: `${RouteUtils.getRoutePathForActiveSection(activeSectionLocal, getAppRouteSectionsSequence(sectionsToHide, isCaseCreate, isSearchIntent, isIdea), isCaseCreate, isSearchIntent, caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT)}`, render: mainSectionComponents[activeSectionLocal] }));
-        }),
-        React.createElement(Route, { exact: true, ref: allSectionRefs[AppRouteSections.SUBMIT_CASE], path: `${RouteUtils.seBasePath}/${AppRouteSections.SUBMIT_CASE}`, render: mainSectionComponents[AppRouteSections.SUBMIT_CASE] })));
+    const { getStepsSequece } = useWizard(props.routeProps);
+    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, null))));
+    const onNext = (step) => {
+        RouteUtils.navigateToSection(props.routeProps, `${props.routeProps.location.pathname}/${step.id}`, false);
+    };
+    const onBack = (step, prevStep) => {
+        var regex = new RegExp('/' + prevStep.prevId + '$');
+        RouteUtils.navigateToSection(props.routeProps, props.routeProps.location.pathname.replace(regex, ''), false);
+    };
+    const onSubmit = () => {
+        setActiveSectionChanged(dispatchToRouteReducer, AppRouteSections.SUBMIT_CASE);
+        props.submitCaseAndNavigate(false);
+        return;
+    };
+    const onCurrentStepChanged = (step) => {
+        setActiveSectionChanged(dispatchToRouteReducer, step.id);
+        updateisNextBtnClickedToShowValidationError(dispatchToRouteReducer, false);
+    };
+    const CustomFooter = (React.createElement(WizardFooter, null,
+        React.createElement(WizardContextConsumer, null, ({ activeStep, onNext, onBack }) => {
+            return (React.createElement(WizardNavigation, { routeProps: props.routeProps, onNext: onNext, onBack: onBack, activeStep: activeStep, onSubmit: onSubmit, confirmSupportModal: props.confirmSupportModal, onShowRestUpdate: (flag) => setShowRestFlag(flag) }));
+        })));
+    // 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
+    const steps = getStepsSequece(showRestFlag);
+    return (React.createElement(React.Fragment, null,
+        steps.length !== 0 && (React.createElement(Route, { path: `${RouteUtils.seBasePath}/${steps[0].id}`, render: () => (React.createElement(Wizard, { navAriaLabel: ` navAriaLabel steps `, mainAriaLabel: ` mainAriaLabel content `, steps: steps, footer: CustomFooter, onNext: onNext, onBack: onBack, hideClose: true, backButtonText: t('Go back'), onCurrentStepChanged: onCurrentStepChanged })) })),
+        React.createElement(Route, { exact: true, path: `${RouteUtils.seBasePath}/${AppRouteSections.SUBMIT_CASE}`, render: () => renderSubmitCasePage() })));
 }
-WizardMain.defaultProps = defaultProps;
 export default WizardMain;

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

@@ -1,9 +1,13 @@
-import React from 'react';
 import { RouteComponentProps } from 'react-router';
-import { IRouteUrlParams } from '../../reducers/RouteConstNTypes';
+import { IRouteUrlParams, ISectionConfiguration } from '../../reducers/RouteConstNTypes';
 interface IProps {
     routeProps: RouteComponentProps<IRouteUrlParams>;
-    onNext: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onNext: () => void;
+    onBack: () => void;
+    activeStep: Partial<ISectionConfiguration>;
+    onSubmit: () => void;
+    confirmSupportModal: (isConfirmedStateSideSupport: boolean, hasPreferredSecureSupportAccount: boolean) => void;
+    onShowRestUpdate: (flag: boolean) => void;
 }
 declare function WizardNavigation(props: IProps): 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":"AAIA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAOnD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAYlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CAC5E;AAED,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,eA6KtC;kBA7KQ,gBAAgB;;;AA+KzB,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"WizardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardNavigation.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAGnD,OAAO,EAAoB,eAAe,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAI3G,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,2BAA2B,EAAE,OAAO,EAAE,gCAAgC,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/G,gBAAgB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7C;AAGD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,eAmFtC;kBAnFQ,gBAAgB;;;AAqFzB,eAAe,gBAAgB,CAAC"}

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

@@ -1,104 +1,60 @@
-import { SupportFeedbackForm } from '@rh-support/components';
-import { PreviousCaseTypes } from '@rh-support/utils';
-import isEmpty from 'lodash/isEmpty';
-import isEqual from 'lodash/isEqual';
-import React, { useContext, useEffect, useRef } from 'react';
+import { GlobalMetadataStateContext, useCanCreateCase } from '@rh-support/react-context';
+import React, { useContext } from 'react';
 import { useTranslation } from 'react-i18next';
-import { AppMetadataDispatchContext } from '../../context/AppMetadataContext';
-import { useCaseSelector } from '../../context/CaseContext';
 import { RouteContext, RouteDispatchContext } from '../../context/RouteContext';
-import { useResetCaseCreate } from '../../hooks/useResetCaseCreate';
-import { setRef } from '../../reducers/AppMetadataReducer';
-import { getAppRouteConfugurations, getAppRouteSectionsSequence, getDefaultSection, RouteReducerConstants, } from '../../reducers/RouteReducer';
-import RouteUtils from '../../utils/routeUtils';
-import { isUploadingAttachment } from '../shared/fileUpload/reducer/AttachmentHelper';
-import { AttachmentStateContext } from '../shared/fileUpload/reducer/AttachmentReducerContext';
+import { AppRouteSections } from '../../reducers/RouteConstNTypes';
+import { updateisNextBtnClickedToShowValidationError } from '../../reducers/RouteReducer';
 import { useIsSectionValid } from '../shared/useIsSectionValid';
 const defaultProps = {};
 function WizardNavigation(props) {
     const { t } = useTranslation();
-    const { routeState: { activeSection, sectionsToHide, isCaseCreate, isSearchIntent, showValidationErrorAlert }, } = useContext(RouteContext);
-    const { caseNumber, caseType, caseCreationError, isCreatingCase, product } = useCaseSelector((state) => ({
-        caseNumber: state.caseDetails.caseNumber,
-        caseType: state.caseDetails.caseType,
-        caseCreationError: state.caseCreationError,
-        isCreatingCase: state.isCreatingCase,
-        product: state.caseDetails.product,
-    }), isEqual);
-    const dispatchToAppMetadataReducer = useContext(AppMetadataDispatchContext);
-    const { attachmentState } = useContext(AttachmentStateContext);
-    const isUploadingAnyAttachment = isUploadingAttachment(attachmentState.caseFiles.selectedLocalFiles);
+    const canCreateCase = useCanCreateCase();
+    const { routeState: { activeSection, isNextBtnClickedToShowValidationError, noValidEntitlement }, } = useContext(RouteContext);
+    const { globalMetadataState: { loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
     const dispatchToRouteReducer = useContext(RouteDispatchContext);
-    const { isActiveSectionValid, activeSectionError } = useIsSectionValid();
-    const { resetCaseCreateState } = useResetCaseCreate();
-    const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
-    const appRouteConfugurations = getAppRouteConfugurations(isCaseCreate, isIdea, product);
-    // defining next button ref
-    const nextButtonRef = useRef(null);
-    useEffect(() => {
-        // setting ref in the reducer
-        setRef(dispatchToAppMetadataReducer, nextButtonRef);
-    }, [dispatchToAppMetadataReducer, nextButtonRef]);
-    const onNext = (e) => {
-        if (isActiveSectionValid) {
-            props.onNext && props.onNext(e);
-            dispatchToRouteReducer({
-                type: RouteReducerConstants.setShowValidationErrorAlert,
-                payload: {
-                    showValidationErrorAlert: false,
-                },
-            });
+    const { activeSectionError, isSectionValidFn } = useIsSectionValid(activeSection);
+    const onNext = () => {
+        var _a, _b;
+        updateisNextBtnClickedToShowValidationError(dispatchToRouteReducer, true);
+        const userCanNotOpenCase = props.activeStep.id === AppRouteSections.TROUBLESHOOT && canCreateCase.alert();
+        if (userCanNotOpenCase || !isSectionValidFn(props.activeStep.id))
             return;
-        }
-        dispatchToRouteReducer({
-            type: RouteReducerConstants.setShowValidationErrorAlert,
-            payload: {
-                showValidationErrorAlert: true,
-            },
-        });
-    };
-    const onPrevious = (e) => {
-        RouteUtils.navigateToSection(props.routeProps, appRouteConfugurations[activeSection].previousSection, getAppRouteSectionsSequence(sectionsToHide, isCaseCreate, isSearchIntent, isIdea), isCaseCreate, isSearchIntent, isIdea, false);
-    };
-    const onBackToSectionSelect = (e) => {
-        RouteUtils.navigateToSection(props.routeProps, appRouteConfugurations[activeSection].backToSection, getAppRouteSectionsSequence(sectionsToHide, isCaseCreate, isSearchIntent, isIdea), isCaseCreate, isSearchIntent, isIdea, false);
-    };
-    const onCaseOpen = () => {
-        if (isEmpty(caseNumber))
+        const isConfirmedStateSideSupport = (_a = loggedInUsersAccount === null || loggedInUsersAccount === void 0 ? void 0 : loggedInUsersAccount.data) === null || _a === void 0 ? void 0 : _a.hasConfirmedStatesideSupport;
+        const hasPreferredSecureSupportAccount = (_b = loggedInUsersAccount === null || loggedInUsersAccount === void 0 ? void 0 : loggedInUsersAccount.data) === null || _b === void 0 ? void 0 : _b.hasPreferredSecureSupportAccount;
+        if (props.activeStep.id === AppRouteSections.TROUBLESHOOT &&
+            (isConfirmedStateSideSupport || hasPreferredSecureSupportAccount)) {
+            props.confirmSupportModal(isConfirmedStateSideSupport, hasPreferredSecureSupportAccount);
             return;
-        !isEmpty(RouteUtils.seBasePath)
-            ? props.routeProps.history.push({ pathname: `/case/${caseNumber}` })
-            : window.open(`/support/cases/#/case/${caseNumber}`);
+        }
+        if (props.activeStep.isLastStep) {
+            props.onSubmit();
+        }
+        else {
+            if (props.activeStep.showRestOnNext) {
+                props.onShowRestUpdate(true);
+                // when we want to transit from showing steps partially
+                // to show all steps, a delay needed in order to steps array
+                // to be updated
+                window.setTimeout(() => {
+                    props.onNext && props.onNext();
+                }, 10);
+            }
+            else {
+                props.onNext && props.onNext();
+            }
+        }
+        return;
     };
-    const onNewIssue = (e) => {
-        resetCaseCreateState();
-        RouteUtils.navigateToSection(props.routeProps, getDefaultSection(isCaseCreate, isSearchIntent, isIdea), getAppRouteSectionsSequence(sectionsToHide, isCaseCreate, isSearchIntent, isIdea), isCaseCreate, isSearchIntent, isIdea, true);
+    const onBack = () => {
+        if (props.activeStep.hidRestOnBack)
+            props.onShowRestUpdate(false);
+        props.onBack();
     };
-    /**
-     * Adding recommendations back if users comes back on product selector
-     */
-    useEffect(() => {
-        // Adding here to handle on previous click
-        if (isActiveSectionValid) {
-            dispatchToRouteReducer({
-                type: RouteReducerConstants.setShowValidationErrorAlert,
-                payload: {
-                    showValidationErrorAlert: false,
-                },
-            });
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [activeSection]);
-    return (React.createElement("footer", { className: "grid-navigation" },
-        !appRouteConfugurations[activeSection].showBackToSection &&
-            appRouteConfugurations[activeSection].previousSection && (React.createElement("button", { disabled: appRouteConfugurations[activeSection].disableOtherSections, onClick: onPrevious, className: "btn btn-app btn-open-white", "data-tracking-id": `prev-of-${activeSection}` }, t(appRouteConfugurations[activeSection].previousButtonLabel))),
-        appRouteConfugurations[activeSection].nextSection && (React.createElement("button", { ref: nextButtonRef, disabled: appRouteConfugurations[activeSection].disableOtherSections ||
-                (!isActiveSectionValid && showValidationErrorAlert), onClick: onNext, className: "btn btn-app btn-primary", "data-tracking-id": `next-of-${activeSection}` }, t(appRouteConfugurations[activeSection].nextButtonLabel))),
-        appRouteConfugurations[activeSection].showBackToSection && caseCreationError && (React.createElement("button", { onClick: onBackToSectionSelect, className: "btn btn-app btn-open-white", "data-tracking-id": `back-to-${appRouteConfugurations[activeSection].backToSectionLabel}` }, t(appRouteConfugurations[activeSection].backToSectionLabel))),
-        appRouteConfugurations[activeSection].showOpenCaseButton && !caseCreationError && (React.createElement("button", { disabled: isUploadingAnyAttachment || isCreatingCase, onClick: onCaseOpen, className: "btn btn-app btn-open-white", "data-tracking-id": "view-case-from-nav" }, t(appRouteConfugurations[activeSection].openCaseButtonLabel))),
-        appRouteConfugurations[activeSection].showNewIssueButton && !caseCreationError && (React.createElement("button", { disabled: isUploadingAnyAttachment || isCreatingCase, onClick: onNewIssue, className: "btn btn-app btn-primary" }, t(appRouteConfugurations[activeSection].newIssueButtonLabel))),
-        activeSectionError ? (React.createElement("small", { className: "pf-u-align-self-center pf-u-ml-md text-red" }, t(activeSectionError))) : null,
-        isEmpty(RouteUtils.seBasePath) && React.createElement(SupportFeedbackForm, null)));
+    return (React.createElement(React.Fragment, null,
+        props.activeStep.order !== 0 && (React.createElement("button", { onClick: () => onBack(), className: "btn btn-app btn-open-white", "data-tracking-id": `prev-of-${activeSection}` }, t('Go back'))),
+        React.createElement("button", { disabled: (!isSectionValidFn(props.activeStep.id) && isNextBtnClickedToShowValidationError) ||
+                noValidEntitlement, onClick: onNext, className: "btn btn-app btn-primary", "data-tracking-id": `next-of-${activeSection}` }, t(props.activeStep.nextButtonLabel)),
+        activeSectionError ? (React.createElement("small", { className: "pf-u-align-self-center pf-u-ml-md text-red" }, t(activeSectionError))) : null));
 }
 WizardNavigation.defaultProps = defaultProps;
 export default WizardNavigation;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,6CAA6C,CAAC;AACrD,OAAO,mBAAmB,CAAC;AAC3B,OAAO,0BAA0B,CAAC;AAClC,OAAO,+BAA+B,CAAC;AACvC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,2CAA2C,CAAC;AAKnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAIpF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,SAAS,EAAE,GAAG,CAAC;QACf,oBAAoB,EAAE,GAAG,CAAC;QAC1B,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,MAAM,OAAA,KAAK,GAAG,KAAK,GAAG,CAAC;QAC9E,MAAM,EAAE,GAAG,CAAC;QACZ,KAAK,EAAE,GAAG,CAAC;QACX,eAAe,EAAE,GAAG,CAAC;QACrB,aAAa,EAAE;YACX,cAAc,EAAE,MAAM,CAAC;YACvB,OAAO,EAAE,MAAM,CAAC;SACnB,CAAC;KACL;IAED,UAAU,QAAQ;QACd,YAAY,EAAE,GAAG,CAAC;KACrB;CACJ;AAED,eAAO,MAAM,YAAY,UAAW,MAAM,gBA4BzC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,6CAA6C,CAAC;AACrD,OAAO,mBAAmB,CAAC;AAC3B,OAAO,0BAA0B,CAAC;AAClC,OAAO,+BAA+B,CAAC;AACvC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,2CAA2C,CAAC;AAKnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAIlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,QAAQ,EAAE,MAAM,CAAC;CACpB;AAED,OAAO,CAAC,MAAM,CAAC;IACX,UAAU,MAAM;QACZ,SAAS,EAAE,GAAG,CAAC;QACf,oBAAoB,EAAE,GAAG,CAAC;QAC1B,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,MAAM,OAAA,KAAK,GAAG,KAAK,GAAG,CAAC;QAC9E,MAAM,EAAE,GAAG,CAAC;QACZ,KAAK,EAAE,GAAG,CAAC;QACX,eAAe,EAAE,GAAG,CAAC;QACrB,aAAa,EAAE;YACX,cAAc,EAAE,MAAM,CAAC;YACvB,OAAO,EAAE,MAAM,CAAC;SACnB,CAAC;KACL;IAED,UAAU,QAAQ;QACd,YAAY,EAAE,GAAG,CAAC;KACrB;CACJ;AAED,eAAO,MAAM,YAAY,UAAW,MAAM,gBAgBzC,CAAC"}

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

@@ -7,18 +7,13 @@ import '../shared/fileUpload/css/fileSelector.css';
 import { useDocumentTitle } from '@rh-support/components';
 import { fetchProducts, GlobalMetadataDispatchContext } from '@rh-support/react-context';
 import React, { useContext, useEffect } from 'react';
-import { AppMetadataDispatchContext } from '../../context/AppMetadataContext';
 import { useCaseSelector } from '../../context/CaseContext';
-import { RouteContext } from '../../context/RouteContext';
 import { PageTitle } from '../../enums/pageTitle';
-import { AppRouteSections } from '../../reducers/RouteConstNTypes';
 import RouteUtils from '../../utils/routeUtils';
 import { WizardLayout } from './WizardLayout';
 export const Troubleshoot = (props) => {
-    const { routeState: { activeSection }, } = useContext(RouteContext);
     const isCaseCreate = RouteUtils.getQueryParams(props.routeProps).caseCreate === 'true';
     useDocumentTitle(isCaseCreate ? PageTitle.NEW_CASE : PageTitle.TROUBLESHOOT);
-    const dispatchToAppMetadataReducer = useContext(AppMetadataDispatchContext);
     const dispatchToGlobalMetadataReducer = useContext(GlobalMetadataDispatchContext);
     const contactSSOName = useCaseSelector((state) => state.caseDetails.contactSSOName);
     RouteUtils.seBasePath = props.basePath || '';
@@ -26,10 +21,7 @@ export const Troubleshoot = (props) => {
     useEffect(() => {
         fetchProducts(dispatchToGlobalMetadataReducer, contactSSOName);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [contactSSOName, dispatchToAppMetadataReducer, dispatchToGlobalMetadataReducer]);
+    }, [contactSSOName, dispatchToGlobalMetadataReducer]);
     return (React.createElement("div", { id: "se-solution-engine" },
-        React.createElement("div", { className: `${activeSection !== AppRouteSections.SUBMIT_CASE
-                ? 'support-grid-progress'
-                : 'support-grid-no-progress'}` },
-            React.createElement(WizardLayout, { routeProps: props.routeProps }))));
+        React.createElement(WizardLayout, { routeProps: props.routeProps })));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"RootTroubleshootProvider.d.ts","sourceRoot":"","sources":["../../../src/context/RootTroubleshootProvider.tsx"],"names":[],"mappings":"AAYA,UAAU,MAAM;IACZ,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;CACzC;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,MAAM,eAoBrD"}
+{"version":3,"file":"RootTroubleshootProvider.d.ts","sourceRoot":"","sources":["../../../src/context/RootTroubleshootProvider.tsx"],"names":[],"mappings":"AAWA,UAAU,MAAM;IACZ,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;CACzC;AAED,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,MAAM,eAkBrD"}

package/lib/esm/context/RootTroubleshootProvider.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import { AttachmentContextProvider } from '../components/shared/fileUpload/reducer/AttachmentReducerContext';
-import { AppMetadataContextProvider } from './AppMetadataContext';
 import { CaseContextProvider } from './CaseContext';
 import { ClusterRecommendationsContextProvider } from './ClusterRecommendationsContext';
 import { RecommendationContextProvider } from './RecommendationContext';
@@ -10,12 +9,11 @@ import { SessionRestoreContextProvider } from './SessionRestoreContext';
 import { TCContextProvider } from './TopContentContext';
 export function RootTroubleshootProvider(props) {
     return (React.createElement(RouteContextProvider, null,
-        React.createElement(AppMetadataContextProvider, null,
-            React.createElement(CaseContextProvider, null,
-                React.createElement(RecommendationContextProvider, null,
-                    React.createElement(AttachmentContextProvider, null,
-                        React.createElement(RulesContextProvider, null,
-                            React.createElement(ClusterRecommendationsContextProvider, null,
-                                React.createElement(TCContextProvider, null,
-                                    React.createElement(SessionRestoreContextProvider, null, props.children))))))))));
+        React.createElement(CaseContextProvider, null,
+            React.createElement(RecommendationContextProvider, null,
+                React.createElement(AttachmentContextProvider, null,
+                    React.createElement(RulesContextProvider, null,
+                        React.createElement(ClusterRecommendationsContextProvider, null,
+                            React.createElement(TCContextProvider, null,
+                                React.createElement(SessionRestoreContextProvider, null, props.children)))))))));
 }