@rh-support/troubleshoot 2.6.48 → 2.6.55

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

@@ -161,6 +161,7 @@ export function useIsSectionValid(sectionName) {
                     !isEmpty(version) &&
                     !isEmpty(summary) &&
                     !isEmpty(issue) &&
+                    isEntitlement === true &&
                     isClusterIDValid(caseState, (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult);
                 return isValid;
             }
@@ -252,7 +253,12 @@ export function useIsSectionValid(sectionName) {
             return '';
         switch (sectionNameLocal) {
             case AppRouteSections.RESOURCES:
-                return recommendationSectionError();
+                if (isCaseCreate === false) {
+                    return getSupportSectionError();
+                }
+                else {
+                    return recommendationSectionError();
+                }
             case AppRouteSections.GET_SUPPORT:
                 return getSupportSectionError();
             default:

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

@@ -1 +1 @@
-{"version":3,"file":"GlobalTroubleshootEffects.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/GlobalTroubleshootEffects.tsx"],"names":[],"mappings":"AASA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAWvD,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAQrF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,qBAgTtD"}
+{"version":3,"file":"GlobalTroubleshootEffects.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/GlobalTroubleshootEffects.tsx"],"names":[],"mappings":"AASA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAWvD,OAAO,EAAuC,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAYvG,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,qBAuTtD"}

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

@@ -24,7 +24,8 @@ import { useResetCaseCreate } from '../../hooks/useResetCaseCreate';
 import { CASE_DEATILS_SOURCE_REFERRER_LIMIT } from '../../reducers/CaseConstNTypes';
 import { getDescriptionWOQues } from '../../reducers/CaseHelpers';
 import { setCaseAccountNumber, setCaseDetails, setCaseOwner } from '../../reducers/CaseReducer';
-import { setRouteFlags } from '../../reducers/RouteReducer';
+import { AppRouteSections } from '../../reducers/RouteConstNTypes';
+import { setActiveSectionChanged, setRouteFlags, updateisNextBtnClickedToShowValidationError, } from '../../reducers/RouteReducer';
 import { fetchEdmundAbbottRules } from '../../reducers/RulesReducer';
 import { fetchTopContent } from '../../reducers/TopContentReducer';
 import RouteUtils from '../../utils/routeUtils';
@@ -117,6 +118,8 @@ export function GlobalTroubleshootEffects(props) {
     }, [allProducts.data.productsResult, caseDispatch, props.routeProps]);
     // if you want to hide any section on page load then the logic will go here..
     useEffect(() => {
+        // Reset validation error state when the troubleshoot app loads freshly
+        updateisNextBtnClickedToShowValidationError(dispatchToRouteReducer, false);
         if (!isFirstMount.current && loggedInUser.data && managedAccounts.data)
             return;
         if (isFirstMount.current) {
@@ -143,11 +146,14 @@ export function GlobalTroubleshootEffects(props) {
      */
     useEffect(() => {
         if (props.routeProps.location.pathname === RouteUtils.seBasePath) {
+            // Set the active section to the default section when navigating to base path
+            const defaultSection = isCaseCreate ? AppRouteSections.GET_SUPPORT : AppRouteSections.TROUBLESHOOT;
+            setActiveSectionChanged(dispatchToRouteReducer, defaultSection, '');
             RouteUtils.navigateToDefaltSection(props.routeProps, isCaseCreate, isSearchIntent, false);
             !isSearchIntent && resetCaseCreateState();
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [dispatchToRouteReducer, props.routeProps, isCaseCreate, isSearchIntent]);
+    }, [dispatchToRouteReducer, props.routeProps.location.pathname, isCaseCreate, isSearchIntent]);
     /**
      * Setting Default AccountNumber and ContactSsoUsername from loggedInUsersAccount
      * Disabling exhaustive-deps rule as we don't want to reset default values if user manually clears these from UI.

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

@@ -39,14 +39,14 @@ function WizardAside(props) {
         React.createElement("section", { className: "grid-aside-content" },
             canUseSessionManagement && !isCreatingCase && activeSection !== AppRouteSections.SUBMIT_CASE && (React.createElement(SessionRestore, { routeProps: props.routeProps })),
             canShowFileUploadWidget() && React.createElement(InsightsResults, null),
-            canShowFileUploadWidget() && React.createElement(FileDiag, { className: "pf-v6-u-mb-md" }),
+            canShowFileUploadWidget() && React.createElement(FileDiag, { className: "pf-v6-u-mb-lg" }),
             activeSection === (isCaseCreate ? AppRouteSections.SUMMARIZE : AppRouteSections.TROUBLESHOOT) &&
                 !isCveModalOpened && React.createElement(CveSidebar, null),
             activeSection === AppRouteSections.RESOURCES && React.createElement(CveSidebar, null),
             canShowEARuleWidget && React.createElement(EARuleWidget, null),
-            !(isIdea && activeSection === 'submit-case') && (React.createElement(AsideResults, { routeProps: props.routeProps, className: "pf-v6-u-mb-md pf-v6-u-mt-0" })),
+            !(isIdea && activeSection === 'submit-case') && (React.createElement(AsideResults, { routeProps: props.routeProps, className: "pf-v6-u-mb-lg pf-v6-u-mt-0" })),
             canShowFileRecommendationSectionsWidget && React.createElement(InsightsResults, { isDisplayOnMain: true }),
-            React.createElement(ClusterRecommendations, { showClusterRecommendationsList: canShowClusterIdReportWidget, className: "pf-v6-u-mb-md pf-v6-u-mt-0" }))));
+            React.createElement(ClusterRecommendations, { showClusterRecommendationsList: canShowClusterIdReportWidget, className: "pf-v6-u-mb-lg pf-v6-u-mt-0" }))));
 }
 WizardAside.defaultProps = defaultProps;
 export default WizardAside;

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

@@ -1,6 +1,9 @@
 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;

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":"AAYA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAqD,MAAM,OAAO,CAAC;AAE3G,OAAO,EAAS,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAe9D,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AA0FpF,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,qBA6XhC;AACD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"WizardMain.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardMain.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAqD,MAAM,OAAO,CAAC;AAE3G,OAAO,EAAS,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAS9D,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAapF,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,qBAyVhC;AACD,eAAe,UAAU,CAAC"}

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

@@ -19,19 +19,18 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { Env } from '@cee-eng/hydrajs';
-import { askRHDirectAIResponse, getRHDirectStatusCheck, } from '@ifd-ui/ask-redhat-core';
-import { useWizardContext, Wizard, WizardNav, WizardNavItem, WizardStep } from '@patternfly/react-core';
+import { getRHDirectStatusCheck } from '@ifd-ui/ask-redhat-core';
+import { Wizard, WizardNav, WizardNavItem, WizardStep, } from '@patternfly/react-core';
 import { LoadingIndicator } from '@rh-support/components';
 import isEqual from 'lodash/isEqual';
 import React, { Suspense, useContext, useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Route } from 'react-router-dom';
-import { useAIResponseDispatch, useAIResponseState } from '../../context/AIResponseContext';
 import { useCaseSelector } from '../../context/CaseContext';
 import { RecommendationDispatchContext } from '../../context/RecommendationContext';
 import { RouteContext, RouteDispatchContext } from '../../context/RouteContext';
+import { useARHResponse } from '../../hooks/useARHResponse';
 import { useWizard } from '../../hooks/useWizard';
-import { streamingChunkReceived, streamingCompleted, streamingError, streamingStarted, } from '../../reducers/AIResponseReducer';
 import { appSourceId_ARH, excludedCaseTypesforARH } from '../../reducers/CaseConstNTypes';
 import { RecommendationsConstants } from '../../reducers/RecommendationsReducer';
 import { AppRouteSections } from '../../reducers/RouteConstNTypes';
@@ -45,10 +44,10 @@ import WizardNavigation from './WizardNavigation';
 const CASE_TYPE_AI_TEXT_MAP = {
     Other: 'Something',
 };
-const getCaseTypeAIText = (caseType) => {
+export const getCaseTypeAIText = (caseType) => {
     return CASE_TYPE_AI_TEXT_MAP[caseType] || caseType;
 };
-const generateCaseTypePrefix = (activeSection, caseType, lang) => {
+export const generateCaseTypePrefix = (activeSection, caseType, lang) => {
     if (activeSection === AppRouteSections.TROUBLESHOOT) {
         return '';
     }
@@ -68,7 +67,7 @@ const generateCaseTypePrefix = (activeSection, caseType, lang) => {
     return helpWithMap[lang] || helpWithMap.en;
 };
 // Generate AI question based on case details
-const generateAIQuestion = (activeSection, product, version, summary, issue, caseType, lang) => {
+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 : ''}.`,
@@ -85,20 +84,34 @@ const generateAIQuestion = (activeSection, product, version, summary, issue, cas
     return `${prefix} ${baseMessageMap[lang] || baseMessageMap.en}`;
 };
 function WizardMain(props) {
+    var _a, _b, _c;
     const [showRestFlag, setShowRestFlag] = useState(false);
     const [aiServicesAvailable, setAIServicesAvailable] = useState(false); // default to false until services are confirmed available
     const recommendationDispatch = useContext(RecommendationDispatchContext);
-    const { isCreatingCase, product, version, summary, issue, caseType, caseLanguage } = useCaseSelector((state) => ({
+    const { isCreatingCase, product, version, summary, issue, caseType } = useCaseSelector((state) => ({
         isCreatingCase: state.isCreatingCase,
         product: state.caseDetails.product,
         version: state.caseDetails.version,
         summary: state.caseDetails.summary,
         issue: state.caseDetails.issue,
         caseType: state.caseDetails.caseType,
-        caseLanguage: state.caseDetails.caseLanguage,
     }), isEqual);
     const { routeState: { isCaseCreate, activeSection }, } = useContext(RouteContext);
-    const aiResponseDispatch = useAIResponseDispatch();
+    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,
+        version,
+        summary,
+        issue,
+        caseType,
+        config,
+    });
     const isTroubleshootSection = activeSection === AppRouteSections.TROUBLESHOOT;
     const isResourcesSection = activeSection === AppRouteSections.RESOURCES;
     const isSummarizeSection = activeSection === AppRouteSections.SUMMARIZE;
@@ -146,7 +159,7 @@ function WizardMain(props) {
         // 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 = haveARHFieldsChanged();
+        const isARHFieldsChanged = haveARHFieldsChanged;
         // Check if user is external and has invalid entitlements
         const isNotUnentitledExternalUser = !(props.isUserExternal && props.hasInvalidEntitlements);
         return (isRelevantSection &&
@@ -156,7 +169,7 @@ function WizardMain(props) {
             isNotUnentitledExternalUser);
     };
     // Check if any of the ARH-relevant fields have changed
-    const haveARHFieldsChanged = () => {
+    const haveARHFieldsChanged = React.useMemo(() => {
         const hasChanged = previousARHFieldsRef.current.product !== product ||
             previousARHFieldsRef.current.version !== version ||
             previousARHFieldsRef.current.summary !== summary ||
@@ -170,7 +183,7 @@ function WizardMain(props) {
             };
         }
         return hasChanged;
-    };
+    }, [product, version, summary, issue]);
     useEffect(() => {
         if (!activeSection) {
             return;
@@ -261,53 +274,18 @@ function WizardMain(props) {
     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 = () => {
-        var _a, _b, _c;
-        const { activeStep, goToNextStep, goToPrevStep, steps, goToStepByIndex } = useWizardContext(); // Correctly using the context
-        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 CustomFooter = (activeStep, goToNextStep, goToPrevStep) => {
         useEffect(() => {
-            if (steps.length > 2 && activeStep.index === 2 && isNextButtonClicked) {
-                goToStepByIndex(3);
+            if (steps.length > 2 && (activeStep === null || activeStep === void 0 ? void 0 : activeStep.index) === 2 && isNextButtonClicked) {
+                goToNextStep({});
             }
-        }, [activeStep, steps.length, goToStepByIndex]);
-        const fetchARHResponse = () => __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            const detailedQuestion = generateAIQuestion(activeSection || '', product, version, summary, issue, caseType || '', caseLanguage || 'en');
-            //streaming callbacks
-            const streamingCallbacks = {
-                onChunk: (chunk, accumulatedResponse) => {
-                    aiResponseDispatch(streamingChunkReceived(chunk, accumulatedResponse));
-                },
-                onComplete: (finalResponse) => {
-                    aiResponseDispatch(streamingCompleted(finalResponse));
-                },
-                onError: (error) => {
-                    aiResponseDispatch(streamingError(error));
-                },
-            };
-            aiResponseDispatch(streamingStarted());
-            try {
-                // Get existing conversation ID from state if available (need to map it with session data)
-                const existingConversationId = (_a = aiResponseState === null || aiResponseState === void 0 ? void 0 : aiResponseState.aiResponse) === null || _a === void 0 ? void 0 : _a.conversationId;
-                yield askRHDirectAIResponse(detailedQuestion, config, true, // response to be streamed or not
-                existingConversationId, streamingCallbacks);
-            }
-            catch (error) {
-                const errorMessage = error instanceof Error ? error.message : 'Failed to get AI response';
-                aiResponseDispatch(streamingError(errorMessage));
-            }
-        });
+            // eslint-disable-next-line react-hooks/exhaustive-deps
+        }, [activeStep, steps.length, isNextButtonClicked, goToNextStep]);
         const handleContinueClick = () => __awaiter(this, void 0, void 0, function* () {
             // Navigate to next step first
             isNextButtonClickedRef.current = true;
             setIsNextButtonClicked(true);
-            goToNextStep();
+            goToNextStep({});
             focusWizardMainPanel();
             // Fetch ARH response if conditions are met
             if (shouldEnableARHServices() && aiServicesAvailable) {
@@ -316,7 +294,7 @@ function WizardMain(props) {
         });
         return (React.createElement(WizardNavigation, { routeProps: props.routeProps, onNext: handleContinueClick, onBack: () => {
                 isBackButtonClickedRef.current = true;
-                goToPrevStep();
+                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, onReturnToCaseCreation: handleReturnToCaseCreation }));
     };
@@ -329,7 +307,7 @@ function WizardMain(props) {
     // in useWizard file then add it to step squences in RouteConstNTypes
     return (React.createElement(React.Fragment, null,
         React.createElement(NewFeatureModal, null),
-        steps.length !== 0 && (React.createElement(Route, { path: `${RouteUtils.seBasePath}/(${steps[0].id}|describe-issue|open-case)`, render: () => (React.createElement(Wizard, { isVisitRequired: true, nav: customNav, navAriaLabel: ` navAriaLabel steps `, footer: React.createElement(CustomFooter, null), onStepChange: onCurrentStepChanged }, wizardSteps)) })),
+        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;

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;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;IACrE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACvC;AAGD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAiVtC;kBAjVQ,gBAAgB;;;AAmVzB,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;AAOvD,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,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;CACvC;AAGD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAsVtC;kBAtVQ,gBAAgB;;;AAwVzB,eAAe,gBAAgB,CAAC"}

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

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { pcm } from '@cee-eng/hydrajs';
 import { Button, ButtonVariant, WizardFooterWrapper } from '@patternfly/react-core';
-import { useFetch } from '@rh-support/components';
+import { useFetch, usePrevious } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanCreateCase } from '@rh-support/react-context';
 import { dtmTrackEventCaseCreationStepEncountered, getResTypeFromUrl, PreviousToNewCaseTypeMap, scrollIntoView, } from '@rh-support/utils';
 import find from 'lodash/find';
@@ -51,6 +51,7 @@ function WizardNavigation(props) {
     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;
@@ -59,12 +60,15 @@ function WizardNavigation(props) {
     }), isEqual);
     const caseDispatch = useCaseDispatch();
     useEffect(() => {
-        var _a;
+        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, props.activeStep.id === AppRouteSections.GET_SUPPORT ||
-            props.activeStep.id === AppRouteSections.TROUBLESHOOT, (_a = caseState.caseDetails) === null || _a === void 0 ? void 0 : _a.caseNumber, PreviousToNewCaseTypeMap[caseState.caseDetails.caseType], caseState.caseDetails.summary, caseState.caseDetails.product, caseState.caseDetails.version);
+            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,
@@ -72,7 +76,7 @@ function WizardNavigation(props) {
             });
         }
         // 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);
     useEffect(() => {
         if (props.activeStep.id !== (isCaseCreate ? AppRouteSections.SUMMARIZE : AppRouteSections.TROUBLESHOOT) ||
@@ -135,7 +139,7 @@ function WizardNavigation(props) {
             }
         };
     }, [recommendationState.numFound, hasUserScrolled, props, isCaseCreate]);
-    const onNext = () => {
+    const onNext = (e) => {
         var _a;
         updateisNextBtnClickedToShowValidationError(dispatchToRouteReducer, true);
         //handle the new changes for 13406:
@@ -171,19 +175,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);
@@ -250,7 +254,7 @@ function WizardNavigation(props) {
     return (React.createElement(React.Fragment, null,
         React.createElement(WizardFooterWrapper, null,
             props.isAIChatMode && activeSection === AppRouteSections.RESOURCES ? (React.createElement(Button, { onClick: props.onReturnToCaseCreation, variant: "link", className: "return-to-case-btn" }, isCaseCreate ? t('Return to case creation') : t('Return to resources'))) : (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'))),
+                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`) }),

package/lib/esm/css/AskRedHat.css

@@ -1,5 +1,5 @@
 .ask-redhat {
-    padding: 1rem 1rem 2rem;
+    padding-bottom: 2rem;
 }
 
 .ask-redhat-title {
@@ -23,7 +23,7 @@
 }
 
 .ask-redhat-content {
-    max-height: 120px;
+    max-height: 242px;
     color: #000;
     font-family: 'Red Hat Text';
     font-size: 16px;
@@ -36,12 +36,12 @@
 }
 
 .ask-redhat-content--expanded {
-    max-height: calc(100vh - 390px);
+    max-height: calc(100vh - 382px);
     transition: max-height 0.8s ease !important;
 }
 
 .ask-redhat-content--expanded-scrollable {
-    max-height: calc(100vh - 500px);
+    max-height: calc(100vh - 453px);
     overflow-y: auto;
 }
 
@@ -65,21 +65,26 @@
 
 .ask-redhat-footer-wrapper {
     position: relative;
-    margin-top: 1rem;
-    padding-bottom: 3rem;
+    margin-top: 24px;
+    padding-bottom: 16px;
 }
 
 .ask-redhat-footer {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    margin: 1.5rem 0 2rem;
 }
 
 .ask-redhat-footer-text {
     margin: 0;
 }
 
+.ask-redhat-error {
+    border: 1px solid #c7c7c7;
+    border-radius: 6px;
+    padding: 12px 24px;
+}
+
 :root {
     --color-red: var(--Core-color-palette-Red-red-40, #f56e6e);
     --color-purple: var(--Secondary-color-palette-Purple-purple-50, #5e40be);
@@ -235,7 +240,6 @@
     border-radius: 40px;
     background: var(--gradient-red-purple) !important;
     color: #000;
-    position: absolute;
     left: 50%;
     transform: translateX(-50%);
     z-index: 3;
@@ -357,3 +361,41 @@ body:has(.pf-chatbot--embedded) .pf-v6-c-wizard__main-body:last-child {
 .response-actions-wrapper {
     margin-top: 24px;
 }
+
+.pf-chatbot__header {
+    color: #151515 !important;
+    background-color: #f2f2f2 !important;
+}
+
+.ask-redhat-core .pf-chatbot__header .pf-v6-c-title {
+    font-size: 16px !important;
+    font-weight: 600 !important;
+}
+
+.ask-redhat-core .pf-chatbot__beta-label .pf-v6-c-label__content {
+    color: #707070 !important;
+    line-height: var(--global-font-line-height-figma-only-body-small, 18px) !important;
+}
+
+.ask-redhat-core .pf-chatbot__header-container:after {
+    display: none !important;
+}
+
+.ask-redhat-core .pf-chatbot__expand-collapse-button {
+    color: #151515 !important;
+    font-size: var(--global-font-size-body-sm, 12px) !important;
+}
+
+.pf-v6-c-button__icon.pf-m-end {
+    margin-left: 0 !important;
+    display: flex !important;
+    padding: 8px !important;
+    align-items: center !important;
+    gap: 5px !important;
+    border-radius: var(--global-border-radius-small, 6px) !important;
+    background: #fff !important;
+}
+
+.ask-redhat-core .pf-chatbot__message-bar {
+    background: #fff !important;
+}

package/lib/esm/css/app.css

@@ -91,10 +91,6 @@ form textarea.form-control:focus {
     border-bottom-color: #06c;
 }
 
-form textarea {
-    resize: vertical !important;
-}
-
 .pf-v6-c-form-control.pf-m-warning {
     border-bottom-color: var(--pf-v5-c-form-control--m-warning--BorderBottomColor);
     border-bottom-width: 2px;
@@ -345,6 +341,7 @@ input[type='checkbox'] {
 
 .list-flushleft li {
     margin-bottom: 0.5em;
+    list-style-type: none;
 }
 
 .list-flushleft li:last-child {
@@ -448,3 +445,7 @@ input[type='checkbox'] {
     row-gap: 9px;
     line-height: 2px;
 }
+
+#additional-information-section textarea {
+    resize: none !important;
+}

package/lib/esm/css/case.css

@@ -47,11 +47,15 @@ button,
     padding-left: 1.8rem;
     margin-right: -1.8rem;
     padding-right: 1.8rem;
-    margin-bottom: -2rem;
+    margin-bottom: -1rem;
     padding-bottom: 8rem;
     min-height: 300px;
 }
 
+.case-details-tabs-content {
+    border-radius: 0 0 0 16px !important;
+}
+
 .support-comment {
     display: block;
     margin-bottom: 1rem;
@@ -177,15 +181,36 @@ button,
 }
 
 .clipboard-wrapper {
+    display: flex;
     position: relative;
 }
 
-.clip-content-wrapper {
-    position: relative;
-    border: 1px solid #ededed;
-    background: #f5f5f5;
-    padding: 2px 4px;
-    overflow: auto;
+.clipboard-wrapper svg {
+    color: var(--pf-t--global--text--color--link--default);
+}
+
+.clipboard-wrapper :first-child {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.helper-text-size {
+    font-size: var(--pf-t--global--font--size--100);
+}
+
+.label-text-size {
+    font-size: var(--pf-t--global--font--size--300);
+}
+
+.request-collaboration-input {
+    background-color: var(--pf-t--global--background--color--200);
+    border: var(--pf-t--global--border--width--box--default) solid var(--pf-t--global--border--color--100);
+}
+
+.copy-button {
+    display: flex;
+    align-items: center;
 }
 
 .clip-code-raw-btn {
@@ -363,3 +388,15 @@ input[aria-invalid='true'].pf-v6-c-form-control {
         min-width: 552px;
     }
 }
+
+#reopen-case-description {
+    resize: none !important;
+}
+
+.add-watcher-button {
+    max-width: 15rem;
+}
+
+.remove-watcher-button {
+    max-width: 15rem;
+}

package/lib/esm/css/results.css

@@ -41,11 +41,11 @@
 }
 
 .recommendation-list {
-    margin-top: 2rem;
+    margin-top: 26px;
 }
 
 .recommendation-list .result {
-    margin-bottom: 1.75rem;
+    margin-bottom: 18px;
 }
 
 .recommendation-list .result:last-child {

package/lib/esm/hooks/useARHResponse.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Custom hook to prompt from the Ask Red Hat
+ */
+export declare const useARHResponse: ({ activeSection, product, version, summary, issue, caseType, config, }: {
+    activeSection: string;
+    product: string;
+    version: string;
+    summary: string;
+    issue: string;
+    caseType: string;
+    config: any;
+}) => {
+    fetchARHResponse: () => Promise<void>;
+};
+//# sourceMappingURL=useARHResponse.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useARHResponse.d.ts","sourceRoot":"","sources":["../../../src/hooks/useARHResponse.ts"],"names":[],"mappings":"AAaA;;GAEG;AACH,eAAO,MAAM,cAAc,2EAQxB;IACC,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,GAAG,CAAC;CACf;;CAgDA,CAAC"}