@rh-support/troubleshoot 2.4.10-beta.8 → 2.5.0

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

@@ -1,11 +1,13 @@
 import { ability, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
 import { PreviousCaseTypes } from '@rh-support/utils';
 import isEqual from 'lodash/isEqual';
+import isUndefined from 'lodash/isUndefined';
 import React, { useContext } from 'react';
 import { useCaseSelector } from '../../context/CaseContext';
 import { RouteContext } from '../../context/RouteContext';
-import { hideFileUploadSidebarWidgetSections, showSideBarClusterIdRuleWidgetSections, showSideBarEARuleWidgetSections, showSideBarFileRecommendationSections, } from '../../reducers/RouteConstNTypes';
+import { AppRouteSections, hideFileUploadSidebarWidgetSections, showSideBarClusterIdRuleWidgetSections, showSideBarEARuleWidgetSections, showSideBarEARuleWidgetSectionsExperienceA, showSideBarFileRecommendationSections, } from '../../reducers/RouteConstNTypes';
 import { FileDiag } from '../CaseInformation/FileDiag';
+import { CveSidebar } from '../Cve/CveSidebar';
 import { AsideResults } from '../Recommendations/AsideResults';
 import ClusterRecommendations from '../Recommendations/ClusterRecommendations';
 import { EARuleWidget } from '../Recommendations/EARules/EARuleWidget';
@@ -15,28 +17,35 @@ const defaultProps = {};
 function WizardAside(props) {
     const { routeState: { activeSection }, } = useContext(RouteContext);
     const canAddAttachments = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.ATTACHMENTS);
-    const { isCreatingCase, caseType } = useCaseSelector((state) => ({
+    const { isCreatingCase, caseType, isCveModalOpened, ABTestVariation } = useCaseSelector((state) => ({
         isCreatingCase: state.isCreatingCase,
         caseType: state.caseDetails.caseType,
+        isCveModalOpened: state.isCveModalOpened,
+        ABTestVariation: state.ABTestVariation,
     }), isEqual);
+    const isATestvariation = ABTestVariation === 'A';
     const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
     const canUseSessionManagement = ability.can(resourceActions.CREATE, resources.SESSION_TRACKING);
     const canShowFileUploadWidget = () => canAddAttachments &&
         !props.isAttachmentUploadModalOpen &&
+        !isUndefined(activeSection) &&
         !hideFileUploadSidebarWidgetSections.includes(activeSection);
-    const canshowEARuleWidget = showSideBarEARuleWidgetSections.includes(activeSection);
+    const canShowEARuleWidget = isATestvariation
+        ? showSideBarEARuleWidgetSectionsExperienceA.includes(activeSection)
+        : showSideBarEARuleWidgetSections.includes(activeSection);
     const canShowClusterIdReportWidget = showSideBarClusterIdRuleWidgetSections.includes(activeSection);
     const canShowFileRecommendationSectionsWidget = showSideBarFileRecommendationSections.includes(activeSection);
     return (React.createElement("aside", null,
         React.createElement("section", { className: "grid-aside-content" },
-            canshowEARuleWidget && React.createElement(EARuleWidget, null),
-            React.createElement(InsightsResults, null),
-            " ",
-            !(isIdea && activeSection === 'submit-case') && React.createElement(AsideResults, { routeProps: props.routeProps }),
+            canUseSessionManagement && !isCreatingCase && activeSection !== AppRouteSections.SUBMIT_CASE && (React.createElement(SessionRestore, { routeProps: props.routeProps })),
+            canShowFileUploadWidget() && React.createElement(InsightsResults, null),
+            canShowFileUploadWidget() && React.createElement(FileDiag, { className: "pf-v5-u-mb-md" }),
+            activeSection === AppRouteSections.SUMMARIZE && !isCveModalOpened && React.createElement(CveSidebar, null),
+            activeSection === AppRouteSections.TROUBLESHOOT && React.createElement(CveSidebar, null),
+            canShowEARuleWidget && React.createElement(EARuleWidget, null),
+            !(isIdea && activeSection === 'submit-case') && (React.createElement(AsideResults, { routeProps: props.routeProps, className: "pf-v5-u-mb-md pf-v5-u-mt-0" })),
             canShowFileRecommendationSectionsWidget && React.createElement(InsightsResults, { isDisplayOnMain: true }),
-            React.createElement(ClusterRecommendations, { showClusterRecommendationsList: canShowClusterIdReportWidget }),
-            canUseSessionManagement && !isCreatingCase && React.createElement(SessionRestore, { routeProps: props.routeProps }),
-            canShowFileUploadWidget() && React.createElement(FileDiag, { className: "pf-u-mt-md" }))));
+            React.createElement(ClusterRecommendations, { showClusterRecommendationsList: canShowClusterIdReportWidget, className: "pf-v5-u-mb-md pf-v5-u-mt-0" }))));
 }
 WizardAside.defaultProps = defaultProps;
 export default WizardAside;

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

@@ -1,8 +1,9 @@
+import React from 'react';
 import { RouteComponentProps } from 'react-router-dom';
 import { IRouteUrlParams } from '../../reducers/RouteConstNTypes';
 interface IProps {
     routeProps: RouteComponentProps<IRouteUrlParams>;
 }
-export declare function WizardLayout(props: IProps): JSX.Element;
+export declare function WizardLayout(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=WizardLayout.d.ts.map

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":"AAiBA,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,eAyLzC"}
+{"version":3,"file":"WizardLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardLayout.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,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,qBA4MzC"}

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

@@ -9,9 +9,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { Grid, GridItem } from '@patternfly/react-core';
 import { SupportFeedbackForm } from '@rh-support/components';
-import { GlobalMetadataStateContext } from '@rh-support/react-context';
+import { fetchProducts, GlobalMetadataDispatchContext, GlobalMetadataStateContext } from '@rh-support/react-context';
 import { ability, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
-import { getConfigField, getVersionIfOnlyVersion, PCM_CONFIG_FIELD_TYPE, pendoTrackEvent, PreviousCaseTypes, trafficSplit, } from '@rh-support/utils';
+import { ABTestSplitBasedOnAccountNumber, getConfigField, getVersionIfOnlyVersion, PCM_CONFIG_FIELD_TYPE, pendoTrackEvent, PreviousCaseTypes, } from '@rh-support/utils';
 import findIndex from 'lodash/findIndex';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
@@ -20,7 +20,7 @@ import { Trans } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { RouteContext } from '../../context/RouteContext';
 import { SessionRestoreDispatchContext, SessionRestoreStateContext } from '../../context/SessionRestoreContext';
-import { setFetchingRecommendationsFromWatsonXFlag, submitCase } from '../../reducers/CaseReducer';
+import { setABTestVariation, submitCase } from '../../reducers/CaseReducer';
 import { AppRouteSections } from '../../reducers/RouteConstNTypes';
 import RouteUtils from '../../utils/routeUtils';
 import PreCaseConfirmationModals, { PreCaseConfirmationModalsEnum, } from '../ConfirmationModals/PreCaseConfirmationModals';
@@ -33,46 +33,24 @@ import WizardAside from './WizardAside';
 import WizardMain from './WizardMain';
 export function WizardLayout(props) {
     const { routeState: { activeSection, isCaseCreate }, } = useContext(RouteContext);
-    const caseState = useCaseSelector((state) => state, isEqual);
+    const { caseCreationError, contactSSOName, caseType, product, caseState, ABTestVariation } = useCaseSelector((state) => ({
+        caseState: state,
+        caseCreationError: state.caseCreationError,
+        contactSSOName: state.caseDetails.contactSSOName,
+        caseType: state.caseDetails.caseType,
+        product: state.caseDetails.product,
+        ABTestVariation: state.ABTestVariation,
+    }), isEqual);
     const sessionRestoreDispatch = useContext(SessionRestoreDispatchContext);
     const caseDispatch = useCaseDispatch();
     const { sessionRestore: { activeSessionId, previousSessions }, } = useContext(SessionRestoreStateContext);
-    const { globalMetadataState: { allProducts, loggedInUser, loggedInUserRights, loggedInUsersAccount, pcmConfig }, } = useContext(GlobalMetadataStateContext);
+    const { globalMetadataState: { allProducts, loggedInUser, loggedInUsersAccount, pcmConfig }, } = useContext(GlobalMetadataStateContext);
+    const dispatchToGlobalMetadataReducer = useContext(GlobalMetadataDispatchContext);
     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 isWatsonXEnabled = getConfigField(pcmConfig.data, 'isWatsonxEnabled', PCM_CONFIG_FIELD_TYPE.FEATURE_FLAG);
-    const testVariationWeight = getConfigField(pcmConfig.data, 'testVariationWeightZeroToTen', PCM_CONFIG_FIELD_TYPE.NUMBER);
-    const urlQueryParams = RouteUtils.getQueryParams(props.routeProps);
-    const rerankingFromUrl = urlQueryParams.reranking;
-    const isShowRerankingForInternalUsers = (rerankingFromUrl === 'true' || rerankingFromUrl === 'false') && loggedInUserRights.data.isInternal();
-    useEffect(() => {
-        if (isEmpty(activeSessionId) || !isWatsonXEnabled || !testVariationWeight)
-            return;
-        if (isShowRerankingForInternalUsers && rerankingFromUrl === 'true') {
-            setFetchingRecommendationsFromWatsonXFlag(caseDispatch, true);
-            return;
-        }
-        if (isShowRerankingForInternalUsers && rerankingFromUrl === 'false') {
-            setFetchingRecommendationsFromWatsonXFlag(caseDispatch, false);
-            return;
-        }
-        const sessionItem = previousSessions.data[activeSessionId];
-        if (sessionItem && trafficSplit(testVariationWeight, sessionItem.session.createdDate) === 'A') {
-            setFetchingRecommendationsFromWatsonXFlag(caseDispatch, true);
-        }
-    }, [
-        caseDispatch,
-        isWatsonXEnabled,
-        activeSessionId,
-        previousSessions,
-        testVariationWeight,
-        isShowRerankingForInternalUsers,
-        rerankingFromUrl,
-        props.routeProps,
-    ]);
     const closeROCMProductModal = () => {
         const productName = 'OpenShift Container Platform';
         // if user click on Cancel then change product selection.
@@ -85,11 +63,10 @@ export function WizardLayout(props) {
         RouteUtils.updateQueryParams(props.routeProps, newParams);
     };
     const checkForConfirmationModalsOnReview = () => {
-        var _a, _b;
-        if (((_a = caseState === null || caseState === void 0 ? void 0 : caseState.caseDetails) === null || _a === void 0 ? void 0 : _a.caseType) === PreviousCaseTypes.FEATURE_ENHANCEMENT)
+        if (caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT)
             return false;
         let isModalPresent = false;
-        if (((_b = caseState === null || caseState === void 0 ? void 0 : caseState.caseDetails) === null || _b === void 0 ? void 0 : _b.product) === 'Red Hat OpenShift Cluster Manager' &&
+        if (product === 'Red Hat OpenShift Cluster Manager' &&
             !viewedConfirmationModalsList.current.includes(PreCaseConfirmationModalsEnum.ROCM_MODAL)) {
             setConfirmationModalType(PreCaseConfirmationModalsEnum.ROCM_MODAL);
             viewedConfirmationModalsList.current.push(PreCaseConfirmationModalsEnum.ROCM_MODAL);
@@ -116,18 +93,14 @@ export function WizardLayout(props) {
                 "Try submitting again after a minute. Please ",
                 React.createElement(SupportFeedbackForm, { isInline: true }),
                 " if you continue to see this message.")));
-        submitCase(caseDispatch, sessionRestoreDispatch, caseState, sessionItem, isCaseCreate, errorMessageCaseSubmit500, loggedInUser.data.ssoUsername, loggedInUsersAccount === null || loggedInUsersAccount === void 0 ? void 0 : loggedInUsersAccount.data.secureSupport);
+        submitCase(caseDispatch, sessionRestoreDispatch, caseState, sessionItem, isCaseCreate, errorMessageCaseSubmit500, loggedInUser.data.ssoUsername, loggedInUsersAccount === null || loggedInUsersAccount === void 0 ? void 0 : loggedInUsersAccount.data.secureSupport, isReSubmitting || false, RouteUtils.getQueryParams(props.routeProps).caseCreate === 'true');
         // reset viewedModals on case submit
         viewedConfirmationModalsList.current = [];
         !isReSubmitting &&
             RouteUtils.navigateToSection(props.routeProps, `${RouteUtils.seBasePath}/${AppRouteSections.SUBMIT_CASE}`, false);
     });
-    const confirmSupportModal = (isConfirmedStateSideSupport, hasPreferredSecureSupportAccount) => {
-        // confirmed state side support show modal logic
-        if (isConfirmedStateSideSupport) {
-            setConfirmationModalType(PreCaseConfirmationModalsEnum.CSS_MODAL);
-        }
-        else if (hasPreferredSecureSupportAccount) {
+    const confirmSupportModal = (hasPreferredSecureSupportAccount) => {
+        if (hasPreferredSecureSupportAccount) {
             setConfirmationModalType(PreCaseConfirmationModalsEnum.PREFERRED_GS4_Modal);
             // track pendo event
             pendoTrackEvent(preferredSSModalOpenPendoEvent);
@@ -139,13 +112,43 @@ export function WizardLayout(props) {
         }
         setConfirmationModalType(null);
     };
+    // A/B test
+    useEffect(() => {
+        var _a, _b;
+        if (isEmpty(loggedInUsersAccount.data.accountNumber))
+            return;
+        const urlParams = new URLSearchParams(window.location.search);
+        const useflowFromUrl = urlParams.get('useflow');
+        // if useflow was added in url, we force the selection
+        if (useflowFromUrl &&
+            (((_a = useflowFromUrl === null || useflowFromUrl === void 0 ? void 0 : useflowFromUrl.charAt(0)) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'a' || ((_b = useflowFromUrl === null || useflowFromUrl === void 0 ? void 0 : useflowFromUrl.charAt(0)) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === 'b')) {
+            // set state for PCM to show A or B
+            setABTestVariation(caseDispatch, useflowFromUrl === null || useflowFromUrl === void 0 ? void 0 : useflowFromUrl.charAt(0).toUpperCase());
+            return;
+        }
+        const appABTestConfig = getConfigField(pcmConfig.data, 'testVariationWeightZeroToTen', PCM_CONFIG_FIELD_TYPE.STRING);
+        if (isEmpty(loggedInUsersAccount.data.accountNumber) || isEmpty(appABTestConfig))
+            return;
+        const appTestWeight = parseInt(appABTestConfig, 10);
+        const newABTestVariation = ABTestSplitBasedOnAccountNumber(appTestWeight, loggedInUsersAccount.data.accountNumber);
+        if (newABTestVariation !== ABTestVariation) {
+            // set state for PCM to show A or B
+            setABTestVariation(caseDispatch, newABTestVariation);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [loggedInUsersAccount.data.accountNumber, ABTestVariation]);
+    // Loading app metadata
+    useEffect(() => {
+        fetchProducts(dispatchToGlobalMetadataReducer, contactSSOName);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [contactSSOName, dispatchToGlobalMetadataReducer]);
     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.DESCRIBE_IDEA && (React.createElement(PreCaseConfirmationModals, { onModalClose: onModalClose, confirmationModalType: confirmationModalType, onConfirm: () => submitCaseAndNavigate(caseCreationError) })),
         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 })));
+        React.createElement(AlertToastWrapper, { submitCaseAndNavigate: submitCaseAndNavigate, routeProps: props.routeProps })));
 }

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

@@ -1,10 +1,11 @@
+import React from 'react';
 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;
+    confirmSupportModal: (hasPreferredSecureSupportAccount: boolean) => void;
 }
-declare function WizardMain(props: IProps): JSX.Element;
+declare function WizardMain(props: IProps): React.JSX.Element;
 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":"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"}
+{"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,qBAsIhC;AACD,eAAe,UAAU,CAAC"}

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

@@ -1,7 +1,7 @@
-import { Wizard, WizardContextConsumer, WizardFooter } from '@patternfly/react-core';
+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';
@@ -12,18 +12,38 @@ import { setActiveSectionChanged, updateisNextBtnClickedToShowValidationError }
 import RouteUtils from '../../utils/routeUtils';
 import SubmitCase from '../SubmitCase/SubmitCase';
 import MainSection from './MainSection';
+import NewFeatureModal from './NewFeatureModal';
 import WizardNavigation from './WizardNavigation';
 function WizardMain(props) {
     const [showRestFlag, setShowRestFlag] = useState(false);
     const { isCreatingCase } = useCaseSelector((state) => ({
         isCreatingCase: state.isCreatingCase,
     }), isEqual);
-    const { getStepsSequece } = useWizard(props.routeProps);
+    const [userSeenRecommendations, setUserSeenRecommendations] = useState(false);
+    const [userClickedNextonRecommendations, setUserClickedNextonRecommendations] = useState(false);
+    const [userScrolledLabel, setUserScrolledLabel] = useState(false);
+    const [userCanNavigateToTroubleshoot, setUserCanNavigateToTroubleshoot] = useState(false);
+    const resultsRowRef = useRef(null);
+    const { getStepsSequece } = useWizard(props.routeProps, {
+        userSeenRecommendationsfn: setUserSeenRecommendations,
+        userSeenRecommendationsValue: userSeenRecommendations,
+        userCanNavigateToTroubleshoot: userCanNavigateToTroubleshoot,
+        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;
+            (_a = document.querySelector('.main-step-content')) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true });
+        }, 250);
+    };
     const onNext = (step) => {
         RouteUtils.navigateToSection(props.routeProps, `${props.routeProps.location.pathname}/${step.id}`, false);
     };
@@ -42,12 +62,19 @@ function WizardMain(props) {
     };
     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) }));
+            return (React.createElement(WizardNavigation, { routeProps: props.routeProps, onNext: () => {
+                    onNext();
+                    focusWizardMainPanel();
+                }, onBack: () => {
+                    onBack();
+                    focusWizardMainPanel();
+                }, activeStep: activeStep, onSubmit: onSubmit, confirmSupportModal: props.confirmSupportModal, onShowRestUpdate: (flag) => setShowRestFlag(flag), userSeenRecommendations: userSeenRecommendations, setUserSeenRecommendations: setUserSeenRecommendations, userClickedNextonRecommendationsFn: setUserClickedNextonRecommendations, userClickedNextonRecommendationsValue: userClickedNextonRecommendations, setUserCanNavigateToTroubleshoot: setUserCanNavigateToTroubleshoot, 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
     const steps = getStepsSequece(showRestFlag);
     return (React.createElement(React.Fragment, null,
+        React.createElement(NewFeatureModal, null),
         steps.length !== 0 && (React.createElement(Route, { path: `${RouteUtils.seBasePath}/(${steps[0].id}|describe-issue|open-case)`, 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() })));
 }

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

@@ -1,4 +1,5 @@
-import { RouteComponentProps } from 'react-router';
+import React from 'react';
+import { RouteComponentProps } from 'react-router-dom';
 import { IRouteUrlParams, ISectionConfiguration } from '../../reducers/RouteConstNTypes';
 interface IProps {
     routeProps: RouteComponentProps<IRouteUrlParams>;
@@ -6,10 +7,17 @@ interface IProps {
     onBack: () => void;
     activeStep: Partial<ISectionConfiguration>;
     onSubmit: () => void;
-    confirmSupportModal: (isConfirmedStateSideSupport: boolean, hasPreferredSecureSupportAccount: boolean) => void;
+    confirmSupportModal: (hasPreferredSecureSupportAccount: boolean) => void;
     onShowRestUpdate: (flag: boolean) => void;
+    userSeenRecommendations?: boolean;
+    setUserSeenRecommendations?: (value: React.SetStateAction<boolean>) => void;
+    userClickedNextonRecommendationsFn?: (value: React.SetStateAction<boolean>) => void;
+    userClickedNextonRecommendationsValue?: boolean;
+    setUserCanNavigateToTroubleshoot: (value: React.SetStateAction<boolean>) => void;
+    resultsRowRef?: any;
+    setUserScrolledLabel: (value: React.SetStateAction<boolean>) => void;
 }
-declare function WizardNavigation(props: IProps): JSX.Element;
+declare function WizardNavigation(props: IProps): React.JSX.Element;
 declare namespace WizardNavigation {
     var defaultProps: Partial<IProps>;
 }

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":"AASA,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,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,eA4JtC;kBA5JQ,gBAAgB;;;AA8JzB,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"WizardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardNavigation.tsx"],"names":[],"mappings":"AAQA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,EAAoB,eAAe,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAM3G,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,gCAAgC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACjF,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,qBA0StC;kBA1SQ,gBAAgB;;;AA4SzB,eAAe,gBAAgB,CAAC"}

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

@@ -11,17 +11,20 @@ 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 { getResTypeFromUrl } from '@rh-support/utils';
+import { dtmTrackEventCaseCreationStepEncountered, getResTypeFromUrl, scrollIntoView } from '@rh-support/utils';
 import find from 'lodash/find';
+import isEmpty from 'lodash/isEmpty';
 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';
 import { AppRouteSections } from '../../reducers/RouteConstNTypes';
 import { updateisNextBtnClickedToShowValidationError } from '../../reducers/RouteReducer';
+import RouteUtils from '../../utils/routeUtils';
 import { RecommendationFeedbackModal } from '../Recommendations/RecommendationFeedbackModal';
 import { useIsSectionValid } from '../shared/useIsSectionValid';
 const defaultProps = {};
@@ -29,11 +32,19 @@ function WizardNavigation(props) {
     var _a, _b;
     const { t } = useTranslation();
     const canCreateCase = useCanCreateCase();
-    const { routeState: { activeSection, isNextBtnClickedToShowValidationError, noValidEntitlement, isSearchIntent }, } = useContext(RouteContext);
-    const { globalMetadataState: { loggedInUsersAccount, allProducts }, } = useContext(GlobalMetadataStateContext);
-    const { caseState } = useCaseSelector((state) => ({
+    const { recommendationState } = useContext(RecommendationStateContext);
+    const { routeState: { activeSection, isNextBtnClickedToShowValidationError, noValidEntitlement, isSearchIntent, isCaseCreate, }, } = useContext(RouteContext);
+    const { globalMetadataState: { loggedInUsersAccount, allProducts, navBarRef }, } = useContext(GlobalMetadataStateContext);
+    const { caseState, ABTestVariation, issue, summary, product, version } = useCaseSelector((state) => ({
         caseState: state,
+        issue: state.caseDetails.issue,
+        summary: state.caseDetails.summary,
+        ABTestVariation: state.ABTestVariation,
+        product: state.caseDetails.product,
+        version: state.caseDetails.version,
     }), isEqual);
+    const isATestvariation = ABTestVariation === 'A';
+    const isBTestvariation = ABTestVariation === 'B' || isEmpty(ABTestVariation);
     // To check if the user is entitled or not
     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 dispatchToRouteReducer = useContext(RouteDispatchContext);
@@ -46,17 +57,90 @@ function WizardNavigation(props) {
         isFileRecommendationsTriggered: state.isFileRecommendationsTriggered,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
-    const onNext = () => {
+    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
+    }, [recommendationState.isLoadingRecommendations]);
+    useEffect(() => {
         var _a, _b;
+        const isCreatingCase = RouteUtils.getQueryParams(props.routeProps).caseCreate === 'true';
+        dtmTrackEventCaseCreationStepEncountered(isCreatingCase, 
+        // @ts-ignore
+        props.activeStep.id, (_a = caseState.caseDetails) === null || _a === void 0 ? void 0 : _a.caseNumber, (_b = caseState.caseDetails) === null || _b === void 0 ? void 0 : _b.caseType, caseState.caseDetails.summary, caseState.caseDetails.product, caseState.caseDetails.version);
+        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]) => {
+            // future debugging needs if resolution issue occurs
+            // console.log('Intersection status:', entry.isIntersecting);
+            // console.log('Intersection ratio:', entry.intersectionRatio);
+            // console.log({ hasUserScrolled });
+            const boundingRect = entry.boundingClientRect;
+            const isScrollingUp = boundingRect.top > 0;
+            const isAboveThreshold = entry.intersectionRatio >= 0.6;
+            isAboveThreshold && props.setUserCanNavigateToTroubleshoot(true);
+            isAboveThreshold && props.setUserSeenRecommendations(true);
+            // If scrolling up, always use the threshold check
+            if (isScrollingUp) {
+                setHasUserScrolled(isAboveThreshold);
+                props.setUserScrolledLabel(isAboveThreshold);
+                return;
+            }
+            // If scrolling down and we hit the threshold, set to true
+            if (isAboveThreshold) {
+                props.setUserScrolledLabel(true);
+                props.userClickedNextonRecommendationsFn && props.userClickedNextonRecommendationsFn(true);
+            }
+        }, {
+            root: null,
+            threshold: [0, 0.6], // Changing threshold value to have its effect on pagination when page size is more than 10.
+            rootMargin: '0px',
+        });
+        const resultsRowElement = props.resultsRowRef.current;
+        if (resultsRowElement) {
+            observer.observe(resultsRowElement);
+        }
+        return () => {
+            if (resultsRowElement) {
+                observer.unobserve(resultsRowElement);
+            }
+        };
+    }, [recommendationState.numFound, hasUserScrolled, props]);
+    const onNext = () => {
+        var _a;
         updateisNextBtnClickedToShowValidationError(dispatchToRouteReducer, true);
+        //handle the new changes for 13406:
+        if (props.activeStep.id === AppRouteSections.SUMMARIZE && recommendationState.numFound > 2) {
+            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;
-        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);
+        const hasPreferredSecureSupportAccount = (_a = loggedInUsersAccount === null || loggedInUsersAccount === void 0 ? void 0 : loggedInUsersAccount.data) === null || _a === void 0 ? void 0 : _a.hasPreferredSecureSupportAccount;
+        if (props.activeStep.id === AppRouteSections.TROUBLESHOOT && hasPreferredSecureSupportAccount) {
+            props.confirmSupportModal(hasPreferredSecureSupportAccount);
             return;
         }
         if (props.activeStep.isLastStep) {
@@ -88,14 +172,14 @@ function WizardNavigation(props) {
     };
     // To handle self solving through file recommendations
     const handleFileRecsSelfSolved = () => __awaiter(this, void 0, void 0, function* () {
-        var _c, _d, _e, _f;
+        var _a, _b, _c, _d;
         try {
             yield resolveSessionRequest(activeSessionId, {
                 sessionId: activeSessionId,
-                sessionResourceOriginId: (_d = (_c = sessionResourceTracking[SessionResourceSource.INSIGHTS]) === null || _c === void 0 ? void 0 : _c.resourceOriginId) !== null && _d !== void 0 ? _d : '',
+                sessionResourceOriginId: (_b = (_a = sessionResourceTracking[SessionResourceSource.INSIGHTS]) === null || _a === void 0 ? void 0 : _a.resourceOriginId) !== null && _b !== void 0 ? _b : '',
                 type: getResTypeFromUrl(''),
                 source: SessionResourceSource.INSIGHTS,
-                resourceEntityId: (_f = (_e = sessionResourceTracking[SessionResourceSource.INSIGHTS]) === null || _e === void 0 ? void 0 : _e.resourceEntityId) !== null && _f !== void 0 ? _f : '',
+                resourceEntityId: (_d = (_c = sessionResourceTracking[SessionResourceSource.INSIGHTS]) === null || _c === void 0 ? void 0 : _c.resourceEntityId) !== null && _d !== void 0 ? _d : '',
                 url: '',
             });
             setCaseState(caseDispatch, { isFileRecommendationsTriggered: false });
@@ -103,16 +187,49 @@ function WizardNavigation(props) {
         }
         catch (e) { }
     });
-    // To handle entitled products
     const isEntitledProductLocal = isSearchIntent ? true : isEntitledProduct;
-    return (React.createElement(React.Fragment, null,
-        props.activeStep.order !== 0 && (React.createElement("button", { onClick: () => onBack(), className: "btn btn-app btn-open-white main-nav-button", "data-tracking-id": `prev-of-${activeSection}` }, t('Go back'))),
-        React.createElement("button", { disabled: (!isEntitledProductLocal && props.activeStep.nextButtonLabel === 'Get support') ||
+    const nextButtonDisabledLogic = () => {
+        if (isBTestvariation) {
+            let value = ((isEmpty(summary) || isEmpty(issue) || isEmpty(product) || isEmpty(version)) &&
+                props.activeStep.id === AppRouteSections.SUMMARIZE) ||
+                (!isEntitledProductLocal && props.activeStep.nextButtonLabel === 'Get support') ||
+                props.activeStep.nextButtonLabel === 'Troubleshoot' ||
+                (!isSectionValidFn(props.activeStep.id) && isNextBtnClickedToShowValidationError) ||
+                noValidEntitlement;
+            return value;
+        }
+        else if (isATestvariation) {
+            let value = ((isEmpty(summary) || isEmpty(issue) || isEmpty(product) || isEmpty(version)) &&
+                props.activeStep.id === AppRouteSections.SUMMARIZE) ||
+                (!isEntitledProductLocal && props.activeStep.nextButtonLabel === 'Get support') ||
+                props.activeStep.nextButtonLabel === 'Troubleshoot' ||
+                (!isSectionValidFn(props.activeStep.id) && isNextBtnClickedToShowValidationError) ||
+                noValidEntitlement;
+            return value;
+        }
+        else if (isATestvariation && !isCaseCreate) {
+            let value = isEmpty(summary) ||
+                isEmpty(issue) ||
+                (!isEntitledProductLocal && props.activeStep.nextButtonLabel === 'Get support') ||
                 (!isSectionValidFn(props.activeStep.id) && isNextBtnClickedToShowValidationError) ||
-                noValidEntitlement, onClick: onNext, className: "btn btn-app btn-primary main-nav-button", "data-tracking-id": `next-of-${activeSection}` }, t(props.activeStep.nextButtonLabel)),
+                noValidEntitlement;
+            return value;
+        }
+    };
+    const isDisabledGoBack = () => {
+        if (isBTestvariation || isEmpty(ABTestVariation))
+            return false;
+        if (isATestvariation && props.activeStep.id === 'get-support') {
+            return isEmpty(product) || isEmpty(version);
+        }
+    };
+    // To handle entitled products
+    return (React.createElement(React.Fragment, null,
+        props.activeStep.order !== 0 && (React.createElement("button", { onClick: () => onBack(), className: "btn btn-app btn-open-white main-nav-button", "data-tracking-id": `prev-of-${activeSection}`, type: "button", disabled: isDisabledGoBack() }, t('Go back'))),
+        React.createElement("button", { disabled: nextButtonDisabledLogic(), onClick: onNext, className: "btn btn-app btn-primary main-nav-button", "data-tracking-id": `next-of-${activeSection}`, type: "button" }, t(props.activeStep.nextButtonLabel)),
         activeSection === AppRouteSections.TROUBLESHOOT && isFileRecommendationsTriggered && (React.createElement(Button, { onClick: handleFileRecsSelfSolved, variant: ButtonVariant.secondary, className: "issue-solved-button solved-issue-button", "data-tracking-id": "troubleshoot-self-solved-issue" }, t('I solved my issue'))),
         React.createElement(RecommendationFeedbackModal, { isModalOpen: isRecsModalVisible, handleModalToggle: onRecsFeedbackModalToggle, modalContent: t(`Great, we're glad that resolved your issue`) }),
-        activeSectionError ? (React.createElement("small", { className: "pf-u-align-self-center pf-u-ml-md text-red" }, activeSectionError)) : null));
+        activeSectionError ? (React.createElement("small", { className: "pf-v5-u-align-self-center pf-v5-u-ml-md text-red" }, activeSectionError)) : null));
 }
 WizardNavigation.defaultProps = defaultProps;
 export default WizardNavigation;

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

@@ -4,6 +4,7 @@ import '../../css/pagination.css';
 import '../../css/productSelector.css';
 import '../../css/results.css';
 import '../shared/fileUpload/css/fileSelector.css';
+import React from 'react';
 import { RouteComponentProps } from 'react-router-dom';
 import { IRouteUrlParams } from '../../reducers/RouteConstNTypes';
 interface IProps {
@@ -14,10 +15,8 @@ declare global {
     interface Window {
         sessionjs: any;
         MSInputMethodContext: any;
-        chrometwo_require: (component: string[], callback: (...params: any[]) => any) => any;
         portal: any;
         Raven: any;
-        chrometwo_ready: any;
         seVersionInfo: {
             packageVersion: string;
             hydrajs: string;
@@ -27,6 +26,6 @@ declare global {
         documentMode: any;
     }
 }
-export declare const Troubleshoot: (props: IProps) => JSX.Element;
+export declare const Troubleshoot: (props: IProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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;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"}
+{"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;AAGnD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAGlE,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,MAAM,EAAE,GAAG,CAAC;QACZ,KAAK,EAAE,GAAG,CAAC;QACX,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,sBAYzC,CAAC"}