@rh-support/troubleshoot 2.4.5-beta.2 → 2.4.5-beta.20

package/lib/esm/components/ProductSelector/ProductSelector.js

@@ -1,13 +1,15 @@
 import { Alert, AlertVariant } from '@patternfly/react-core';
 import { AlertMessage, AlertType, ErrorBoundary } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
+import { getConfigField, PCM_CONFIG_FIELD_TYPE } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
-import React, { useContext, useRef } from 'react';
+import React, { useContext, useEffect, useRef } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { useCaseSelector } from '../../context/CaseContext';
+import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { RouteContext } from '../../context/RouteContext';
 import { useFetchCVEData } from '../../hooks/useFetchCVEData';
+import { setCaseState } from '../../reducers/CaseReducer';
 import { CveModal } from '../Cve/CveModal';
 import { EARuleWidget } from '../Recommendations/EARules/EARuleWidget';
 import Recommendations from '../Recommendations/Recommendations';
@@ -24,37 +26,53 @@ import { ProductSelectorLoader } from './ProductSelectorLoader';
 export default function ProductSelector(props) {
     const { cveRecommendation } = useFetchCVEData();
     const { t } = useTranslation();
-    const { globalMetadataState: { allProducts }, } = useContext(GlobalMetadataStateContext);
-    const { product, version } = useCaseSelector((state) => ({
+    const { globalMetadataState: { allProducts, pcmConfig }, } = useContext(GlobalMetadataStateContext);
+    const { product, version, ABTestVariation } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
+        ABTestVariation: state.ABTestVariation,
     }), isEqual);
     const { routeState: { isCaseCreate }, } = useContext(RouteContext);
+    const caseDispatch = useCaseDispatch();
+    const cveModalEnabledConfig = getConfigField(pcmConfig.data, 'isCVEModalEnabled', PCM_CONFIG_FIELD_TYPE.STRING);
+    const isCVEModalEnabled = cveModalEnabledConfig === '1';
+    const isATestvariation = ABTestVariation === 'A';
+    const isBTestvariation = ABTestVariation === 'B' || isEmpty(ABTestVariation);
+    useEffect(() => {
+        if (!isCVEModalEnabled) {
+            setCaseState(caseDispatch, {
+                isCveModalOpened: false,
+            });
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [isCVEModalEnabled]);
     /**
      * The all product selector and top product selector should always be "selected" because
      * the all product selector needs to show the selection from the top products selector and the top product selector
      * doesn't matter becasue it will be hidden whenever a product is selected.
      */
     const productSelectorRef = useRef(null);
+    const rederProductSelect = (React.createElement("form", null,
+        (cveRecommendation === null || cveRecommendation === void 0 ? void 0 : cveRecommendation.length) !== 0 && isCVEModalEnabled && React.createElement(CveModal, null),
+        React.createElement(AllProductsSelector, { routeProps: props.routeProps, checkEntitledProduct: isCaseCreate ? true : false, ref: productSelectorRef, isOnSummaryPage: true, isOnGetSupportPage: props === null || props === void 0 ? void 0 : props.isOnGetSupportPage, caseCreateExperience: props.caseCreateExperience })));
     return (React.createElement(React.Fragment, null,
-        allProducts.isFetching && React.createElement(ProductSelectorLoader, null),
+        isBTestvariation && allProducts.isFetching && React.createElement(ProductSelectorLoader, null),
         React.createElement(AlertMessage, { variant: AlertType.DANGER, className: "pf-v5-u-mt-lg", title: t('There was an error loading products.'), show: allProducts.isError }),
-        !allProducts.isFetching && !allProducts.isError && (React.createElement(React.Fragment, null,
-            React.createElement("form", null,
-                (cveRecommendation === null || cveRecommendation === void 0 ? void 0 : cveRecommendation.length) !== 0 && React.createElement(CveModal, null),
-                React.createElement(AllProductsSelector, { routeProps: props.routeProps, checkEntitledProduct: isCaseCreate ? true : false, ref: productSelectorRef, isOnSummaryPage: true }),
-                product === 'Subscription Watch' && (React.createElement(Alert, { isInline: true, variant: AlertVariant.warning, title: React.createElement(Trans, null,
-                        ' ',
-                        "If you're having a subscription issue that doesn't relate to",
-                        ' ',
-                        React.createElement("a", { href: "/products/subscription-central", rel: "noopener noreferrer", target: "_blank" }, "Subscription Watch"),
-                        "product, then please contact",
-                        ' ',
-                        React.createElement("a", { href: "/support/contact", "data-tracking-id": "contact-customer-service" }, "customer service"),
-                        ' ',
-                        "for help.") })),
-                React.createElement(EARuleWidget, null)),
-            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 })))))))));
+        isBTestvariation
+            ? !allProducts.isFetching && !allProducts.isError && rederProductSelect
+            : isATestvariation && rederProductSelect,
+        product === 'Subscription Watch' && (React.createElement(Alert, { isInline: true, variant: AlertVariant.warning, title: React.createElement(Trans, null,
+                ' ',
+                "If you're having a subscription issue that doesn't relate to",
+                ' ',
+                React.createElement("a", { href: "/products/subscription-central", rel: "noopener noreferrer", target: "_blank" }, "Subscription Watch"),
+                "product, then please contact",
+                ' ',
+                React.createElement("a", { href: "/support/contact", "data-tracking-id": "contact-customer-service" }, "customer service"),
+                ' ',
+                "for help.") })),
+        isBTestvariation && React.createElement(EARuleWidget, null),
+        !(props === null || props === void 0 ? void 0 : props.isOnGetSupportPage) && (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 }))))))));
 }

package/lib/esm/components/ProductSelector/ProductVersionDropdownSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductVersionDropdownSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductVersionDropdownSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAEpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAiC,MAAM,OAAO,CAAC;AAOtD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;IAChC,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAOD,QAAA,MAAM,8BAA8B,wEAuClC,CAAC;AAEH,OAAO,EAAE,8BAA8B,EAAE,CAAC"}
+{"version":3,"file":"ProductVersionDropdownSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductVersionDropdownSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAEpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAiC,MAAM,OAAO,CAAC;AAOtD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;IAChC,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAOD,QAAA,MAAM,8BAA8B,wEAuDlC,CAAC;AAEH,OAAO,EAAE,8BAA8B,EAAE,CAAC"}

package/lib/esm/components/ProductSelector/ProductVersionDropdownSelector.js

@@ -16,7 +16,12 @@ const ProductVersionDropdownSelector = forwardRef((props, ref) => {
                 React.createElement(Trans, null, "Product"),
                 ' ',
                 React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
-            React.createElement(NewProductDropdownSelector, { products: props.products, onProductChange: props.onProductChange, isNextBtnClickedToShowValidationError: isNextBtnClickedToShowValidationError, isCaseCreate: isCaseCreate, isOnSummaryPage: props.isOnSummaryPage })),
+            React.createElement("div", { className: "pf-v5-u-display-flex pf-v5-u-align-items-center" },
+                React.createElement("div", { className: "pf-v5-u-flex-1" },
+                    React.createElement(NewProductDropdownSelector, { products: props.products, onProductChange: props.onProductChange, isNextBtnClickedToShowValidationError: isNextBtnClickedToShowValidationError, isCaseCreate: isCaseCreate, isOnSummaryPage: props.isOnSummaryPage, isLoading: props.isLoading })),
+                props.isLoading && (React.createElement("div", { className: "pf-v5-u-flex-basis-auto" },
+                    React.createElement(LoadingIndicator, { className: "pf-v5-u-ml-sm", isInline: true, show: props.isLoading, size: "sm" })))),
+            React.createElement(React.Fragment, null)),
         React.createElement("div", { className: "version-selector-wrapper" },
             React.createElement("label", { htmlFor: "version-selector-dropdown-toggle" },
                 React.createElement(Trans, null, "Version"),

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

@@ -122,7 +122,7 @@ export function AsideResults(props) {
     useEffect(() => {
         if (isSelectedAccounntSecureSupport)
             return;
-        createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.RECOMMENDATIONS_ASIDE, getSessResFromRecs(recommendationState.sideRecommendation, SessionResourceVisibility.PRESENTED), JSON.stringify(payload));
+        createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.RECOMMENDATIONS_ASIDE, getSessResFromRecs(recommendationState.sideRecommendation, SessionResourceVisibility.PRESENTED), typeof payload === 'string' ? payload : JSON.stringify(payload));
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [recommendationState.sideRecommendation, activeSessionId, activeSection]);
     const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;

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

@@ -1 +1 @@
-{"version":3,"file":"EARuleWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/Recommendations/EARules/EARuleWidget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAWrD,wBAAgB,YAAY,sBAqD3B"}
+{"version":3,"file":"EARuleWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/Recommendations/EARules/EARuleWidget.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAWrD,wBAAgB,YAAY,sBAmD3B"}

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

@@ -14,11 +14,10 @@ export function EARuleWidget() {
     const { rulesState: { isEARuleWidgetVisible, EARules }, } = useContext(RulesStateContext);
     const { sessionRestore: { activeSessionId, sessionResourceTracking }, } = useContext(SessionRestoreStateContext);
     const sessionRestoreDispatch = useContext(SessionRestoreDispatchContext);
-    const { product, version, summary, issue } = useCaseSelector((state) => ({
+    const { product, version, summary } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
         summary: state.caseDetails.summary,
-        issue: state.caseDetails.issue,
     }), isEqual);
     const validEARules = filter(EARules.rules, (r) => r.visible && r.rule_sub_type !== 'attachment');
     useEffect(() => {
@@ -28,10 +27,10 @@ export function EARuleWidget() {
         if (visibleValidEARules &&
             differenceBy([visibleValidEARules === null || visibleValidEARules === void 0 ? void 0 : visibleValidEARules.rule_id], presentedIds).length > 0 &&
             !isEmpty(activeSessionId)) {
-            !isEmpty(issue) &&
-                createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.EDMOUND_ABOTT, [
-                    getSessResFromRules(visibleValidEARules.cta, SessionResourceVisibility.PRESENTED, 1, visibleValidEARules.rule_id),
-                ], JSON.stringify({ product, version, summary, description: issue }));
+            createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.EDMOUND_ABOTT, [
+                getSessResFromRules(visibleValidEARules.cta, SessionResourceVisibility.PRESENTED, 1, visibleValidEARules.rule_id),
+            ], JSON.stringify({ product, version, summary }) // To trigger EA rules, we don't pass KT questions
+            );
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [validEARules, activeSessionId]);

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":"AAmBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AAelE,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAYpF,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,qBAoSpD"}
+{"version":3,"file":"Recommendations.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/Recommendations.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AAelE,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAYpF,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,qBAkXpD"}

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

@@ -1,10 +1,11 @@
 import { pcm } from '@cee-eng/hydrajs';
-import { Label, Pagination, PaginationVariant, Spinner } from '@patternfly/react-core';
+import { Label, Pagination, PaginationVariant, Popover, Spinner } from '@patternfly/react-core';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
-import { useDebounce, usePrevious } from '@rh-support/components';
-import { useGlobalStateContext } from '@rh-support/react-context';
-import { computeRecommendationAbstract, computeRecommendationTitle, dtmTrackEventCaseStartStopped, formatDate, } from '@rh-support/utils';
+import StarIcon from '@patternfly/react-icons/dist/js/icons/star-icon';
+import { LoadingDots, useDebounce, usePrevious } from '@rh-support/components';
+import { computeRecommendationAbstract, computeRecommendationTitle, dtmTrackEventCaseStartStopped, formatDate, getRecommendationTitle, } from '@rh-support/utils';
 import differenceBy from 'lodash/differenceBy';
+import find from 'lodash/find';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import map from 'lodash/map';
@@ -17,7 +18,7 @@ import { RouteContext } from '../../context/RouteContext';
 import { SessionRestoreDispatchContext, SessionRestoreStateContext } from '../../context/SessionRestoreContext';
 import { getRecommendationObject } from '../../reducers/CaseHelpers';
 import { setCaseRecommendations } from '../../reducers/CaseReducer';
-import { fetchRecommendations, fetchWatsonXRecommendations, RecommendationsConstants, setCurrentPage, setVisibleDocs, } from '../../reducers/RecommendationsReducer';
+import { fetchWatsonXRecommendations, RecommendationsConstants, setCurrentPage, setVisibleDocs, } from '../../reducers/RecommendationsReducer';
 import { AppRouteSections } from '../../reducers/RouteConstNTypes';
 import { createOrUpdateSessionResources, getSessResFromRec, getSessResFromRecs, } from '../../reducers/SessionRestoreReducer';
 import RouteUtils from '../../utils/routeUtils';
@@ -26,19 +27,18 @@ 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 } = useCaseSelector((state) => ({
+    const { product, version, environment, summary, caseResourceLinks, issue, ABTestVariation, 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();
-    // Use Case Number
     const { caseNumber } = useParams();
-    const { globalMetadataState: { loggedInUsersAccount }, } = useGlobalStateContext();
-    const isSecureSupportAccount = loggedInUsersAccount.data.secureSupport;
     const { routeState: { activeSection }, } = useContext(RouteContext);
     const { sessionRestore: { activeSessionId, sessionResourceTracking }, } = useContext(SessionRestoreStateContext);
     const sessionRestoreDispatch = useContext(SessionRestoreDispatchContext);
@@ -56,11 +56,16 @@ 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 !== AppRouteSections.SUMMARIZE || !summary || isRecSearchPayloadSame) {
+            return;
+        }
         !isRecSearchPayloadSame &&
             recommendationDispatch({
                 type: RecommendationsConstants.setIsLoadingRecommendations,
@@ -73,7 +78,7 @@ export default function Recommendations(props) {
      * Also, log the newly presented resources on the session
      */
     useDebounce(() => {
-        if (activeSection !== AppRouteSections.SUMMARIZE || !summary || isRecSearchPayloadSame) {
+        if (activeSection !== AppRouteSections.SUMMARIZE || isRecSearchPayloadSame) {
             return;
         }
         setCurrentPage(recommendationDispatch, 1);
@@ -88,9 +93,7 @@ export default function Recommendations(props) {
         let controller = new AbortController();
         abortControllerRef.current = controller;
         if (!isEmpty(issue) || !isEmpty(summary)) {
-            !loggedInUsersAccount.data.secureSupport
-                ? fetchWatsonXRecommendations(recommendationDispatch, payload, MAXROW, recPageSize, 0, true, queryFilters, controller.signal)
-                : fetchRecommendations(recommendationDispatch, payload, MAXROW, recPageSize, 0, true, caseNumber, isSecureSupportAccount, queryFilters, controller.signal);
+            fetchWatsonXRecommendations(recommendationDispatch, payload, MAXROW, recPageSize, 0, true, queryFilters, controller.signal);
             recommendationDispatch({
                 type: RecommendationsConstants.userViewedDocs,
                 payload: { userViewedDocs: true },
@@ -108,7 +111,7 @@ export default function Recommendations(props) {
         recommendationState.insightsKcsIds,
     ], 1000);
     useEffect(() => {
-        props.userSeenRecommendations && props.userSeenRecommendations(!recommendationState.isLoadingRecommendations); //reset userSeenRecommendations when recommendationState changes
+        props.userSeenRecommendations && props.userSeenRecommendations(false); //reset userSeenRecommendations when recommendationState changes
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [recommendationState.numFound]);
     useEffect(() => {
@@ -122,7 +125,7 @@ export default function Recommendations(props) {
         if (newRecommendations.length > 0) {
             setCaseRecommendations(caseDispatch, recommendationState.visibleDocs, caseResourceLinks);
         }
-        createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.RECOMMENDATIONS, getSessResFromRecs(recommendationState.visibleDocs, SessionResourceVisibility.PRESENTED, pageSize || DEFAULTPAGESIZE, recommendationState.currentPage || 1), JSON.stringify(payload));
+        createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.RECOMMENDATIONS, getSessResFromRecs(recommendationState.visibleDocs, SessionResourceVisibility.PRESENTED, pageSize || DEFAULTPAGESIZE, recommendationState.currentPage || 1), typeof payload === 'string' ? payload : JSON.stringify(payload));
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [caseDispatch, recommendationState.visibleDocs, activeSessionId]);
     useEffect(() => {
@@ -149,30 +152,63 @@ export default function Recommendations(props) {
     const onResourceClick = (doc, index) => (event) => {
         createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.RECOMMENDATIONS, [
             getSessResFromRec(doc, SessionResourceVisibility.VISITED, index + 1 + (pageSize || DEFAULTPAGESIZE) * ((recommendationState.currentPage || 1) - 1)),
-        ], JSON.stringify(payload));
+        ], typeof payload === 'string' ? payload : JSON.stringify(payload));
         dtmTrackEventCaseStartStopped('recommendation click', caseNumber, `${product}|${version}`);
     };
+    const infoPopover = (React.createElement(Popover, { triggerAction: "hover", "aria-label": "Hoverable popover", headerContent: React.createElement("div", null,
+            React.createElement(Trans, null, "Powered by Openshift AI")), bodyContent: React.createElement("div", null,
+            React.createElement(Trans, null, "These articles have been selected based on the information provided."),
+            React.createElement("br", null)) },
+        React.createElement(InfoCircleIcon, { color: "white" })));
+    function getRankPercentage(decimal) {
+        return Math.round(decimal * 100);
+    }
+    const computeLabel = (recommendationDoc) => {
+        const { rerank_score } = recommendationDoc;
+        const title = getRecommendationTitle(recommendationDoc);
+        const isCveExist = !isEmpty(find(cveWorkflowRecommendation, (cveW) => (cveW === null || cveW === void 0 ? void 0 : cveW.title) === title));
+        const percentage = getRankPercentage(rerank_score);
+        return (React.createElement(React.Fragment, null,
+            (percentage >= 80 || isCveExist) && (React.createElement(Label, { color: "green", className: "match-label", icon: React.createElement(StarIcon, null) }, isCveExist ? 'Exact match' : 'Best match')),
+            !isCveExist && (React.createElement(Label, { className: "match-label", color: "purple" },
+                percentage,
+                "% 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 pf-v5-u-pt-md", ref: props.resultsRowRef },
-            (recommendationState.visibleDocs.length !== 0 || recommendationState.isLoadingRecommendations) && (React.createElement(Label, { id: "DeepPurpleColorAILabel", className: "pf-v5-u-mb-md" },
-                recommendationState.isLoadingRecommendations ? (React.createElement(React.Fragment, null,
-                    React.createElement(Spinner, { size: "sm", className: "pf-v5-u-mr-xs" }),
-                    ' ',
-                    React.createElement(Trans, null, "Recommending articles using OpenShift AI"))) : (React.createElement(React.Fragment, null,
-                    React.createElement(WatsonxAiIcon, { fillColor: "#FFFFFF", className: "pf-v5-u-mr-xs" }),
-                    ' ',
-                    React.createElement(Trans, null, "Articles recommended by OpenShift AI"))),
-                ' ',
-                React.createElement(InfoCircleIcon, { color: "white" }))),
-            recommendationState.isLoadingRecommendations ? ( // as much as it pains me to add these <br /> the pf docs has it this way
-            React.createElement(RecommendationsLoader, null)) : (React.createElement("ul", { className: "list-flat" }, map(recommendationState.visibleDocs, (doc, i) => {
+            isATestvariation
+                ? (recommendationState.visibleDocs.length !== 0 ||
+                    recommendationState.isLoadingRecommendations) && (React.createElement("div", { className: `${recommendationState.isLoadingRecommendations ? 'gradient' : ''} label-container-icon` },
+                    React.createElement(Label, { id: "DeepPurpleColorAILabel", className: "pf-v5-u-mb-md" },
+                        recommendationState.isLoadingRecommendations ? (React.createElement(React.Fragment, null,
+                            React.createElement(Spinner, { size: "sm", className: "pf-v5-u-mr-xs" }),
+                            ' ',
+                            React.createElement(Trans, null,
+                                recommendationState.visibleDocs.length
+                                    ? 'Updating recommendations '
+                                    : 'Recommending articles ',
+                                "using OpenShift AI"),
+                            ' ',
+                            React.createElement(InfoCircleIcon, { color: "white" }))) : (React.createElement(React.Fragment, null,
+                            React.createElement(WatsonxAiIcon, { fillColor: "#FFFFFF", className: "pf-v5-u-mr-xs" }),
+                            ' ',
+                            React.createElement(Trans, null, "Articles recommended by OpenShift AI"),
+                            " ",
+                            infoPopover)),
+                        ' ')))
+                : recommendationState.visibleDocs.length !== 0 && (React.createElement(Label, { color: "purple", className: "pf-v5-u-mb-md" },
+                    React.createElement(WatsonxAiIcon, { fillColor: "#6753ac", className: "pf-v5-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) => {
                 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" },
+                            isATestvariation && doc.rerank_score && computeLabel(doc),
                             doc.kcsState === 'verified' && (React.createElement(React.Fragment, null,
-                                React.createElement("span", { className: "status-verified" }, "verified"),
+                                React.createElement("span", { className: "status-verified pf-v5-u-font-weight-bold pf-v5-u-success-color-100" }, "verified"),
                                 React.createElement("span", { className: "list-separator" }, "\u2013"))),
                             React.createElement("span", { className: "meta" }, doc.documentKind),
                             React.createElement("span", { className: "list-separator" }, "\u2013"),
@@ -181,11 +217,10 @@ export default function Recommendations(props) {
             }))),
             recommendationState.numFound !== 0 && recommendationState.numFound > DEFAULTPAGESIZE && (React.createElement("div", { className: "pagination-footer" },
                 React.createElement(Pagination, { className: "push-top", itemCount: (_c = (_b = recommendationState.allDocs) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0, perPage: recPageSize, page: recommendationState.currentPage, variant: PaginationVariant.bottom, onSetPage: pageChanged, dropDirection: "up", onPerPageSelect: onPageSizeChanged })))),
-        recommendationState.visibleDocs.length === 0 &&
+        recommendationState.numFound === 0 &&
             !recommendationState.isLoadingRecommendations &&
             !recommendationState.isLoadingRecommendationsError &&
             !isEmpty(issue) &&
-            !isEmpty(summary) &&
             isEmpty(prevMainRecommendations) && (React.createElement("p", null,
             React.createElement(Trans, null, "We couldn't find any matches. Revise your search for better results.")))));
 }

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":"AAMA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAsBlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AACD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,qBA6E3C"}
+{"version":3,"file":"Review.d.ts","sourceRoot":"","sources":["../../../../src/components/Review/Review.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAsBlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AACD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,qBAiF3C"}

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

@@ -30,9 +30,10 @@ import { EARuleWidget } from '../Recommendations/EARules/EARuleWidget';
 export default function Review(props) {
     var _a;
     const caseDispatch = useCaseDispatch();
-    const { contactInfo24x7, product } = useCaseSelector((state) => ({
+    const { contactInfo24x7, product, ABTestVariation } = useCaseSelector((state) => ({
         contactInfo24x7: state.caseDetails.contactInfo24x7,
         product: state.caseDetails.product,
+        ABTestVariation: state.ABTestVariation,
     }), isEqual);
     const ability = useContext(AbilityContext);
     const canSeeEmailNotifications = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_SEND_NOTIFICATIONS);
@@ -41,14 +42,15 @@ export default function Review(props) {
     const onSeverityChange = (payload) => {
         setCaseDetails(caseDispatch, payload);
     };
+    const isBTestvariation = ABTestVariation === 'B' || isEmpty(ABTestVariation);
     // To check if the user is ESS Customer and Product has ESS Support
     const isESSCustomer = isSpecialSupportOfferingEnabled((_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult, selectedProduct);
     return (React.createElement(React.Fragment, null,
-        React.createElement(EARuleWidget, 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),
-            React.createElement(AllProductsSelector, { routeProps: props.routeProps, loadTCOnChange: true, showTCAfterButtonClicked: true, checkEntitledProduct: true }),
+            React.createElement(AllProductsSelector, { routeProps: props.routeProps, loadTCOnChange: true, showTCAfterButtonClicked: true, checkEntitledProduct: true, isOnReviewPage: true }),
             React.createElement(OpenShiftClusterId, null),
             React.createElement(Hostname, null),
             React.createElement(KtQuestions, { inlineEditable: true, hideSaveCancel: true }),

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

@@ -1 +1 @@
-{"version":3,"file":"SessionRestore.d.ts","sourceRoot":"","sources":["../../../../src/components/SessionRestore/SessionRestore.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAQvD,OAAO,EAGH,eAAe,EAElB,MAAM,iCAAiC,CAAC;AAiBzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,qBAwV3C"}
+{"version":3,"file":"SessionRestore.d.ts","sourceRoot":"","sources":["../../../../src/components/SessionRestore/SessionRestore.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAQvD,OAAO,EAGH,eAAe,EAElB,MAAM,iCAAiC,CAAC;AAiBzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,qBA2V3C"}

package/lib/esm/components/SessionRestore/SessionRestore.js

@@ -35,12 +35,13 @@ export function SessionRestore(props) {
     const sessionRestoreDispatch = useContext(SessionRestoreDispatchContext);
     const dispatchToAttachmentReducer = useContext(AttachmentDispatchContext);
     const { sessionRestore } = useContext(SessionRestoreStateContext);
-    const { selectedNotificationContacts, cepDetails, caseDetails, caseCreation500ErrorStatus } = useCaseSelector((state) => ({
+    const { selectedNotificationContacts, cepDetails, caseDetails, caseCreation500ErrorStatus, ABTestVariation } = useCaseSelector((state) => ({
         openshiftClusterID: state.caseDetails.openshiftClusterID,
         cepDetails: state.cepDetails,
         selectedNotificationContacts: state.selectedNotificationContacts,
         caseDetails: state.caseDetails,
         caseCreation500ErrorStatus: state.caseCreation500ErrorStatus,
+        ABTestVariation: state.ABTestVariation,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
     const { globalMetadataState: { loggedInUsersAccount, loggedInUserRights, referrerUrl }, } = useContext(GlobalMetadataStateContext);
@@ -90,8 +91,9 @@ export function SessionRestore(props) {
             const needsNewSessionId = hasProductVersionOrSummary && isEmpty(relevantSession);
             if (needsNewSessionId) {
                 const userAgent = getUserAgentForCaseMode(isCaseCreate);
+                const userAgentAB = userAgent + (ABTestVariation ? '-A-1' : '-B-1');
                 let session = {
-                    userAgent,
+                    userAgent: userAgentAB,
                     originatingSystem: userAgent,
                     referrerUrl: referrerUrl.substring(0, SESSION_REFERRER_URL_LIMIT),
                     isInternal: loggedInUserRights.data.isInternal(),
@@ -298,7 +300,7 @@ export function SessionRestore(props) {
     ], 1000);
     if (!sessionRestoreCardSections.includes(activeSection))
         return React.createElement(React.Fragment, null);
-    return (React.createElement(React.Fragment, null,
+    return (React.createElement("div", { className: "pf-v5-u-mb-md pf-v5-u-mt-0" },
         ' ',
         React.createElement(SessionRestoreCard, { onRestore: restoreSession, previousSessions: previousSessions, onCardDismiss: onSessionRestoreCardDismiss }),
         React.createElement(RestoreLastSessionModal, { onRestore: restoreSession, errorSession: sessionRestore.sessionOfCaseCreationError })));

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

@@ -1 +1 @@
-{"version":3,"file":"SubmitCase.d.ts","sourceRoot":"","sources":["../../../../src/components/SubmitCase/SubmitCase.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAQ,mBAAmB,EAAe,MAAM,kBAAkB,CAAC;AAQ1E,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAWrF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,qBA8Z/C"}
+{"version":3,"file":"SubmitCase.d.ts","sourceRoot":"","sources":["../../../../src/components/SubmitCase/SubmitCase.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAQ,mBAAmB,EAAe,MAAM,kBAAkB,CAAC;AAQ1E,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAWrF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,qBAwZ/C"}

package/lib/esm/components/SubmitCase/SubmitCase.js

@@ -233,5 +233,5 @@ export default function SubmitCase(props) {
                         React.createElement(InsightsResults, { isDisplayOnMain: true })),
                     React.createElement(ClusterRecommendations, { showClusterRecommendationsModal: false }))),
                 React.createElement("div", { className: "pf-v5-u-mt-lg" }, isIdea ? (React.createElement(AsideResults, { routeProps: props.routeProps })) : (!isEmpty(topContent.data) &&
-                    isNotAnIdea && (React.createElement(Suggestions, { title: t('RedHat recommended results'), showTitleDescription: true, showMax: 6 })))))))));
+                    isNotAnIdea && React.createElement(Suggestions, { showTitleDescription: true, showMax: 6 }))))))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Suggestions.d.ts","sourceRoot":"","sources":["../../../../src/components/Suggestions/Suggestions.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAU5D,UAAU,MAAM;IACZ,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,MAAM,qBAwGhD"}
+{"version":3,"file":"Suggestions.d.ts","sourceRoot":"","sources":["../../../../src/components/Suggestions/Suggestions.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAU5D,UAAU,MAAM;IACZ,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,MAAM,qBAqHhD"}

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

@@ -1,4 +1,6 @@
 import { pcm } from '@cee-eng/hydrajs';
+import { Tooltip } from '@patternfly/react-core';
+import InfoCircleIcon from '@patternfly/react-icons/dist/esm/icons/info-circle-icon';
 import { TopContentSearch } from '@rh-support/components';
 import { FeatureFlagKey, useIsFeatureAvailable } from '@rh-support/react-context';
 import isEqual from 'lodash/isEqual';
@@ -44,10 +46,13 @@ export default function Suggestions(props) {
     };
     return (React.createElement("div", { className: "top-content-suggestion-accordion" },
         showTitleDescription && (React.createElement("div", { className: "card card-support" },
-            !isTCSearchEnabled && (React.createElement(Trans, null,
-                React.createElement("h3", { className: "card-heading popular-solutions green-card-heading" }, props.title
+            !isTCSearchEnabled && (React.createElement("h3", { className: "card-heading popular-solutions green-card-heading" },
+                props.title
                     ? props.title
-                    : t('i18nKeyPopularSolutions', 'Red Hat recommended results')))),
+                    : t('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-v5-u-ml-sm", "aria-label": t('More info about how support articles are matched') })))),
             isTCSearchEnabled && (React.createElement("div", { className: "card-body" },
                 React.createElement(TopContentSearch, { topContentData: topContent.data, topContentResultsWrapperRef: accordionRef, onSearch: onSearchChange, dataTrackingId: "top-content-filter-troubleshoot", enableEventTracking: true }))))),
         React.createElement("pfe-accordion", { ref: accordionRef }, map(filteredTC.slice(0, maxTC), (sug, index) => {

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":"AAKA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAU1C,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;CAC5B;AASD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBA2EzC;kBA3EQ,mBAAmB;;;AA8E5B,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"TroubleshootSection.d.ts","sourceRoot":"","sources":["../../../../src/components/TroubleshootSection/TroubleshootSection.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAU1C,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;CAC5B;AASD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAyFzC;kBAzFQ,mBAAmB;;;AA4F5B,eAAe,mBAAmB,CAAC"}

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

@@ -1,5 +1,6 @@
-import { Card, CardBody, CardHeader, CardTitle } from '@patternfly/react-core';
-import { ErrorBoundary, LoadingDots, MoreOrLess } from '@rh-support/components';
+import { Card, CardBody, CardHeader, CardTitle, 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 isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
@@ -22,7 +23,7 @@ function TroubleshootSection(props) {
     var _a;
     const { t } = useTranslation();
     const { topContentState: { topContent }, } = useContext(TCStateContext);
-    const { product, version, summary, isCreatingCase, caseType, issue } = useCaseSelector((state) => ({
+    const { product, version, isCreatingCase, caseType } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
         summary: state.caseDetails.summary,
@@ -39,20 +40,19 @@ function TroubleshootSection(props) {
                 React.createElement("p", { className: "pf-v5-u-pt-md" },
                     React.createElement("span", { className: "pf-v5-u-font-family-heading pf-v5-u-pr-xs" }, t('Product')),
                     " ",
-                    product,
-                    React.createElement("span", { className: "pf-v5-u-font-family-heading pf-v5-u-ml-xl pf-v5-u-pr-xs" }, t('Version')),
-                    version),
-                React.createElement("div", { className: "pf-v5-u-font-family-heading" }, t('Title')),
-                React.createElement("p", null, summary),
-                React.createElement("div", { className: "pf-v5-u-font-family-heading" }, t('Problem description')),
-                React.createElement("p", { className: "pf-v5-u-mb-xl" },
-                    React.createElement(MoreOrLess, { maxHeight: 93 }, issue))),
+                    product),
+                React.createElement("p", null,
+                    React.createElement("span", { className: "pf-v5-u-font-family-heading pf-v5-u-pr-xs" }, t('Version')),
+                    version)),
             !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: "card-support top-recommendations pf-v5-u-mb-md", isCompact: true },
-                React.createElement(CardHeader, { "aria-label": t('Red Hat recommended results'), className: "popular-solutions" },
+                React.createElement(CardHeader, { "aria-label": t('Red Hat hand picked support articles'), className: "popular-solutions" },
                     React.createElement(CardTitle, { id: "card-title", className: "card-title" },
-                        React.createElement(Trans, { i18nKey: 'i18nKeyPopularSolutions' }, "Red Hat recommended results"))),
+                        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-v5-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 pf-v5-u-mt-md" },
                     React.createElement(Trans, null, "No recommendations for this product")))),
             React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading suggestions') } }, canShowTopContent && !isEmpty(version) && React.createElement(Suggestions, 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":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAuB1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAInE,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,gBAAgB;;;;;EAuM9D"}
+{"version":3,"file":"useIsSectionValid.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/useIsSectionValid.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAuB1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAKnE,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,gBAAgB;;;;;EA2Q9D"}