@rh-support/troubleshoot 2.6.46 → 2.6.48

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-lg" }),
+            canShowFileUploadWidget() && React.createElement(FileDiag, { className: "pf-v6-u-mb-md" }),
             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-lg pf-v6-u-mt-0" })),
+            !(isIdea && activeSection === 'submit-case') && (React.createElement(AsideResults, { routeProps: props.routeProps, className: "pf-v6-u-mb-md pf-v6-u-mt-0" })),
             canShowFileRecommendationSectionsWidget && React.createElement(InsightsResults, { isDisplayOnMain: true }),
-            React.createElement(ClusterRecommendations, { showClusterRecommendationsList: canShowClusterIdReportWidget, className: "pf-v6-u-mb-lg pf-v6-u-mt-0" }))));
+            React.createElement(ClusterRecommendations, { showClusterRecommendationsList: canShowClusterIdReportWidget, className: "pf-v6-u-mb-md pf-v6-u-mt-0" }))));
 }
 WizardAside.defaultProps = defaultProps;
 export default WizardAside;

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

@@ -1 +1 @@
-{"version":3,"file":"WizardLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardLayout.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAuC,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAcvG,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,qBAoNzC"}
+{"version":3,"file":"WizardLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardLayout.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAuC,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAcvG,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,qBA+NzC"}

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

@@ -33,20 +33,23 @@ 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, contactSSOName, caseType, product, caseState, ABTestVariation, 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, pcmConfig }, } = useContext(GlobalMetadataStateContext);
     const dispatchToGlobalMetadataReducer = useContext(GlobalMetadataDispatchContext);
     const canAddAttachments = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.ATTACHMENTS);
     const { attachmentState } = useContext(AttachmentStateContext);
@@ -152,9 +155,9 @@ export function WizardLayout(props) {
         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,16 @@
-import React from 'react';
+import React, { Dispatch, SetStateAction } from 'react';
 import { RouteComponentProps } from 'react-router-dom';
 import { IRouteUrlParams } from '../../reducers/RouteConstNTypes';
 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":"AAUA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAEjF,OAAO,EAAS,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAO9D,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAOpF,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,qBAwMhC;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;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"}

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

@@ -1,3 +1,12 @@
+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)
@@ -9,16 +18,21 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { Wizard, WizardNav, WizardNavItem, WizardStep, } from '@patternfly/react-core';
+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 { 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 { 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';
 import { setActiveSectionChanged, updateisNextBtnClickedToShowValidationError } from '../../reducers/RouteReducer';
@@ -27,22 +41,84 @@ 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',
+};
+const getCaseTypeAIText = (caseType) => {
+    return CASE_TYPE_AI_TEXT_MAP[caseType] || caseType;
+};
+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
+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) {
     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 { isCreatingCase, product, version, summary, issue, caseType, caseLanguage } = 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 }, } = useContext(RouteContext);
+    const { routeState: { isCaseCreate, activeSection }, } = useContext(RouteContext);
+    const aiResponseDispatch = useAIResponseDispatch();
+    const isTroubleshootSection = activeSection === AppRouteSections.TROUBLESHOOT;
+    const isResourcesSection = activeSection === AppRouteSections.RESOURCES;
+    const isSummarizeSection = activeSection === AppRouteSections.SUMMARIZE;
     const [userSeenRecommendations, setUserSeenRecommendations] = useState(false);
     const [userClickedNextonRecommendations, setUserClickedNextonRecommendations] = useState(false);
     const [userScrolledLabel, setUserScrolledLabel] = useState(false);
     const [userCanNavigateToTroubleshoot, setUserCanNavigateToTroubleshoot] = useState(false);
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     const [isNextButtonClicked, setIsNextButtonClicked] = useState(false);
     const isNextButtonClickedRef = useRef(false);
     const isBackButtonClickedRef = useRef(false);
     const resultsRowRef = useRef(null);
+    const previousARHFieldsRef = useRef({
+        product: product,
+        version: version,
+        summary: summary,
+        issue: issue,
+    });
+    const handleChatWithAIClick = () => {
+        props.setIsAIChatMode(true);
+    };
     const { getStepsSequece } = useWizard(props.routeProps, {
         userSeenRecommendationsfn: setUserSeenRecommendations,
         userSeenRecommendationsValue: userSeenRecommendations,
@@ -50,12 +126,91 @@ 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,
     });
     const dispatchToRouteReducer = useContext(RouteDispatchContext);
     const { t } = useTranslation();
     useEffect(() => {
         setActiveSectionChanged(dispatchToRouteReducer, isCaseCreate ? AppRouteSections.GET_SUPPORT : AppRouteSections.TROUBLESHOOT, '');
     }, [isCaseCreate, dispatchToRouteReducer]);
+    const shouldEnableARHServices = () => {
+        // Check if the current section is relevant for AI services
+        const isRelevantSection = isTroubleshootSection || isSummarizeSection || isResourcesSection;
+        // Check if the case type is allowed (not in the excluded list)
+        const isCaseTypeAllowed = !excludedCaseTypesforARH.includes(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 = haveARHFieldsChanged();
+        // Check if user is external and has invalid entitlements
+        const isNotUnentitledExternalUser = !(props.isUserExternal && props.hasInvalidEntitlements);
+        return (isRelevantSection &&
+            isCaseTypeAllowed &&
+            isNotSecureOrStatesideUser &&
+            isARHFieldsChanged &&
+            isNotUnentitledExternalUser);
+    };
+    // Check if any of the ARH-relevant fields have changed
+    const haveARHFieldsChanged = () => {
+        const hasChanged = previousARHFieldsRef.current.product !== product ||
+            previousARHFieldsRef.current.version !== version ||
+            previousARHFieldsRef.current.summary !== summary ||
+            previousARHFieldsRef.current.issue !== issue;
+        if (hasChanged) {
+            previousARHFieldsRef.current = {
+                product,
+                version,
+                summary,
+                issue,
+            };
+        }
+        return hasChanged;
+    };
+    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 getRHDirectStatusCheck(config);
+                    setAIServicesAvailable(true);
+                }
+                catch (error) {
+                    setAIServicesAvailable(false);
+                }
+            });
+            checkAIServices();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [
+        activeSection,
+        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 }))));
@@ -100,26 +255,70 @@ function WizardMain(props) {
         isBackButtonClickedRef.current = false;
         setIsNextButtonClicked(false);
     };
+    const handleReturnToCaseCreation = () => {
+        props.setIsAIChatMode(false);
+    };
     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) => {
+    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(),
+        };
         useEffect(() => {
-            if (steps.length > 2 && (activeStep === null || activeStep === void 0 ? void 0 : activeStep.index) === 2 && isNextButtonClicked) {
-                goToNextStep({});
+            if (steps.length > 2 && activeStep.index === 2 && isNextButtonClicked) {
+                goToStepByIndex(3);
             }
-            // eslint-disable-next-line react-hooks/exhaustive-deps
-        }, [activeStep, steps.length, isNextButtonClicked, goToNextStep]);
-        return (React.createElement(WizardNavigation, { routeProps: props.routeProps, onNext: (e) => {
-                isNextButtonClickedRef.current = true;
-                setIsNextButtonClicked(true);
-                goToNextStep(e);
-                focusWizardMainPanel();
-            }, onBack: (e) => {
+        }, [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));
+            }
+        });
+        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) {
+                yield fetchARHResponse();
+            }
+        });
+        return (React.createElement(WizardNavigation, { routeProps: props.routeProps, onNext: handleContinueClick, onBack: () => {
                 isBackButtonClickedRef.current = true;
-                goToPrevStep(e);
+                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 }));
+            }, 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 }));
     };
     const steps = getStepsSequece(showRestFlag);
     const wizardSteps = steps.map((step) => {
@@ -130,7 +329,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: CustomFooter, 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: React.createElement(CustomFooter, null), 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: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    onBack: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    onNext: () => void;
+    onBack: () => void;
     activeStep: Partial<ISectionConfiguration>;
     onSubmit: () => void;
     confirmSupportModal: (hasPreferredSecureSupportAccount: boolean) => void;
@@ -16,6 +16,8 @@ interface IProps {
     setUserCanNavigateToTroubleshoot: (value: React.SetStateAction<boolean>) => void;
     resultsRowRef?: any;
     setUserScrolledLabel: (value: React.SetStateAction<boolean>) => void;
+    isAIChatMode?: boolean;
+    onReturnToCaseCreation?: () => void;
 }
 declare function WizardNavigation(props: IProps): React.JSX.Element;
 declare namespace WizardNavigation {

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,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;CACxE;AAGD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBA8UtC;kBA9UQ,gBAAgB;;;AAgVzB,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,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"}

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, usePrevious } from '@rh-support/components';
+import { useFetch } 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,7 +51,6 @@ 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;
@@ -60,15 +59,12 @@ function WizardNavigation(props) {
     }), isEqual);
     const caseDispatch = useCaseDispatch();
     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;
-        }
+        var _a;
         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, (_b = caseState.caseDetails) === null || _b === void 0 ? void 0 : _b.caseNumber, PreviousToNewCaseTypeMap[caseState.caseDetails.caseType], caseState.caseDetails.summary, caseState.caseDetails.product, caseState.caseDetails.version);
+            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);
         if (props.activeStep.id === AppRouteSections.RESOURCES) {
             window.scrollTo({
                 top: 0,
@@ -76,7 +72,7 @@ function WizardNavigation(props) {
             });
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [previousStep === null || previousStep === void 0 ? void 0 : previousStep.id, props.activeStep.id]);
+    }, [props.activeStep.id]);
     const [hasUserScrolled, setHasUserScrolled] = useState(false);
     useEffect(() => {
         if (props.activeStep.id !== (isCaseCreate ? AppRouteSections.SUMMARIZE : AppRouteSections.TROUBLESHOOT) ||
@@ -139,7 +135,7 @@ function WizardNavigation(props) {
             }
         };
     }, [recommendationState.numFound, hasUserScrolled, props, isCaseCreate]);
-    const onNext = (e) => {
+    const onNext = () => {
         var _a;
         updateisNextBtnClickedToShowValidationError(dispatchToRouteReducer, true);
         //handle the new changes for 13406:
@@ -175,19 +171,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(e);
+                    props.onNext && props.onNext();
                 }, 10);
             }
             else {
-                props.onNext && props.onNext(e);
+                props.onNext && props.onNext();
             }
         }
         return;
     };
-    const onBack = (e) => {
+    const onBack = () => {
         if (props.activeStep.hidRestOnBack)
             props.onShowRestUpdate(false);
-        props.onBack(e);
+        props.onBack();
     };
     const onRecsFeedbackModalToggle = () => {
         setIsRecsModalVisible((visible) => !visible);
@@ -253,9 +249,10 @@ function WizardNavigation(props) {
     // To handle entitled products
     return (React.createElement(React.Fragment, null,
         React.createElement(WizardFooterWrapper, 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'))),
+            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'))),
+                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-v6-u-align-self-center pf-v6-u-ml-md text-red" }, activeSectionError)) : null)));
 }

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,UAAW,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: {
+    positive: {
+        id: string;
+        content: string;
+    }[];
+    negative: {
+        id: string;
+        content: string;
+    }[];
+};
+export declare const TOOLTIP_MESSAGES: {
+    readonly positive: {
+        readonly tooltipContent: "Good response";
+        readonly clickedTooltipContent: "Response recorded as helpful";
+    };
+    readonly negative: {
+        readonly tooltipContent: "Bad response";
+        readonly clickedTooltipContent: "Response recorded as unhelpful";
+    };
+    readonly copy: {
+        readonly tooltipContent: "Copy";
+        readonly clickedTooltipContent: "Response copied";
+    };
+};
+export declare const MODAL_MESSAGES: {
+    readonly feedback: {
+        readonly positive: "Thank you. Any more feedback?";
+        readonly negative: "Thank you. How can we improve?";
+    };
+    readonly complete: {
+        readonly title: "We appreciate your input.";
+        readonly body: "It helps us improve this experience.";
+    };
+};
+//# 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":"AAAA,eAAO,MAAM,eAAe;;;;;;;;;CAW3B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;CAanB,CAAC;AAEX,eAAO,MAAM,cAAc;;;;;;;;;CASjB,CAAC"}

package/lib/esm/constants/askRedHatMessages.js

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