@rh-support/troubleshoot 2.7.1 → 2.7.11

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

@@ -7,11 +7,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import { useApolloClient } from '@apollo/client/react';
 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 { ABTestSplitBasedOnAccountNumber, getConfigField, getVersionIfOnlyVersion, PCM_CONFIG_FIELD_TYPE, pendoTrackEvent, PreviousCaseTypes, } from '@rh-support/utils';
+import { getVersionIfOnlyVersion, hasTraditionalSupportSessionAgreed, PreviousCaseTypes } from '@rh-support/utils';
 import findIndex from 'lodash/findIndex';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
@@ -20,35 +20,35 @@ import { Trans } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { RouteContext } from '../../context/RouteContext';
 import { SessionRestoreDispatchContext, SessionRestoreStateContext } from '../../context/SessionRestoreContext';
-import { setABTestVariation, submitCase } from '../../reducers/CaseReducer';
+import { submitCase } from '../../reducers/CaseReducer';
 import { AppRouteSections } from '../../reducers/RouteConstNTypes';
 import { useMetadata } from '../../utils/metadataUtil';
 import RouteUtils from '../../utils/routeUtils';
 import PreCaseConfirmationModals, { PreCaseConfirmationModalsEnum, } from '../ConfirmationModals/PreCaseConfirmationModals';
 import AlertToastWrapper from '../Recommendations/AlertToastWrapper';
-import { preferredSSModalOpenPendoEvent } from '../shared/Constants';
 import { AttachmentStateContext } from '../shared/fileUpload';
 import { isAnyFileAttached } from '../shared/fileUpload/reducer/AttachmentHelper';
 import { GlobalTroubleshootEffects } from './GlobalTroubleshootEffects';
 import WizardAside from './WizardAside';
 import WizardMain from './WizardMain';
 export function WizardLayout(props) {
+    var _a, _b, _c, _d;
     const { routeState: { activeSection, isCaseCreate }, } = useContext(RouteContext);
     const { getMetadata } = useMetadata();
-    const { caseCreationError, contactSSOName, caseType, product, caseState, ABTestVariation } = useCaseSelector((state) => ({
+    const [isAIChatMode, setIsAIChatMode] = useState(false);
+    const { caseCreationError, caseType, product, caseState, hasInvalidEntitlements } = useCaseSelector((state) => ({
         caseState: state,
         caseCreationError: state.caseCreationError,
-        contactSSOName: state.caseDetails.contactSSOName,
         caseType: state.caseDetails.caseType,
         product: state.caseDetails.product,
-        ABTestVariation: state.ABTestVariation,
+        hasInvalidEntitlements: state.hasInvalidEntitlements,
     }), isEqual);
     const sessionRestoreDispatch = useContext(SessionRestoreDispatchContext);
     const caseDispatch = useCaseDispatch();
     const { sessionRestore: { activeSessionId, previousSessions }, } = useContext(SessionRestoreStateContext);
-    const { globalMetadataState: { allProducts, loggedInUser, loggedInUsersAccount, pcmConfig }, } = useContext(GlobalMetadataStateContext);
+    const { globalMetadataState: { allProducts, loggedInUser, loggedInUsersAccount, loggedInUserRights, caseListTraditionalSupportAgreed, troubleshootTraditionalSupportAgreed, }, } = useContext(GlobalMetadataStateContext);
     const dispatchToGlobalMetadataReducer = useContext(GlobalMetadataDispatchContext);
-    const canAddAttachments = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.ATTACHMENTS);
+    const apolloClient = useApolloClient();
     const { attachmentState } = useContext(AttachmentStateContext);
     const isAnyFileAttachedLocal = isAnyFileAttached(attachmentState.caseFiles.selectedLocalFiles);
     const [confirmationModalType, setConfirmationModalType] = useState(null);
@@ -74,8 +74,7 @@ export function WizardLayout(props) {
             viewedConfirmationModalsList.current.push(PreCaseConfirmationModalsEnum.ROCM_MODAL);
             isModalPresent = true;
         }
-        else if (canAddAttachments &&
-            !isAnyFileAttachedLocal &&
+        else if (!isAnyFileAttachedLocal &&
             !viewedConfirmationModalsList.current.includes(PreCaseConfirmationModalsEnum.NO_ATTACHMENT_MODAL)) {
             setConfirmationModalType(PreCaseConfirmationModalsEnum.NO_ATTACHMENT_MODAL);
             viewedConfirmationModalsList.current.push(PreCaseConfirmationModalsEnum.NO_ATTACHMENT_MODAL);
@@ -99,7 +98,7 @@ 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, isCaseCreate, errorMessageCaseSubmit500, loggedInUser.data.ssoUsername, loggedInUsersAccount === null || loggedInUsersAccount === void 0 ? void 0 : loggedInUsersAccount.data.secureSupport, isReSubmitting || false, RouteUtils.getQueryParams(props.routeProps).caseCreate === 'true', sessionItem);
+        submitCase(caseDispatch, sessionRestoreDispatch, caseState, isCaseCreate, errorMessageCaseSubmit500, loggedInUser.data.ssoUsername, loggedInUsersAccount === null || loggedInUsersAccount === void 0 ? void 0 : loggedInUsersAccount.data.secureSupport, isReSubmitting || false, RouteUtils.getQueryParams(props.routeProps).caseCreate === 'true', sessionItem, apolloClient, hasTraditionalSupportSessionAgreed(caseListTraditionalSupportAgreed, troubleshootTraditionalSupportAgreed));
         // reset viewedModals on case submit
         viewedConfirmationModalsList.current = [];
         !isReSubmitting &&
@@ -109,7 +108,6 @@ export function WizardLayout(props) {
         if (hasPreferredSecureSupportAccount) {
             setConfirmationModalType(PreCaseConfirmationModalsEnum.PREFERRED_GS4_Modal);
             // track pendo event
-            pendoTrackEvent(preferredSSModalOpenPendoEvent);
         }
     };
     const onModalClose = () => {
@@ -118,43 +116,16 @@ 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]);
+        fetchProducts(dispatchToGlobalMetadataReducer, apolloClient);
+    }, [dispatchToGlobalMetadataReducer, apolloClient]);
     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(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(GridItem, { sm: 12, md: 12, lg: isAIChatMode ? 12 : 8, xl2: isAIChatMode ? 12 : 8 },
+                React.createElement(WizardMain, { routeProps: props.routeProps, submitCaseAndNavigate: submitCaseAndNavigate, confirmSupportModal: confirmSupportModal, isAIChatMode: isAIChatMode, setIsAIChatMode: setIsAIChatMode, isSecureSupport: (_a = loggedInUsersAccount === null || loggedInUsersAccount === void 0 ? void 0 : loggedInUsersAccount.data) === null || _a === void 0 ? void 0 : _a.secureSupport, hasConfirmedStatesideSupport: (_b = loggedInUsersAccount === null || loggedInUsersAccount === void 0 ? void 0 : loggedInUsersAccount.data) === null || _b === void 0 ? void 0 : _b.hasConfirmedStatesideSupport, isUserExternal: (_d = (_c = loggedInUserRights === null || loggedInUserRights === void 0 ? void 0 : loggedInUserRights.data) === null || _c === void 0 ? void 0 : _c.isExternal()) !== null && _d !== void 0 ? _d : false, hasInvalidEntitlements: hasInvalidEntitlements })),
+            !isAIChatMode && (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, routeProps: props.routeProps })));
 }

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

@@ -1,10 +1,19 @@
-import React from 'react';
+import React, { Dispatch, SetStateAction } from 'react';
 import { RouteComponentProps } from 'react-router-dom';
 import { IRouteUrlParams } from '../../reducers/RouteConstNTypes';
+export declare const getCaseTypeAIText: (caseType: string) => string;
+export declare const generateCaseTypePrefix: (activeSection: string, caseType: string, lang: string) => string;
+export declare const generateAIQuestion: (activeSection: string, product: string | undefined, version: string | undefined, summary: string | undefined, issue: string | undefined, caseType: string, lang: string) => string;
 interface IProps {
     routeProps: RouteComponentProps<IRouteUrlParams>;
     submitCaseAndNavigate: (isReSubmitting: boolean) => void;
     confirmSupportModal: (hasPreferredSecureSupportAccount: boolean) => void;
+    isAIChatMode: boolean;
+    setIsAIChatMode: Dispatch<SetStateAction<boolean>>;
+    isSecureSupport?: boolean;
+    hasConfirmedStatesideSupport?: boolean;
+    isUserExternal?: boolean;
+    hasInvalidEntitlements?: boolean;
 }
 declare function WizardMain(props: IProps): React.JSX.Element;
 export default WizardMain;

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":"AAGA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAS,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAO9D,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,qBAgJhC;AACD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"WizardMain.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardMain.tsx"],"names":[],"mappings":"AAyBA,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,GAAI,UAAU,MAAM,KAAG,MAEpD,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,eAAe,MAAM,EAAE,UAAU,MAAM,EAAE,MAAM,MAAM,KAAG,MAqB9F,CAAC;AAGF,eAAO,MAAM,kBAAkB,GAC3B,eAAe,MAAM,EACrB,SAAS,MAAM,GAAG,SAAS,EAC3B,SAAS,MAAM,GAAG,SAAS,EAC3B,SAAS,MAAM,GAAG,SAAS,EAC3B,OAAO,MAAM,GAAG,SAAS,EACzB,UAAU,MAAM,EAChB,MAAM,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,qBAoehC;AACD,eAAe,UAAU,CAAC"}

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

@@ -1,32 +1,211 @@
-import { Wizard, WizardContextConsumer, WizardFooter } from '@patternfly/react-core/deprecated';
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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 { CSSUserModal, GlobalMetadataStateContext, setTraditionalSupportSessionAgreed, useGlobalDispatchContext, } from '@rh-support/react-context';
+import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
-import React, { Suspense, useContext, useRef, useState } from 'react';
+import trim from 'lodash/trim';
+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';
 import { useCaseSelector } from '../../context/CaseContext';
 import { RecommendationDispatchContext } from '../../context/RecommendationContext';
-import { RouteDispatchContext } from '../../context/RouteContext';
+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';
 import { RecommendationsConstants } from '../../reducers/RecommendationsReducer';
 import { AppRouteSections } from '../../reducers/RouteConstNTypes';
 import { setActiveSectionChanged, updateisNextBtnClickedToShowValidationError } from '../../reducers/RouteReducer';
+import { updateSession } from '../../reducers/SessionRestoreReducer';
 import RouteUtils from '../../utils/routeUtils';
 import SubmitCase from '../SubmitCase/SubmitCase';
 import MainSection from './MainSection';
 import NewFeatureModal from './NewFeatureModal';
 import WizardNavigation from './WizardNavigation';
+// Mapping for case type display text in AI questions
+const CASE_TYPE_AI_TEXT_MAP = {
+    Other: 'Something',
+};
+export const getCaseTypeAIText = (caseType) => {
+    return CASE_TYPE_AI_TEXT_MAP[caseType] || caseType;
+};
+export const generateCaseTypePrefix = (activeSection, caseType, lang) => {
+    if (activeSection === AppRouteSections.TROUBLESHOOT) {
+        return '';
+    }
+    const helpWith = getCaseTypeAIText(caseType);
+    const helpWithMap = {
+        en: `I want help with ${helpWith}.`,
+        de: `Ich benoetige Hilfe bei ${helpWith}.`,
+        zh: `我需要 ${helpWith} 方面的帮助。`,
+        pt: `Eu quero ajuda com ${helpWith}.`,
+        fr: `Je souhaite obtenir de l'aide pour ${helpWith}.`,
+        ko: `${helpWith}에 대한 도움이 필요합니다.`,
+        it: `Vorrei aiuto con un ${helpWith}.`,
+        ja: `${helpWith}のサポートを希望します。`,
+        ru: `Я хочу помощь с ${helpWith}.`,
+        es: `Quiero ayuda con ${helpWith}.`,
+    };
+    return helpWithMap[lang] || helpWithMap.en;
+};
+// Generate AI question based on case details
+export const generateAIQuestion = (activeSection, product, version, summary, issue, caseType, lang) => {
+    const baseMessageMap = {
+        en: `My issue is primarily related to ${product !== null && product !== void 0 ? product : ''} ${version !== null && version !== void 0 ? version : ''}. I would title my problem: ${summary !== null && summary !== void 0 ? summary : ''}. More details are as follows: ${issue !== null && issue !== void 0 ? issue : ''}.`,
+        de: `Mein Problem hängt hauptsächlich mit ${product !== null && product !== void 0 ? product : ''} ${version !== null && version !== void 0 ? version : ''} zusammen. Ich würde mein Problem so betiteln: ${summary !== null && summary !== void 0 ? summary : ''}. Weitere Details sind wie folgt: ${issue !== null && issue !== void 0 ? issue : ''}.`,
+        zh: `我的问题主要与${product !== null && product !== void 0 ? product : ''} ${version !== null && version !== void 0 ? version : ''}有关。我会将我的问题命名为：${summary !== null && summary !== void 0 ? summary : ''}。更多细节如下：${issue !== null && issue !== void 0 ? issue : ''}。`,
+        pt: `Meu problema está principalmente relacionado a ${product !== null && product !== void 0 ? product : ''} ${version !== null && version !== void 0 ? version : ''}. Eu daria ao meu problema o título: ${summary !== null && summary !== void 0 ? summary : ''}. Mais detalhes são os seguintes: ${issue !== null && issue !== void 0 ? issue : ''}.`,
+        fr: `Mon problème est principalement lié à ${product !== null && product !== void 0 ? product : ''} ${version !== null && version !== void 0 ? version : ''}. Je donnerais à mon problème le titre : ${summary !== null && summary !== void 0 ? summary : ''}. Plus de détails sont les suivants : ${issue !== null && issue !== void 0 ? issue : ''}.`,
+        ko: `내 문제는 주로 ${product !== null && product !== void 0 ? product : ''} ${version !== null && version !== void 0 ? version : ''}과(와) 관련이 있습니다. 내 문제의 제목은 ${summary !== null && summary !== void 0 ? summary : ''}입니다. 자세한 내용은 다음과 같습니다: ${issue !== null && issue !== void 0 ? issue : ''}.`,
+        it: `Il mio problema è principalmente legato a ${product !== null && product !== void 0 ? product : ''} ${version !== null && version !== void 0 ? version : ''}. Intitolerei il mio problema: ${summary !== null && summary !== void 0 ? summary : ''}. Ulteriori dettagli sono i seguenti: ${issue !== null && issue !== void 0 ? issue : ''}`,
+        ja: `私の問題は主に${product !== null && product !== void 0 ? product : ''} ${version !== null && version !== void 0 ? version : ''}に関係しています。問題のタイトルは: ${summary !== null && summary !== void 0 ? summary : ''}です。詳細は次のとおりです: ${issue !== null && issue !== void 0 ? issue : ''}。`,
+        ru: `Моя проблема в основном связана с ${product !== null && product !== void 0 ? product : ''} ${version !== null && version !== void 0 ? version : ''}. Я бы назвал свою проблему: ${summary !== null && summary !== void 0 ? summary : ''}. Дополнительные подробности следующие: ${issue !== null && issue !== void 0 ? issue : ''}.`,
+        es: `Mi problema está principalmente relacionado con ${product !== null && product !== void 0 ? product : ''} ${version !== null && version !== void 0 ? version : ''}. Titularía mi problema: ${summary !== null && summary !== void 0 ? summary : ''}. Más detalles son los siguientes: ${issue !== null && issue !== void 0 ? issue : ''}.`,
+    };
+    const prefix = generateCaseTypePrefix(activeSection, caseType, lang);
+    return `${prefix} ${baseMessageMap[lang] || baseMessageMap.en}`;
+};
 function WizardMain(props) {
+    var _a, _b, _c, _d;
+    const { isVariationA } = useAB();
+    const globalDispatchContext = useGlobalDispatchContext();
+    const { globalMetadataState: { troubleshootTraditionalSupportAgreed }, } = useContext(GlobalMetadataStateContext);
+    const onConfirmTraditionalSupportAgreement = () => {
+        setTraditionalSupportSessionAgreed(globalDispatchContext, true);
+    };
     const [showRestFlag, setShowRestFlag] = useState(false);
+    const [aiServicesAvailable, setAIServicesAvailable] = useState(false); // default to false until services are confirmed available
     const recommendationDispatch = useContext(RecommendationDispatchContext);
-    const { isCreatingCase } = useCaseSelector((state) => ({
+    const sessionRestoreDispatch = useContext(SessionRestoreDispatchContext);
+    const { sessionRestore } = useContext(SessionRestoreStateContext);
+    const { isCreatingCase, caseDetails } = useCaseSelector((state) => ({
         isCreatingCase: state.isCreatingCase,
+        caseDetails: state.caseDetails,
+        selectedNotificationContacts: state.selectedNotificationContacts,
     }), isEqual);
+    const { routeState: { isCaseCreate, activeSection }, } = useContext(RouteContext);
+    const aiResponseState = useAIResponseState();
     const [userSeenRecommendations, setUserSeenRecommendations] = useState(false);
     const [userClickedNextonRecommendations, setUserClickedNextonRecommendations] = useState(false);
     const [userScrolledLabel, setUserScrolledLabel] = useState(false);
     const [userCanNavigateToTroubleshoot, setUserCanNavigateToTroubleshoot] = useState(false);
+    const [isNextButtonClicked, setIsNextButtonClicked] = useState(false);
+    const isNextButtonClickedRef = useRef(false);
+    const isBackButtonClickedRef = useRef(false);
     const resultsRowRef = useRef(null);
+    const goToPrevStepRef = useRef(null);
+    const goToNextStepRef = useRef(null);
+    const activeStepRef = useRef(null);
+    //to track the previous ARH fields
+    const previousARHFieldsRef = useRef({
+        product: '',
+        version: '',
+        summary: '',
+        issue: '',
+        caseType: '',
+    });
+    const haveARHFieldsChangedRef = useRef(false);
+    const haveNewARHFieldsChangedRef = useRef(false);
+    const haveARHFieldsChangedForBRef = 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;
+    }, []);
+    // Callback for TroubleshootSection to reset the B variation flag (only when needed)
+    const resetARHFieldsChangedForB = useCallback(() => {
+        haveARHFieldsChangedForBRef.current = false;
+    }, []);
+    const handleSeeMoreResources = () => __awaiter(this, void 0, void 0, function* () {
+        var _a;
+        props.setIsAIChatMode(false);
+        if (sessionRestore.activeSessionId) {
+            const sessionDetails = (_a = sessionRestore.previousSessions.data[sessionRestore.activeSessionId]) === null || _a === void 0 ? void 0 : _a.sessionDetails;
+            const newSession = {
+                returnToCase: true,
+            };
+            yield updateSession(sessionRestoreDispatch, sessionRestore.activeSessionId, sessionDetails, newSession);
+        }
+    });
+    // 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;
+            }
+            if (previousHadValues && hasExistingConversation && !isVariationA) {
+                haveARHFieldsChangedForBRef.current = true;
+            }
+            if (previousHadValues) {
+                haveNewARHFieldsChangedRef.current = true;
+            }
+            previousARHFieldsRef.current = {
+                product: curr.product,
+                version: curr.version,
+                summary: curr.summary,
+                issue: curr.issue,
+                caseType: curr.caseType,
+            };
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        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,
@@ -34,9 +213,66 @@ function WizardMain(props) {
         userClickedNextonRecommendationsValue: userClickedNextonRecommendations,
         resultsRowRef: resultsRowRef,
         userScrolledLabel: userScrolledLabel,
+        isAIChatMode: props.isAIChatMode,
+        setIsAIChatMode: props.setIsAIChatMode,
+        onChatWithAIClick: handleChatWithAIClick,
+        aiServicesAvailable: aiServicesAvailable,
+        isSecureSupport: props.isSecureSupport,
+        hasConfirmedStatesideSupport: props.hasConfirmedStatesideSupport,
+        onBack: handleOnBackForExpandedARH,
+        haveARHFieldsChanged: haveARHFieldsChangedRef.current,
+        haveARHFieldsChangedForBRef,
+        haveNewARHFieldsChangedRef,
+        resetARHFieldsChanged,
+        resetARHFieldsChangedForB,
+        onSeeMoreResources: handleSeeMoreResources,
     });
     const dispatchToRouteReducer = useContext(RouteDispatchContext);
     const { t } = useTranslation();
+    useEffect(() => {
+        setActiveSectionChanged(dispatchToRouteReducer, isCaseCreate ? AppRouteSections.GET_SUPPORT : AppRouteSections.TROUBLESHOOT, '');
+    }, [isCaseCreate, dispatchToRouteReducer]);
+    useEffect(() => {
+        if (!activeSection) {
+            return;
+        }
+        //todo - need to revisit this logic
+        // if (!shouldEnableARHServices()) {
+        //     if (aiServicesAvailable) {
+        //         setAIServicesAvailable(false);
+        //     }
+        //     return;
+        // }
+        // check if ARH services are available
+        if (!aiServicesAvailable) {
+            const checkAIServices = () => __awaiter(this, void 0, void 0, function* () {
+                var _a, _b, _c;
+                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(),
+                };
+                try {
+                    yield getRHDirectHealthCheck(config);
+                    yield getRHDirectStatusCheck(config);
+                    setAIServicesAvailable(true);
+                }
+                catch (error) {
+                    setAIServicesAvailable(false);
+                }
+            });
+            checkAIServices();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        activeSection,
+        caseDetails.caseType,
+        isCaseCreate,
+        aiServicesAvailable,
+        props.isSecureSupport,
+        props.hasConfirmedStatesideSupport,
+    ]);
     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 }))));
@@ -51,16 +287,16 @@ 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/troubleshoot 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.prevId === AppRouteSections.SUMMARIZE) {
+        if (step.id === AppRouteSections.SUMMARIZE || step.id === AppRouteSections.TROUBLESHOOT) {
             recommendationDispatch({
                 type: RecommendationsConstants.setIsLoadingRecommendations,
                 payload: { isLoadingRecommendations: false },
             });
         }
-        var regex = new RegExp('/' + prevStep.prevId + '$');
+        var regex = new RegExp('/' + prevStep.id + '$');
         RouteUtils.navigateToSection(props.routeProps, props.routeProps.location.pathname.replace(regex, ''), false);
     };
     const onSubmit = () => {
@@ -68,26 +304,129 @@ function WizardMain(props) {
         props.submitCaseAndNavigate(false);
         return;
     };
-    const onCurrentStepChanged = (step) => {
-        setActiveSectionChanged(dispatchToRouteReducer, step.id, step.name);
+    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 = () => {
+        var _a;
+        // 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 AND (no existing conversation OR fields have changed)
+        const hasExistingConversation = !isEmpty((_a = aiResponseState.aiResponse) === null || _a === void 0 ? void 0 : _a.conversationId);
+        const hasValidFieldsForVariationB = !isVariationA &&
+            !isEmpty(caseDetails.product) &&
+            !isEmpty(caseDetails.version) &&
+            !isEmpty(trim(caseDetails.summary)) &&
+            !isEmpty(trim(caseDetails.issue)) &&
+            (!hasExistingConversation || haveNewARHFieldsChangedRef.current);
+        return (isRelevantSection &&
+            isCaseTypeAllowed &&
+            isNotSecureOrStatesideUser &&
+            (isARHFieldsChanged || hasValidFieldsForVariationB) &&
+            isNotUnentitledExternalUser);
+    };
+    const onCurrentStepChanged = (event, currentStep, prevStep, scope) => {
+        if (isNextButtonClickedRef.current) {
+            onNext(currentStep);
+        }
+        if (isBackButtonClickedRef.current) {
+            onBack(currentStep, prevStep);
+        }
+        // Reset isLoadingRecommendations when navigating to summarize/troubleshoot step
+        const isWizardNavClick = !isNextButtonClickedRef.current && !isBackButtonClickedRef.current;
+        const isBackNavigation = isBackButtonClickedRef.current;
+        if ((isWizardNavClick || isBackNavigation) &&
+            (currentStep.id === AppRouteSections.SUMMARIZE ||
+                currentStep.id === AppRouteSections.TROUBLESHOOT ||
+                currentStep.id === AppRouteSections.GET_SUPPORT)) {
+            recommendationDispatch({
+                type: RecommendationsConstants.setIsLoadingRecommendations,
+                payload: { isLoadingRecommendations: false },
+            });
+        }
+        setActiveSectionChanged(dispatchToRouteReducer, currentStep.id, currentStep.name);
         updateisNextBtnClickedToShowValidationError(dispatchToRouteReducer, false);
+        isNextButtonClickedRef.current = false;
+        isBackButtonClickedRef.current = false;
+        setIsNextButtonClicked(false);
+    };
+    const handleReturnToCaseCreation = () => __awaiter(this, void 0, void 0, function* () {
+        var _a;
+        props.setIsAIChatMode(false);
+        if (sessionRestore.activeSessionId) {
+            const sessionDetails = (_a = sessionRestore.previousSessions.data[sessionRestore.activeSessionId]) === null || _a === void 0 ? void 0 : _a.sessionDetails;
+            const newSession = {
+                returnToCase: true,
+            };
+            yield updateSession(sessionRestoreDispatch, sessionRestore.activeSessionId, sessionDetails, newSession);
+        }
+    });
+    const customNav = (isExpanded, steps, activeStep, goToStepByIndex) => (React.createElement(WizardNav, { isExpanded: isExpanded }, steps.map((step) => {
+        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;
+        goToNextStepRef.current = goToNextStep;
+        activeStepRef.current = activeStep;
+        const handleContinueClick = () => __awaiter(this, void 0, void 0, function* () {
+            // Navigate to next step first
+            isNextButtonClickedRef.current = true;
+            setIsNextButtonClicked(true);
+            goToNextStep({});
+            focusWizardMainPanel();
+            // Fetch ARH response if conditions are met
+            if (shouldEnableARHServices() && aiServicesAvailable && !isVariationA) {
+                yield fetchARHResponse();
+                haveARHFieldsChangedRef.current = false;
+            }
+        });
+        return (React.createElement(WizardNavigation, { routeProps: props.routeProps, onNext: handleContinueClick, onBack: () => {
+                isBackButtonClickedRef.current = true;
+                goToPrevStep({});
+                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, isAIChatMode: props.isAIChatMode, setIsAIChatMode: props.setIsAIChatMode, onReturnToCaseCreation: handleReturnToCaseCreation, onSeeMoreResources: handleSeeMoreResources, isLoadingARH: aiResponseState.isStreaming && aiResponseState.accumulatedResponse === '', aiServicesAvailable: aiServicesAvailable }));
     };
-    const CustomFooter = (React.createElement(WizardFooter, null,
-        React.createElement(WizardContextConsumer, null, ({ activeStep, onNext, onBack }) => {
-            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 }));
-        })));
+    const steps = getStepsSequece(showRestFlag);
+    const wizardSteps = steps.map((step) => {
+        const { component } = step, rest = __rest(step, ["component"]);
+        return (React.createElement(WizardStep, Object.assign({ key: step.id }, rest), component));
+    });
+    // moved from CustomFooter to comply with React Rules of Hooks
+    useEffect(() => {
+        var _a;
+        if (steps.length > 2 && ((_a = activeStepRef.current) === null || _a === void 0 ? void 0 : _a.index) === 2 && isNextButtonClicked && goToNextStepRef.current) {
+            goToNextStepRef.current({});
+        }
+    }, [steps.length, isNextButtonClicked]);
     // 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(CSSUserModal, { onConfirmTraditionalSupportAgreement: onConfirmTraditionalSupportAgreement, display: !troubleshootTraditionalSupportAgreed }),
         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 })) })),
+        steps.length !== 0 && (React.createElement(Route, { path: `${RouteUtils.seBasePath}/(${steps[0].id}|describe-issue|open-case)`, render: () => (React.createElement(Wizard, { isVisitRequired: true, nav: customNav, navAriaLabel: ` navAriaLabel steps `, footer: CustomFooter, onStepChange: onCurrentStepChanged }, wizardSteps)) })),
         React.createElement(Route, { exact: true, path: `${RouteUtils.seBasePath}/${AppRouteSections.SUBMIT_CASE}`, render: () => renderSubmitCasePage() })));
 }
 export default WizardMain;

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

@@ -3,8 +3,8 @@ import { RouteComponentProps } from 'react-router-dom';
 import { IRouteUrlParams, ISectionConfiguration } from '../../reducers/RouteConstNTypes';
 interface IProps {
     routeProps: RouteComponentProps<IRouteUrlParams>;
-    onNext: () => void;
-    onBack: () => void;
+    onNext: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    onBack: (e: React.MouseEvent<HTMLButtonElement>) => void;
     activeStep: Partial<ISectionConfiguration>;
     onSubmit: () => void;
     confirmSupportModal: (hasPreferredSecureSupportAccount: boolean) => void;
@@ -16,6 +16,12 @@ interface IProps {
     setUserCanNavigateToTroubleshoot: (value: React.SetStateAction<boolean>) => void;
     resultsRowRef?: any;
     setUserScrolledLabel: (value: React.SetStateAction<boolean>) => void;
+    isAIChatMode?: boolean;
+    setIsAIChatMode?: (value: boolean) => void;
+    onReturnToCaseCreation?: () => void;
+    onSeeMoreResources?: () => void;
+    isLoadingARH?: boolean;
+    aiServicesAvailable?: boolean;
 }
 declare function WizardNavigation(props: IProps): React.JSX.Element;
 declare namespace WizardNavigation {