@rh-support/troubleshoot 2.6.119 → 2.6.120

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

@@ -33,10 +33,11 @@ const AllProductsSelector = forwardRef((props, ref) => {
     var _a, _b;
     const { globalMetadataState: { allProducts, loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
     const caseDispatch = useCaseDispatch();
-    const { product, version, contactSSOName } = useCaseSelector((state) => ({
+    const { product, version, contactSSOName, ABTestVariation } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
         contactSSOName: state.caseDetails.contactSSOName,
+        ABTestVariation: state.ABTestVariation,
     }), isEqual);
     const { topContentState: { topContent }, } = useContext(TCStateContext);
     const { routeState: { activeSection, isCaseCreate }, } = useContext(RouteContext);
@@ -79,14 +80,25 @@ const AllProductsSelector = forwardRef((props, ref) => {
         RouteUtils.updateQueryParams(props.routeProps, newParams);
     }
     const entitledProducts = filter(allProducts.data.productsResult, (p) => p.isEntitledProduct);
+    const isATestvariation = ABTestVariation === 'A';
+    const isBTestvariation = ABTestVariation === 'B' || isEmpty(ABTestVariation);
+    // Determine whether to render the ProductVersionDropdownSelector
     const renderProductVersionDropdownSelector = (activeSection === (isCaseCreate ? AppRouteSections.SUMMARIZE : AppRouteSections.TROUBLESHOOT) &&
         !props.caseCreateExperience) ||
         activeSection === AppRouteSections.GET_SUPPORT ||
-        props.isOnGetSupportPage ||
-        props.isOnReviewPage;
-    const renderOpenCaseIssue = activeSection === (isCaseCreate ? AppRouteSections.SUMMARIZE : AppRouteSections.TROUBLESHOOT) ||
-        activeSection === AppRouteSections.REVIEW ||
-        activeSection === AppRouteSections.SUBMIT_CASE;
+        isBTestvariation ||
+        (isATestvariation && (props.isOnGetSupportPage || props.isOnReviewPage));
+    // Determine whether to render the OpenCaseIssue component
+    const renderOpenCaseIssue = (isBTestvariation &&
+        (activeSection === (isCaseCreate ? AppRouteSections.SUMMARIZE : AppRouteSections.TROUBLESHOOT) ||
+            activeSection === AppRouteSections.REVIEW ||
+            activeSection === AppRouteSections.SUBMIT_CASE)) ||
+        (isATestvariation &&
+            (activeSection === (isCaseCreate ? AppRouteSections.SUMMARIZE : AppRouteSections.TROUBLESHOOT) ||
+                activeSection === AppRouteSections.REVIEW ||
+                activeSection === AppRouteSections.SUBMIT_CASE)) ||
+        (!props.caseCreateExperience &&
+            activeSection === (isCaseCreate ? AppRouteSections.SUMMARIZE : AppRouteSections.TROUBLESHOOT));
     return (React.createElement(React.Fragment, null,
         renderProductVersionDropdownSelector && (React.createElement("div", { className: "form-group product-selector-wrapper" },
             React.createElement("div", { className: "all-product-selector-dropdown" },

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

@@ -1 +1 @@
-{"version":3,"file":"ProductSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductSelector.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAKlE,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,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC9D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBAqGpD"}
+{"version":3,"file":"ProductSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductSelector.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAOlE,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,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC9D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBA0GpD"}

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

@@ -8,12 +8,13 @@ import React, { useContext, useEffect, useRef } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { RouteContext } from '../../context/RouteContext';
-import { useAB } from '../../hooks/useAB';
 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';
 import { AllProductsSelector } from './AllProductsSelector';
+import { ProductSelectorLoader } from './ProductSelectorLoader';
 /**
  * Responsible for:
  * # Setting case state with product version from url.
@@ -25,16 +26,18 @@ import { AllProductsSelector } from './AllProductsSelector';
 export default function ProductSelector(props) {
     const { cveRecommendation } = useFetchCVEData();
     const { t } = useTranslation();
-    const { isVariationA } = useAB();
     const { globalMetadataState: { allProducts, pcmConfig }, } = useContext(GlobalMetadataStateContext);
-    const { product, version } = useCaseSelector((state) => ({
+    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, {
@@ -53,8 +56,11 @@ export default function ProductSelector(props) {
         (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,
+        isBTestvariation && allProducts.isFetching && React.createElement(ProductSelectorLoader, null),
         React.createElement(AlertMessage, { variant: AlertType.DANGER, className: "pf-v6-u-mt-lg", title: t('There was an error loading products.'), show: allProducts.isError }),
-        rederProductSelect,
+        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",
@@ -65,7 +71,8 @@ export default function ProductSelector(props) {
                 React.createElement("a", { href: "/support/contact", "data-tracking-id": "contact-customer-service" }, "customer service"),
                 ' ',
                 "for help.") })),
-        !isVariationA && !(props === null || props === void 0 ? void 0 : props.isOnGetSupportPage) && (React.createElement("div", { className: "suggestions-result-section" },
+        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/Recommendations/ClusterRecommendationItems.d.ts

@@ -2,6 +2,8 @@ import { IClusterRecommendation } from '@cee-eng/hydrajs/@types/api/pcm/preCaseD
 import React from 'react';
 interface IProps {
     clusterRecommendations: IClusterRecommendation[];
+    onViewMoreRecommendation?: () => void;
+    displayVeiwMoreBtn?: boolean;
 }
 export declare function ClusterRecommendationItems(props: IProps): React.JSX.Element;
 export {};

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

@@ -1 +1 @@
-{"version":3,"file":"ClusterRecommendationItems.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/ClusterRecommendationItems.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AAI5F,OAAO,KAAgC,MAAM,OAAO,CAAC;AAYrD,UAAU,MAAM;IACZ,sBAAsB,EAAE,sBAAsB,EAAE,CAAC;CACpD;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,qBAkFvD"}
+{"version":3,"file":"ClusterRecommendationItems.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/ClusterRecommendationItems.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,oDAAoD,CAAC;AAI5F,OAAO,KAAgC,MAAM,OAAO,CAAC;AAYrD,UAAU,MAAM;IACZ,sBAAsB,EAAE,sBAAsB,EAAE,CAAC;IACjD,wBAAwB,CAAC,EAAE,MAAM,IAAI,CAAC;IACtC,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAChC;AAED,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,MAAM,qBA4FvD"}

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

@@ -1,5 +1,5 @@
 import { pcm } from '@cee-eng/hydrajs';
-import { Label } from '@patternfly/react-core';
+import { Button, Label } from '@patternfly/react-core';
 import ArrowRightIcon from '@patternfly/react-icons/dist/js/icons/arrow-right-icon';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect } from 'react';
@@ -29,16 +29,19 @@ export function ClusterRecommendationItems(props) {
         createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.CLUSTER_RECOMMENDATION, getRulesToSave('', '', recsWithUrl), JSON.stringify({ product, version, openshiftClusterID }));
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.clusterRecommendations, activeSessionId]);
-    return (React.createElement("pfe-accordion", null, props.clusterRecommendations.map((rule, i) => (React.createElement(React.Fragment, null,
-        React.createElement("pfe-accordion-header", null,
-            React.createElement("h3", null, rule.description)),
-        React.createElement("pfe-accordion-panel", null,
-            React.createElement("p", null,
-                React.createElement(Label, { icon: riskLabels[rule.total_risk].icon, className: riskLabels[rule.total_risk].className },
-                    React.createElement(Trans, null, riskLabels[rule.total_risk].label))),
-            React.createElement("p", null, rule.details || ''),
-            React.createElement("a", { onClick: (e) => onResourceClick(e, rule, i), className: "pf-v6-u-font-weight-bold", "data-tracking-id": "cluster-recommendations", href: detailsUrl, target: "_blank", rel: "noopener noreferrer" },
-                React.createElement(Trans, null,
-                    "View details and remediation steps ",
-                    React.createElement(ArrowRightIcon, { "aria-hidden": "true" })))))))));
+    return (React.createElement("pfe-accordion", null,
+        props.clusterRecommendations.map((rule, i) => (React.createElement(React.Fragment, null,
+            React.createElement("pfe-accordion-header", null,
+                React.createElement("p", null, rule.description)),
+            React.createElement("pfe-accordion-panel", null,
+                React.createElement("p", null,
+                    React.createElement(Label, { icon: riskLabels[rule.total_risk].icon, className: riskLabels[rule.total_risk].className },
+                        React.createElement(Trans, null, riskLabels[rule.total_risk].label))),
+                React.createElement("p", null, rule.details || ''),
+                React.createElement("a", { onClick: (e) => onResourceClick(e, rule, i), className: "pf-v6-u-font-weight-bold", "data-tracking-id": "cluster-recommendations", href: detailsUrl, target: "_blank", rel: "noopener noreferrer" },
+                    React.createElement(Trans, null,
+                        "View details and remediation steps ",
+                        React.createElement(ArrowRightIcon, { "aria-hidden": "true" }))))))),
+        props.displayVeiwMoreBtn && (React.createElement(Button, { className: "pf-v6-u-p-md", variant: "link", onClick: props.onViewMoreRecommendation, "data-tracking-id": "cluster-recs-view-more" },
+            React.createElement(Trans, null, "View more recommendations")))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ClusterRecommendations.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/ClusterRecommendations.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAa1C,UAAU,MAAM;IACZ,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,KAAK,EAAE,MAAM,qBAgE3D"}
+{"version":3,"file":"ClusterRecommendations.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/ClusterRecommendations.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAa1C,UAAU,MAAM;IACZ,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,KAAK,EAAE,MAAM,qBAuD3D"}

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

@@ -1,4 +1,3 @@
-import { Button } from '@patternfly/react-core';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import isEqual from 'lodash/isEqual';
 import React, { useContext } from 'react';
@@ -35,8 +34,6 @@ 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) }),
-                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")))))),
+                React.createElement(ClusterRecommendationItems, { clusterRecommendations: clusterRecommendations.data.slice(0, NUMBER_OF_RULES_TO_DISPLAY), onViewMoreRecommendation: onViewMoreRecommendation, displayVeiwMoreBtn: clusterRecommendations.data.length > NUMBER_OF_RULES_TO_DISPLAY })))),
         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;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"}
+{"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"}

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 { useDebounce, usePrevious } from '@rh-support/components';
+import { LoadingDots, 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,7 +15,6 @@ 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';
@@ -28,14 +27,14 @@ import { WatsonxAiIcon } from './WatsonxAiIcon';
 const { SessionResourceSource, SessionResourceVisibility } = pcm.preCase.session;
 export default function Recommendations(props) {
     var _a, _b, _c;
-    const { isVariationA } = useAB();
-    const { product, version, environment, summary, caseResourceLinks, issue, cveWorkflowRecommendation } = 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();
@@ -47,7 +46,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 = 10;
+    const DEFAULTPAGESIZE = 8;
     const MAXROW = 24;
     const recPageSize = pageSize !== null && pageSize !== void 0 ? pageSize : DEFAULTPAGESIZE;
     const abortControllerRef = useRef(undefined);
@@ -57,17 +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.
-        const validSections = isVariationA
-            ? [AppRouteSections.RESOURCES]
-            : isCaseCreate
-                ? [AppRouteSections.SUMMARIZE]
-                : [AppRouteSections.TROUBLESHOOT];
-        if (!validSections.includes(activeSection) || !summary || isRecSearchPayloadSame) {
+        if (activeSection !== (isCaseCreate ? AppRouteSections.SUMMARIZE : AppRouteSections.TROUBLESHOOT) ||
+            !summary ||
+            isRecSearchPayloadSame) {
             return;
         }
         !isRecSearchPayloadSame &&
@@ -82,12 +80,8 @@ export default function Recommendations(props) {
      * Also, log the newly presented resources on the session
      */
     useDebounce(() => {
-        const validSections = isVariationA
-            ? [AppRouteSections.RESOURCES]
-            : isCaseCreate
-                ? [AppRouteSections.SUMMARIZE]
-                : [AppRouteSections.TROUBLESHOOT];
-        if (!validSections.includes(activeSection) || isRecSearchPayloadSame) {
+        if (activeSection !== (isCaseCreate ? AppRouteSections.SUMMARIZE : AppRouteSections.TROUBLESHOOT) ||
+            isRecSearchPayloadSame) {
             return;
         }
         setCurrentPage(recommendationDispatch, 1);
@@ -187,33 +181,39 @@ 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 },
-            (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) => {
+            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) => {
                 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" },
-                            doc.rerank_score && computeLabel(doc),
+                            isATestvariation && 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,qBAuD/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,qBAwD/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;AAoBlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AACD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,qBAuE3C"}
+{"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"}

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

@@ -24,10 +24,12 @@ 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, caseType } = useCaseSelector((state) => ({
+    const { contactInfo24x7, ABTestVariation, caseType } = useCaseSelector((state) => ({
         contactInfo24x7: state.caseDetails.contactInfo24x7,
+        ABTestVariation: state.ABTestVariation,
         caseType: state.caseDetails.caseType,
     }), isEqual);
     const ability = useContext(AbilityContext);
@@ -35,7 +37,9 @@ 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/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);
+        : (aiResponse === null || aiResponse === void 0 ? void 0 : aiResponse.answer) || (aiResponse === null || aiResponse === void 0 ? void 0 : aiResponse.content) || t('No AI response available yet.');
     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,12 +1,6 @@
 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;
@@ -19,9 +13,6 @@ 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;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"}
+{"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"}