@rh-support/troubleshoot 2.6.118 → 2.6.120

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

@@ -8,46 +8,26 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import '@ifd-ui/ask-redhat-core/ask-redhat-core.css';
-import { Env, pcm } from '@cee-eng/hydrajs';
-import { ARHEventName, AskRedHatChat, setAuthToken, } from '@ifd-ui/ask-redhat-core';
+import { Env } from '@cee-eng/hydrajs';
+import { 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, { useCallback, useContext, useEffect, useRef } from 'react';
+import React, { useContext, useRef } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { useAIResponseDispatch, useAIResponseState } from '../../context/AIResponseContext';
+import { 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,
@@ -55,28 +35,18 @@ const defaultProps = {
     autoFocus: false,
     hideSaveCancel: false,
     aiServicesAvailable: false,
-    haveARHFieldsChanged: false,
 };
 function TroubleshootSection(props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     const { t } = useTranslation();
-    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 { aiServicesAvailable, isAIChatMode, setIsAIChatMode, onChatWithAIClick } = props;
+    const refetchControlReady = useRef(null);
     const { topContentState: { topContent }, } = useContext(TCStateContext);
-    const { routeState: { isCaseCreate, activeSection }, } = useContext(RouteContext);
-    const { caseDetails } = useCaseSelector((state) => ({
-        caseDetails: state.caseDetails,
-    }), isEqual);
+    const { routeState: { isCaseCreate }, } = useContext(RouteContext);
     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, summary, issue, isCreatingCase, caseType } = useCaseSelector((state) => ({
+    const { product, version, isCreatingCase, caseType } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
         summary: state.caseDetails.summary,
@@ -84,69 +54,35 @@ 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 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 is 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);
+    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();
                 }
             }
-        }
-        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));
+            catch (error) {
+                console.error('Failed to refetch conversation:', 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);
+        else {
+            console.error('Chat initialization failed:', error);
         }
-    }, [aiResponseDispatch, callResourceAPI, clearEngagementTimer, isVariationA]);
+    };
     const preprocessRequest = () => __awaiter(this, void 0, void 0, function* () {
         var _a;
         if (!keycloakSession) {
@@ -168,42 +104,14 @@ 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: (_f = window === null || window === void 0 ? void 0 : window.supportVersionInfo) === null || _f === void 0 ? void 0 : _f.packageVersion,
+        packageVersion: (_d = window === null || window === void 0 ? void 0 : window.supportVersionInfo) === null || _d === void 0 ? void 0 : _d.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,
-        firstUserMessage: firstUserMessage,
-        conversationId: (_h = (_g = aiResponseState.aiResponse) === null || _g === void 0 ? void 0 : _g.conversationId) !== null && _h !== void 0 ? _h : '',
-        latestUserMessage: latestUserMessage,
+        conversationId: ((_e = aiResponseState.aiResponse) === null || _e === void 0 ? void 0 : _e.conversationId) || undefined,
         enableHeaderMenu: false,
         enableTheme: false,
         openLinkInNewTab: true,
@@ -214,8 +122,8 @@ function TroubleshootSection(props) {
             } })),
         tokenAuth: {
             auth: {
-                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 : '',
+                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 : '',
             },
             events: {
                 preprocessRequest,
@@ -225,45 +133,31 @@ function TroubleshootSection(props) {
                 },
             },
         },
-        onARHEvent: handleARHEvent,
+        onInitialized: handleInitialized,
         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);
         },
-    };
-    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;
+        onForceRefetchConversation: (refetchControl) => {
+            refetchControlReady.current = refetchControl;
+        },
     };
     const handleChatWithAIClick = () => {
-        var _a;
-        props.setIsAIChatMode(true);
-        (_a = props.onChatWithAIClick) === null || _a === void 0 ? void 0 : _a.call(props);
+        setIsAIChatMode(true);
+        onChatWithAIClick === null || onChatWithAIClick === void 0 ? void 0 : onChatWithAIClick();
     };
     return (React.createElement(React.Fragment, null, isAIChatMode ? (React.createElement(React.Fragment, null,
         React.createElement(AskRedHatChat, { initConfig: initConfig }),
-        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("div", { className: "fullscreen-chat-footer" }, 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,
-            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" })),
+            shouldShowARHUI() && React.createElement(AskRedHat, { onChatWithAIClick: handleChatWithAIClick }),
+            !isCreatingCase && (React.createElement(OpenShiftClusterId, { className: "push-bottom", "data-tracking-id": "troubleshoot-section-openshift-cluster-id" })),
             React.createElement(LoadingDots, { show: topContent.isFetching }),
-            !isVariationA && topContent.data.length === 0 && (React.createElement(Card, { id: "card", className: "pf-v6-u-mb-md" },
+            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;AAwB/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAMnE,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,gBAAgB;;;;;EAgR9D"}
+{"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"}

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

@@ -18,7 +18,6 @@ import { useCaseSelector } from '../../context/CaseContext';
 import { RecommendationStateContext } from '../../context/RecommendationContext';
 import { RouteContext, useRouteDispatchContext } from '../../context/RouteContext';
 import { TCStateContext } from '../../context/TopContentContext';
-import { useAB } from '../../hooks/useAB';
 import { CASE_DEATILS_ENVIRONMENT_LIMIT, CASE_REFERENCE_NUMBER_LIMIT, CONTACT_INFO_24X7_LIMIT, HOSTNAME_LENGTH_LIMIT, ISSUE_SUMMARY_LENGTH_LIMIT, KTQUESTION_MAX_LIMIT, TITLE_SUMMARY_LENGTH_LIMIT, } from '../../reducers/CaseConstNTypes';
 import { isCaseInformationSectionValid, isCaseManagementStateValid, isCaseStateValid, isClusterIDValid, isIdeaCaseStateValid, } from '../../reducers/CaseHelpers';
 import { AppRouteSections } from '../../reducers/RouteConstNTypes';
@@ -26,8 +25,7 @@ import { setNoValidEntitlement } from '../../reducers/RouteReducer';
 import { AttachmentStateContext } from './fileUpload/reducer/AttachmentReducerContext';
 export function useIsSectionValid(sectionName) {
     var _a, _b;
-    const { isVariationA } = useAB();
-    const { caseState, caseType, product, version, contactSSOName, accountNumber, summary, hostname, contactInfo24x7, alternateId, selectedAccountDetails, issue, environment, timeFramesAndUrgency, periodicityOfIssue, ssoUsername, manageSupportCases, } = useCaseSelector((state) => ({
+    const { caseState, caseType, product, version, contactSSOName, accountNumber, summary, hostname, contactInfo24x7, alternateId, selectedAccountDetails, issue, environment, timeFramesAndUrgency, periodicityOfIssue, ABTestVariation, ssoUsername, manageSupportCases, } = useCaseSelector((state) => ({
         caseState: state,
         caseType: state.caseDetails.caseType,
         product: state.caseDetails.product,
@@ -43,6 +41,7 @@ export function useIsSectionValid(sectionName) {
         environment: state.caseDetails.environment,
         timeFramesAndUrgency: state.caseDetails.timeFramesAndUrgency,
         periodicityOfIssue: state.caseDetails.periodicityOfIssue,
+        ABTestVariation: state.ABTestVariation,
         ssoUsername: state.selectedOwner.data.ssoUsername,
         manageSupportCases: state.selectedOwner.data.manageSupportCases,
     }), isEqual);
@@ -67,8 +66,10 @@ export function useIsSectionValid(sectionName) {
         fetchContactDetails();
     }, [ssoUsername, routeDispatch]);
     //&seSessionId=8e8960ac-680b-443e-bf67-9e13f2acd64e
+    const isATestvariation = ABTestVariation === 'A';
+    const isBTestvariation = ABTestVariation === 'B' || isEmpty(ABTestVariation);
     const { routeState: { isCaseCreate }, } = useContext(RouteContext);
-    const { globalMetadataState: { allProducts, loggedInUserJwtToken }, } = useContext(GlobalMetadataStateContext);
+    const { globalMetadataState: { allProducts, loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
     const { topContentState: { topContent }, } = useContext(TCStateContext);
     const { recommendationState } = useContext(RecommendationStateContext);
     const isEntitledProduct = (_b = find((_a = allProducts === null || allProducts === void 0 ? void 0 : allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult, (p) => p.product === caseState.caseDetails.product)) === null || _b === void 0 ? void 0 : _b.isEntitledProduct;
@@ -91,64 +92,102 @@ export function useIsSectionValid(sectionName) {
             !isEmpty(contactSSOName) &&
             !selectedAccountDetails.data.subscriptionAbuse &&
             (manageSupportCases !== null && manageSupportCases !== void 0 ? manageSupportCases : true) &&
-            (isEntitlement !== null && isEntitlement !== void 0 ? isEntitlement : true) &&
-            !isEmpty(product) &&
-            !isEmpty(version);
+            (isEntitlement !== null && isEntitlement !== void 0 ? isEntitlement : true);
+        if (isATestvariation) {
+            isValid = isValid && !isEmpty(product) && !isEmpty(version);
+        }
         return isValid;
     };
     const isSummarizeSectionValid = () => {
-        let isValid = !allProducts.isFetching &&
-            !allProducts.isError &&
-            !topContent.isFetching &&
-            !recommendationState.isLoadingRecommendations &&
-            (summary === null || summary === void 0 ? void 0 : summary.length) <= TITLE_SUMMARY_LENGTH_LIMIT &&
-            (issue === null || issue === void 0 ? void 0 : issue.length) <= ISSUE_SUMMARY_LENGTH_LIMIT &&
-            !isEmpty(summary) &&
-            !isEmpty(issue);
+        if (isBTestvariation) {
+            let isValid = !allProducts.isFetching &&
+                !allProducts.isError &&
+                !topContent.isFetching &&
+                !recommendationState.isLoadingRecommendations &&
+                (summary === null || summary === void 0 ? void 0 : summary.length) <= TITLE_SUMMARY_LENGTH_LIMIT &&
+                (issue === null || issue === void 0 ? void 0 : issue.length) <= ISSUE_SUMMARY_LENGTH_LIMIT &&
+                !isEmpty(product) &&
+                !isEmpty(version) &&
+                !isEmpty(summary) &&
+                !isEmpty(issue);
+            return isValid;
+        }
+        if (isATestvariation) {
+            let isValid = !allProducts.isFetching &&
+                !allProducts.isError &&
+                !topContent.isFetching &&
+                !recommendationState.isLoadingRecommendations &&
+                (summary === null || summary === void 0 ? void 0 : summary.length) <= TITLE_SUMMARY_LENGTH_LIMIT &&
+                (issue === null || issue === void 0 ? void 0 : issue.length) <= ISSUE_SUMMARY_LENGTH_LIMIT &&
+                !isEmpty(summary) &&
+                !isEmpty(issue);
+            return isValid;
+        }
         if (isCaseCreate) {
             //because on the summarize page for troubleshoot flow we have only product version and owner
-            isValid =
-                !allProducts.isFetching &&
-                    !allProducts.isError &&
-                    !isEmpty(product) &&
-                    !isEmpty(accountNumber) &&
-                    !isEmpty(contactSSOName) &&
-                    !isEmpty(version);
+            let isValid = !allProducts.isFetching &&
+                !allProducts.isError &&
+                // !topContent.isFetching &&
+                // !recommendationState.isLoadingRecommendations &&
+                // summary!?.length <= TITLE_SUMMARY_LENGTH_LIMIT &&
+                // issue!?.length <= ISSUE_SUMMARY_LENGTH_LIMIT &&
+                !isEmpty(product) &&
+                !isEmpty(accountNumber) &&
+                !isEmpty(contactSSOName) &&
+                !isEmpty(version);
+            return isValid;
         }
         else if (!isCaseCreate) {
             return !isEmpty(product) && !isEmpty(version) && !isEmpty(accountNumber) && !isEmpty(contactSSOName);
         }
-        return isValid;
     };
     const isCaseConfigurationSectionValid = () => {
         const hasContactInfo24x7ValidLength = contactInfo24x7
             ? (contactInfo24x7 === null || contactInfo24x7 === void 0 ? void 0 : contactInfo24x7.length) <= CONTACT_INFO_24X7_LIMIT
             : true;
         const hasAlternateCaseIdValidLength = alternateId ? (alternateId === null || alternateId === void 0 ? void 0 : alternateId.length) <= CASE_REFERENCE_NUMBER_LIMIT : true;
-        return (isCaseManagementStateValid(caseState, loggedInUserJwtToken) &&
+        return (isCaseManagementStateValid(caseState, loggedInUserRights) &&
             hasContactInfo24x7ValidLength &&
             hasAlternateCaseIdValidLength);
     };
     const isResourcesSectionValid = () => {
-        var _a;
+        var _a, _b;
+        if (isBTestvariation) {
+            //if we are in the new experience and user is troubleshoot we give them those validity fields
+            if (!isCaseCreate) {
+                let isValid = !allProducts.isFetching &&
+                    !allProducts.isError &&
+                    !topContent.isFetching &&
+                    !recommendationState.isLoadingRecommendations &&
+                    (summary === null || summary === void 0 ? void 0 : summary.length) <= TITLE_SUMMARY_LENGTH_LIMIT &&
+                    (issue === null || issue === void 0 ? void 0 : issue.length) <= ISSUE_SUMMARY_LENGTH_LIMIT &&
+                    !isEmpty(product) &&
+                    !isEmpty(version) &&
+                    !isEmpty(summary) &&
+                    !isEmpty(issue) &&
+                    isEntitlement === true &&
+                    isClusterIDValid(caseState, (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult);
+                return isValid;
+            }
+        }
         // don't check for entitled product if user is on search intent flow
         const isEntitledProductLocal = isSearchIntent ? true : isEntitledProduct;
-        // Skip cluster ID validation for Variant A
-        const clusterIdValid = isVariationA ? true : isClusterIDValid(caseState, (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult);
-        return !recommendationState.isLoadingRecommendations && isEntitledProductLocal && clusterIdValid;
+        return (!recommendationState.isLoadingRecommendations &&
+            isEntitledProductLocal &&
+            isClusterIDValid(caseState, (_b = allProducts.data) === null || _b === void 0 ? void 0 : _b.productsResult));
     };
     const isReviewSectionValid = () => {
         var _a;
         return (isEntitledProduct &&
-            isCaseStateValid(caseState, loggedInUserJwtToken) &&
+            isCaseStateValid(caseState, loggedInUserRights) &&
             isClusterIDValid(caseState, (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult) &&
             isSummarizeSectionValid() &&
             isAdditionalInformationSectionValidLocal());
     };
     const isDescribeIdeaSectionValid = () => {
-        return (isCaseManagementStateValid(caseState, loggedInUserJwtToken) &&
+        return (isCaseManagementStateValid(caseState, loggedInUserRights) &&
             isEntitledProduct &&
-            isIdeaCaseStateValid(caseState, loggedInUserJwtToken) &&
+            isIdeaCaseStateValid(caseState, loggedInUserRights) &&
             checkUnallowedFiles());
     };
     const isAdditionalInformationSectionValidLocal = () => {
@@ -156,7 +195,7 @@ export function useIsSectionValid(sectionName) {
         const hostnameIsValid = hostname ? (hostname === null || hostname === void 0 ? void 0 : hostname.length) <= HOSTNAME_LENGTH_LIMIT : true;
         return (!caseState.hasInvalidEntitlements &&
             isClusterIDValid(caseState, (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult) &&
-            isCaseInformationSectionValid(caseState, loggedInUserJwtToken) &&
+            isCaseInformationSectionValid(caseState, loggedInUserRights) &&
             hostnameIsValid &&
             environment.length <= CASE_DEATILS_ENVIRONMENT_LIMIT &&
             timeFramesAndUrgency.length <= KTQUESTION_MAX_LIMIT &&

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

@@ -1 +1 @@
-{"version":3,"file":"WizardAside.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardAside.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAGH,eAAe,EAIlB,MAAM,iCAAiC,CAAC;AASzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,2BAA2B,EAAE,OAAO,CAAC;CACxC;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,qBAgEjC;kBAhEQ,WAAW;;;AAkEpB,eAAe,WAAW,CAAC"}
+{"version":3,"file":"WizardAside.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardAside.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAGH,eAAe,EAKlB,MAAM,iCAAiC,CAAC;AAQzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,2BAA2B,EAAE,OAAO,CAAC;CACxC;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,qBAuDjC;kBAvDQ,WAAW;;;AAyDpB,eAAe,WAAW,CAAC"}

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

@@ -5,9 +5,7 @@ import isUndefined from 'lodash/isUndefined';
 import React, { useContext } from 'react';
 import { useCaseSelector } from '../../context/CaseContext';
 import { RouteContext } from '../../context/RouteContext';
-import { TCStateContext } from '../../context/TopContentContext';
-import { useAB } from '../../hooks/useAB';
-import { AppRouteSections, hideFileUploadSidebarWidgetSections, showSideBarClusterIdRuleWidgetSections, showSideBarEARuleWidgetSectionsExperienceA, showSideBarFileRecommendationSections, } from '../../reducers/RouteConstNTypes';
+import { AppRouteSections, hideFileUploadSidebarWidgetSections, showSideBarClusterIdRuleWidgetSections, showSideBarEARuleWidgetSections, showSideBarEARuleWidgetSectionsExperienceA, showSideBarFileRecommendationSections, } from '../../reducers/RouteConstNTypes';
 import { FileDiag } from '../CaseInformation/FileDiag';
 import { CveSidebar } from '../Cve/CveSidebar';
 import { AsideResults } from '../Recommendations/AsideResults';
@@ -15,34 +13,28 @@ import ClusterRecommendations from '../Recommendations/ClusterRecommendations';
 import { EARuleWidget } from '../Recommendations/EARules/EARuleWidget';
 import InsightsResults from '../Recommendations/InsightsResults';
 import { SessionRestore } from '../SessionRestore';
-import TopContentSidebar from '../Suggestions/TopContentSidebar';
 const defaultProps = {};
 function WizardAside(props) {
-    const { isVariationA } = useAB();
     const { routeState: { activeSection, isCaseCreate }, } = useContext(RouteContext);
-    const { topContentState: { topContent }, } = useContext(TCStateContext);
     const canAddAttachments = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.ATTACHMENTS);
-    const { isCreatingCase, caseType, isCveModalOpened } = useCaseSelector((state) => ({
+    const { isCreatingCase, caseType, isCveModalOpened, ABTestVariation } = useCaseSelector((state) => ({
         isCreatingCase: state.isCreatingCase,
         caseType: state.caseDetails.caseType,
         isCveModalOpened: state.isCveModalOpened,
+        ABTestVariation: state.ABTestVariation,
     }), isEqual);
+    const isATestvariation = ABTestVariation === 'A';
     const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
     const canUseSessionManagement = ability.can(resourceActions.CREATE, resources.SESSION_TRACKING);
     const canShowFileUploadWidget = () => canAddAttachments &&
         !props.isAttachmentUploadModalOpen &&
         !isUndefined(activeSection) &&
         !hideFileUploadSidebarWidgetSections.includes(activeSection);
-    const canShowEARuleWidget = activeSection
+    const canShowEARuleWidget = isATestvariation
         ? showSideBarEARuleWidgetSectionsExperienceA.includes(activeSection)
-        : false;
-    const canShowClusterIdReportWidget = activeSection
-        ? showSideBarClusterIdRuleWidgetSections.includes(activeSection)
-        : false;
-    const canShowFileRecommendationSectionsWidget = activeSection
-        ? showSideBarFileRecommendationSections.includes(activeSection)
-        : false;
-    const showTopContentSidebar = isVariationA && activeSection === AppRouteSections.RESOURCES && topContent.data.length === 0;
+        : showSideBarEARuleWidgetSections.includes(activeSection);
+    const canShowClusterIdReportWidget = showSideBarClusterIdRuleWidgetSections.includes(activeSection);
+    const canShowFileRecommendationSectionsWidget = showSideBarFileRecommendationSections.includes(activeSection);
     return (React.createElement("aside", null,
         React.createElement("section", { className: "grid-aside-content" },
             canUseSessionManagement && !isCreatingCase && activeSection !== AppRouteSections.SUBMIT_CASE && (React.createElement(SessionRestore, { routeProps: props.routeProps })),
@@ -54,8 +46,7 @@ function WizardAside(props) {
             canShowEARuleWidget && React.createElement(EARuleWidget, null),
             !(isIdea && activeSection === 'submit-case') && (React.createElement(AsideResults, { routeProps: props.routeProps, className: "pf-v6-u-mb-md" })),
             canShowFileRecommendationSectionsWidget && React.createElement(InsightsResults, { isDisplayOnMain: true }),
-            React.createElement(ClusterRecommendations, { showClusterRecommendationsList: canShowClusterIdReportWidget, className: "pf-v6-u-mb-md" }),
-            showTopContentSidebar && React.createElement(TopContentSidebar, null))));
+            React.createElement(ClusterRecommendations, { showClusterRecommendationsList: canShowClusterIdReportWidget, className: "pf-v6-u-mb-md" }))));
 }
 WizardAside.defaultProps = defaultProps;
 export default WizardAside;

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

@@ -1 +1 @@
-{"version":3,"file":"WizardMain.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardMain.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAkE,MAAM,OAAO,CAAC;AAExH,OAAO,EAAS,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAY9D,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAcpF,eAAO,MAAM,iBAAiB,aAAc,MAAM,KAAG,MAEpD,CAAC;AAEF,eAAO,MAAM,sBAAsB,kBAAmB,MAAM,YAAY,MAAM,QAAQ,MAAM,KAAG,MAqB9F,CAAC;AAGF,eAAO,MAAM,kBAAkB,kBACZ,MAAM,WACZ,MAAM,GAAG,SAAS,WAClB,MAAM,GAAG,SAAS,WAClB,MAAM,GAAG,SAAS,SACpB,MAAM,GAAG,SAAS,YACf,MAAM,QACV,MAAM,KACb,MAwCF,CAAC;AACF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,qBAAqB,EAAE,CAAC,cAAc,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,mBAAmB,EAAE,CAAC,gCAAgC,EAAE,OAAO,KAAK,IAAI,CAAC;IACzE,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,qBA8ZhC;AACD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"WizardMain.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardMain.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAqD,MAAM,OAAO,CAAC;AAE3G,OAAO,EAAS,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAW9D,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAcpF,eAAO,MAAM,iBAAiB,aAAc,MAAM,KAAG,MAEpD,CAAC;AAEF,eAAO,MAAM,sBAAsB,kBAAmB,MAAM,YAAY,MAAM,QAAQ,MAAM,KAAG,MAqB9F,CAAC;AAGF,eAAO,MAAM,kBAAkB,kBACZ,MAAM,WACZ,MAAM,GAAG,SAAS,WAClB,MAAM,GAAG,SAAS,WAClB,MAAM,GAAG,SAAS,SACpB,MAAM,GAAG,SAAS,YACf,MAAM,QACV,MAAM,KACb,MAwCF,CAAC;AACF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,qBAAqB,EAAE,CAAC,cAAc,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,mBAAmB,EAAE,CAAC,gCAAgC,EAAE,OAAO,KAAK,IAAI,CAAC;IACzE,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CACpC;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,qBA4WhC;AACD,eAAe,UAAU,CAAC"}