@rh-support/troubleshoot 2.6.134 → 2.6.136

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

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

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

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

package/lib/esm/components/Suggestions/{TopContentSidebar.js → EmptyTopContentSidebar.js}

@@ -5,7 +5,7 @@ import React, { useContext } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseSelector } from '../../context/CaseContext';
 import { TCStateContext } from '../../context/TopContentContext';
-export default function TopContentSidebar() {
+export default function EmptyTopContentSidebar() {
     const { t } = useTranslation();
     const { topContentState: { topContent }, } = useContext(TCStateContext);
     const { version } = useCaseSelector((state) => ({

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

@@ -1 +1 @@
-{"version":3,"file":"AskRedHat.d.ts","sourceRoot":"","sources":["../../../../src/components/TroubleshootSection/AskRedHat.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAkCvE,UAAU,MAAM;IACZ,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,SAAS,0BAA2B,MAAM,sBAwdtD,CAAC"}
+{"version":3,"file":"AskRedHat.d.ts","sourceRoot":"","sources":["../../../../src/components/TroubleshootSection/AskRedHat.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAmCvE,UAAU,MAAM;IACZ,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,SAAS,0BAA2B,MAAM,sBA2ftD,CAAC"}

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

@@ -26,6 +26,7 @@ import { useParseRuleMarkdown } from '../../hooks/useParseRuleMarkdown';
 import { addSubmittedFeedbackType, clearSubmittedFeedbackTypes } from '../../reducers/AIResponseReducer';
 import { appSourceId_ARH } from '../../reducers/CaseConstNTypes';
 import { createOrUpdateSessionResources } from '../../reducers/SessionRestoreReducer';
+import { calculateEngagementWindow, DEFAULT_ENGAGEMENT_WINDOW } from '../../utils/engagementUtils';
 import { CollapseIcon } from './icons/CollapseIcon';
 import { StarIcon } from './icons/StarIcon';
 import ResponseActions from './ResponseActions';
@@ -55,6 +56,9 @@ export const AskRedHat = ({ onChatWithAIClick }) => {
     const contentRef = useRef(null);
     const storedMessageIdRef = useRef(undefined);
     const aiResponseDispatch = useAIResponseDispatch();
+    const engagementTimerRef = useRef(null);
+    const engagementWindowRef = useRef(DEFAULT_ENGAGEMENT_WINDOW);
+    const hasEngagementTimerStartedRef = useRef(false);
     const { routeState: { isCaseCreate, activeSection }, } = useContext(RouteContext);
     const { sessionRestore: { activeSessionId, sessionResourceTracking, previousSessions }, } = useContext(SessionRestoreStateContext);
     const sessionRestoreDispatch = useContext(SessionRestoreDispatchContext);
@@ -85,20 +89,27 @@ export const AskRedHat = ({ onChatWithAIClick }) => {
         if (isExpanded && contentRef.current) {
             contentRef.current.scrollTop = 0;
         }
-        if (!isExpanded) {
-            const payload = JSON.stringify({
-                product,
-                version,
-                summary,
-                issue,
-            });
-            const sessionResources = getSessResFromAISources(sources, SessionResourceVisibility.PRESENTED);
-            createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.ASK_RED_HAT, sessionResources, payload);
-        }
         setIsExpanded((prev) => !prev);
     };
+    const clearEngagementTimer = () => {
+        if (engagementTimerRef.current) {
+            clearTimeout(engagementTimerRef.current);
+            engagementTimerRef.current = null;
+        }
+    };
+    const callResourceAPI = (sources, visibilityStatus) => {
+        const payload = JSON.stringify({
+            product,
+            version,
+            summary,
+            issue,
+        });
+        const sessionResources = getSessResFromAISources(sources, visibilityStatus);
+        createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.ASK_RED_HAT, sessionResources, payload);
+    };
     const handleChatWithAIClick = () => __awaiter(void 0, void 0, void 0, function* () {
         var _a;
+        clearEngagementTimer();
         onChatWithAIClick === null || onChatWithAIClick === void 0 ? void 0 : onChatWithAIClick();
         if (!!conversationId) {
             dtmTrackEventAskRedhat(conversationId, appSourceId_ARH);
@@ -113,6 +124,7 @@ export const AskRedHat = ({ onChatWithAIClick }) => {
     const handleSourceClick = (source, index) => () => {
         if (!source || !activeSessionId)
             return;
+        clearEngagementTimer();
         const payload = JSON.stringify({
             product,
             version,
@@ -125,6 +137,22 @@ export const AskRedHat = ({ onChatWithAIClick }) => {
     };
     const aiResponse = aiResponseState.aiResponse;
     const messageId = aiResponse === null || aiResponse === void 0 ? void 0 : aiResponse.messageId;
+    // Calculate engagement window and start timer when streaming is complete
+    useEffect(() => {
+        if (!aiResponseState.isStreaming && (aiResponse === null || aiResponse === void 0 ? void 0 : aiResponse.answer)) {
+            engagementWindowRef.current = calculateEngagementWindow(aiResponse.answer, true);
+            hasEngagementTimerStartedRef.current = true;
+            clearEngagementTimer();
+            engagementTimerRef.current = setTimeout(() => {
+                callResourceAPI(sources, SessionResourceVisibility.PRESENTED);
+                engagementTimerRef.current = null;
+            }, engagementWindowRef.current);
+        }
+        return () => {
+            clearEngagementTimer();
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [aiResponseState.isStreaming, aiResponse === null || aiResponse === void 0 ? void 0 : aiResponse.answer]);
     const currentSessionItem = previousSessions.data[activeSessionId];
     const conversationId = (_d = currentSessionItem === null || currentSessionItem === void 0 ? void 0 : currentSessionItem.session) === null || _d === void 0 ? void 0 : _d.conversationId;
     useEffect(() => {

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;IACnC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC;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;AAkBrD,OAAO,KAA+D,MAAM,OAAO,CAAC;AAEpF,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAUvD,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AA0BpF,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;IACnC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC;AAWD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAyazC;kBAzaQ,mBAAmB;;;AA4a5B,eAAe,mBAAmB,CAAC"}

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

@@ -17,7 +17,7 @@ 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, { useCallback, useContext, useEffect, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useAIResponseDispatch, useAIResponseState } from '../../context/AIResponseContext';
 import { useCaseSelector } from '../../context/CaseContext';
@@ -29,6 +29,7 @@ import { setHasChunkReceived, updateConversationId } from '../../reducers/AIResp
 import { appSourceId_ARH, excludedCaseTypesforARH } from '../../reducers/CaseConstNTypes';
 import { AppRouteSections } from '../../reducers/RouteConstNTypes';
 import { createOrUpdateSessionResources } from '../../reducers/SessionRestoreReducer';
+import { calculateEngagementWindow, DEFAULT_ENGAGEMENT_WINDOW } from '../../utils/engagementUtils';
 import { OpenShiftClusterId } from '../CaseManagement/OpenShiftClusterId';
 import ClusterRecommendations from '../Recommendations/ClusterRecommendations';
 import InsightsResults from '../Recommendations/InsightsResults';
@@ -67,6 +68,8 @@ function TroubleshootSection(props) {
     const clickedSourcesRef = useRef(new Set());
     const engagementTimerRef = useRef(null);
     const hasInteractionHappenedRef = useRef(false);
+    const engagementWindowRef = useRef(DEFAULT_ENGAGEMENT_WINDOW);
+    const [hasAnswerReceived, setHasAnswerReceived] = useState(false);
     const { topContentState: { topContent }, } = useContext(TCStateContext);
     const { routeState: { isCaseCreate, activeSection }, } = useContext(RouteContext);
     const { caseDetails } = useCaseSelector((state) => ({
@@ -146,6 +149,23 @@ function TroubleshootSection(props) {
             const source = { url: sourceUrl, link: sourceUrl, sourceUrl, sourceText };
             callResourceAPI([source], SessionResourceVisibility.VISITED);
         }
+        // Count characters from DOM when answer is fully received
+        if (eventData.eventName === ARHEventName.AnswerReceived) {
+            setTimeout(() => {
+                const allMessageContainers = document.querySelectorAll('.pf-chatbot__message-and-actions');
+                const messageContainer = allMessageContainers[allMessageContainers.length - 1];
+                if (!messageContainer)
+                    return;
+                const excludedSelectors = ['.pf-chatbot__response-actions', '.pf-chatbot__source'];
+                const trimmedText = Array.from(messageContainer.children)
+                    .filter((child) => !excludedSelectors.some((selector) => child.matches(selector)))
+                    .map((child) => child.textContent || '')
+                    .join(' ')
+                    .trim();
+                engagementWindowRef.current = calculateEngagementWindow(trimmedText, false);
+                setHasAnswerReceived(true);
+            }, 100);
+        }
     }, [aiResponseDispatch, callResourceAPI, clearEngagementTimer, isVariationA]);
     const preprocessRequest = () => __awaiter(this, void 0, void 0, function* () {
         var _a;
@@ -181,19 +201,19 @@ function TroubleshootSection(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
+    // Dynamic engagement timer - call API if no source clicked or message not sent by user
     useEffect(() => {
-        if (aiResponseState.hasChunkReceived && isVariationA) {
+        if (hasAnswerReceived && isVariationA) {
             engagementTimerRef.current = setTimeout(() => {
                 if (hasInteractionHappenedRef.current || clickedSourcesRef.current.size > 0) {
                     return;
                 }
                 callResourceAPI(sourcesRef.current, SessionResourceVisibility.PRESENTED);
                 engagementTimerRef.current = null;
-            }, 10000);
+            }, engagementWindowRef.current);
             return clearEngagementTimer;
         }
-    }, [aiResponseState.hasChunkReceived, isVariationA, callResourceAPI, clearEngagementTimer]);
+    }, [hasAnswerReceived, isVariationA, callResourceAPI, clearEngagementTimer]);
     const initConfig = {
         packageVersion: (_f = window === null || window === void 0 ? void 0 : window.supportVersionInfo) === null || _f === void 0 ? void 0 : _f.packageVersion,
         appSourceId: appSourceId_ARH,
@@ -271,7 +291,7 @@ function TroubleshootSection(props) {
                         React.createElement(InfoCircleIcon, { className: "pf-v6-u-ml-sm", "aria-label": "More info about how support articles are matched" }))),
                 React.createElement(CardBody, { "aria-label": t('No recommendations for this product'), className: "file-recs-no-recommendation pf-v6-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)),
+            React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading suggestions') } }, canShowTopContent && !isEmpty(version) && !isVariationA && React.createElement(Suggestions, null)),
             !isCreatingCase && React.createElement(ClusterRecommendations, { className: "pf-v6-u-mt-lg" })),
         React.createElement("section", { className: "pf-v6-u-mt-lg" }, isNotAnIdea && (React.createElement(InsightsResults, { isDisplayOnMain: true, "data-tracking-id": "troubleshoot-section-file-recs" })))))));
 }

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":"AAKA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAGH,eAAe,EAIlB,MAAM,iCAAiC,CAAC;AAUzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,2BAA2B,EAAE,OAAO,CAAC;CACxC;AAED,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,qBAoEjC;kBApEQ,WAAW;;;AAsEpB,eAAe,WAAW,CAAC"}

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

@@ -1,5 +1,6 @@
 import { ability, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
 import { PreviousCaseTypes } from '@rh-support/utils';
+import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import isUndefined from 'lodash/isUndefined';
 import React, { useContext } from 'react';
@@ -15,17 +16,19 @@ 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';
+import EmptyTopContentSidebar from '../Suggestions/EmptyTopContentSidebar';
+import Suggestions from '../Suggestions/Suggestions';
 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, version } = useCaseSelector((state) => ({
         isCreatingCase: state.isCreatingCase,
         caseType: state.caseDetails.caseType,
         isCveModalOpened: state.isCveModalOpened,
+        version: state.caseDetails.version,
     }), isEqual);
     const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
     const canUseSessionManagement = ability.can(resourceActions.CREATE, resources.SESSION_TRACKING);
@@ -42,6 +45,7 @@ function WizardAside(props) {
     const canShowFileRecommendationSectionsWidget = activeSection
         ? showSideBarFileRecommendationSections.includes(activeSection)
         : false;
+    const showSuggestionsSidebar = isVariationA && activeSection === AppRouteSections.RESOURCES && topContent.data.length > 0 && !isEmpty(version);
     const showTopContentSidebar = isVariationA && activeSection === AppRouteSections.RESOURCES && topContent.data.length === 0;
     return (React.createElement("aside", null,
         React.createElement("section", { className: "grid-aside-content" },
@@ -55,7 +59,8 @@ function WizardAside(props) {
             !(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))));
+            showSuggestionsSidebar && React.createElement(Suggestions, null),
+            showTopContentSidebar && React.createElement(EmptyTopContentSidebar, null))));
 }
 WizardAside.defaultProps = defaultProps;
 export default WizardAside;

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

@@ -265,10 +265,10 @@ function WizardMain(props) {
         RouteUtils.navigateToSection(props.routeProps, `${props.routeProps.location.pathname}/${step.id}`, false);
     };
     const onBack = (step, prevStep) => {
-        // isLoadingRecommendations needs to be set to false when going back TO the summary step
+        // isLoadingRecommendations needs to be set to false when going back TO the summary/troubleshoot step
         // because it can cause the next button to be permanently disabled if the debounce is not called
         // before going back a step. This can be caused if navigating quickly to then away from the recommendations page.
-        if (step.id === AppRouteSections.SUMMARIZE) {
+        if (step.id === AppRouteSections.SUMMARIZE || step.id === AppRouteSections.TROUBLESHOOT) {
             recommendationDispatch({
                 type: RecommendationsConstants.setIsLoadingRecommendations,
                 payload: { isLoadingRecommendations: false },

package/lib/esm/hooks/useAB.js

@@ -50,7 +50,7 @@ export function useAB(options = {}) {
             setTestVariation(ABEnum.B);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [pcmConfig.data, loggedInUsersAccount.data.accountNumber, caseDispatch]);
+    }, [pcmConfig.data, loggedInUsersAccount.data.accountNumber, caseDispatch, caseType]);
     return {
         variation: testVariation,
         isVariationA: testVariation === ABEnum.A,

package/lib/esm/scss/_pf-overrides.scss

@@ -772,10 +772,11 @@ a.case-resource-recommendation-link {
 }
 
 .description-textarea {
-    resize: none !important;
+    resize: vertical !important;
     &.pf-v6-c-form-control {
         &:disabled,
         &.kt1-disabled {
+            resize: none !important;
             &::after,
             &:after {
                 border-block-end: none !important;

package/lib/esm/utils/engagementUtils.d.ts

@@ -0,0 +1,3 @@
+export declare const DEFAULT_ENGAGEMENT_WINDOW: number;
+export declare const calculateEngagementWindow: (text: string, shouldCleanMarkdown?: boolean) => number;
+//# sourceMappingURL=engagementUtils.d.ts.map

package/lib/esm/utils/engagementUtils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"engagementUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/engagementUtils.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,yBAAyB,QAAuC,CAAC;AAE9E,eAAO,MAAM,yBAAyB,SAAU,MAAM,wBAAuB,OAAO,KAAU,MAiB7F,CAAC"}

package/lib/esm/utils/engagementUtils.js

@@ -0,0 +1,16 @@
+const MIN_ENGAGEMENT_WINDOW_SECONDS = 12;
+const MAX_ENGAGEMENT_WINDOW_SECONDS = 90;
+export const DEFAULT_ENGAGEMENT_WINDOW = MIN_ENGAGEMENT_WINDOW_SECONDS * 1000;
+export const calculateEngagementWindow = (text, shouldCleanMarkdown = true) => {
+    const cleanedText = shouldCleanMarkdown
+        ? text
+            .replace(/\[([^\]]+)\]\([^)]+\)/g, '$1')
+            .replace(/`([^`]+)`/g, '$1')
+            .trim()
+        : text.trim();
+    const characterCount = cleanedText.length;
+    const wordCount = characterCount / 5;
+    const readingTimeSeconds = (wordCount / 220) * 60;
+    const engagementWindowSeconds = Math.min(Math.max(readingTimeSeconds * 1.5, MIN_ENGAGEMENT_WINDOW_SECONDS), MAX_ENGAGEMENT_WINDOW_SECONDS);
+    return engagementWindowSeconds * 1000;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.6.134",
+    "version": "2.6.136",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -133,5 +133,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "568ccdf05848de9fc8ceae3544383d43345e9ee7"
+    "gitHead": "7d4dbe0e743fbcab5ee69035b77d12baab840c40"
 }

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

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

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

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