@rh-support/troubleshoot 2.4.5-beta.2 → 2.4.5-beta.20

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

@@ -14,7 +14,7 @@ import { AppRouteSections } from '../../reducers/RouteConstNTypes';
 import { AttachmentStateContext } from './fileUpload/reducer/AttachmentReducerContext';
 export function useIsSectionValid(sectionName) {
     var _a, _b;
-    const { caseState, caseType, product, version, contactSSOName, accountNumber, summary, hostname, contactInfo24x7, alternateId, selectedAccountDetails, issue, environment, timeFramesAndUrgency, periodicityOfIssue, } = useCaseSelector((state) => ({
+    const { caseState, caseType, product, version, contactSSOName, accountNumber, summary, hostname, contactInfo24x7, alternateId, selectedAccountDetails, issue, environment, timeFramesAndUrgency, periodicityOfIssue, ABTestVariation, } = useCaseSelector((state) => ({
         caseState: state,
         caseType: state.caseDetails.caseType,
         product: state.caseDetails.product,
@@ -30,7 +30,12 @@ export function useIsSectionValid(sectionName) {
         environment: state.caseDetails.environment,
         timeFramesAndUrgency: state.caseDetails.timeFramesAndUrgency,
         periodicityOfIssue: state.caseDetails.periodicityOfIssue,
+        ABTestVariation: state.ABTestVariation,
     }), isEqual);
+    //&seSessionId=8e8960ac-680b-443e-bf67-9e13f2acd64e
+    const isATestvariation = ABTestVariation === 'A';
+    const isBTestvariation = ABTestVariation === 'B' || isEmpty(ABTestVariation);
+    const { routeState: { isCaseCreate }, } = useContext(RouteContext);
     const { globalMetadataState: { allProducts, loggedInUserJwtToken }, } = useContext(GlobalMetadataStateContext);
     const { topContentState: { topContent }, } = useContext(TCStateContext);
     const { recommendationState } = useContext(RecommendationStateContext);
@@ -49,22 +54,57 @@ export function useIsSectionValid(sectionName) {
         return !hasUnallowedFiles && !hasOversizeFiles; // we want it false to trigger the error if its true
     };
     const isGetSupportSectionValidLocal = () => {
-        return (!isEmpty(caseType) &&
+        let isValid = !isEmpty(caseType) &&
             !isEmpty(accountNumber) &&
             !isEmpty(contactSSOName) &&
-            !selectedAccountDetails.data.subscriptionAbuse);
+            !selectedAccountDetails.data.subscriptionAbuse;
+        if (isATestvariation) {
+            isValid = isValid && !isEmpty(product) && !isEmpty(version);
+        }
+        return isValid;
     };
     const isSummarizeSectionValid = () => {
-        return (!isEmpty(product) &&
-            !isEmpty(version) &&
-            !allProducts.isFetching &&
-            !allProducts.isError &&
-            !topContent.isFetching &&
-            !isEmpty(summary) &&
-            !isEmpty(issue) &&
-            !recommendationState.isLoadingRecommendations &&
-            (summary === null || summary === void 0 ? void 0 : summary.length) <= TITLE_SUMMARY_LENGTH_LIMIT &&
-            (issue === null || issue === void 0 ? void 0 : issue.length) <= ISSUE_SUMMARY_LENGTH_LIMIT);
+        if (isBTestvariation) {
+            let isValid = !allProducts.isFetching &&
+                !allProducts.isError &&
+                !topContent.isFetching &&
+                !recommendationState.isLoadingRecommendations &&
+                (summary === null || summary === void 0 ? void 0 : summary.length) <= TITLE_SUMMARY_LENGTH_LIMIT &&
+                (issue === null || issue === void 0 ? void 0 : issue.length) <= ISSUE_SUMMARY_LENGTH_LIMIT &&
+                !isEmpty(product) &&
+                !isEmpty(version) &&
+                !isEmpty(summary) &&
+                !isEmpty(issue);
+            return isValid;
+        }
+        if (isATestvariation) {
+            let isValid = !allProducts.isFetching &&
+                !allProducts.isError &&
+                !topContent.isFetching &&
+                !recommendationState.isLoadingRecommendations &&
+                (summary === null || summary === void 0 ? void 0 : summary.length) <= TITLE_SUMMARY_LENGTH_LIMIT &&
+                (issue === null || issue === void 0 ? void 0 : issue.length) <= ISSUE_SUMMARY_LENGTH_LIMIT &&
+                !isEmpty(summary) &&
+                !isEmpty(issue);
+            return isValid;
+        }
+        if (isCaseCreate) {
+            //because on the summarize page for troubleshoot flow we have only product version and owner
+            let isValid = !allProducts.isFetching &&
+                !allProducts.isError &&
+                // !topContent.isFetching &&
+                // !recommendationState.isLoadingRecommendations &&
+                // summary!?.length <= TITLE_SUMMARY_LENGTH_LIMIT &&
+                // issue!?.length <= ISSUE_SUMMARY_LENGTH_LIMIT &&
+                !isEmpty(product) &&
+                !isEmpty(accountNumber) &&
+                !isEmpty(contactSSOName) &&
+                !isEmpty(version);
+            return isValid;
+        }
+        else if (!isCaseCreate) {
+            return !isEmpty(product) && !isEmpty(version) && !isEmpty(accountNumber) && !isEmpty(contactSSOName);
+        }
     };
     const isCaseManagementSectionValid = () => {
         const hasContactInfo24x7ValidLength = contactInfo24x7
@@ -76,6 +116,22 @@ export function useIsSectionValid(sectionName) {
             hasAlternateCaseIdValidLength);
     };
     const isTroubleshootSectionValid = () => {
+        if (isBTestvariation) {
+            //if we are in the new experience and user is troubleshoot we give them those validity fields
+            if (!isCaseCreate) {
+                let isValid = !allProducts.isFetching &&
+                    !allProducts.isError &&
+                    !topContent.isFetching &&
+                    !recommendationState.isLoadingRecommendations &&
+                    (summary === null || summary === void 0 ? void 0 : summary.length) <= TITLE_SUMMARY_LENGTH_LIMIT &&
+                    (issue === null || issue === void 0 ? void 0 : issue.length) <= ISSUE_SUMMARY_LENGTH_LIMIT &&
+                    !isEmpty(product) &&
+                    !isEmpty(version) &&
+                    !isEmpty(summary) &&
+                    !isEmpty(issue);
+                return isValid;
+            }
+        }
         // don't check for entitled product if user is on search intent flow
         const isEntitledProductLocal = isSearchIntent ? true : isEntitledProduct;
         return !recommendationState.isLoadingRecommendations && isEntitledProductLocal;

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,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAGH,eAAe,EAKlB,MAAM,iCAAiC,CAAC;AAUzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,2BAA2B,EAAE,OAAO,CAAC;CACxC;AAGD,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,qBAyDjC;kBAzDQ,WAAW;;;AA2DpB,eAAe,WAAW,CAAC"}
+{"version":3,"file":"WizardAside.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardAside.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAGH,eAAe,EAKlB,MAAM,iCAAiC,CAAC;AAQzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,2BAA2B,EAAE,OAAO,CAAC;CACxC;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,qBAsDjC;kBAtDQ,WAAW;;;AAwDpB,eAAe,WAAW,CAAC"}

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

@@ -5,46 +5,47 @@ import isUndefined from 'lodash/isUndefined';
 import React, { useContext } from 'react';
 import { useCaseSelector } from '../../context/CaseContext';
 import { RouteContext } from '../../context/RouteContext';
-import { AppRouteSections, hideFileUploadSidebarWidgetSections, showRecommendationTipsSections, 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';
 import InsightsResults from '../Recommendations/InsightsResults';
-import { RecommendationInfoBox } from '../Recommendations/RecommendationInfoBox';
 import { SessionRestore } from '../SessionRestore';
 const defaultProps = {};
 function WizardAside(props) {
     const { routeState: { activeSection }, } = useContext(RouteContext);
     const canAddAttachments = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.ATTACHMENTS);
-    const { isCreatingCase, caseType, isCveModalOpened } = 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);
-    const canShowRecommendationTips = showRecommendationTipsSections.includes(activeSection) && !isIdea;
     return (React.createElement("aside", null,
         React.createElement("section", { className: "grid-aside-content" },
+            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 && activeSection !== AppRouteSections.GET_SUPPORT && React.createElement(EARuleWidget, 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, className: "pf-v5-u-mb-md pf-v5-u-mt-0" }),
-            canUseSessionManagement && !isCreatingCase && activeSection !== AppRouteSections.SUBMIT_CASE && (React.createElement(SessionRestore, { routeProps: props.routeProps })),
-            canShowRecommendationTips && React.createElement(RecommendationInfoBox, null))));
+            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.map

@@ -1 +1 @@
-{"version":3,"file":"WizardLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardLayout.tsx"],"names":[],"mappings":"AAOA,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,qBAkKzC"}
+{"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,qBA2MzC"}

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

@@ -11,15 +11,16 @@ import { Grid, GridItem } from '@patternfly/react-core';
 import { SupportFeedbackForm } from '@rh-support/components';
 import { fetchProducts, GlobalMetadataDispatchContext, 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 { 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';
 import React, { useContext, useEffect, useRef, useState } from 'react';
 import { Trans } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { RouteContext } from '../../context/RouteContext';
 import { SessionRestoreDispatchContext, SessionRestoreStateContext } from '../../context/SessionRestoreContext';
-import { 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';
@@ -32,17 +33,18 @@ import WizardAside from './WizardAside';
 import WizardMain from './WizardMain';
 export function WizardLayout(props) {
     const { routeState: { activeSection, isCaseCreate }, } = useContext(RouteContext);
-    const { caseCreationError, contactSSOName, caseType, product, caseState } = useCaseSelector((state) => ({
+    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, loggedInUsersAccount }, } = 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);
@@ -110,6 +112,31 @@ 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);

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

@@ -1 +1 @@
-{"version":3,"file":"WizardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardNavigation.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,EAAoB,eAAe,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAK3G,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAC3C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,EAAE,CAAC,gCAAgC,EAAE,OAAO,KAAK,IAAI,CAAC;IACzE,gBAAgB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,0BAA0B,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAC5E,kCAAkC,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACpF,qCAAqC,CAAC,EAAE,OAAO,CAAC;IAChD,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,qBA4PtC;kBA5PQ,gBAAgB;;;AA8PzB,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;AAK3G,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAC3C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,EAAE,CAAC,gCAAgC,EAAE,OAAO,KAAK,IAAI,CAAC;IACzE,gBAAgB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,0BAA0B,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAC5E,kCAAkC,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACpF,qCAAqC,CAAC,EAAE,OAAO,CAAC;IAChD,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,qBAyStC;kBAzSQ,gBAAgB;;;AA2SzB,eAAe,gBAAgB,CAAC"}

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

@@ -13,6 +13,7 @@ import { useFetch } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanCreateCase } from '@rh-support/react-context';
 import { dtmTrackEventCaseStartStopped, getResTypeFromUrl, scrollIntoView } from '@rh-support/utils';
 import find from 'lodash/find';
+import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -31,11 +32,18 @@ function WizardNavigation(props) {
     const { t } = useTranslation();
     const canCreateCase = useCanCreateCase();
     const { recommendationState } = useContext(RecommendationStateContext);
-    const { routeState: { activeSection, isNextBtnClickedToShowValidationError, noValidEntitlement, isSearchIntent }, } = useContext(RouteContext);
+    const { routeState: { activeSection, isNextBtnClickedToShowValidationError, noValidEntitlement, isSearchIntent, isCaseCreate, }, } = useContext(RouteContext);
     const { globalMetadataState: { loggedInUsersAccount, allProducts, navBarRef }, } = useContext(GlobalMetadataStateContext);
-    const { caseState } = useCaseSelector((state) => ({
+    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);
@@ -54,7 +62,7 @@ function WizardNavigation(props) {
         props.userClickedNextonRecommendationsFn(false);
         props.setUserScrolledLabel(false);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
+    }, [recommendationState.isLoadingRecommendations]);
     useEffect(() => {
         if (props.activeStep.id === AppRouteSections.TROUBLESHOOT) {
             window.scrollTo({
@@ -76,7 +84,7 @@ function WizardNavigation(props) {
             // console.log({ hasUserScrolled });
             const boundingRect = entry.boundingClientRect;
             const isScrollingUp = boundingRect.top > 0;
-            const isAboveThreshold = entry.intersectionRatio >= 0.3;
+            const isAboveThreshold = entry.intersectionRatio >= 0.6;
             isAboveThreshold && props.setUserCanNavigateToTroubleshoot(true);
             isAboveThreshold && props.setUserSeenRecommendations(true);
             // If scrolling up, always use the threshold check
@@ -92,7 +100,7 @@ function WizardNavigation(props) {
             }
         }, {
             root: null,
-            threshold: [0, 0.3], // Changing threshold value to have its effect on pagination when page size is more than 10.
+            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;
@@ -175,14 +183,46 @@ 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}`, type: "button" }, t('Go back'))),
-        React.createElement("button", { disabled: (!props.userSeenRecommendations && props.activeStep.id === AppRouteSections.SUMMARIZE) ||
+    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}`, type: "button" }, 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-v5-u-align-self-center pf-v5-u-ml-md text-red" }, activeSectionError)) : null));

package/lib/esm/css/results.css

@@ -188,3 +188,9 @@
 .top-recommendations .card-body .file-results-aside .result .btn-incident-info {
     font-size: 12px;
 }
+
+.match-label {
+    height: 1.25rem;
+    margin: 0 0.5rem 0.25rem 0 !important;
+    font-weight: 200 !important;
+}

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

@@ -1 +1 @@
-{"version":3,"file":"useFetchCVEData.d.ts","sourceRoot":"","sources":["../../../src/hooks/useFetchCVEData.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,0BAA0B,EAAkB,MAAM,iCAAiC,CAAC;AAI7F,wBAAgB,eAAe;;EAkG9B"}
+{"version":3,"file":"useFetchCVEData.d.ts","sourceRoot":"","sources":["../../../src/hooks/useFetchCVEData.ts"],"names":[],"mappings":"AAeA,OAAO,EAAE,0BAA0B,EAAkB,MAAM,iCAAiC,CAAC;AAI7F,wBAAgB,eAAe;;EAwI9B"}

package/lib/esm/hooks/useFetchCVEData.js

@@ -8,22 +8,23 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { search } from '@cee-eng/hydrajs';
-import { getRecommendationTitle } from '@rh-support/utils';
+import { useDebounce, useLRUCache } from '@rh-support/components';
 import filter from 'lodash/filter';
+import includes from 'lodash/includes';
 import isArray from 'lodash/isArray';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import map from 'lodash/map';
-import some from 'lodash/some';
-import { useContext, useEffect, useState } from 'react';
+import slice from 'lodash/slice';
+import sortBy from 'lodash/sortBy';
+import uniqBy from 'lodash/uniqBy';
+import { useState } from 'react';
 import { useCaseDispatch, useCaseSelector } from '../context/CaseContext';
-import { RecommendationStateContext } from '../context/RecommendationContext';
 import { setCaseState } from '../reducers/CaseReducer';
 import { findCVEsInString } from '../utils/caseUtils';
-// custom hook for CVE workflow .
+// custom hook for CVE workflow data .
 export function useFetchCVEData() {
     const caseDispatch = useCaseDispatch();
-    const { recommendationState } = useContext(RecommendationStateContext);
     const [cveRecommendation, setCveRecommendation] = useState([]);
     const { product, version, summary, description } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
@@ -31,6 +32,7 @@ export function useFetchCVEData() {
         summary: state.caseDetails.summary,
         description: state.caseDetails.description,
     }), isEqual);
+    const { getFromCache, setInCache } = useLRUCache(50);
     const getFixedErrataByProduct = (releaseInfo, selectedProduct, selectedVersion) => {
         var _a;
         if (isEmpty(releaseInfo) || !isArray(releaseInfo) || !selectedProduct) {
@@ -42,12 +44,11 @@ export function useFetchCVEData() {
         const filteredArray = releaseInfo.filter((obj) => {
             var _a, _b;
             const product = (_b = (_a = obj === null || obj === void 0 ? void 0 : obj.product) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === null || _b === void 0 ? void 0 : _b.trim();
-            const productVersionMatchConditions = product === selectedProductLower ||
-                product === `${selectedProductLower} ${selectedVersionLower}` ||
-                (majorVersion && product === `${selectedProductLower} ${majorVersion}`);
-            return productVersionMatchConditions && (obj === null || obj === void 0 ? void 0 : obj.state) === 'Fixed';
+            const productWithVersion = `${selectedProductLower} ${majorVersion}`;
+            return includes(product, productWithVersion) && (obj === null || obj === void 0 ? void 0 : obj.state) === 'Fixed';
         });
-        return map(filteredArray, (i) => {
+        const uniqFilteredArray = uniqBy(filteredArray, (fa) => { var _a; return (_a = fa === null || fa === void 0 ? void 0 : fa.advisory) === null || _a === void 0 ? void 0 : _a.name; });
+        const errataData = map(uniqFilteredArray, (i) => {
             var _a;
             return ({
                 package: (i === null || i === void 0 ? void 0 : i.package) || '',
@@ -58,12 +59,42 @@ export function useFetchCVEData() {
                 product: (i === null || i === void 0 ? void 0 : i.product) || '',
             });
         });
+        return slice(errataData, 0, 3);
+    };
+    const sortCveResult = (cveData) => {
+        if (isEmpty(cveData)) {
+            return [];
+        }
+        const cveSeverity = {
+            Critical: 1,
+            Important: 2,
+            Moderate: 3,
+            Low: 4,
+        };
+        return sortBy(cveData, (item) => { var _a; return cveSeverity[(_a = item === null || item === void 0 ? void 0 : item.data) === null || _a === void 0 ? void 0 : _a.field_cve_threat_severity_text] || Infinity; });
     };
     const fetchCVEData = (cveIds) => __awaiter(this, void 0, void 0, function* () {
         if (isEmpty(cveIds))
             return [];
         try {
-            const results = yield Promise.allSettled(map(cveIds, (id) => search.getCVEDetailsById(id)));
+            const results = yield Promise.allSettled(map(cveIds, (id) => __awaiter(this, void 0, void 0, function* () {
+                var _a;
+                const cachedData = getFromCache(id);
+                if (cachedData) {
+                    return cachedData;
+                }
+                else {
+                    // sometime backend return html response so we need to handle this scenario so i have added this logic.
+                    const data = yield search.getCVEDetailsById(id);
+                    if (((_a = data === null || data === void 0 ? void 0 : data.data) === null || _a === void 0 ? void 0 : _a.title) === id) {
+                        setInCache(id, data);
+                        return data;
+                    }
+                    else {
+                        throw new Error('unexpected response');
+                    }
+                }
+            })));
             return map(filter(results, (result) => result.status === 'fulfilled'), (result) => result.value);
         }
         catch (error) {
@@ -71,14 +102,16 @@ export function useFetchCVEData() {
             return [];
         }
     });
-    useEffect(() => {
+    useDebounce(() => {
+        if (isEmpty(summary) || isEmpty(description)) {
+            return;
+        }
         const CVETextValue = `${summary || ''} ${description || ''}`;
         const cveIds = findCVEsInString(CVETextValue);
-        const exactMatchCVEIds = filter(cveIds, (cveId) => some(recommendationState === null || recommendationState === void 0 ? void 0 : recommendationState.visibleDocs, (doc) => doc.documentKind === 'Cve' &&
-            getRecommendationTitle(doc) === cveId &&
-            (doc === null || doc === void 0 ? void 0 : doc.cve_threatSeverity) !== 'Low'));
-        fetchCVEData(exactMatchCVEIds).then((results) => {
-            const processedData = map(results, ({ data }) => {
+        fetchCVEData(cveIds)
+            .then((results) => {
+            const sortedData = slice(sortCveResult(results), 0, 4);
+            const processedData = map(sortedData, ({ data }) => {
                 var _a, _b, _c, _d;
                 return ({
                     publicDate: (_a = data === null || data === void 0 ? void 0 : data.field_cve_public_date) === null || _a === void 0 ? void 0 : _a.value,
@@ -87,15 +120,19 @@ export function useFetchCVEData() {
                     mitigation: data === null || data === void 0 ? void 0 : data.field_cve_mitigation_text,
                     details: (_b = data === null || data === void 0 ? void 0 : data.field_cve_details_text) === null || _b === void 0 ? void 0 : _b.value,
                     cveLink: (_c = data === null || data === void 0 ? void 0 : data.path) === null || _c === void 0 ? void 0 : _c.replace(/\\/g, ''),
+                    type: (data === null || data === void 0 ? void 0 : data.type) || 'cve',
+                    nid: (data === null || data === void 0 ? void 0 : data.nid) || '',
                     errataData: getFixedErrataByProduct(((_d = data === null || data === void 0 ? void 0 : data.field_cve_releases_txt) === null || _d === void 0 ? void 0 : _d.object) || [], product, version),
                 });
-            });
+            }).filter((d) => d.severity !== 'Low');
             setCveRecommendation(processedData);
             setCaseState(caseDispatch, {
                 cveWorkflowRecommendation: processedData,
             });
+        })
+            .catch((error) => {
+            console.error('Error processing CVE data:', error);
         });
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [summary, description, product, version, recommendationState === null || recommendationState === void 0 ? void 0 : recommendationState.visibleDocs]);
+    }, [summary, description, product, version], 1000);
     return { cveRecommendation };
 }

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

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

package/lib/esm/hooks/useWizard.js

@@ -57,32 +57,33 @@ export function useWizard(routeProps, props) {
         [AppRouteSections.GET_SUPPORT]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.GET_SUPPORT, name: t('Get support'), component: (React.createElement(MainSection, { stepNumber: 1, totalSteps: 6, section: AppRouteSections.GET_SUPPORT, title: t('Why are you opening a case?'), description: t('Select the best category for your issue.') },
                 React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
                     alertMessage(),
-                    React.createElement(OpenCase, { routeProps: routeProps })))), canJumpTo: isSectionValidFn(AppRouteSections.GET_SUPPORT) || activeSection === AppRouteSections.GET_SUPPORT }),
-        [AppRouteSections.SUMMARIZE]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.SUMMARIZE, name: t('Summarize'), component: (React.createElement(MainSection, { stepNumber: 2, totalSteps: 6, section: AppRouteSections.SUMMARIZE, title: t('What are you having an issue with?') },
+                    React.createElement(OpenCase, { routeProps: routeProps, userSeenRecommendations: props.userSeenRecommendationsfn, userClickedNextonRecommendations: props.userClickedNextonRecommendationsValue, resultsRowRef: props.resultsRowRef })))), canJumpTo: isSectionValidFn(AppRouteSections.GET_SUPPORT) || activeSection === AppRouteSections.GET_SUPPORT }),
+        [AppRouteSections.SUMMARIZE]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.SUMMARIZE, name: isCaseCreate ? t('Summarize') : t('Troubleshoot'), component: (React.createElement(MainSection, { stepNumber: 2, totalSteps: 6, section: AppRouteSections.SUMMARIZE, title: t('What are you having an issue with?') },
                 React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
                     alertMessage(),
-                    React.createElement(ProductSelector, { routeProps: routeProps, userSeenRecommendations: props.userSeenRecommendationsfn, userClickedNextonRecommendations: props.userClickedNextonRecommendationsValue, resultsRowRef: props.resultsRowRef })))), canJumpTo: isSectionValidFn(AppRouteSections.SUMMARIZE) || activeSection === AppRouteSections.SUMMARIZE, nextButtonLabel: (summarizeNextButtonLabelLogic() || ((props === null || props === void 0 ? void 0 : props.userSeenRecommendationsValue) && numFound < 3)) &&
-                !isEmpty(issue) // do this so that when user refreshes tab and state persists we don't cause edge 'continue' render
+                    React.createElement(ProductSelector, { routeProps: routeProps, userSeenRecommendations: props.userSeenRecommendationsfn, userClickedNextonRecommendations: props.userClickedNextonRecommendationsValue, resultsRowRef: props.resultsRowRef, isOnGetSupportPage: false, caseCreateExperience: isCaseCreate })))), canJumpTo: isSectionValidFn(AppRouteSections.SUMMARIZE) || activeSection === AppRouteSections.SUMMARIZE, nextButtonLabel: ((summarizeNextButtonLabelLogic() || ((props === null || props === void 0 ? void 0 : props.userSeenRecommendationsValue) && numFound < 3)) &&
+                !isEmpty(issue)) ||
+                numFound === 0 // do this so that when user refreshes tab and state persists we don't cause edge 'continue' render
                 ? t('Continue')
                 : t('See more options') }),
-        [AppRouteSections.TROUBLESHOOT]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.TROUBLESHOOT, name: t('Troubleshoot'), component: (React.createElement(MainSection, { stepNumber: 3, totalSteps: 6, section: AppRouteSections.TROUBLESHOOT, title: t('Recommendations') },
+        [AppRouteSections.TROUBLESHOOT]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.TROUBLESHOOT, name: isCaseCreate ? t('Resources') : t('Resources'), component: (React.createElement(MainSection, { stepNumber: 3, totalSteps: 6, section: AppRouteSections.TROUBLESHOOT, title: t('Recommendations') },
                 React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
                     alertMessage(),
                     React.createElement(TroubleshootSection, null)))), canJumpTo: isSectionValidFn(AppRouteSections.TROUBLESHOOT || activeSection === AppRouteSections.TROUBLESHOOT) &&
                 (props === null || props === void 0 ? void 0 : props.userSeenRecommendationsValue) &&
                 (props === null || props === void 0 ? void 0 : props.userCanNavigateToTroubleshoot), nextButtonLabel: isCaseCreate ? t('Continue') : t('Convert to Case') }),
-        [AppRouteSections.DESCRIBE_MORE]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.DESCRIBE_MORE, name: t('Describe more'), component: (React.createElement(MainSection, { stepNumber: 4, totalSteps: 6, section: AppRouteSections.DESCRIBE_MORE, title: React.createElement(React.Fragment, null,
+        [AppRouteSections.DESCRIBE_MORE]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.DESCRIBE_MORE, name: t('Additional information'), component: (React.createElement(MainSection, { stepNumber: 4, totalSteps: 6, section: AppRouteSections.DESCRIBE_MORE, title: React.createElement(React.Fragment, null,
                     t('Case information'),
                     isEmpty(RouteUtils.seBasePath) && isSelectedAccounntSecureSupport && (React.createElement("span", { className: "secured-support" },
                         React.createElement(Trans, null, "Secured Support")))), description: t('Provide the details of your issue.') },
                 React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
                     alertMessage(),
                     React.createElement(CaseInformation, { routeProps: routeProps })))), canJumpTo: isSectionValidFn(AppRouteSections.DESCRIBE_MORE) || activeSection === AppRouteSections.DESCRIBE_MORE }),
-        [AppRouteSections.DESCRIBE_IDEA]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.DESCRIBE_IDEA, name: t('Describe more'), component: (React.createElement(MainSection, { stepNumber: 4, totalSteps: 6, section: AppRouteSections.DESCRIBE_IDEA, title: t('Idea information'), description: t("We'll be in contact with you shortly. Look for updates on this case.") },
+        [AppRouteSections.DESCRIBE_IDEA]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.DESCRIBE_IDEA, name: t('Additional Information'), component: (React.createElement(MainSection, { stepNumber: 4, totalSteps: 6, section: AppRouteSections.DESCRIBE_IDEA, title: t('Idea information'), 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" }) },
                     alertMessage(),
                     React.createElement(IdeaInformation, null)))), canJumpTo: isSectionValidFn(AppRouteSections.DESCRIBE_IDEA) || activeSection === AppRouteSections.DESCRIBE_IDEA, nextButtonLabel: 'Submit', disableOtherSections: false }),
-        [AppRouteSections.MANAGEMENT]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.MANAGEMENT, name: t('Management'), component: (React.createElement(MainSection, { stepNumber: 5, totalSteps: 6, section: AppRouteSections.MANAGEMENT, title: t('Case management'), descriptionClassName: "text-medium-grey" },
+        [AppRouteSections.MANAGEMENT]: Object.assign(Object.assign({}, defaultRouteConfiguration), { id: AppRouteSections.MANAGEMENT, name: t('Configuration'), component: (React.createElement(MainSection, { stepNumber: 5, totalSteps: 6, section: AppRouteSections.MANAGEMENT, title: t('Case management'), descriptionClassName: "text-medium-grey" },
                 React.createElement(Suspense, { fallback: React.createElement(LoadingIndicator, { size: "sm" }) },
                     alertMessage(),
                     React.createElement(CaseManagement, null)))), canJumpTo: isSectionValidFn(AppRouteSections.MANAGEMENT) || activeSection === AppRouteSections.MANAGEMENT }),

package/lib/esm/models/caseCreationWorkflows.d.ts

@@ -5,6 +5,8 @@ export interface ICVEWorkflowRecommendation {
     mitigation: any;
     details: string;
     cveLink: string;
+    type: string;
+    nid: string;
     errataData: IErrataDetails[];
 }
 interface IAdvisory {

package/lib/esm/models/caseCreationWorkflows.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"caseCreationWorkflows.d.ts","sourceRoot":"","sources":["../../../src/models/caseCreationWorkflows.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,0BAA0B;IACvC,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,GAAG,CAAC;IACd,UAAU,EAAE,GAAG,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,cAAc,EAAE,CAAC;CAChC;AAED,UAAU,SAAS;IACf,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;CACzB"}
+{"version":3,"file":"caseCreationWorkflows.d.ts","sourceRoot":"","sources":["../../../src/models/caseCreationWorkflows.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,0BAA0B;IACvC,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,GAAG,CAAC;IACd,UAAU,EAAE,GAAG,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,EAAE,cAAc,EAAE,CAAC;CAChC;AAED,UAAU,SAAS;IACf,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;CACzB"}