@rh-support/troubleshoot 2.7.0 → 2.7.10

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":"AAQA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,EAAoB,eAAe,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAM3G,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAC3C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,EAAE,CAAC,gCAAgC,EAAE,OAAO,KAAK,IAAI,CAAC;IACzE,gBAAgB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,0BAA0B,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAC5E,kCAAkC,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACpF,qCAAqC,CAAC,EAAE,OAAO,CAAC;IAChD,gCAAgC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACjF,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,oBAAoB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;CACxE;AAGD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBA6UtC;kBA7UQ,gBAAgB;;;AA+UzB,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"WizardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardNavigation.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAmE,MAAM,OAAO,CAAC;AAExF,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,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CACjC;AAGD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAibtC;kBAjbQ,gBAAgB;;;AAmbzB,eAAe,gBAAgB,CAAC"}

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

@@ -8,19 +8,21 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { pcm } from '@cee-eng/hydrajs';
-import { Button, ButtonVariant } from '@patternfly/react-core';
-import { useFetch } from '@rh-support/components';
+import { Button, ButtonVariant, WizardFooterWrapper } from '@patternfly/react-core';
+import { useFetch, usePrevious } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanCreateCase } from '@rh-support/react-context';
-import { dtmTrackEventCaseCreationStepEncountered, getResTypeFromUrl, scrollIntoView } from '@rh-support/utils';
-import find from 'lodash/find';
+import { dtmTrackEventCaseCreationStepEncountered, getResTypeFromUrl, isFunctionalCookieAccepted, PreviousToNewCaseTypeMap, scrollIntoView, } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
-import React, { useContext, useEffect, useRef, useState } from 'react';
-import { useTranslation } from 'react-i18next';
+import React, { useContext, useEffect, useLayoutEffect, useRef, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { useAIResponseState } from '../../context/AIResponseContext';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { RecommendationStateContext } from '../../context/RecommendationContext';
 import { RouteContext, RouteDispatchContext } from '../../context/RouteContext';
 import { SessionRestoreStateContext } from '../../context/SessionRestoreContext';
+import { useAB } from '../../hooks/useAB';
+import { excludedCaseTypesforARH } from '../../reducers/CaseConstNTypes';
 import { setCaseState } from '../../reducers/CaseReducer';
 import { AppRouteSections } from '../../reducers/RouteConstNTypes';
 import { updateisNextBtnClickedToShowValidationError } from '../../reducers/RouteReducer';
@@ -29,28 +31,34 @@ import { RecommendationFeedbackModal } from '../Recommendations/RecommendationFe
 import { useIsSectionValid } from '../shared/useIsSectionValid';
 const defaultProps = {};
 function WizardNavigation(props) {
-    var _a, _b;
     const { t } = useTranslation();
+    const { isVariationA } = useAB();
     const canCreateCase = useCanCreateCase();
     const { recommendationState } = useContext(RecommendationStateContext);
-    const { routeState: { activeSection, isNextBtnClickedToShowValidationError, noValidEntitlement, isSearchIntent, isCaseCreate, }, } = useContext(RouteContext);
-    const { globalMetadataState: { loggedInUsersAccount, allProducts, navBarRef }, } = useContext(GlobalMetadataStateContext);
-    const { caseState, ABTestVariation, issue, summary, product, version } = useCaseSelector((state) => ({
+    const aiResponseState = useAIResponseState();
+    const { routeState: { activeSection, isNextBtnClickedToShowValidationError, 
+    // noValidEntitlement,
+    isCaseCreate, }, } = useContext(RouteContext);
+    const { globalMetadataState: { loggedInUsersAccount, navBarRef }, } = useContext(GlobalMetadataStateContext);
+    const { caseState, issue, summary, product, version, caseType } = useCaseSelector((state) => ({
         caseState: state,
         issue: state.caseDetails.issue,
         summary: state.caseDetails.summary,
-        ABTestVariation: state.ABTestVariation,
         product: state.caseDetails.product,
         version: state.caseDetails.version,
+        caseType: state.caseDetails.caseType,
+        manageSupportCases: state.selectedOwner.data.manageSupportCases,
     }), 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;
+    // isEntitledProduct — commented out; product-level entitlement now resolved from SFDCProductJSON__c
+    // const isEntitledProduct = find(
+    //     allProducts?.data?.productsResult,
+    //     (p) => p.product === caseState.caseDetails.product
+    // )?.isEntitledProduct;
     const dispatchToRouteReducer = useContext(RouteDispatchContext);
     const { activeSectionError, isSectionValidFn } = useIsSectionValid(activeSection);
     const [isRecsModalVisible, setIsRecsModalVisible] = useState(false);
     const previousRecommendationTop = useRef(0);
+    const previousStep = usePrevious(props.activeStep);
     const { request: resolveSessionRequest } = useFetch(pcm.preCase.session.resolveSession);
     const { sessionRestore: { activeSessionId, sessionResourceTracking }, } = useContext(SessionRestoreStateContext);
     const { SessionResourceSource } = pcm.preCase.session;
@@ -58,31 +66,58 @@ function WizardNavigation(props) {
         isFileRecommendationsTriggered: state.isFileRecommendationsTriggered,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
-    useEffect(() => {
-        // we need this because when the user hits the troubleshoot tab, we only refresh the children but the state is managed in the parent
-        props.setUserSeenRecommendations(false);
-        props.userClickedNextonRecommendationsFn(false);
-        props.setUserScrolledLabel(false);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [recommendationState.isLoadingRecommendations]);
     useEffect(() => {
         var _a, _b;
+        if ((previousStep === null || previousStep === void 0 ? void 0 : previousStep.id) === ((_a = props.activeStep) === null || _a === void 0 ? void 0 : _a.id)) {
+            return;
+        }
         const isCreatingCase = RouteUtils.getQueryParams(props.routeProps).caseCreate === 'true';
         dtmTrackEventCaseCreationStepEncountered(isCreatingCase, 
         // @ts-ignore
-        props.activeStep.name, (_a = caseState.caseDetails) === null || _a === void 0 ? void 0 : _a.caseNumber, (_b = caseState.caseDetails) === null || _b === void 0 ? void 0 : _b.caseType, caseState.caseDetails.summary, caseState.caseDetails.product, caseState.caseDetails.version);
+        props.activeStep.name, props.activeStep.id === AppRouteSections.GET_SUPPORT ||
+            props.activeStep.id === AppRouteSections.TROUBLESHOOT, (_b = caseState.caseDetails) === null || _b === void 0 ? void 0 : _b.caseNumber, PreviousToNewCaseTypeMap[caseState.caseDetails.caseType], caseState.caseDetails.summary, caseState.caseDetails.product, caseState.caseDetails.version);
         if (props.activeStep.id === AppRouteSections.RESOURCES) {
             window.scrollTo({
                 top: 0,
                 behavior: 'instant',
             });
         }
+        // Reset scroll state when navigating based on isVariationA
+        const resetScrollSection = isVariationA
+            ? AppRouteSections.RESOURCES
+            : isCaseCreate
+                ? AppRouteSections.SUMMARIZE
+                : AppRouteSections.TROUBLESHOOT;
+        if (props.activeStep.id === resetScrollSection) {
+            setHasUserScrolled(false);
+        }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [props.activeStep.id]);
+    }, [previousStep === null || previousStep === void 0 ? void 0 : previousStep.id, props.activeStep.id]);
     const [hasUserScrolled, setHasUserScrolled] = useState(false);
+    const [shouldOpenChatbot, setShouldOpenChatbot] = useState(false);
+    useEffect(() => {
+        var _a;
+        if (activeSection !== AppRouteSections.RESOURCES && props.isAIChatMode) {
+            (_a = props.setIsAIChatMode) === null || _a === void 0 ? void 0 : _a.call(props, false);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [activeSection]);
+    // to prevent flash of recommendations before AI chat mode is set
+    useLayoutEffect(() => {
+        var _a;
+        if (activeSection === AppRouteSections.RESOURCES && shouldOpenChatbot) {
+            (_a = props.setIsAIChatMode) === null || _a === void 0 ? void 0 : _a.call(props, true);
+            setShouldOpenChatbot(false);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [activeSection, shouldOpenChatbot]);
     useEffect(() => {
-        if (props.activeStep.id !== (isCaseCreate ? AppRouteSections.SUMMARIZE : AppRouteSections.TROUBLESHOOT) ||
-            recommendationState.numFound <= 2) {
+        const validSteps = isVariationA
+            ? [AppRouteSections.RESOURCES]
+            : isCaseCreate
+                ? [AppRouteSections.SUMMARIZE]
+                : [AppRouteSections.TROUBLESHOOT];
+        if (!validSteps.includes(props.activeStep.id)) {
             return;
         }
         const observer = new IntersectionObserver(([entry]) => {
@@ -140,13 +175,21 @@ function WizardNavigation(props) {
                 observer.unobserve(resultsRowElement);
             }
         };
-    }, [recommendationState.numFound, hasUserScrolled, props, isCaseCreate]);
-    const onNext = () => {
+    }, [recommendationState.numFound, hasUserScrolled, props, isCaseCreate, isVariationA]);
+    const onNext = (e) => {
         var _a;
         updateisNextBtnClickedToShowValidationError(dispatchToRouteReducer, true);
-        //handle the new changes for 13406:
-        if (props.activeStep.id === (isCaseCreate ? AppRouteSections.SUMMARIZE : AppRouteSections.TROUBLESHOOT) &&
-            recommendationState.numFound > 2) {
+        if (isVariationA &&
+            activeSection === (isCaseCreate ? AppRouteSections.SUMMARIZE : AppRouteSections.TROUBLESHOOT)) {
+            setShouldOpenChatbot(true);
+        }
+        // Handle scroll behavior based on isVariationA
+        const scrollSection = isVariationA
+            ? AppRouteSections.RESOURCES
+            : isCaseCreate
+                ? AppRouteSections.SUMMARIZE
+                : AppRouteSections.TROUBLESHOOT;
+        if (props.activeStep.id === scrollSection && recommendationState.numFound > 2) {
             if (!hasUserScrolled) {
                 scrollIntoView(props.resultsRowRef, {
                     navBarRef,
@@ -177,19 +220,19 @@ function WizardNavigation(props) {
                 // to show all steps, a delay needed in order to steps array
                 // to be updated
                 window.setTimeout(() => {
-                    props.onNext && props.onNext();
+                    props.onNext && props.onNext(e);
                 }, 10);
             }
             else {
-                props.onNext && props.onNext();
+                props.onNext && props.onNext(e);
             }
         }
         return;
     };
-    const onBack = () => {
+    const onBack = (e) => {
         if (props.activeStep.hidRestOnBack)
             props.onShowRestUpdate(false);
-        props.onBack();
+        props.onBack(e);
     };
     const onRecsFeedbackModalToggle = () => {
         setIsRecsModalVisible((visible) => !visible);
@@ -211,54 +254,54 @@ function WizardNavigation(props) {
         }
         catch (e) { }
     });
-    const isEntitledProductLocal = isSearchIntent ? true : isEntitledProduct;
     const nextButtonDisabledLogic = () => {
-        if (isBTestvariation) {
-            let value = ((isEmpty(summary) || isEmpty(issue) || isEmpty(product) || isEmpty(version)) &&
-                props.activeStep.id ===
-                    (isCaseCreate ? AppRouteSections.SUMMARIZE : AppRouteSections.TROUBLESHOOT)) ||
-                (!isEntitledProductLocal && props.activeStep.nextButtonLabel === 'Get support') ||
-                props.activeStep.nextButtonLabel === 'Troubleshoot' ||
-                (!isSectionValidFn(props.activeStep.id) && isNextBtnClickedToShowValidationError) ||
-                noValidEntitlement ||
-                recommendationState.isLoadingRecommendations;
-            return value;
-        }
-        else if (isATestvariation) {
-            let value = ((isEmpty(summary) || isEmpty(issue) || isEmpty(product) || isEmpty(version)) &&
-                props.activeStep.id ===
-                    (isCaseCreate ? AppRouteSections.SUMMARIZE : AppRouteSections.TROUBLESHOOT)) ||
-                (!isEntitledProductLocal && props.activeStep.nextButtonLabel === 'Get support') ||
-                props.activeStep.nextButtonLabel === 'Troubleshoot' ||
-                (!isSectionValidFn(props.activeStep.id) && isNextBtnClickedToShowValidationError) ||
-                noValidEntitlement ||
-                recommendationState.isLoadingRecommendations;
-            return value;
-        }
-        else if (isATestvariation && !isCaseCreate) {
-            let value = isEmpty(summary) ||
-                isEmpty(issue) ||
-                (!isEntitledProductLocal && props.activeStep.nextButtonLabel === 'Get support') ||
-                (!isSectionValidFn(props.activeStep.id) && isNextBtnClickedToShowValidationError) ||
-                noValidEntitlement ||
-                recommendationState.isLoadingRecommendations;
-            return value;
-        }
+        const isLoadingARH = props.isLoadingARH &&
+            props.activeStep.id === AppRouteSections.RESOURCES &&
+            !excludedCaseTypesforARH.includes(caseType || '');
+        const isRelevantPageForB = isCaseCreate
+            ? props.activeStep.id === AppRouteSections.SUMMARIZE
+            : props.activeStep.id === AppRouteSections.TROUBLESHOOT;
+        const isLoadingRecs = !isVariationA && !isRelevantPageForB ? false : recommendationState.isLoadingRecommendations;
+        let value = isLoadingARH ||
+            ((isEmpty(summary) || isEmpty(issue) || isEmpty(product) || isEmpty(version)) &&
+                props.activeStep.id === (isCaseCreate ? AppRouteSections.SUMMARIZE : AppRouteSections.TROUBLESHOOT)) ||
+            props.activeStep.nextButtonLabel === 'Troubleshoot' ||
+            !!activeSectionError ||
+            (isSectionValidFn && !isSectionValidFn(props.activeStep.id) && isNextBtnClickedToShowValidationError) ||
+            // noValidEntitlement ||
+            isLoadingRecs;
+        return value;
     };
     const isDisabledGoBack = () => {
-        if (isBTestvariation || isEmpty(ABTestVariation))
-            return false;
-        if (isATestvariation && props.activeStep.id === 'get-support') {
+        if (props.activeStep.id === 'get-support') {
             return isEmpty(product) || isEmpty(version);
         }
+        return false;
     };
+    const shouldShowNewARHFlowFooterButtons = isVariationA && props.isAIChatMode && activeSection === AppRouteSections.RESOURCES;
+    const shouldShowBackToAIButton = isVariationA && !props.isAIChatMode && activeSection === AppRouteSections.RESOURCES;
     // 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.RESOURCES && 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));
+        React.createElement(WizardFooterWrapper, null,
+            shouldShowNewARHFlowFooterButtons ? (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", { onClick: props.onSeeMoreResources, className: "btn btn-app btn-primary main-nav-button", type: "button", disabled: isFunctionalCookieAccepted() &&
+                        props.aiServicesAvailable &&
+                        !aiResponseState.hasChunkReceived &&
+                        !aiResponseState.error }, t('Continue')))) : props.isAIChatMode && activeSection === AppRouteSections.RESOURCES ? (isCaseCreate ? (React.createElement("span", null,
+                React.createElement(Trans, { i18nKey: "<span>Return to</span> <button>case creation</button>", components: {
+                        span: React.createElement("span", { className: "return-to-case-text" }),
+                        button: (React.createElement(Button, { className: "return-to-case-btn", variant: "link", component: "a", onClick: props.onReturnToCaseCreation })),
+                    } }))) : (React.createElement(Button, { onClick: props.onReturnToCaseCreation, variant: "link", className: "return-to-resources-btn" }, t('Back to resources')))) : (React.createElement(React.Fragment, null,
+                props.activeStep.order !== 0 && (React.createElement("button", { onClick: shouldShowBackToAIButton
+                        ? () => { var _a; return (_a = props.setIsAIChatMode) === null || _a === void 0 ? void 0 : _a.call(props, true); }
+                        : () => onBack({}), className: "btn btn-app btn-open-white main-nav-button", "data-tracking-id": `prev-of-${activeSection}`, type: "button", disabled: !shouldShowBackToAIButton && isDisabledGoBack() }, shouldShowBackToAIButton ? t('Back to AI') : 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.RESOURCES &&
+                    isFileRecommendationsTriggered &&
+                    !loggedInUsersAccount.data.secureSupport && (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-v6-u-align-self-center pf-v6-u-ml-md text-red" }, activeSectionError)) : null)));
 }
 WizardNavigation.defaultProps = defaultProps;
 export default WizardNavigation;

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

@@ -2,6 +2,7 @@ import 'react-bootstrap-typeahead/css/Typeahead.css';
 import '../../css/app.css';
 import '../../css/pagination.css';
 import '../../css/productSelector.css';
+import '../../css/AskRedHat.css';
 import '../../css/results.css';
 import '../shared/fileUpload/css/fileSelector.css';
 import React from 'react';

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

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

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

@@ -2,6 +2,7 @@ import 'react-bootstrap-typeahead/css/Typeahead.css';
 import '../../css/app.css';
 import '../../css/pagination.css';
 import '../../css/productSelector.css';
+import '../../css/AskRedHat.css';
 import '../../css/results.css';
 import '../shared/fileUpload/css/fileSelector.css';
 import { useDocumentTitle } from '@rh-support/components';

package/lib/esm/constants/askRedHatMessages.d.ts

@@ -0,0 +1,35 @@
+export declare const QUICK_RESPONSES: {
+    readonly positive: {
+        id: string;
+        content: string;
+    }[];
+    readonly negative: {
+        id: string;
+        content: string;
+    }[];
+};
+export declare const TOOLTIP_MESSAGES: {
+    readonly positive: {
+        readonly tooltipContent: string;
+        readonly clickedTooltipContent: string;
+    };
+    readonly negative: {
+        readonly tooltipContent: string;
+        readonly clickedTooltipContent: string;
+    };
+    readonly copy: {
+        readonly tooltipContent: string;
+        readonly clickedTooltipContent: string;
+    };
+};
+export declare const MODAL_MESSAGES: {
+    readonly feedback: {
+        readonly positive: string;
+        readonly negative: string;
+    };
+    readonly complete: {
+        readonly title: string;
+        readonly body: string;
+    };
+};
+//# sourceMappingURL=askRedHatMessages.d.ts.map

package/lib/esm/constants/askRedHatMessages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"askRedHatMessages.d.ts","sourceRoot":"","sources":["../../../src/constants/askRedHatMessages.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe;;;;;;;;;CAe3B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;CAyBnB,CAAC;AAEX,eAAO,MAAM,cAAc;;;;;;;;;CAiBjB,CAAC"}

package/lib/esm/constants/askRedHatMessages.js

@@ -0,0 +1,61 @@
+import i18next from 'i18next';
+export const QUICK_RESPONSES = {
+    get positive() {
+        return [
+            { id: '1', content: i18next.t('Solved my issue') },
+            { id: '2', content: i18next.t('Easy to understand') },
+            { id: '3', content: i18next.t('Accurate') },
+        ];
+    },
+    get negative() {
+        return [
+            { id: '1', content: i18next.t("Didn't solve my issue") },
+            { id: '2', content: i18next.t('Confusing') },
+            { id: '3', content: i18next.t('Inaccurate') },
+        ];
+    },
+};
+export const TOOLTIP_MESSAGES = {
+    positive: {
+        get tooltipContent() {
+            return i18next.t('Good response');
+        },
+        get clickedTooltipContent() {
+            return i18next.t('Response recorded as helpful');
+        },
+    },
+    negative: {
+        get tooltipContent() {
+            return i18next.t('Bad response');
+        },
+        get clickedTooltipContent() {
+            return i18next.t('Response recorded as unhelpful');
+        },
+    },
+    copy: {
+        get tooltipContent() {
+            return i18next.t('Copy');
+        },
+        get clickedTooltipContent() {
+            return i18next.t('Response copied');
+        },
+    },
+};
+export const MODAL_MESSAGES = {
+    feedback: {
+        get positive() {
+            return i18next.t('<strong>Thank you. Any more feedback?</strong>');
+        },
+        get negative() {
+            return i18next.t('<strong>Thank you. How can we improve?</strong>');
+        },
+    },
+    complete: {
+        get title() {
+            return i18next.t('<strong>Thank you</strong>');
+        },
+        get body() {
+            return i18next.t('We appreciate your input. <br />It helps us improve this experience.');
+        },
+    },
+};

package/lib/esm/constants/caseDetailsConstants.d.ts

@@ -1,18 +1,22 @@
 export declare const CASE_DETAILS_ACTIVE_TAB_SEARCH_PARAM = "activeCaseDetailsTab";
-export declare enum CaseDetailsTabsEnum {
-    DISCUSSION = "Discussion",
-    MANAGEMENT = "Management",
-    ACTION_PLAN = "Action plan",
-    PRIVATE_NOTES = "Private Notes",
-    ESCALATION = "Escalations",
-    RELATED_TASKS = "Related tasks",
-    HISTORY = "History",
-    GENERATE_AI_CASE_SUMMARY = "Generate AI case summary"
-}
-export declare const CASE_SUMMARY_AI_MODEL_ID = "granite-3-1-8b-instruct";
+export declare const CaseDetailsTabsEnum: {
+    readonly DISCUSSION: string;
+    readonly MANAGEMENT: string;
+    readonly ACTION_PLAN: string;
+    readonly PRIVATE_NOTES: string;
+    readonly ESCALATION: string;
+    readonly RELATED_TASKS: string;
+    readonly HISTORY: string;
+    readonly GENERATE_AI_CASE_SUMMARY: string;
+};
 export declare enum CaseStatusEnum {
     CLOSED = "Closed",
+    WAITING_ON_CUSTOMER_ACTION_REQUIRED = "Waiting on Customer Action Required",
+    WAITING_ON_CUSTOMER_SOLUTION_DELIVERED = "Waiting on Customer Solution Delivered",
+    IN_PROGRESS = "In Progress",
+    /** @deprecated Legacy alias -- do not use for new writes */
     WAITING_ON_CUSTOMER = "Waiting on Customer",
+    /** @deprecated Legacy alias -- do not use for new writes */
     WAITING_ON_REDHAT = "Waiting on Red Hat"
 }
 export declare enum CaseRecommendationEvalEnum {

package/lib/esm/constants/caseDetailsConstants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"caseDetailsConstants.d.ts","sourceRoot":"","sources":["../../../src/constants/caseDetailsConstants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oCAAoC,yBAAyB,CAAC;AAE3E,oBAAY,mBAAmB;IAC3B,UAAU,eAAe;IACzB,UAAU,eAAe;IACzB,WAAW,gBAAgB;IAC3B,aAAa,kBAAkB;IAC/B,UAAU,gBAAgB;IAC1B,aAAa,kBAAkB;IAC/B,OAAO,YAAY;IACnB,wBAAwB,6BAA6B;CACxD;AAED,eAAO,MAAM,wBAAwB,4BAA4B,CAAC;AAElE,oBAAY,cAAc;IACtB,MAAM,WAAW;IACjB,mBAAmB,wBAAwB;IAC3C,iBAAiB,uBAAuB;CAC3C;AAED,oBAAY,0BAA0B;IAClC,OAAO,MAAM;IACb,WAAW,OAAO;IAClB,OAAO,MAAM;CAChB;AAED,oBAAY,iBAAiB;IACzB,QAAQ,aAAa;IACrB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,2BAA2B,gCAAgC;IAC3D,wBAAwB,6BAA6B;CACxD;AAED,eAAO,MAAM,0BAA0B,6DAA6D,CAAC;AAErG,eAAO,MAAM,mBAAmB,uCAAuC,CAAC;AAExE,eAAO,MAAM,kBAAkB,kDAAkD,CAAC;AAElF,eAAO,MAAM,iBAAiB,8EAA8E,CAAC"}
+{"version":3,"file":"caseDetailsConstants.d.ts","sourceRoot":"","sources":["../../../src/constants/caseDetailsConstants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,oCAAoC,yBAAyB,CAAC;AAE3E,eAAO,MAAM,mBAAmB;;;;;;;;;CAyB/B,CAAC;AAEF,oBAAY,cAAc;IACtB,MAAM,WAAW;IACjB,mCAAmC,wCAAwC;IAC3E,sCAAsC,2CAA2C;IACjF,WAAW,gBAAgB;IAC3B,4DAA4D;IAC5D,mBAAmB,wBAAwB;IAC3C,4DAA4D;IAC5D,iBAAiB,uBAAuB;CAC3C;AAED,oBAAY,0BAA0B;IAClC,OAAO,MAAM;IACb,WAAW,OAAO;IAClB,OAAO,MAAM;CAChB;AAED,oBAAY,iBAAiB;IACzB,QAAQ,aAAa;IACrB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,2BAA2B,gCAAgC;IAC3D,wBAAwB,6BAA6B;CACxD;AAED,eAAO,MAAM,0BAA0B,6DAA6D,CAAC;AAErG,eAAO,MAAM,mBAAmB,uCAAuC,CAAC;AAExE,eAAO,MAAM,kBAAkB,kDAAkD,CAAC;AAElF,eAAO,MAAM,iBAAiB,8EAA8E,CAAC"}

package/lib/esm/constants/caseDetailsConstants.js

@@ -1,20 +1,40 @@
+import i18next from 'i18next';
 export const CASE_DETAILS_ACTIVE_TAB_SEARCH_PARAM = 'activeCaseDetailsTab';
-export var CaseDetailsTabsEnum;
-(function (CaseDetailsTabsEnum) {
-    CaseDetailsTabsEnum["DISCUSSION"] = "Discussion";
-    CaseDetailsTabsEnum["MANAGEMENT"] = "Management";
-    CaseDetailsTabsEnum["ACTION_PLAN"] = "Action plan";
-    CaseDetailsTabsEnum["PRIVATE_NOTES"] = "Private Notes";
-    CaseDetailsTabsEnum["ESCALATION"] = "Escalations";
-    CaseDetailsTabsEnum["RELATED_TASKS"] = "Related tasks";
-    CaseDetailsTabsEnum["HISTORY"] = "History";
-    CaseDetailsTabsEnum["GENERATE_AI_CASE_SUMMARY"] = "Generate AI case summary";
-})(CaseDetailsTabsEnum || (CaseDetailsTabsEnum = {}));
-export const CASE_SUMMARY_AI_MODEL_ID = 'granite-3-1-8b-instruct';
+export const CaseDetailsTabsEnum = {
+    get DISCUSSION() {
+        return i18next.t('Discussion');
+    },
+    get MANAGEMENT() {
+        return i18next.t('Management');
+    },
+    get ACTION_PLAN() {
+        return i18next.t('Action plan');
+    },
+    get PRIVATE_NOTES() {
+        return i18next.t('Private Notes');
+    },
+    get ESCALATION() {
+        return i18next.t('Escalations');
+    },
+    get RELATED_TASKS() {
+        return i18next.t('Related tasks');
+    },
+    get HISTORY() {
+        return i18next.t('History');
+    },
+    get GENERATE_AI_CASE_SUMMARY() {
+        return i18next.t('Generate AI case summary');
+    },
+};
 export var CaseStatusEnum;
 (function (CaseStatusEnum) {
     CaseStatusEnum["CLOSED"] = "Closed";
+    CaseStatusEnum["WAITING_ON_CUSTOMER_ACTION_REQUIRED"] = "Waiting on Customer Action Required";
+    CaseStatusEnum["WAITING_ON_CUSTOMER_SOLUTION_DELIVERED"] = "Waiting on Customer Solution Delivered";
+    CaseStatusEnum["IN_PROGRESS"] = "In Progress";
+    /** @deprecated Legacy alias -- do not use for new writes */
     CaseStatusEnum["WAITING_ON_CUSTOMER"] = "Waiting on Customer";
+    /** @deprecated Legacy alias -- do not use for new writes */
     CaseStatusEnum["WAITING_ON_REDHAT"] = "Waiting on Red Hat";
 })(CaseStatusEnum || (CaseStatusEnum = {}));
 export var CaseRecommendationEvalEnum;

package/lib/esm/context/AIResponseContext.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { IAIResponseActionType, IAIResponseState } from '../reducers/AIResponseConstNTypes';
+export declare const AIResponseStateContext: React.Context<IAIResponseState>;
+export declare const AIResponseDispatchContext: React.Context<React.Dispatch<IAIResponseActionType>>;
+export declare function AIResponseContextProvider({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+export declare const useAIResponseState: () => IAIResponseState;
+export declare const useAIResponseDispatch: () => React.Dispatch<IAIResponseActionType>;
+//# sourceMappingURL=AIResponseContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AIResponseContext.d.ts","sourceRoot":"","sources":["../../../src/context/AIResponseContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAA0B,MAAM,mCAAmC,CAAC;AAKpH,eAAO,MAAM,sBAAsB,iCAAgE,CAAC;AACpG,eAAO,MAAM,yBAAyB,sDACgD,CAAC;AAEvF,wBAAgB,yBAAyB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,qBAUpF;AAGD,eAAO,MAAM,kBAAkB,wBAM9B,CAAC;AAEF,eAAO,MAAM,qBAAqB,6CAMjC,CAAC"}

package/lib/esm/context/AIResponseContext.js

@@ -0,0 +1,26 @@
+import React, { useReducer } from 'react';
+import { initialAIResponseState } from '../reducers/AIResponseConstNTypes';
+import { aiResponseReducer } from '../reducers/AIResponseReducer';
+const initialDispatchContext = () => { };
+export const AIResponseStateContext = React.createContext(initialAIResponseState);
+export const AIResponseDispatchContext = React.createContext(initialDispatchContext);
+export function AIResponseContextProvider({ children }) {
+    const [aiResponseState, aiResponseDispatch] = useReducer(aiResponseReducer, initialAIResponseState);
+    return (React.createElement(AIResponseStateContext.Provider, { value: aiResponseState },
+        React.createElement(AIResponseDispatchContext.Provider, { value: aiResponseDispatch }, children)));
+}
+// Custom hooks for easy access
+export const useAIResponseState = () => {
+    const context = React.useContext(AIResponseStateContext);
+    if (context === undefined) {
+        throw new Error('useAIResponseState must be used within a AIResponseContextProvider');
+    }
+    return context;
+};
+export const useAIResponseDispatch = () => {
+    const context = React.useContext(AIResponseDispatchContext);
+    if (context === undefined) {
+        throw new Error('useAIResponseDispatch must be used within a AIResponseContextProvider');
+    }
+    return context;
+};

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

@@ -1 +1 @@
-{"version":3,"file":"CaseContext.d.ts","sourceRoot":"","sources":["../../../src/context/CaseContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAqE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAGxH,OAAO,EAAE,eAAe,EAAE,UAAU,EAAoB,MAAM,6BAA6B,CAAC;AAK5F,eAAO,MAAM,gBAAgB,oEAAiF,CAAC;AAC/G,eAAO,MAAM,YAAY,0DAAiE,CAAC;AAC3F,eAAO,MAAM,eAAe,iDAAoE,CAAC;AACjG,eAAO,MAAM,eAAe,iJAAoE,CAAC;AAGjG,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE;;CAAA,qBAM/C"}
+{"version":3,"file":"CaseContext.d.ts","sourceRoot":"","sources":["../../../src/context/CaseContext.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAqE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAGxH,OAAO,EAAE,eAAe,EAAE,UAAU,EAAoB,MAAM,6BAA6B,CAAC;AAK5F,eAAO,MAAM,gBAAgB,oEAAiF,CAAC;AAC/G,eAAO,MAAM,YAAY,0DAAiE,CAAC;AAE3F,eAAO,MAAM,eAAe,iDAAoE,CAAC;AACjG,eAAO,MAAM,eAAe,iJAAoE,CAAC;AAGjG,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE;;CAAA,qBAM/C"}

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

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

package/lib/esm/context/RootTroubleshootProvider.js

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