@rh-support/troubleshoot 2.6.107 → 2.6.119

package/lib/esm/components/Recommendations/ClusterRecommendations.js

@@ -1,3 +1,4 @@
+import { Button } from '@patternfly/react-core';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import isEqual from 'lodash/isEqual';
 import React, { useContext } from 'react';
@@ -34,6 +35,8 @@ export default function ClusterRecommendations(props) {
             React.createElement("h3", { className: "card-heading popular-solutions" },
                 React.createElement(Trans, null, "Cluster recommendations")),
             React.createElement("div", null,
-                React.createElement(ClusterRecommendationItems, { clusterRecommendations: clusterRecommendations.data.slice(0, NUMBER_OF_RULES_TO_DISPLAY), onViewMoreRecommendation: onViewMoreRecommendation, displayVeiwMoreBtn: clusterRecommendations.data.length > NUMBER_OF_RULES_TO_DISPLAY })))),
+                React.createElement(ClusterRecommendationItems, { clusterRecommendations: clusterRecommendations.data.slice(0, NUMBER_OF_RULES_TO_DISPLAY) }),
+                clusterRecommendations.data.length > NUMBER_OF_RULES_TO_DISPLAY && (React.createElement(Button, { className: "pf-v6-u-p-md", variant: "link", isBlock: true, onClick: onViewMoreRecommendation, "data-tracking-id": "cluster-recs-view-more" },
+                    React.createElement(Trans, null, "View more recommendations")))))),
         showClusterRecommendationsModal && React.createElement(ClusterRecommendationsModal, null)));
 }

package/lib/esm/components/Recommendations/Recommendations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Recommendations.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/Recommendations.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAevD,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAapF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACzE,qCAAqC,CAAC,EAAE,OAAO,CAAC;IAChD,aAAa,EAAE,GAAG,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBA+YpD"}
+{"version":3,"file":"Recommendations.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/Recommendations.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAgBvD,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAapF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACzE,qCAAqC,CAAC,EAAE,OAAO,CAAC;IAChD,aAAa,EAAE,GAAG,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBA0XpD"}

package/lib/esm/components/Recommendations/Recommendations.js

@@ -2,7 +2,7 @@ import { pcm } from '@cee-eng/hydrajs';
 import { Label, Pagination, PaginationVariant, Popover, Spinner } from '@patternfly/react-core';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import StarIcon from '@patternfly/react-icons/dist/js/icons/star-icon';
-import { LoadingDots, useDebounce, usePrevious } from '@rh-support/components';
+import { useDebounce, usePrevious } from '@rh-support/components';
 import { computeRecommendationAbstract, computeRecommendationTitle, dtmTrackEventContentListingItemClicked, formatDate, getRecommendationTitle, } from '@rh-support/utils';
 import differenceBy from 'lodash/differenceBy';
 import find from 'lodash/find';
@@ -15,6 +15,7 @@ import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { RecommendationDispatchContext, RecommendationStateContext } from '../../context/RecommendationContext';
 import { RouteContext } from '../../context/RouteContext';
 import { SessionRestoreDispatchContext, SessionRestoreStateContext } from '../../context/SessionRestoreContext';
+import { useAB } from '../../hooks/useAB';
 import { getRecommendationObject } from '../../reducers/CaseHelpers';
 import { setCaseRecommendations } from '../../reducers/CaseReducer';
 import { fetchWatsonXRecommendations, RecommendationsConstants, setCurrentPage, setVisibleDocs, } from '../../reducers/RecommendationsReducer';
@@ -27,14 +28,14 @@ import { WatsonxAiIcon } from './WatsonxAiIcon';
 const { SessionResourceSource, SessionResourceVisibility } = pcm.preCase.session;
 export default function Recommendations(props) {
     var _a, _b, _c;
-    const { product, version, environment, summary, caseResourceLinks, issue, ABTestVariation, cveWorkflowRecommendation, } = useCaseSelector((state) => ({
+    const { isVariationA } = useAB();
+    const { product, version, environment, summary, caseResourceLinks, issue, cveWorkflowRecommendation } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
         environment: state.caseDetails.environment,
         summary: state.caseDetails.summary,
         issue: state.caseDetails.issue,
         caseResourceLinks: state.caseDetails.caseResourceLinks,
-        ABTestVariation: state.ABTestVariation,
         cveWorkflowRecommendation: state.cveWorkflowRecommendation,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
@@ -46,7 +47,7 @@ export default function Recommendations(props) {
     const { recommendationState } = useContext(RecommendationStateContext);
     const prevMainRecommendations = usePrevious((_a = recommendationState === null || recommendationState === void 0 ? void 0 : recommendationState.visibleDocs) !== null && _a !== void 0 ? _a : []);
     const recommendationDispatch = useContext(RecommendationDispatchContext);
-    const DEFAULTPAGESIZE = 8;
+    const DEFAULTPAGESIZE = 10;
     const MAXROW = 24;
     const recPageSize = pageSize !== null && pageSize !== void 0 ? pageSize : DEFAULTPAGESIZE;
     const abortControllerRef = useRef(undefined);
@@ -56,16 +57,17 @@ export default function Recommendations(props) {
         summary: summary,
         description: issue, // we don't need to truncate to 20k as Watsonx max recs is 4000 done for us already
     };
-    const isATestvariation = ABTestVariation === 'A';
-    const isBTestvariation = ABTestVariation === 'B' || isEmpty(ABTestVariation);
     const isRecSearchPayloadSame = isEqual(payload, recommendationState.prevRecommendationsBody);
     useEffect(() => {
         // currently due to the debounce we use after the page load leads to some delay in the disbaling of next button
         // since the state of the next button depends on the loading rec flag so we force the flag to be true every time the
         // rec section is rendered for the first time except the case when we won't make a new search since there was no change in the rec payload.
-        if (activeSection !== (isCaseCreate ? AppRouteSections.SUMMARIZE : AppRouteSections.TROUBLESHOOT) ||
-            !summary ||
-            isRecSearchPayloadSame) {
+        const validSections = isVariationA
+            ? [AppRouteSections.RESOURCES]
+            : isCaseCreate
+                ? [AppRouteSections.SUMMARIZE]
+                : [AppRouteSections.TROUBLESHOOT];
+        if (!validSections.includes(activeSection) || !summary || isRecSearchPayloadSame) {
             return;
         }
         !isRecSearchPayloadSame &&
@@ -80,8 +82,12 @@ export default function Recommendations(props) {
      * Also, log the newly presented resources on the session
      */
     useDebounce(() => {
-        if (activeSection !== (isCaseCreate ? AppRouteSections.SUMMARIZE : AppRouteSections.TROUBLESHOOT) ||
-            isRecSearchPayloadSame) {
+        const validSections = isVariationA
+            ? [AppRouteSections.RESOURCES]
+            : isCaseCreate
+                ? [AppRouteSections.SUMMARIZE]
+                : [AppRouteSections.TROUBLESHOOT];
+        if (!validSections.includes(activeSection) || isRecSearchPayloadSame) {
             return;
         }
         setCurrentPage(recommendationDispatch, 1);
@@ -181,39 +187,33 @@ export default function Recommendations(props) {
                 t('Match')))));
     };
     return (React.createElement(React.Fragment, null,
-        isBTestvariation && (React.createElement(LoadingDots, { className: "recommendation-loading-dots", show: recommendationState.isLoadingRecommendations && !isEmpty(summary) })),
         React.createElement("div", { className: "recommendation-list", ref: props.resultsRowRef },
-            isATestvariation
-                ? (recommendationState.visibleDocs.length !== 0 ||
-                    recommendationState.isLoadingRecommendations) && (React.createElement("div", { className: `${recommendationState.isLoadingRecommendations ? 'gradient' : ''} label-container-icon` },
-                    React.createElement("div", { id: "DeepPurpleColorAILabel" },
-                        recommendationState.isLoadingRecommendations ? (React.createElement(React.Fragment, null,
-                            React.createElement("span", { className: "loading-text" },
-                                React.createElement(Spinner, { size: "sm", className: "pf-v6-u-mr-xs" }),
-                                ' ',
-                                React.createElement(Trans, null, recommendationState.visibleDocs.length
-                                    ? 'Updating recommendations '
-                                    : 'Recommending articles '),
-                                ' ',
-                                React.createElement(InfoCircleIcon, { color: "#5E40BE" })))) : (React.createElement(React.Fragment, null,
-                            React.createElement("span", { className: "ai-label-text" },
-                                React.createElement(WatsonxAiIcon, { fillColor: "#FFFFFF", className: "pf-v6-u-mr-xs" }),
-                                ' ',
-                                React.createElement("span", { className: "ai-label-text1" },
-                                    React.createElement(Trans, null, "Recommended search results"),
-                                    " ",
-                                    infoPopover)))),
-                        ' ')))
-                : recommendationState.visibleDocs.length !== 0 && (React.createElement(Label, { color: "purple", className: "pf-v6-u-mb-md" },
-                    React.createElement(WatsonxAiIcon, { fillColor: "#6753ac", className: "pf-v6-u-mr-xs" }),
-                    React.createElement(Trans, null, "Live search results powered by OpenShift AI"))),
-            isATestvariation && recommendationState.isLoadingRecommendations ? (React.createElement(RecommendationsLoader, null)) : (React.createElement("ul", { className: "list-flat" }, map(recommendationState.visibleDocs, (doc, i) => {
+            (recommendationState.visibleDocs.length !== 0 || recommendationState.isLoadingRecommendations) && (React.createElement("div", { className: `${recommendationState.isLoadingRecommendations ? 'gradient' : ''} label-container-icon` },
+                React.createElement("div", { id: "DeepPurpleColorAILabel" },
+                    recommendationState.isLoadingRecommendations ? (React.createElement(React.Fragment, null,
+                        React.createElement("span", { className: "loading-text" },
+                            React.createElement(Spinner, { size: "sm", className: "pf-v6-u-mr-xs" }),
+                            ' ',
+                            React.createElement(Trans, null, recommendationState.visibleDocs.length
+                                ? 'Updating recommendations '
+                                : 'Recommending articles '),
+                            ' ',
+                            React.createElement(InfoCircleIcon, { color: "#5E40BE" })))) : (React.createElement(React.Fragment, null,
+                        React.createElement("span", { className: "ai-label-text" },
+                            React.createElement(WatsonxAiIcon, { fillColor: "#FFFFFF", className: "pf-v6-u-mr-xs" }),
+                            ' ',
+                            React.createElement("span", { className: "ai-label-text1" },
+                                React.createElement(Trans, null, "Recommended search results"),
+                                " ",
+                                infoPopover)))),
+                    ' '))),
+            recommendationState.isLoadingRecommendations ? (React.createElement(RecommendationsLoader, null)) : (React.createElement("ul", { className: "list-flat" }, map(recommendationState.visibleDocs, (doc, i) => {
                 var _a, _b;
                 return (React.createElement("li", { className: "result", key: doc.id },
                     React.createElement("header", { className: "result-header" },
                         React.createElement("a", { href: `${doc.view_uri}?${RouteUtils.getSEResourceQueryParams(activeSessionId, (_b = (_a = sessionResourceTracking[SessionResourceSource.RECOMMENDATIONS]) === null || _a === void 0 ? void 0 : _a.resourceOriginId) !== null && _b !== void 0 ? _b : '', SessionResourceSource.RECOMMENDATIONS)}`, className: "se-recommended ts-result", "data-tracking-id": `se-recommended-main-recommendations-${i}`, rel: "noopener noreferrer", target: "_blank", onClick: onResourceClick(doc, i), dangerouslySetInnerHTML: computeRecommendationTitle(doc) }),
                         React.createElement("div", { className: "header-meta pf-v6-u-mt-xs" },
-                            isATestvariation && doc.rerank_score && computeLabel(doc),
+                            doc.rerank_score && computeLabel(doc),
                             doc.kcsState === 'verified' && (React.createElement(React.Fragment, null,
                                 React.createElement("span", { className: "status-verified pf-v6-u-font-weight-bold pf-v6-u-success-color-100" }, "verified"),
                                 React.createElement("span", { className: "list-separator" }, "\u2013"))),

package/lib/esm/components/RemoteRider/RemoteRiderAcceptanceModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RemoteRiderAcceptanceModal.d.ts","sourceRoot":"","sources":["../../../../src/components/RemoteRider/RemoteRiderAcceptanceModal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;CACrD;AAED,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,KAAK,EAAE,MAAM,qBAwD/D"}
+{"version":3,"file":"RemoteRiderAcceptanceModal.d.ts","sourceRoot":"","sources":["../../../../src/components/RemoteRider/RemoteRiderAcceptanceModal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;CACrD;AAED,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,KAAK,EAAE,MAAM,qBAuD/D"}

package/lib/esm/components/Review/Review.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Review.d.ts","sourceRoot":"","sources":["../../../../src/components/Review/Review.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAqBlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AACD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,qBA2E3C"}
+{"version":3,"file":"Review.d.ts","sourceRoot":"","sources":["../../../../src/components/Review/Review.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAoBlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AACD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,qBAuE3C"}

package/lib/esm/components/Review/Review.js

@@ -24,12 +24,10 @@ import CaseContactSelector from '../CaseManagement/SendNotifications/CaseContact
 import { Hostname } from '../ImproveCase/Hostname';
 import KtQuestions from '../ImproveCase/KtQuestions';
 import { AllProductsSelector } from '../ProductSelector/AllProductsSelector';
-import { EARuleWidget } from '../Recommendations/EARules/EARuleWidget';
 export default function Review(props) {
     const caseDispatch = useCaseDispatch();
-    const { contactInfo24x7, ABTestVariation, caseType } = useCaseSelector((state) => ({
+    const { contactInfo24x7, caseType } = useCaseSelector((state) => ({
         contactInfo24x7: state.caseDetails.contactInfo24x7,
-        ABTestVariation: state.ABTestVariation,
         caseType: state.caseDetails.caseType,
     }), isEqual);
     const ability = useContext(AbilityContext);
@@ -37,9 +35,7 @@ export default function Review(props) {
     const onSeverityChange = (payload) => {
         setCaseDetails(caseDispatch, payload);
     };
-    const isBTestvariation = ABTestVariation === 'B' || isEmpty(ABTestVariation);
     return (React.createElement(React.Fragment, null,
-        isBTestvariation && React.createElement(EARuleWidget, null),
         React.createElement("form", { className: "review-form card card-light push-bottom" },
             React.createElement(AccountSelector, null),
             React.createElement(OwnerSelector, null),

package/lib/esm/components/Suggestions/TopContentSidebar.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export default function TopContentSidebar(): React.JSX.Element;
+//# sourceMappingURL=TopContentSidebar.d.ts.map

package/lib/esm/components/Suggestions/TopContentSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TopContentSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Suggestions/TopContentSidebar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,MAAM,CAAC,OAAO,UAAU,iBAAiB,sBA2CxC"}

package/lib/esm/components/Suggestions/TopContentSidebar.js

@@ -0,0 +1,26 @@
+import { Card, CardBody, CardHeader, Tooltip } from '@patternfly/react-core';
+import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
+import isEqual from 'lodash/isEqual';
+import React, { useContext } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { useCaseSelector } from '../../context/CaseContext';
+import { TCStateContext } from '../../context/TopContentContext';
+export default function TopContentSidebar() {
+    const { t } = useTranslation();
+    const { topContentState: { topContent }, } = useContext(TCStateContext);
+    const { version } = useCaseSelector((state) => ({
+        version: state.caseDetails.version,
+    }), isEqual);
+    // Only show if there's a version but no topContent data
+    if (!version || topContent.data.length > 0) {
+        return null;
+    }
+    return (React.createElement(Card, { id: "card", className: "pf-v6-u-mt-md" },
+        React.createElement(CardHeader, { id: "card-title" },
+            React.createElement(Trans, { i18nKey: 'i18nKeyPopularSolutions' }, "Red Hat hand picked support articles"),
+            React.createElement(Tooltip, { content: React.createElement("div", null,
+                    React.createElement(Trans, null, "Support articles are matched to the product and version details you selected, not the problem details you entered.")) },
+                React.createElement(InfoCircleIcon, { className: "pf-v6-u-ml-sm", "aria-label": "More info about how support articles are matched" }))),
+        React.createElement(CardBody, { "aria-label": t('No recommendations for this product'), className: "file-recs-no-recommendation" },
+            React.createElement(Trans, null, "No recommendations for this product"))));
+}

package/lib/esm/components/TroubleshootSection/AskRedHat.js

@@ -140,7 +140,7 @@ export const AskRedHat = ({ onChatWithAIClick }) => {
     // Use accumulated response if streaming, otherwise use the final response
     const answer = aiResponseState.isStreaming && aiResponseState.accumulatedResponse
         ? aiResponseState.accumulatedResponse
-        : (aiResponse === null || aiResponse === void 0 ? void 0 : aiResponse.answer) || (aiResponse === null || aiResponse === void 0 ? void 0 : aiResponse.content) || t('No AI response available yet.');
+        : (aiResponse === null || aiResponse === void 0 ? void 0 : aiResponse.answer) || (aiResponse === null || aiResponse === void 0 ? void 0 : aiResponse.content);
     const sources = React.useMemo(() => (aiResponse === null || aiResponse === void 0 ? void 0 : aiResponse.sources) || (aiResponse === null || aiResponse === void 0 ? void 0 : aiResponse.references) || [], [aiResponse]);
     const sourcesCount = sources.length || 0;
     // Show loading only when streaming has started but no content received yet

package/lib/esm/components/TroubleshootSection/TroubleshootSection.d.ts

@@ -1,6 +1,12 @@
 import '@ifd-ui/ask-redhat-core/ask-redhat-core.css';
 import React from 'react';
+import { RouteComponentProps } from 'react-router-dom';
+import { IRouteUrlParams } from '../../reducers/RouteConstNTypes';
 interface IProps {
+    routeProps: RouteComponentProps<IRouteUrlParams>;
+    userSeenRecommendations?: (value: React.SetStateAction<boolean>) => void;
+    userClickedNextonRecommendations?: boolean;
+    resultsRowRef: React.MutableRefObject<HTMLDivElement | null>;
     inlineEditable: boolean;
     initialIsEditing?: boolean;
     required?: boolean;
@@ -13,6 +19,9 @@ interface IProps {
     aiServicesAvailable: boolean;
     isSecureSupport?: boolean;
     hasConfirmedStatesideSupport?: boolean;
+    onBack?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    haveARHFieldsChanged?: boolean;
+    resetARHFieldsChanged?: () => void;
 }
 declare function TroubleshootSection(props: IProps): React.JSX.Element;
 declare namespace TroubleshootSection {

package/lib/esm/components/TroubleshootSection/TroubleshootSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TroubleshootSection.d.ts","sourceRoot":"","sources":["../../../../src/components/TroubleshootSection/TroubleshootSection.tsx"],"names":[],"mappings":"AAAA,OAAO,6CAA6C,CAAC;AAUrD,OAAO,KAA6B,MAAM,OAAO,CAAC;AAclD,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4BAA4B,CAAC,EAAE,OAAO,CAAC;CAC1C;AAUD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAgOzC;kBAhOQ,mBAAmB;;;AAmO5B,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"TroubleshootSection.d.ts","sourceRoot":"","sources":["../../../../src/components/TroubleshootSection/TroubleshootSection.tsx"],"names":[],"mappings":"AAAA,OAAO,6CAA6C,CAAC;AAkBrD,OAAO,KAAqD,MAAM,OAAO,CAAC;AAE1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAUvD,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAyBpF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACzE,gCAAgC,CAAC,EAAE,OAAO,CAAC;IAC3C,aAAa,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC7D,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC1D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;CACtC;AAWD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAmZzC;kBAnZQ,mBAAmB;;;AAsZ5B,eAAe,mBAAmB,CAAC"}

package/lib/esm/components/TroubleshootSection/TroubleshootSection.js

@@ -8,26 +8,46 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import '@ifd-ui/ask-redhat-core/ask-redhat-core.css';
-import { Env } from '@cee-eng/hydrajs';
-import { AskRedHatChat, setAuthToken } from '@ifd-ui/ask-redhat-core';
+import { Env, pcm } from '@cee-eng/hydrajs';
+import { ARHEventName, AskRedHatChat, setAuthToken, } from '@ifd-ui/ask-redhat-core';
 import { Button, Card, CardBody, CardHeader, Tooltip } from '@patternfly/react-core';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { ErrorBoundary, LoadingDots } from '@rh-support/components';
 import { PreviousCaseTypes } from '@rh-support/utils';
+import i18next from 'i18next';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
-import React, { useContext, useRef } from 'react';
+import React, { useCallback, useContext, useEffect, useRef } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { useAIResponseState } from '../../context/AIResponseContext';
+import { useAIResponseDispatch, useAIResponseState } from '../../context/AIResponseContext';
 import { useCaseSelector } from '../../context/CaseContext';
 import { RouteContext } from '../../context/RouteContext';
+import { SessionRestoreDispatchContext, SessionRestoreStateContext } from '../../context/SessionRestoreContext';
 import { TCStateContext } from '../../context/TopContentContext';
+import { useAB } from '../../hooks/useAB';
+import { setHasChunkReceived, updateConversationId } from '../../reducers/AIResponseReducer';
 import { appSourceId_ARH, excludedCaseTypesforARH } from '../../reducers/CaseConstNTypes';
+import { AppRouteSections } from '../../reducers/RouteConstNTypes';
+import { createOrUpdateSessionResources } from '../../reducers/SessionRestoreReducer';
 import { OpenShiftClusterId } from '../CaseManagement/OpenShiftClusterId';
 import ClusterRecommendations from '../Recommendations/ClusterRecommendations';
 import InsightsResults from '../Recommendations/InsightsResults';
+import Recommendations from '../Recommendations/Recommendations';
 import Suggestions from '../Suggestions/Suggestions';
+import { generateAIQuestion } from '../wizardLayout/WizardMain';
 import { AskRedHat } from './AskRedHat';
+const { SessionResourceSource, SessionResourceVisibility } = pcm.preCase.session;
+const getSessResFromARHSource = (source, visibilityStatus, rank = 1) => ({
+    visibilityStatus,
+    resourceEntityId: source.link || source.url,
+    url: source.link || source.url,
+    rank,
+});
+const getSessResFromAISources = (sources, visibilityStatus) => {
+    if (!sources || sources.length === 0)
+        return;
+    return sources.map((source, index) => getSessResFromARHSource(source, visibilityStatus, index + 1));
+};
 const defaultProps = {
     initialIsEditing: false,
     required: false,
@@ -35,18 +55,28 @@ const defaultProps = {
     autoFocus: false,
     hideSaveCancel: false,
     aiServicesAvailable: false,
+    haveARHFieldsChanged: false,
 };
 function TroubleshootSection(props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
     const { t } = useTranslation();
-    const { aiServicesAvailable, isAIChatMode, setIsAIChatMode, onChatWithAIClick } = props;
-    const refetchControlReady = useRef(null);
+    const { isVariationA } = useAB();
+    const { isAIChatMode } = props;
+    const lastDispatchedConversationIdRef = useRef(null);
+    const sourcesRef = useRef(null);
+    const clickedSourcesRef = useRef(new Set());
+    const engagementTimerRef = useRef(null);
+    const hasInteractionHappenedRef = useRef(false);
     const { topContentState: { topContent }, } = useContext(TCStateContext);
-    const { routeState: { isCaseCreate }, } = useContext(RouteContext);
+    const { routeState: { isCaseCreate, activeSection }, } = useContext(RouteContext);
+    const { caseDetails } = useCaseSelector((state) => ({
+        caseDetails: state.caseDetails,
+    }), isEqual);
     const aiResponseState = useAIResponseState();
+    const aiResponseDispatch = useAIResponseDispatch();
     const session = window === null || window === void 0 ? void 0 : window.sessionjs;
     const keycloakSession = (_b = (_a = session === null || session === void 0 ? void 0 : session._state) === null || _a === void 0 ? void 0 : _a.keycloak) !== null && _b !== void 0 ? _b : null;
-    const { product, version, isCreatingCase, caseType } = useCaseSelector((state) => ({
+    const { product, version, summary, issue, isCreatingCase, caseType } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
         summary: state.caseDetails.summary,
@@ -54,35 +84,69 @@ function TroubleshootSection(props) {
         caseType: state.caseDetails.caseType,
         issue: state.caseDetails.issue,
     }), isEqual);
+    const { sessionRestore: { activeSessionId, sessionResourceTracking }, } = useContext(SessionRestoreStateContext);
+    const sessionRestoreDispatch = useContext(SessionRestoreDispatchContext);
     const canShowTopProducts = isEmpty(product);
     const canShowTopContent = !canShowTopProducts && ((_c = topContent === null || topContent === void 0 ? void 0 : topContent.data) === null || _c === void 0 ? void 0 : _c.length) > 0;
     const isNotAnIdea = caseType !== PreviousCaseTypes.FEATURE_ENHANCEMENT;
-    const shouldShowARHUI = () => {
-        // Check if the case type is allowed (not in the excluded list)
-        const isCaseTypeAllowed = !excludedCaseTypesforARH.includes(caseType !== null && caseType !== void 0 ? caseType : '');
-        // Check if user is not a secure support or confirmed stateside support user
-        const isNotSecureOrStatesideUser = !props.isSecureSupport && !props.hasConfirmedStatesideSupport;
-        // Check if AI services are available
-        const isAIServicesAvailable = aiServicesAvailable;
-        return isCaseTypeAllowed && isNotSecureOrStatesideUser && isAIServicesAvailable;
-    };
-    const handleInitialized = (success, error) => {
-        var _a, _b;
-        if (success) {
-            console.log('Chat initialized successfully');
-            try {
-                if (!isEmpty((_a = aiResponseState.aiResponse) === null || _a === void 0 ? void 0 : _a.conversationId)) {
-                    (_b = refetchControlReady.current) === null || _b === void 0 ? void 0 : _b.refetch();
+    const clearEngagementTimer = useCallback(() => {
+        if (engagementTimerRef.current) {
+            clearTimeout(engagementTimerRef.current);
+            engagementTimerRef.current = null;
+        }
+    }, []);
+    // Call resource API with sources if available, otherwise create resource origin with payload only
+    const callResourceAPI = useCallback((sources, visibilityStatus) => {
+        if (!activeSessionId)
+            return;
+        const payload = JSON.stringify({ product, version, summary, issue });
+        if (sources && sources.length > 0) {
+            const sessionResources = visibilityStatus === SessionResourceVisibility.VISITED
+                ? sources.map((source, index) => getSessResFromARHSource(source, visibilityStatus, index + 1))
+                : getSessResFromAISources(sources, visibilityStatus);
+            createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.ASK_RED_HAT, sessionResources, payload);
+        }
+        else {
+            createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.ASK_RED_HAT, undefined, payload);
+        }
+    }, [activeSessionId, product, version, summary, issue, sessionRestoreDispatch, sessionResourceTracking]);
+    const handleARHEvent = useCallback((eventData) => {
+        // Enable "See more resources" button when first chunk iss received
+        if (eventData.eventName === ARHEventName.AnswerReceived) {
+            aiResponseDispatch(setHasChunkReceived(true));
+        }
+        // If message sent with conversationId, call API immediately (engagement happened)
+        if (eventData.eventName === ARHEventName.MessageSent && isVariationA) {
+            const { conversationId } = eventData.payload;
+            if (conversationId !== undefined && conversationId !== null && conversationId !== '') {
+                clearEngagementTimer();
+                if (!hasInteractionHappenedRef.current) {
+                    hasInteractionHappenedRef.current = true;
+                    callResourceAPI(sourcesRef.current, SessionResourceVisibility.PRESENTED);
                 }
             }
-            catch (error) {
-                console.error('Failed to refetch conversation:', error);
+        }
+        if (eventData.eventName === ARHEventName.SourcePresented) {
+            const { conversationId, sources } = eventData.payload;
+            if (sources && Array.isArray(sources)) {
+                sourcesRef.current = sources.map((source) => (Object.assign(Object.assign({}, source), { url: source.sourceUrl || source.url, link: source.sourceUrl || source.link })));
+            }
+            if (conversationId && conversationId !== lastDispatchedConversationIdRef.current) {
+                lastDispatchedConversationIdRef.current = conversationId;
+                aiResponseDispatch(updateConversationId(conversationId));
             }
         }
-        else {
-            console.error('Chat initialization failed:', error);
+        if (eventData.eventName === ARHEventName.SourceClicked && isVariationA) {
+            const { sourceUrl, sourceText } = eventData.payload;
+            if (!sourceUrl || clickedSourcesRef.current.has(sourceUrl))
+                return;
+            clickedSourcesRef.current.add(sourceUrl);
+            hasInteractionHappenedRef.current = true;
+            clearEngagementTimer();
+            const source = { url: sourceUrl, link: sourceUrl, sourceUrl, sourceText };
+            callResourceAPI([source], SessionResourceVisibility.VISITED);
         }
-    };
+    }, [aiResponseDispatch, callResourceAPI, clearEngagementTimer, isVariationA]);
     const preprocessRequest = () => __awaiter(this, void 0, void 0, function* () {
         var _a;
         if (!keycloakSession) {
@@ -104,14 +168,42 @@ function TroubleshootSection(props) {
             throw error;
         }
     });
+    const detailedQuestion = generateAIQuestion(activeSection || '', caseDetails.product, caseDetails.version, caseDetails.summary, caseDetails.issue, caseDetails.caseType || '', i18next.language || 'en');
+    const latestUserMessage = isVariationA && ((_d = aiResponseState.aiResponse) === null || _d === void 0 ? void 0 : _d.conversationId) && props.haveARHFieldsChanged
+        ? detailedQuestion
+        : '';
+    const firstUserMessage = isVariationA && !((_e = aiResponseState.aiResponse) === null || _e === void 0 ? void 0 : _e.conversationId) ? detailedQuestion : '';
+    // Reset the flag when component unmounts
+    useEffect(() => {
+        return () => {
+            var _a;
+            (_a = props.resetARHFieldsChanged) === null || _a === void 0 ? void 0 : _a.call(props);
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    // 10-second engagement timer - call API if no source clicked or message not sent by user
+    useEffect(() => {
+        if (aiResponseState.hasChunkReceived && isVariationA) {
+            engagementTimerRef.current = setTimeout(() => {
+                if (hasInteractionHappenedRef.current || clickedSourcesRef.current.size > 0) {
+                    return;
+                }
+                callResourceAPI(sourcesRef.current, SessionResourceVisibility.PRESENTED);
+                engagementTimerRef.current = null;
+            }, 10000);
+            return clearEngagementTimer;
+        }
+    }, [aiResponseState.hasChunkReceived, isVariationA, callResourceAPI, clearEngagementTimer]);
     const initConfig = {
-        packageVersion: (_d = window === null || window === void 0 ? void 0 : window.supportVersionInfo) === null || _d === void 0 ? void 0 : _d.packageVersion,
+        packageVersion: (_f = window === null || window === void 0 ? void 0 : window.supportVersionInfo) === null || _f === void 0 ? void 0 : _f.packageVersion,
         appSourceId: appSourceId_ARH,
         enableDebugLogging: false,
         headerTitle: isCaseCreate ? t('Resolve your issue now with AI insights') : t('Troubleshoot with AI insights'),
         appEnv: Env.getEnvName(),
         showWelcomeMessage: false,
-        conversationId: ((_e = aiResponseState.aiResponse) === null || _e === void 0 ? void 0 : _e.conversationId) || undefined,
+        firstUserMessage: firstUserMessage,
+        conversationId: (_h = (_g = aiResponseState.aiResponse) === null || _g === void 0 ? void 0 : _g.conversationId) !== null && _h !== void 0 ? _h : '',
+        latestUserMessage: latestUserMessage,
         enableHeaderMenu: false,
         enableTheme: false,
         openLinkInNewTab: true,
@@ -122,8 +214,8 @@ function TroubleshootSection(props) {
             } })),
         tokenAuth: {
             auth: {
-                userInfo: (_h = (_g = (_f = window === null || window === void 0 ? void 0 : window.sessionjs) === null || _f === void 0 ? void 0 : _f.getToken) === null || _g === void 0 ? void 0 : _g.call(_f)) !== null && _h !== void 0 ? _h : {},
-                authToken: (_k = (_j = window === null || window === void 0 ? void 0 : window.sessionjs) === null || _j === void 0 ? void 0 : _j.getEncodedToken()) !== null && _k !== void 0 ? _k : '',
+                userInfo: (_l = (_k = (_j = window === null || window === void 0 ? void 0 : window.sessionjs) === null || _j === void 0 ? void 0 : _j.getToken) === null || _k === void 0 ? void 0 : _k.call(_j)) !== null && _l !== void 0 ? _l : {},
+                authToken: (_o = (_m = window === null || window === void 0 ? void 0 : window.sessionjs) === null || _m === void 0 ? void 0 : _m.getEncodedToken()) !== null && _o !== void 0 ? _o : '',
             },
             events: {
                 preprocessRequest,
@@ -133,31 +225,45 @@ function TroubleshootSection(props) {
                 },
             },
         },
-        onInitialized: handleInitialized,
+        onARHEvent: handleARHEvent,
         onUnauthenticatedLogin: () => {
             var _a, _b;
             (_b = (_a = window === null || window === void 0 ? void 0 : window.sessionjs) === null || _a === void 0 ? void 0 : _a.login) === null || _b === void 0 ? void 0 : _b.call(_a);
         },
-        onForceRefetchConversation: (refetchControl) => {
-            refetchControlReady.current = refetchControl;
-        },
+    };
+    const shouldShowARHUI = () => {
+        if (isVariationA) {
+            return false;
+        }
+        // Check if the case type is allowed (not in the excluded list)
+        const isCaseTypeAllowed = !excludedCaseTypesforARH.includes(caseType !== null && caseType !== void 0 ? caseType : '');
+        // Check if user is not a secure support or confirmed stateside support user
+        const isNotSecureOrStatesideUser = !props.isSecureSupport && !props.hasConfirmedStatesideSupport;
+        // Check if AI services are available
+        const isAIServicesAvailable = props.aiServicesAvailable;
+        return isCaseTypeAllowed && isNotSecureOrStatesideUser && isAIServicesAvailable;
     };
     const handleChatWithAIClick = () => {
-        setIsAIChatMode(true);
-        onChatWithAIClick === null || onChatWithAIClick === void 0 ? void 0 : onChatWithAIClick();
+        var _a;
+        props.setIsAIChatMode(true);
+        (_a = props.onChatWithAIClick) === null || _a === void 0 ? void 0 : _a.call(props);
     };
     return (React.createElement(React.Fragment, null, isAIChatMode ? (React.createElement(React.Fragment, null,
         React.createElement(AskRedHatChat, { initConfig: initConfig }),
-        React.createElement("div", { className: "fullscreen-chat-footer" }, isCaseCreate ? (React.createElement("span", null,
+        React.createElement("div", { className: "fullscreen-chat-footer" }, isVariationA && activeSection === AppRouteSections.RESOURCES ? (React.createElement(React.Fragment, null,
+            React.createElement("button", { onClick: props.onBack, className: "btn btn-app btn-open-white main-nav-button", type: "button" }, t('Go back')),
+            React.createElement("button", { onClick: () => props.setIsAIChatMode(false), className: "btn btn-app btn-primary main-nav-button", type: "button", disabled: !aiResponseState.hasChunkReceived }, t('See more 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.setIsAIChatMode(false) })),
                 } }))) : (React.createElement(Button, { onClick: () => props.setIsAIChatMode(false), variant: "link", className: "return-to-resources-btn" }, t('Back to resources')))))) : (React.createElement(React.Fragment, null,
         React.createElement("section", null,
-            shouldShowARHUI() && React.createElement(AskRedHat, { onChatWithAIClick: handleChatWithAIClick }),
-            !isCreatingCase && (React.createElement(OpenShiftClusterId, { className: "push-bottom", "data-tracking-id": "troubleshoot-section-openshift-cluster-id" })),
+            isVariationA ? (React.createElement("div", { className: "suggestions-result-section" },
+                React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading recommendations') } }, !isEmpty(version) && (React.createElement("div", { className: "common-suggestions" },
+                    React.createElement(Recommendations, { routeProps: props.routeProps, userSeenRecommendations: props.userSeenRecommendations, userClickedNextonRecommendationsValue: props.userClickedNextonRecommendations, resultsRowRef: props.resultsRowRef })))))) : (shouldShowARHUI() && React.createElement(AskRedHat, { onChatWithAIClick: handleChatWithAIClick })),
+            !isVariationA && !isCreatingCase && (React.createElement(OpenShiftClusterId, { className: "push-bottom", "data-tracking-id": "troubleshoot-section-openshift-cluster-id" })),
             React.createElement(LoadingDots, { show: topContent.isFetching }),
-            topContent.data.length === 0 && (React.createElement(Card, { id: "card", className: "pf-v6-u-mb-md" },
+            !isVariationA && topContent.data.length === 0 && (React.createElement(Card, { id: "card", className: "pf-v6-u-mb-md" },
                 React.createElement(CardHeader, { id: "card-title" },
                     React.createElement(Trans, { i18nKey: 'i18nKeyPopularSolutions' }, "Red Hat hand picked support articles"),
                     React.createElement(Tooltip, { content: React.createElement("div", null,

package/lib/esm/components/shared/useIsSectionValid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIsSectionValid.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/useIsSectionValid.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAuB/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAMnE,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,gBAAgB;;;;;EAmU9D"}
+{"version":3,"file":"useIsSectionValid.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/useIsSectionValid.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAwB/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAMnE,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,gBAAgB;;;;;EAgR9D"}