@rh-support/troubleshoot 2.6.107 → 2.6.118

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

@@ -18,6 +18,7 @@ import { useCaseSelector } from '../../context/CaseContext';
 import { RecommendationStateContext } from '../../context/RecommendationContext';
 import { RouteContext, useRouteDispatchContext } from '../../context/RouteContext';
 import { TCStateContext } from '../../context/TopContentContext';
+import { useAB } from '../../hooks/useAB';
 import { CASE_DEATILS_ENVIRONMENT_LIMIT, CASE_REFERENCE_NUMBER_LIMIT, CONTACT_INFO_24X7_LIMIT, HOSTNAME_LENGTH_LIMIT, ISSUE_SUMMARY_LENGTH_LIMIT, KTQUESTION_MAX_LIMIT, TITLE_SUMMARY_LENGTH_LIMIT, } from '../../reducers/CaseConstNTypes';
 import { isCaseInformationSectionValid, isCaseManagementStateValid, isCaseStateValid, isClusterIDValid, isIdeaCaseStateValid, } from '../../reducers/CaseHelpers';
 import { AppRouteSections } from '../../reducers/RouteConstNTypes';
@@ -25,7 +26,8 @@ import { setNoValidEntitlement } from '../../reducers/RouteReducer';
 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, ABTestVariation, ssoUsername, manageSupportCases, } = useCaseSelector((state) => ({
+    const { isVariationA } = useAB();
+    const { caseState, caseType, product, version, contactSSOName, accountNumber, summary, hostname, contactInfo24x7, alternateId, selectedAccountDetails, issue, environment, timeFramesAndUrgency, periodicityOfIssue, ssoUsername, manageSupportCases, } = useCaseSelector((state) => ({
         caseState: state,
         caseType: state.caseDetails.caseType,
         product: state.caseDetails.product,
@@ -41,7 +43,6 @@ export function useIsSectionValid(sectionName) {
         environment: state.caseDetails.environment,
         timeFramesAndUrgency: state.caseDetails.timeFramesAndUrgency,
         periodicityOfIssue: state.caseDetails.periodicityOfIssue,
-        ABTestVariation: state.ABTestVariation,
         ssoUsername: state.selectedOwner.data.ssoUsername,
         manageSupportCases: state.selectedOwner.data.manageSupportCases,
     }), isEqual);
@@ -66,8 +67,6 @@ export function useIsSectionValid(sectionName) {
         fetchContactDetails();
     }, [ssoUsername, routeDispatch]);
     //&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);
@@ -92,54 +91,34 @@ export function useIsSectionValid(sectionName) {
             !isEmpty(contactSSOName) &&
             !selectedAccountDetails.data.subscriptionAbuse &&
             (manageSupportCases !== null && manageSupportCases !== void 0 ? manageSupportCases : true) &&
-            (isEntitlement !== null && isEntitlement !== void 0 ? isEntitlement : true);
-        if (isATestvariation) {
-            isValid = isValid && !isEmpty(product) && !isEmpty(version);
-        }
+            (isEntitlement !== null && isEntitlement !== void 0 ? isEntitlement : true) &&
+            !isEmpty(product) &&
+            !isEmpty(version);
         return isValid;
     };
     const isSummarizeSectionValid = () => {
-        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;
-        }
+        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);
         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;
+            isValid =
+                !allProducts.isFetching &&
+                    !allProducts.isError &&
+                    !isEmpty(product) &&
+                    !isEmpty(accountNumber) &&
+                    !isEmpty(contactSSOName) &&
+                    !isEmpty(version);
         }
         else if (!isCaseCreate) {
             return !isEmpty(product) && !isEmpty(version) && !isEmpty(accountNumber) && !isEmpty(contactSSOName);
         }
+        return isValid;
     };
     const isCaseConfigurationSectionValid = () => {
         const hasContactInfo24x7ValidLength = contactInfo24x7
@@ -151,30 +130,12 @@ export function useIsSectionValid(sectionName) {
             hasAlternateCaseIdValidLength);
     };
     const isResourcesSectionValid = () => {
-        var _a, _b;
-        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) &&
-                    isEntitlement === true &&
-                    isClusterIDValid(caseState, (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult);
-                return isValid;
-            }
-        }
+        var _a;
         // don't check for entitled product if user is on search intent flow
         const isEntitledProductLocal = isSearchIntent ? true : isEntitledProduct;
-        return (!recommendationState.isLoadingRecommendations &&
-            isEntitledProductLocal &&
-            isClusterIDValid(caseState, (_b = allProducts.data) === null || _b === void 0 ? void 0 : _b.productsResult));
+        // Skip cluster ID validation for Variant A
+        const clusterIdValid = isVariationA ? true : isClusterIDValid(caseState, (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult);
+        return !recommendationState.isLoadingRecommendations && isEntitledProductLocal && clusterIdValid;
     };
     const isReviewSectionValid = () => {
         var _a;

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;AAQzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,2BAA2B,EAAE,OAAO,CAAC;CACxC;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,qBAuDjC;kBAvDQ,WAAW;;;AAyDpB,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;AAMvD,OAAO,EAGH,eAAe,EAIlB,MAAM,iCAAiC,CAAC;AASzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,2BAA2B,EAAE,OAAO,CAAC;CACxC;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,qBAgEjC;kBAhEQ,WAAW;;;AAkEpB,eAAe,WAAW,CAAC"}

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

@@ -5,7 +5,9 @@ import isUndefined from 'lodash/isUndefined';
 import React, { useContext } from 'react';
 import { useCaseSelector } from '../../context/CaseContext';
 import { RouteContext } from '../../context/RouteContext';
-import { AppRouteSections, hideFileUploadSidebarWidgetSections, showSideBarClusterIdRuleWidgetSections, showSideBarEARuleWidgetSections, showSideBarEARuleWidgetSectionsExperienceA, showSideBarFileRecommendationSections, } from '../../reducers/RouteConstNTypes';
+import { TCStateContext } from '../../context/TopContentContext';
+import { useAB } from '../../hooks/useAB';
+import { AppRouteSections, hideFileUploadSidebarWidgetSections, showSideBarClusterIdRuleWidgetSections, showSideBarEARuleWidgetSectionsExperienceA, showSideBarFileRecommendationSections, } from '../../reducers/RouteConstNTypes';
 import { FileDiag } from '../CaseInformation/FileDiag';
 import { CveSidebar } from '../Cve/CveSidebar';
 import { AsideResults } from '../Recommendations/AsideResults';
@@ -13,28 +15,34 @@ import ClusterRecommendations from '../Recommendations/ClusterRecommendations';
 import { EARuleWidget } from '../Recommendations/EARules/EARuleWidget';
 import InsightsResults from '../Recommendations/InsightsResults';
 import { SessionRestore } from '../SessionRestore';
+import TopContentSidebar from '../Suggestions/TopContentSidebar';
 const defaultProps = {};
 function WizardAside(props) {
+    const { isVariationA } = useAB();
     const { routeState: { activeSection, isCaseCreate }, } = useContext(RouteContext);
+    const { topContentState: { topContent }, } = useContext(TCStateContext);
     const canAddAttachments = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.ATTACHMENTS);
-    const { isCreatingCase, caseType, isCveModalOpened, ABTestVariation } = useCaseSelector((state) => ({
+    const { isCreatingCase, caseType, isCveModalOpened } = 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 = isATestvariation
+    const canShowEARuleWidget = activeSection
         ? showSideBarEARuleWidgetSectionsExperienceA.includes(activeSection)
-        : showSideBarEARuleWidgetSections.includes(activeSection);
-    const canShowClusterIdReportWidget = showSideBarClusterIdRuleWidgetSections.includes(activeSection);
-    const canShowFileRecommendationSectionsWidget = showSideBarFileRecommendationSections.includes(activeSection);
+        : false;
+    const canShowClusterIdReportWidget = activeSection
+        ? showSideBarClusterIdRuleWidgetSections.includes(activeSection)
+        : false;
+    const canShowFileRecommendationSectionsWidget = activeSection
+        ? showSideBarFileRecommendationSections.includes(activeSection)
+        : false;
+    const showTopContentSidebar = isVariationA && activeSection === AppRouteSections.RESOURCES && topContent.data.length === 0;
     return (React.createElement("aside", null,
         React.createElement("section", { className: "grid-aside-content" },
             canUseSessionManagement && !isCreatingCase && activeSection !== AppRouteSections.SUBMIT_CASE && (React.createElement(SessionRestore, { routeProps: props.routeProps })),
@@ -46,7 +54,8 @@ function WizardAside(props) {
             canShowEARuleWidget && React.createElement(EARuleWidget, null),
             !(isIdea && activeSection === 'submit-case') && (React.createElement(AsideResults, { routeProps: props.routeProps, className: "pf-v6-u-mb-md" })),
             canShowFileRecommendationSectionsWidget && React.createElement(InsightsResults, { isDisplayOnMain: true }),
-            React.createElement(ClusterRecommendations, { showClusterRecommendationsList: canShowClusterIdReportWidget, className: "pf-v6-u-mb-md" }))));
+            React.createElement(ClusterRecommendations, { showClusterRecommendationsList: canShowClusterIdReportWidget, className: "pf-v6-u-mb-md" }),
+            showTopContentSidebar && React.createElement(TopContentSidebar, null))));
 }
 WizardAside.defaultProps = defaultProps;
 export default WizardAside;

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":"AAkBA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAqD,MAAM,OAAO,CAAC;AAE3G,OAAO,EAAS,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAW9D,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAcpF,eAAO,MAAM,iBAAiB,aAAc,MAAM,KAAG,MAEpD,CAAC;AAEF,eAAO,MAAM,sBAAsB,kBAAmB,MAAM,YAAY,MAAM,QAAQ,MAAM,KAAG,MAqB9F,CAAC;AAGF,eAAO,MAAM,kBAAkB,kBACZ,MAAM,WACZ,MAAM,GAAG,SAAS,WAClB,MAAM,GAAG,SAAS,WAClB,MAAM,GAAG,SAAS,SACpB,MAAM,GAAG,SAAS,YACf,MAAM,QACV,MAAM,KACb,MAwCF,CAAC;AACF,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;IACzE,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,qBA4WhC;AACD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"WizardMain.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardMain.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAkE,MAAM,OAAO,CAAC;AAExH,OAAO,EAAS,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAY9D,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAcpF,eAAO,MAAM,iBAAiB,aAAc,MAAM,KAAG,MAEpD,CAAC;AAEF,eAAO,MAAM,sBAAsB,kBAAmB,MAAM,YAAY,MAAM,QAAQ,MAAM,KAAG,MAqB9F,CAAC;AAGF,eAAO,MAAM,kBAAkB,kBACZ,MAAM,WACZ,MAAM,GAAG,SAAS,WAClB,MAAM,GAAG,SAAS,WAClB,MAAM,GAAG,SAAS,SACpB,MAAM,GAAG,SAAS,YACf,MAAM,QACV,MAAM,KACb,MAwCF,CAAC;AACF,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;IACzE,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,qBA8ZhC;AACD,eAAe,UAAU,CAAC"}

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

@@ -22,9 +22,10 @@ import { Env } from '@cee-eng/hydrajs';
 import { getRHDirectHealthCheck, getRHDirectStatusCheck, } from '@ifd-ui/ask-redhat-core';
 import { Wizard, WizardNav, WizardNavItem, WizardStep, } from '@patternfly/react-core';
 import { LoadingIndicator } from '@rh-support/components';
+import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import trim from 'lodash/trim';
-import React, { Suspense, useContext, useEffect, useRef, useState } from 'react';
+import React, { Suspense, useCallback, useContext, useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Route } from 'react-router-dom';
 import { useAIResponseState } from '../../context/AIResponseContext';
@@ -32,6 +33,7 @@ import { useCaseSelector } from '../../context/CaseContext';
 import { RecommendationDispatchContext } from '../../context/RecommendationContext';
 import { RouteContext, RouteDispatchContext } from '../../context/RouteContext';
 import { SessionRestoreDispatchContext, SessionRestoreStateContext } from '../../context/SessionRestoreContext';
+import { useAB } from '../../hooks/useAB';
 import { useARHResponse } from '../../hooks/useARHResponse';
 import { useWizard } from '../../hooks/useWizard';
 import { appSourceId_ARH, excludedCaseTypesforARH } from '../../reducers/CaseConstNTypes';
@@ -88,7 +90,8 @@ export const generateAIQuestion = (activeSection, product, version, summary, iss
     return `${prefix} ${baseMessageMap[lang] || baseMessageMap.en}`;
 };
 function WizardMain(props) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
+    const { isVariationA } = useAB();
     const [showRestFlag, setShowRestFlag] = useState(false);
     const [aiServicesAvailable, setAIServicesAvailable] = useState(false); // default to false until services are confirmed available
     const recommendationDispatch = useContext(RecommendationDispatchContext);
@@ -101,24 +104,6 @@ function WizardMain(props) {
     }), isEqual);
     const { routeState: { isCaseCreate, activeSection }, } = useContext(RouteContext);
     const aiResponseState = useAIResponseState();
-    const config = {
-        appSourceId: appSourceId_ARH,
-        authToken: (_b = (_a = window === null || window === void 0 ? void 0 : window.sessionjs) === null || _a === void 0 ? void 0 : _a.getEncodedToken()) !== null && _b !== void 0 ? _b : '',
-        packageVersion: (_c = window === null || window === void 0 ? void 0 : window.supportVersionInfo) === null || _c === void 0 ? void 0 : _c.packageVersion,
-        appEnv: Env.getEnvName(),
-    };
-    const { fetchARHResponse } = useARHResponse({
-        activeSection,
-        product: caseDetails.product,
-        version: caseDetails.version,
-        summary: caseDetails.summary,
-        issue: caseDetails.issue,
-        caseType: caseDetails.caseType,
-        config,
-    });
-    const isTroubleshootSection = activeSection === AppRouteSections.TROUBLESHOOT;
-    const isResourcesSection = activeSection === AppRouteSections.RESOURCES;
-    const isSummarizeSection = activeSection === AppRouteSections.SUMMARIZE;
     const [userSeenRecommendations, setUserSeenRecommendations] = useState(false);
     const [userClickedNextonRecommendations, setUserClickedNextonRecommendations] = useState(false);
     const [userScrolledLabel, setUserScrolledLabel] = useState(false);
@@ -127,17 +112,68 @@ function WizardMain(props) {
     const isNextButtonClickedRef = useRef(false);
     const isBackButtonClickedRef = useRef(false);
     const resultsRowRef = useRef(null);
+    const goToPrevStepRef = useRef(null);
+    //to track the previous ARH fields
     const previousARHFieldsRef = useRef({
-        product: caseDetails.product,
-        version: caseDetails.version,
-        summary: caseDetails.summary,
-        issue: caseDetails.issue,
-        caseType: caseDetails.caseType,
+        product: '',
+        version: '',
+        summary: '',
+        issue: '',
+        caseType: '',
     });
     const haveARHFieldsChangedRef = useRef(false);
     const handleChatWithAIClick = () => {
         props.setIsAIChatMode(true);
     };
+    const handleOnBackForExpandedARH = (e) => {
+        if (goToPrevStepRef.current) {
+            isBackButtonClickedRef.current = true;
+            goToPrevStepRef.current(e);
+            focusWizardMainPanel();
+        }
+    };
+    // Callback for TroubleshootSection to reset the flag on unmount
+    const resetARHFieldsChanged = useCallback(() => {
+        haveARHFieldsChangedRef.current = false;
+    }, []);
+    // Check if any of the ARH-related fields have changed
+    useEffect(() => {
+        var _a;
+        const prev = previousARHFieldsRef.current;
+        const curr = {
+            product: caseDetails.product,
+            version: caseDetails.version,
+            summary: trim(caseDetails.summary),
+            issue: trim(caseDetails.issue),
+            caseType: caseDetails.caseType,
+        };
+        const hasChanged = prev.product !== curr.product ||
+            prev.version !== curr.version ||
+            prev.summary !== curr.summary ||
+            prev.issue !== curr.issue ||
+            prev.caseType !== curr.caseType;
+        if (hasChanged) {
+            const previousHadValues = !isEmpty(prev.product) || !isEmpty(prev.version) || !isEmpty(prev.summary) || !isEmpty(prev.issue);
+            const hasExistingConversation = !isEmpty((_a = aiResponseState.aiResponse) === null || _a === void 0 ? void 0 : _a.conversationId);
+            if (previousHadValues && hasExistingConversation) {
+                haveARHFieldsChangedRef.current = true;
+            }
+            previousARHFieldsRef.current = {
+                product: curr.product,
+                version: curr.version,
+                summary: curr.summary,
+                issue: curr.issue,
+                caseType: curr.caseType,
+            };
+        }
+    }, [
+        caseDetails.product,
+        caseDetails.version,
+        caseDetails.summary,
+        caseDetails.issue,
+        caseDetails.caseType,
+        (_a = aiResponseState.aiResponse) === null || _a === void 0 ? void 0 : _a.conversationId,
+    ]);
     const { getStepsSequece } = useWizard(props.routeProps, {
         userSeenRecommendationsfn: setUserSeenRecommendations,
         userSeenRecommendationsValue: userSeenRecommendations,
@@ -151,47 +187,15 @@ function WizardMain(props) {
         aiServicesAvailable: aiServicesAvailable,
         isSecureSupport: props.isSecureSupport,
         hasConfirmedStatesideSupport: props.hasConfirmedStatesideSupport,
+        onBack: handleOnBackForExpandedARH,
+        haveARHFieldsChanged: haveARHFieldsChangedRef.current,
+        resetARHFieldsChanged,
     });
     const dispatchToRouteReducer = useContext(RouteDispatchContext);
     const { t } = useTranslation();
     useEffect(() => {
         setActiveSectionChanged(dispatchToRouteReducer, isCaseCreate ? AppRouteSections.GET_SUPPORT : AppRouteSections.TROUBLESHOOT, '');
     }, [isCaseCreate, dispatchToRouteReducer]);
-    const shouldEnableARHServices = () => {
-        // Check if the current section is relevant for AI services
-        const isRelevantSection = isTroubleshootSection || isSummarizeSection || isResourcesSection;
-        // Check if the case type is allowed (not in the excluded list)
-        const isCaseTypeAllowed = !excludedCaseTypesforARH.includes(caseDetails.caseType || '');
-        // Check if user is not a secure support or confirmed stateside support user
-        const isNotSecureOrStatesideUser = !props.isSecureSupport && !props.hasConfirmedStatesideSupport;
-        // Check if the ARH fields have changed
-        const isARHFieldsChanged = haveARHFieldsChangedRef.current;
-        // Check if user is external and has invalid entitlements
-        const isNotUnentitledExternalUser = !(props.isUserExternal && props.hasInvalidEntitlements);
-        return (isRelevantSection &&
-            isCaseTypeAllowed &&
-            isNotSecureOrStatesideUser &&
-            isARHFieldsChanged &&
-            isNotUnentitledExternalUser);
-    };
-    // Check if any of the ARH-related fields have changed
-    useEffect(() => {
-        const hasChanged = previousARHFieldsRef.current.product !== caseDetails.product ||
-            previousARHFieldsRef.current.version !== caseDetails.version ||
-            previousARHFieldsRef.current.summary !== trim(caseDetails.summary) ||
-            previousARHFieldsRef.current.issue !== trim(caseDetails.issue) ||
-            previousARHFieldsRef.current.caseType !== caseDetails.caseType;
-        if (hasChanged) {
-            previousARHFieldsRef.current = {
-                product: caseDetails.product,
-                version: caseDetails.version,
-                summary: caseDetails.summary,
-                issue: caseDetails.issue,
-                caseType: caseDetails.caseType,
-            };
-            haveARHFieldsChangedRef.current = true;
-        }
-    }, [caseDetails.product, caseDetails.version, caseDetails.summary, caseDetails.issue, caseDetails.caseType]);
     useEffect(() => {
         if (!activeSection) {
             return;
@@ -247,10 +251,10 @@ function WizardMain(props) {
         RouteUtils.navigateToSection(props.routeProps, `${props.routeProps.location.pathname}/${step.id}`, false);
     };
     const onBack = (step, prevStep) => {
-        // isLoadingRecommendations needs to be set to false on back when the previous step is the summary
-        // step because it can cause the next button to be permanently disabled if the debounce is not called
+        // isLoadingRecommendations needs to be set to false when going back TO the summary step
+        // because it can cause the next button to be permanently disabled if the debounce is not called
         // before going back a step. This can be caused if navigating quickly to then away from the recommendations page.
-        if (prevStep.id === AppRouteSections.SUMMARIZE) {
+        if (step.id === AppRouteSections.SUMMARIZE) {
             recommendationDispatch({
                 type: RecommendationsConstants.setIsLoadingRecommendations,
                 payload: { isLoadingRecommendations: false },
@@ -264,6 +268,47 @@ function WizardMain(props) {
         props.submitCaseAndNavigate(false);
         return;
     };
+    const config = {
+        appSourceId: appSourceId_ARH,
+        authToken: (_c = (_b = window === null || window === void 0 ? void 0 : window.sessionjs) === null || _b === void 0 ? void 0 : _b.getEncodedToken()) !== null && _c !== void 0 ? _c : '',
+        packageVersion: (_d = window === null || window === void 0 ? void 0 : window.supportVersionInfo) === null || _d === void 0 ? void 0 : _d.packageVersion,
+        appEnv: Env.getEnvName(),
+    };
+    const { fetchARHResponse } = useARHResponse({
+        activeSection,
+        product: caseDetails.product,
+        version: caseDetails.version,
+        summary: caseDetails.summary,
+        issue: caseDetails.issue,
+        caseType: caseDetails.caseType,
+        config,
+    });
+    const isTroubleshootSection = activeSection === AppRouteSections.TROUBLESHOOT;
+    const isResourcesSection = activeSection === AppRouteSections.RESOURCES;
+    const isSummarizeSection = activeSection === AppRouteSections.SUMMARIZE;
+    const shouldEnableARHServices = () => {
+        // Check if the current section is relevant for AI services
+        const isRelevantSection = isTroubleshootSection || isSummarizeSection || isResourcesSection;
+        // Check if the case type is allowed (not in the excluded list)
+        const isCaseTypeAllowed = !excludedCaseTypesforARH.includes(caseDetails.caseType || '');
+        // Check if user is not a secure support or confirmed stateside support user
+        const isNotSecureOrStatesideUser = !props.isSecureSupport && !props.hasConfirmedStatesideSupport;
+        // Check if the ARH fields have changed
+        const isARHFieldsChanged = haveARHFieldsChangedRef.current;
+        // Check if user is external and has invalid entitlements
+        const isNotUnentitledExternalUser = !(props.isUserExternal && props.hasInvalidEntitlements);
+        // For variation B, check if we have valid fields to make the API call (even if fields haven't changed)
+        const hasValidFieldsForVariationB = !isVariationA &&
+            !isEmpty(caseDetails.product) &&
+            !isEmpty(caseDetails.version) &&
+            !isEmpty(trim(caseDetails.summary)) &&
+            !isEmpty(trim(caseDetails.issue));
+        return (isRelevantSection &&
+            isCaseTypeAllowed &&
+            isNotSecureOrStatesideUser &&
+            (isARHFieldsChanged || hasValidFieldsForVariationB) &&
+            isNotUnentitledExternalUser);
+    };
     const onCurrentStepChanged = (event, currentStep, prevStep, scope) => {
         if (isNextButtonClickedRef.current) {
             onNext(currentStep);
@@ -292,6 +337,7 @@ function WizardMain(props) {
         return (React.createElement(WizardNavItem, { key: step.id, id: step.id, content: step.name, isCurrent: activeStep.id === step.id, isDisabled: !step.canJumpTo, stepIndex: step.index, onClick: () => goToStepByIndex(step.index) }));
     })));
     const CustomFooter = (activeStep, goToNextStep, goToPrevStep) => {
+        goToPrevStepRef.current = goToPrevStep;
         useEffect(() => {
             if (steps.length > 2 && (activeStep === null || activeStep === void 0 ? void 0 : activeStep.index) === 2 && isNextButtonClicked) {
                 goToNextStep({});
@@ -305,7 +351,7 @@ function WizardMain(props) {
             goToNextStep({});
             focusWizardMainPanel();
             // Fetch ARH response if conditions are met
-            if (shouldEnableARHServices() && aiServicesAvailable) {
+            if (shouldEnableARHServices() && aiServicesAvailable && !isVariationA) {
                 yield fetchARHResponse();
                 haveARHFieldsChangedRef.current = false;
             }

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":"AAcA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAQvD,OAAO,EAAoB,eAAe,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAM3G,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACzD,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACzD,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;IACrE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAGD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBA8XtC;kBA9XQ,gBAAgB;;;AAgYzB,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"WizardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardNavigation.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAUvD,OAAO,EAAoB,eAAe,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAM3G,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACzD,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACzD,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;IACrE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAGD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAqatC;kBAraQ,gBAAgB;;;AAuazB,eAAe,gBAAgB,CAAC"}