@rh-support/troubleshoot 2.7.1 → 2.7.11

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

@@ -2,6 +2,7 @@ import { pcm } from '@cee-eng/hydrajs';
 import { Accordion, AccordionContent, AccordionItem, AccordionToggle, Label, LabelGroup } from '@patternfly/react-core';
 import BullseyeIcon from '@patternfly/react-icons/dist/js/icons/bullseye-icon';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
+import { haltEvent } from '@rh-support/utils';
 import DOMPurify from 'dompurify';
 import isEmpty from 'lodash/isEmpty';
 import React, { useContext, useEffect, useRef, useState } from 'react';
@@ -10,6 +11,7 @@ import { SessionRestoreDispatchContext, SessionRestoreStateContext } from '../..
 import { useParseRuleMarkdown } from '../../hooks/useParseRuleMarkdown';
 import { createOrUpdateSessionResources, getSessResFromRec, getSessResFromRules, } from '../../reducers/SessionRestoreReducer';
 import { getRuleReasonHtml } from '../../utils/insightRuleInfoUtils';
+import { trackClickedResourcesSequence } from '../../utils/visitedResourcesUtils';
 import { AttachmentStateContext } from '../shared/fileUpload/reducer/AttachmentReducerContext';
 const { SessionResourceSource, SessionResourceVisibility } = pcm.preCase.session;
 export function InsightsRuleInfo({ doc, showNewTag, duplicateKeys, rank }) {
@@ -40,6 +42,7 @@ export function InsightsRuleInfo({ doc, showNewTag, duplicateKeys, rank }) {
     }, [setRuleData, doc.attachmentId, doc.id, selectedLocalFiles, duplicateKeys]);
     const onCtaClick = (link) => (event) => {
         createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.INSIGHTS, [getSessResFromRules(link, SessionResourceVisibility.VISITED, rank, ruleData.rule_id)]);
+        trackClickedResourcesSequence('File diagnostics recommendations (Insights)', link, ruleData === null || ruleData === void 0 ? void 0 : ruleData.summary);
     };
     const parseMoreInfo = (moreInfo, reportDetails) => {
         const result = parseDotMarkdownWithTracking(moreInfo, reportDetails, SessionResourceSource.INSIGHTS, 'ts-result-insights', 'se-recommended-insights-rule');
@@ -51,39 +54,45 @@ export function InsightsRuleInfo({ doc, showNewTag, duplicateKeys, rank }) {
             onCtaClick(target.href.split('?')[0])(ev);
         }
     };
-    return (React.createElement(React.Fragment, null, ruleData && (React.createElement(AccordionItem, null,
-        React.createElement(AccordionToggle, { isExpanded: isParentExpanded, id: doc.id + doc.attachmentId, onClick: () => {
+    return (React.createElement(React.Fragment, null, ruleData && (React.createElement(AccordionItem, { isExpanded: isParentExpanded },
+        React.createElement(AccordionToggle, { id: doc.id + doc.attachmentId, onClick: () => {
                 !isParentExpanded &&
                     createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.INSIGHTS, [getSessResFromRec(doc, SessionResourceVisibility.PRESENTED_TAB, rank)]);
                 setIsParentExpanded(!isParentExpanded);
             } },
             React.createElement("div", null,
                 React.createElement("div", null,
-                    showNewTag && ((_b = (_a = insightsReport === null || insightsReport === void 0 ? void 0 : insightsReport.current) === null || _a === void 0 ? void 0 : _a.isNew) !== null && _b !== void 0 ? _b : false) && (React.createElement(Label, { color: "green", className: "pf-v5-u-mr-sm" },
+                    showNewTag && ((_b = (_a = insightsReport === null || insightsReport === void 0 ? void 0 : insightsReport.current) === null || _a === void 0 ? void 0 : _a.isNew) !== null && _b !== void 0 ? _b : false) && (React.createElement(Label, { color: "green", className: "pf-v6-u-mr-sm" },
                         React.createElement(Trans, null, "NEW"))), ruleData === null || ruleData === void 0 ? void 0 :
                     ruleData.summary),
-                React.createElement("div", { className: "pf-v5-u-mb-sm pf-v5-u-text-align-left" }, ((_d = (_c = insightsReport === null || insightsReport === void 0 ? void 0 : insightsReport.current) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : false) && (React.createElement(Label, null,
+                React.createElement("div", { className: "pf-v6-u-mb-sm pf-v6-u-text-align-left" }, ((_d = (_c = insightsReport === null || insightsReport === void 0 ? void 0 : insightsReport.current) === null || _c === void 0 ? void 0 : _c.name) !== null && _d !== void 0 ? _d : false) && (React.createElement(Label, null,
                     React.createElement(Trans, null, insightsReport.current.name)))),
-                React.createElement("div", { className: "pf-v5-u-text-align-left" },
-                    React.createElement(LabelGroup, { numLabels: 5 }, ((doc === null || doc === void 0 ? void 0 : doc.tag) || []).map((tag) => (React.createElement(Label, { color: "gold", className: "pf-v5-u-mr-sm" }, tag))))))),
-        React.createElement(AccordionContent, { isHidden: !isParentExpanded },
+                React.createElement("div", { className: "pf-v6-u-text-align-left" },
+                    React.createElement(LabelGroup, { numLabels: 5 }, ((doc === null || doc === void 0 ? void 0 : doc.tag) || []).map((tag) => (React.createElement(Label, { color: "yellow", className: "pf-v6-u-mr-sm" }, tag))))))),
+        React.createElement(AccordionContent, null,
             React.createElement(Accordion, { asDefinitionList: false, className: "push-bottom-narrow" },
-                React.createElement(AccordionItem, null,
-                    React.createElement(AccordionToggle, { isExpanded: isIssueExpanded, onClick: () => setIsIssueExpanded(!isIssueExpanded), id: `${doc.id}-detected-issue` },
-                        React.createElement(BullseyeIcon, { className: "pf-v5-u-mr-sm" }),
+                React.createElement(AccordionItem, { isExpanded: isIssueExpanded },
+                    React.createElement(AccordionToggle, { onClick: (e) => {
+                            haltEvent(e);
+                            setIsIssueExpanded(!isIssueExpanded);
+                        }, id: `${doc.id}-detected-issue` },
+                        React.createElement(BullseyeIcon, { className: "pf-v6-u-mr-sm" }),
                         React.createElement(Trans, null, "Detected issues")),
-                    React.createElement(AccordionContent, { isHidden: !isIssueExpanded },
+                    React.createElement(AccordionContent, null,
                         React.createElement("p", { dangerouslySetInnerHTML: {
                                 __html: DOMPurify.sanitize(getRuleReasonHtml(ruleData === null || ruleData === void 0 ? void 0 : ruleData.reason, (_e = insightsReport === null || insightsReport === void 0 ? void 0 : insightsReport.current) === null || _e === void 0 ? void 0 : _e.details) ||
                                     'N/A'),
                             } }))),
-                ((_f = ruleData === null || ruleData === void 0 ? void 0 : ruleData.more_info) !== null && _f !== void 0 ? _f : false) && (React.createElement(AccordionItem, null,
-                    React.createElement(AccordionToggle, { isExpanded: isAdditionalExpanded, onClick: () => setIsAdditionalExpanded(!isAdditionalExpanded), id: `${doc.id}-additional-info` },
-                        React.createElement(InfoCircleIcon, { className: "pf-v5-u-mr-sm" }),
+                ((_f = ruleData === null || ruleData === void 0 ? void 0 : ruleData.more_info) !== null && _f !== void 0 ? _f : false) && (React.createElement(AccordionItem, { isExpanded: isAdditionalExpanded },
+                    React.createElement(AccordionToggle, { onClick: (e) => {
+                            haltEvent(e);
+                            setIsAdditionalExpanded(!isAdditionalExpanded);
+                        }, id: `${doc.id}-additional-info` },
+                        React.createElement(InfoCircleIcon, { className: "pf-v6-u-mr-sm" }),
                         React.createElement(Trans, null, "Additional info")),
-                    React.createElement(AccordionContent, { isHidden: !isAdditionalExpanded },
+                    React.createElement(AccordionContent, null,
                         React.createElement("p", { onClick: onAdditionalInfoElemClick, dangerouslySetInnerHTML: parseMoreInfo(ruleData === null || ruleData === void 0 ? void 0 : ruleData.more_info, (_g = insightsReport === null || insightsReport === void 0 ? void 0 : insightsReport.current) === null || _g === void 0 ? void 0 : _g.details) }))))),
             React.createElement("pfe-cta", null,
-                React.createElement("a", { className: "se-recommended ts-result-insights pf-v5-u-font-size-sm", rel: "noopener noreferrer", target: "_blank", onClick: onCtaClick(doc.view_uri), "data-tracking-id": "get-support-recommended-insights-rule", "aria-label": "Related article", role: "button", href: getTrackingULRWithQueryParams(doc.view_uri, SessionResourceSource.INSIGHTS) },
+                React.createElement("a", { className: "se-recommended ts-result-insights pf-v6-u-font-size-sm", rel: "noopener noreferrer", target: "_blank", onClick: onCtaClick(doc.view_uri), "data-tracking-id": "get-support-recommended-insights-rule", "aria-label": "Related article", role: "button", href: getTrackingULRWithQueryParams(doc.view_uri, SessionResourceSource.INSIGHTS) },
                     React.createElement(Trans, null, "Related article"))))))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"RecommendationFeedbackModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/RecommendationFeedbackModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;CACxB;AACD,wBAAgB,2BAA2B,CAAC,EAAE,WAAW,EAAE,iBAAiB,EAAE,YAAY,EAAE,EAAE,MAAM,qBA+BnG"}
+{"version":3,"file":"RecommendationFeedbackModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/RecommendationFeedbackModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,MAAM,IAAI,CAAC;IAC9B,YAAY,EAAE,MAAM,CAAC;CACxB;AACD,wBAAgB,2BAA2B,CAAC,EAAE,WAAW,EAAE,iBAAiB,EAAE,YAAY,EAAE,EAAE,MAAM,qBA4BnG"}

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

@@ -1,13 +1,13 @@
-import { Button, Modal, ModalVariant } from '@patternfly/react-core';
+import { Button, Modal, ModalFooter, ModalHeader, ModalVariant } from '@patternfly/react-core';
 import React from 'react';
 import { Trans } from 'react-i18next';
-import { Link } from 'react-router-dom';
 export function RecommendationFeedbackModal({ isModalOpen, handleModalToggle, modalContent }) {
-    return (React.createElement(Modal, { variant: ModalVariant.small, id: "resolved-feedback-modal", "aria-describedby": "rec-feedback-modal", "aria-label": "Feedback modal", isOpen: isModalOpen, onClose: handleModalToggle, actions: [
-            React.createElement(Link, { "data-tracking-id": "resolved-feedback-cases", key: "view", className: "pf-v5-c-button pf-m-primary", to: "/case/list" },
+    return (React.createElement(Modal, { variant: ModalVariant.small, id: "resolved-feedback-modal", "aria-describedby": "rec-feedback-modal", "aria-label": "Feedback modal", isOpen: isModalOpen, onClose: handleModalToggle },
+        React.createElement(ModalHeader, null,
+            React.createElement("h2", { id: "rec-feedback-modal" }, modalContent)),
+        React.createElement(ModalFooter, null,
+            React.createElement(Button, { "data-tracking-id": "resolved-feedback-cases", key: "view", component: "a", href: "#/case/list" },
                 React.createElement(Trans, null, "View your cases")),
             React.createElement(Button, { "data-tracking-id": "resolved-feedback-continue", key: "continue", variant: "link", onClick: handleModalToggle },
-                React.createElement(Trans, null, "Continue troubleshooting")),
-        ] },
-        React.createElement("h1", { id: "rec-feedback-modal" }, modalContent)));
+                React.createElement(Trans, null, "Continue troubleshooting")))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"RecommendationInfoBox.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/RecommendationInfoBox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,eAAO,MAAM,qBAAqB,yBA4CjC,CAAC"}
+{"version":3,"file":"RecommendationInfoBox.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/RecommendationInfoBox.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,eAAO,MAAM,qBAAqB,yBAwCjC,CAAC"}

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

@@ -5,20 +5,20 @@ export const RecommendationInfoBox = () => {
     const { t } = useTranslation();
     const [isExpanded, setIsExpanded] = useState(true);
     return (React.createElement(React.Fragment, null,
-        React.createElement(Accordion, { isBordered: true, asDefinitionList: false, className: "pf-v5-u-mb-md" },
-            React.createElement(AccordionItem, null,
-                React.createElement(AccordionToggle, { id: "recommendation-tips", isExpanded: isExpanded, onClick: () => setIsExpanded(!isExpanded) }, t('Tips for describing your problem')),
-                React.createElement(AccordionContent, { isHidden: !isExpanded },
-                    React.createElement("span", { className: "pf-v5-u-color-100" },
+        React.createElement(Accordion, { isBordered: true, asDefinitionList: false, className: "pf-v6-u-mb-md" },
+            React.createElement(AccordionItem, { isExpanded: isExpanded },
+                React.createElement(AccordionToggle, { id: "recommendation-tips", onClick: () => setIsExpanded(!isExpanded) }, t('Tips for describing your problem')),
+                React.createElement(AccordionContent, null,
+                    React.createElement("span", { className: "pf-v6-u-color-100" },
                         React.createElement(Trans, null, "To expedite your case, include these details: ")),
-                    React.createElement(List, { className: "pf-v5-u-ml-lg recommendation-box-tips", style: { listStyleType: 'disc' } },
+                    React.createElement(List, { className: "pf-v6-u-ml-lg recommendation-box-tips", style: { listStyleType: 'disc' } },
                         React.createElement(ListItem, null,
                             React.createElement(Trans, null, "Problem")),
                         React.createElement(ListItem, null,
                             React.createElement(Trans, null, "Steps you've taken")),
                         React.createElement(ListItem, null,
                             React.createElement(Trans, null, "Error Messages"))),
-                    React.createElement("span", { className: "pf-v5-u-color-100" },
+                    React.createElement("span", { className: "pf-v6-u-color-100" },
                         React.createElement(Trans, null, "Example:")),
                     React.createElement("span", { className: "extra-tips-for-describing" },
                         React.createElement(Trans, null,

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

@@ -1 +1 @@
-{"version":3,"file":"Recommendations.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/Recommendations.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAevD,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAYpF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACzE,qCAAqC,CAAC,EAAE,OAAO,CAAC;IAChD,aAAa,EAAE,GAAG,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBAyYpD"}
+{"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,qBAiYpD"}

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

@@ -2,7 +2,7 @@ import { pcm } from '@cee-eng/hydrajs';
 import { Label, Pagination, PaginationVariant, Popover, Spinner } from '@patternfly/react-core';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import StarIcon from '@patternfly/react-icons/dist/js/icons/star-icon';
-import { LoadingDots, useDebounce, usePrevious } from '@rh-support/components';
+import { useDebounce, usePrevious } from '@rh-support/components';
 import { computeRecommendationAbstract, computeRecommendationTitle, dtmTrackEventContentListingItemClicked, formatDate, getRecommendationTitle, } from '@rh-support/utils';
 import differenceBy from 'lodash/differenceBy';
 import find from 'lodash/find';
@@ -15,25 +15,27 @@ 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';
 import { AppRouteSections } from '../../reducers/RouteConstNTypes';
 import { createOrUpdateSessionResources, getSessResFromRec, getSessResFromRecs, } from '../../reducers/SessionRestoreReducer';
 import RouteUtils from '../../utils/routeUtils';
+import { trackClickedResourcesSequence } from '../../utils/visitedResourcesUtils';
 import { RecommendationsLoader } from './RecommendationsLoader';
 import { WatsonxAiIcon } from './WatsonxAiIcon';
 const { SessionResourceSource, SessionResourceVisibility } = pcm.preCase.session;
 export default function Recommendations(props) {
     var _a, _b, _c;
-    const { product, version, environment, summary, caseResourceLinks, issue, ABTestVariation, cveWorkflowRecommendation, } = useCaseSelector((state) => ({
+    const { isVariationA } = useAB();
+    const { product, version, environment, summary, caseResourceLinks, issue, cveWorkflowRecommendation } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
         environment: state.caseDetails.environment,
         summary: state.caseDetails.summary,
         issue: state.caseDetails.issue,
         caseResourceLinks: state.caseDetails.caseResourceLinks,
-        ABTestVariation: state.ABTestVariation,
         cveWorkflowRecommendation: state.cveWorkflowRecommendation,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
@@ -45,7 +47,7 @@ export default function Recommendations(props) {
     const { recommendationState } = useContext(RecommendationStateContext);
     const prevMainRecommendations = usePrevious((_a = recommendationState === null || recommendationState === void 0 ? void 0 : recommendationState.visibleDocs) !== null && _a !== void 0 ? _a : []);
     const recommendationDispatch = useContext(RecommendationDispatchContext);
-    const DEFAULTPAGESIZE = 8;
+    const DEFAULTPAGESIZE = 5;
     const MAXROW = 24;
     const recPageSize = pageSize !== null && pageSize !== void 0 ? pageSize : DEFAULTPAGESIZE;
     const abortControllerRef = useRef(undefined);
@@ -55,16 +57,17 @@ export default function Recommendations(props) {
         summary: summary,
         description: issue, // we don't need to truncate to 20k as Watsonx max recs is 4000 done for us already
     };
-    const isATestvariation = ABTestVariation === 'A';
-    const isBTestvariation = ABTestVariation === 'B' || isEmpty(ABTestVariation);
     const isRecSearchPayloadSame = isEqual(payload, recommendationState.prevRecommendationsBody);
     useEffect(() => {
         // currently due to the debounce we use after the page load leads to some delay in the disbaling of next button
         // since the state of the next button depends on the loading rec flag so we force the flag to be true every time the
         // rec section is rendered for the first time except the case when we won't make a new search since there was no change in the rec payload.
-        if (activeSection !== (isCaseCreate ? AppRouteSections.SUMMARIZE : AppRouteSections.TROUBLESHOOT) ||
-            !summary ||
-            isRecSearchPayloadSame) {
+        const validSections = isVariationA
+            ? [AppRouteSections.RESOURCES]
+            : isCaseCreate
+                ? [AppRouteSections.SUMMARIZE]
+                : [AppRouteSections.TROUBLESHOOT];
+        if (!validSections.includes(activeSection) || !summary || isRecSearchPayloadSame) {
             return;
         }
         !isRecSearchPayloadSame &&
@@ -79,8 +82,12 @@ export default function Recommendations(props) {
      * Also, log the newly presented resources on the session
      */
     useDebounce(() => {
-        if (activeSection !== (isCaseCreate ? AppRouteSections.SUMMARIZE : AppRouteSections.TROUBLESHOOT) ||
-            isRecSearchPayloadSame) {
+        const validSections = isVariationA
+            ? [AppRouteSections.RESOURCES]
+            : isCaseCreate
+                ? [AppRouteSections.SUMMARIZE]
+                : [AppRouteSections.TROUBLESHOOT];
+        if (!validSections.includes(activeSection) || isRecSearchPayloadSame) {
             return;
         }
         setCurrentPage(recommendationDispatch, 1);
@@ -156,13 +163,14 @@ export default function Recommendations(props) {
         createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.RECOMMENDATIONS, [
             getSessResFromRec(doc, SessionResourceVisibility.VISITED, index + 1 + (pageSize || DEFAULTPAGESIZE) * ((recommendationState.currentPage || 1) - 1)),
         ], typeof payload === 'string' ? payload : JSON.stringify(payload));
+        trackClickedResourcesSequence('Search recommendations', doc.view_uri, getRecommendationTitle(doc));
         dtmTrackEventContentListingItemClicked(window.location.href, doc.id, rank, doc.allTitle, doc.view_uri, getRecommendationTitle(doc), 'Main Recommendation', 'Articles recommended by OpenShiftAI', isCaseCreate);
     };
     const infoPopover = (React.createElement(Popover, { triggerAction: "hover", "aria-label": "Hoverable popover", headerContent: React.createElement("div", null,
             React.createElement(Trans, null, "Powered by Openshift AI")), bodyContent: React.createElement("div", null,
             React.createElement(Trans, null, "These articles have been selected based on the information provided."),
             React.createElement("br", null)) },
-        React.createElement(InfoCircleIcon, { color: "white" })));
+        React.createElement(InfoCircleIcon, { color: "#5E40BE" })));
     function getRankPercentage(decimal) {
         return Math.round(decimal * 100);
     }
@@ -172,47 +180,42 @@ export default function Recommendations(props) {
         const isCveExist = !isEmpty(find(cveWorkflowRecommendation, (cveW) => (cveW === null || cveW === void 0 ? void 0 : cveW.title) === title));
         const percentage = getRankPercentage(rerank_score);
         return (React.createElement(React.Fragment, null,
-            (percentage >= 80 || isCveExist) && (React.createElement(Label, { color: "green", className: "match-label", icon: React.createElement(StarIcon, null) }, isCveExist ? t('Exact match') : t('Best match'))),
-            !isCveExist && (React.createElement(Label, { className: "match-label", color: "purple" },
+            (percentage >= 80 || isCveExist) && (React.createElement(Label, { variant: "outline", color: "green", className: "match-label", icon: React.createElement(StarIcon, null) }, isCveExist ? t('Exact match') : t('Best match'))),
+            !isCveExist && (React.createElement(Label, { variant: "outline", className: "match-label", color: "purple" },
                 percentage,
                 "% ",
                 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 pf-v5-u-pt-md", ref: props.resultsRowRef },
-            isATestvariation
-                ? (recommendationState.visibleDocs.length !== 0 ||
-                    recommendationState.isLoadingRecommendations) && (React.createElement("div", { className: `${recommendationState.isLoadingRecommendations ? 'gradient' : ''} label-container-icon` },
-                    React.createElement(Label, { id: "DeepPurpleColorAILabel", className: "pf-v5-u-mb-md" },
-                        recommendationState.isLoadingRecommendations ? (React.createElement(React.Fragment, null,
-                            React.createElement(Spinner, { size: "sm", className: "pf-v5-u-mr-xs" }),
+        React.createElement("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 ',
-                                "using OpenShift AI"),
+                            React.createElement(Trans, null, recommendationState.visibleDocs.length
+                                ? 'Updating recommendations '
+                                : 'Recommending articles '),
                             ' ',
-                            React.createElement(InfoCircleIcon, { color: "white" }))) : (React.createElement(React.Fragment, null,
-                            React.createElement(WatsonxAiIcon, { fillColor: "#FFFFFF", className: "pf-v5-u-mr-xs" }),
+                            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(Trans, null, "Articles recommended by OpenShift AI"),
-                            " ",
-                            infoPopover)),
-                        ' ')))
-                : recommendationState.visibleDocs.length !== 0 && (React.createElement(Label, { color: "purple", className: "pf-v5-u-mb-md" },
-                    React.createElement(WatsonxAiIcon, { fillColor: "#6753ac", className: "pf-v5-u-mr-xs" }),
-                    React.createElement(Trans, null, "Live search results powered by OpenShift AI"))),
-            isATestvariation && recommendationState.isLoadingRecommendations ? (React.createElement(RecommendationsLoader, null)) : (React.createElement("ul", { className: "list-flat" }, map(recommendationState.visibleDocs, (doc, i) => {
+                            React.createElement("span", { className: "ai-label-text1" },
+                                React.createElement(Trans, null, "Recommended search results"),
+                                " ",
+                                infoPopover)))),
+                    ' '))),
+            recommendationState.isLoadingRecommendations ? (React.createElement(RecommendationsLoader, null)) : (React.createElement("ul", { className: "list-flat" }, map(recommendationState.visibleDocs, (doc, i) => {
                 var _a, _b;
-                return (React.createElement("li", { className: "result", key: doc.id },
+                return (React.createElement("li", { className: "result", key: doc.uri || i },
                     React.createElement("header", { className: "result-header" },
                         React.createElement("a", { href: `${doc.view_uri}?${RouteUtils.getSEResourceQueryParams(activeSessionId, (_b = (_a = sessionResourceTracking[SessionResourceSource.RECOMMENDATIONS]) === null || _a === void 0 ? void 0 : _a.resourceOriginId) !== null && _b !== void 0 ? _b : '', SessionResourceSource.RECOMMENDATIONS)}`, className: "se-recommended ts-result", "data-tracking-id": `se-recommended-main-recommendations-${i}`, rel: "noopener noreferrer", target: "_blank", onClick: onResourceClick(doc, i), dangerouslySetInnerHTML: computeRecommendationTitle(doc) }),
-                        React.createElement("div", { className: "header-meta" },
-                            isATestvariation && doc.rerank_score && computeLabel(doc),
+                        React.createElement("div", { className: "header-meta pf-v6-u-mt-xs" },
+                            doc.rerank_score && computeLabel(doc),
                             doc.kcsState === 'verified' && (React.createElement(React.Fragment, null,
-                                React.createElement("span", { className: "status-verified pf-v5-u-font-weight-bold pf-v5-u-success-color-100" }, "verified"),
+                                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"))),
                             React.createElement("span", { className: "meta" }, doc.documentKind),
                             React.createElement("span", { className: "list-separator" }, "\u2013"),
@@ -222,7 +225,13 @@ export default function Recommendations(props) {
             !recommendationState.isLoadingRecommendations &&
                 recommendationState.numFound !== 0 &&
                 recommendationState.numFound > DEFAULTPAGESIZE && (React.createElement("div", { className: "pagination-footer" },
-                React.createElement(Pagination, { className: "push-top", itemCount: (_c = (_b = recommendationState.allDocs) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0, perPage: recPageSize, page: recommendationState.currentPage, variant: PaginationVariant.bottom, onSetPage: pageChanged, dropDirection: "up", onPerPageSelect: onPageSizeChanged })))),
+                React.createElement(Pagination, { className: "push-top", itemCount: (_c = (_b = recommendationState.allDocs) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0, perPage: recPageSize, page: recommendationState.currentPage, variant: PaginationVariant.bottom, onSetPage: pageChanged, dropDirection: "up", onPerPageSelect: onPageSizeChanged, perPageOptions: [
+                        { title: '5', value: 5 },
+                        { title: '10', value: 10 },
+                        { title: '20', value: 20 },
+                        { title: '50', value: 50 },
+                        { title: '100', value: 100 },
+                    ] })))),
         recommendationState.numFound === 0 &&
             !recommendationState.isLoadingRecommendations &&
             !recommendationState.isLoadingRecommendationsError &&

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

@@ -1,7 +1,7 @@
 import { Skeleton } from '@patternfly/react-core';
 import React from 'react';
 export const RecommendationsLoader = () => {
-    return (React.createElement("div", { className: "pf-v5-u-mt-md" }, [...Array(5)].map((_, i) => (React.createElement(React.Fragment, { key: `recommendation-loading-${i}` },
+    return (React.createElement("div", { className: "pf-v6-u-mt-md" }, [...Array(5)].map((_, i) => (React.createElement(React.Fragment, { key: `recommendation-loading-${i}` },
         React.createElement(Skeleton, { height: "20px", width: "100%" }),
         React.createElement("br", null),
         React.createElement(Skeleton, { height: "45px", width: "100%" }),

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

@@ -1 +1 @@
-{"version":3,"file":"RulesModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/RulesModal.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAG5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAI7D,UAAU,MAAM;IACZ,cAAc,EAAE,wBAAwB,EAAE,CAAC;IAC3C,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,aAAa,EAAE,MAAM,GAAG,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,qBA2M/C"}
+{"version":3,"file":"RulesModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/RulesModal.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAG5D,OAAO,EAAE,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAI7D,UAAU,MAAM;IACZ,cAAc,EAAE,wBAAwB,EAAE,CAAC;IAC3C,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,aAAa,EAAE,CAAC;IACxB,aAAa,EAAE,MAAM,GAAG,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,qBAqM/C"}

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

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { pcm } from '@cee-eng/hydrajs';
-import { Accordion, Button, Card, CardBody, CardExpandableContent, CardHeader, CardTitle, Modal, } from '@patternfly/react-core';
+import { Accordion, Button, Card, CardBody, CardExpandableContent, CardHeader, CardTitle, Modal, ModalBody, ModalFooter, ModalHeader, } from '@patternfly/react-core';
 import { useFetch } from '@rh-support/components';
 import { getResTypeFromUrl } from '@rh-support/utils';
 import React, { useContext, useEffect, useState } from 'react';
@@ -88,7 +88,7 @@ export function InsightResultModal(props) {
     }, [selectedLocalFiles, props.EARule]);
     if (props.isRenderedMain) {
         setCaseState(caseDispatch, { isFileRecommendationsTriggered: true });
-        return (React.createElement(Card, { id: "expandable-card", className: "card-support top-recommendations pf-v5-u-mt-md", isExpanded: isExpanded, isCompact: true },
+        return (React.createElement(Card, { id: "expandable-card", className: "card-support top-recommendations pf-v6-u-mt-md", isExpanded: isExpanded, isCompact: true },
             React.createElement(CardHeader, { onExpand: onExpand, toggleButtonProps: {
                     id: 'toggle-button1',
                     'aria-label': t('File recommendations'),
@@ -107,15 +107,13 @@ export function InsightResultModal(props) {
     }
     return (React.createElement(React.Fragment, null,
         React.createElement(RecommendationFeedbackModal, { isModalOpen: isModalVisible, handleModalToggle: onModalToggle, modalContent: t(`Great, we're glad that resolved your issue`) }),
-        React.createElement(Modal, { className: "critical-solutions-modal", title: t('Critical solutions for your system'), description: t('Solutions have been triggered for you based on file upload or common issues that currently have high visibility.'), "data-tracking-id": "critical-solutions-modal-body", onClose: props.onModalToggle, isOpen: props.isOpen, actions: [
-                // at this moment, for secure support users, we don't show insight rules
-                // in future if we show the rules, we need to hide this button because
-                // we don't have session api for secure support users
+        React.createElement(Modal, { className: "critical-solutions-modal", "data-tracking-id": "critical-solutions-modal-body", onClose: props.onModalToggle, isOpen: props.isOpen },
+            React.createElement(ModalHeader, null,
+                React.createElement("h2", null, t('Critical solutions for your system'))),
+            React.createElement(ModalBody, null,
+                React.createElement("p", null, t('Solutions have been triggered for you based on file upload or common issues that currently have high visibility.')),
+                React.createElement(Accordion, { className: "push-top-narrow rules-modal-items", headingLevel: "h2", asDefinitionList: false, isBordered: true }, props.insightResults.map((doc, index) => (React.createElement(InsightsRuleInfo, { duplicateKeys: duplicateKeys, showNewTag: canShowNewTag, key: doc.id + doc.attachmentId, doc: doc, rank: index + 1 }))))),
+            React.createElement(ModalFooter, null,
                 React.createElement(Button, { isDisabled: isFetching, isLoading: isFetching, onClick: handleSolvedIssue, key: "solved-my-issue", variant: "primary", "data-tracking-id": "solved-my-issue-critical-solutions-modal" }, t('I solved my issue')),
-                React.createElement(Button, { onClick: props.onModalToggle, key: "confirm", variant: "secondary", "data-tracking-id": "cancel-critical-solutions-modal" }, t('Cancel')),
-            ] },
-            React.createElement(Accordion, { className: "push-top-narrow rules-modal-items", headingLevel: "h2", asDefinitionList: false, isBordered: true },
-                props.insightResults.map((doc, index) => (React.createElement(InsightsRuleInfo, { duplicateKeys: duplicateKeys, showNewTag: canShowNewTag, key: doc.id + doc.attachmentId, doc: doc, rank: index + 1 }))),
-                props.EARule.length > 0 &&
-                    props.EARule.map((rule, index) => (React.createElement(EARuleInfoAccordion, { showNewTag: canShowNewTag, key: `${index}_eaRule`, rule: rule, rank: index + props.insightResults.length + 1 })))))));
+                React.createElement(Button, { onClick: props.onModalToggle, key: "confirm", variant: "secondary", "data-tracking-id": "cancel-critical-solutions-modal" }, t('Cancel'))))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"WatsonxAiIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/WatsonxAiIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,UAAW,SAAS,sBA4B7C,CAAC"}
+{"version":3,"file":"WatsonxAiIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/WatsonxAiIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,GAAI,OAAO,SAAS,sBAsB7C,CAAC"}

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

@@ -1,13 +1,12 @@
 import React from 'react';
 export const WatsonxAiIcon = (props) => {
-    const { width = 32, height = 32 } = props;
-    const viewBox = '0 0 ' + width + ' ' + height;
-    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: viewBox, width: width, height: height, className: `pf-v5-svg ${props.className}` },
-        React.createElement("g", null,
-            React.createElement("g", { fill: props.fillColor },
-                React.createElement("path", { d: "m26,24c-1.1046,0-2,.8954-2,2,0,.0764.0142.1488.0225.2229-2.2808,1.7963-5.0792,2.7771-8.0225,2.7771-4.2617,0-8-3.9722-8-8.5,0-4.687,3.813-8.5,8.5-8.5h.5v-2h-.5c-5.7896,0-10.5,4.7104-10.5,10.5,0,1.8839.5304,3.6896,1.4371,5.2565-2.7133-2.3843-4.4371-5.869-4.4371-9.7565,0-2.1152.4917-4.1328,1.4619-5.9956l-1.7744-.9238c-1.104,2.1211-1.6875,4.5137-1.6875,6.9194,0,8.271,6.729,15,15,15,3.3744,0,6.5818-1.1193,9.2048-3.1662.244.106.5123.1662.7952.1662,1.1046,0,2-.8954,2-2s-.8954-2-2-2Z" }),
-                React.createElement("rect", { x: "11", y: "20", width: "2", height: "2", transform: "translate(33 9) rotate(90)" }),
-                React.createElement("rect", { x: "19", y: "10", width: "2", height: "2", transform: "translate(31 -9) rotate(90)" }),
-                React.createElement("path", { d: "m16,1c-3.3744,0-6.5818,1.1193-9.2048,3.1662-.244-.106-.5123-.1662-.7952-.1662-1.1046,0-2,.8954-2,2s.8954,2,2,2,2-.8954,2-2c0-.0764-.0142-.1488-.0225-.2229,2.2808-1.7963,5.0792-2.7771,8.0225-2.7771,4.2617,0,8,3.9722,8,8.5,0,4.687-3.813,8.5-8.5,8.5h-.5v2h.5c5.7896,0,10.5-4.7104,10.5-10.5,0-1.8853-.5322-3.6917-1.4401-5.2593,2.715,2.3843,4.4401,5.8704,4.4401,9.7593,0,2.1152-.4917,4.1328-1.4619,5.9956l1.7744.9238c1.104-2.1211,1.6875-4.5137,1.6875-6.9194C31,7.729,24.271,1,16,1Z" })),
-            React.createElement("rect", { fill: "none", id: "_Transparent_Rectangle_", "data-name": "<Transparent Rectangle>", width: "32", height: "32" }))));
+    return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "17", viewBox: "0 0 16 17", fill: "none" },
+        React.createElement("g", { clipPath: "url(#clip0_2742_18241)" },
+            React.createElement("path", { d: "M13 12.5007C12.4477 12.5007 12 12.9484 12 13.5007C12 13.5389 12.0071 13.5751 12.0112 13.6122C10.8708 14.5103 9.47165 15.0007 8 15.0007C5.86915 15.0007 4 13.0146 4 10.7507C4 8.40722 5.9065 6.50072 8.25 6.50072H8.5V5.50072H8.25C5.3552 5.50072 3 7.85592 3 10.7507C3 11.6927 3.2652 12.5955 3.71855 13.379C2.3619 12.1868 1.5 10.4445 1.5 8.50072C1.5 7.44312 1.74585 6.43432 2.23095 5.50292L1.34375 5.04102C0.79175 6.10157 0.5 7.29787 0.5 8.50072C0.5 12.6362 3.8645 16.0007 8 16.0007C9.6872 16.0007 11.2909 15.4411 12.6024 14.4176C12.7244 14.4706 12.8586 14.5007 13 14.5007C13.5523 14.5007 14 14.053 14 13.5007C14 12.9484 13.5523 12.5007 13 12.5007Z", fill: "#1F0066" }),
+            React.createElement("path", { d: "M6.5 11.5V10.5H5.5V11.5H6.5Z", fill: "#1F0066" }),
+            React.createElement("path", { d: "M10.5 6.5V5.5H9.5V6.5H10.5Z", fill: "#1F0066" }),
+            React.createElement("path", { d: "M8 1C6.3128 1 4.7091 1.55965 3.3976 2.5831C3.2756 2.5301 3.14145 2.5 3 2.5C2.4477 2.5 2 2.9477 2 3.5C2 4.0523 2.4477 4.5 3 4.5C3.5523 4.5 4 4.0523 4 3.5C4 3.4618 3.9929 3.4256 3.98875 3.38855C5.12915 2.4904 6.52835 2 8 2C10.1308 2 12 3.9861 12 6.25C12 8.5935 10.0935 10.5 7.75 10.5H7.5V11.5H7.75C10.6448 11.5 13 9.1448 13 6.25C13 5.30735 12.7339 4.40415 12.28 3.62035C13.6375 4.8125 14.5 6.55555 14.5 8.5C14.5 9.5576 14.2541 10.5664 13.769 11.4978L14.6562 11.9597C15.2083 10.8992 15.5 9.70285 15.5 8.5C15.5 4.3645 12.1355 1 8 1Z", fill: "#1F0066" })),
+        React.createElement("defs", null,
+            React.createElement("clipPath", { id: "clip0_2742_18241" },
+                React.createElement("rect", { width: "16", height: "16", fill: "white", transform: "translate(0 0.5)" })))));
 };

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;AAGxD,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;CACrD;AAED,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,KAAK,EAAE,MAAM,qBAuD/D"}

package/lib/esm/components/RemoteRider/RemoteRiderAcceptanceModal.js

@@ -11,24 +11,26 @@ import { publicApi } from '@cee-eng/hydrajs';
 import { AcceptTermsModal, ToastNotification, useFetch } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import { TncConstants } from '@rh-support/utils';
+import isEqual from 'lodash/isEqual';
 import React, { useContext } from 'react';
 import { useTranslation } from 'react-i18next';
+import { useCaseSelector } from '../../context/CaseContext';
+import { useCreateCaseComment } from '../../hooks/useCaseComments';
 export default function RemoteRiderAcceptanceModal(props) {
     const { globalMetadataState: { loggedInUser }, } = useContext(GlobalMetadataStateContext);
     const { t } = useTranslation();
     const { request, isFetching } = useFetch(publicApi.kase.acknowledgeRemoteSessionTerms, { propgateErrors: true });
-    const { request: postCommentRequest, isFetching: isPostingComment } = useFetch(publicApi.kase.postComment, {
-        propgateErrors: true,
-    });
+    const { createComment, loading: isPostingComment } = useCreateCaseComment();
+    const caseSalesforceId = useCaseSelector((state) => state.caseDetails.id, isEqual);
     const onConfirm = (pdfId) => __awaiter(this, void 0, void 0, function* () {
         try {
             yield request(props.caseNumber, pdfId);
             try {
-                const requestComment = t('#### Remote Access Rider agreement has been accepted.\n\n This action does not initiate a remote session. Please make a case comment if you would like to submit a request.');
-                yield postCommentRequest({
-                    caseNumber: props.caseNumber,
-                    commentBody: requestComment,
-                    contentType: 'markdown',
+                const requestComment = t('<h4>Remote Access Rider agreement has been accepted.</h4><p>This action does not initiate a remote session. Please make a case comment if you would like to submit a request.</p>');
+                yield createComment({
+                    caseId: caseSalesforceId,
+                    body: requestComment,
+                    isPublic: true,
                 });
                 ToastNotification.addSuccessMessage(t('Remote Access Rider agreement has been accepted'), t('This action does not initiate a remote session. Please make a case comment if you would like to submit a request.'));
             }

package/lib/esm/components/RemoteRider/RemoteRiderBanner.js

@@ -33,7 +33,7 @@ export function RemoteRiderBanner(props) {
         setIsRemoteRiderModalVisible(false);
     };
     return (React.createElement(React.Fragment, null,
-        React.createElement(Alert, { isInline: true, className: "pf-v5-u-mb-md", variant: areTermsAccepted ? AlertVariant.success : AlertVariant.info, title: "Remote support", actionLinks: areTermsAccepted ? (React.createElement("a", { href: "/articles/3566571", target: "_blank", rel: "noopener noreferrer", "data-tracking-id": "remote-rider-kbase" },
+        React.createElement(Alert, { isInline: true, className: "pf-v6-u-mb-md", variant: areTermsAccepted ? AlertVariant.success : AlertVariant.info, title: "Remote support", actionLinks: areTermsAccepted ? (React.createElement("a", { href: "/articles/3566571", target: "_blank", rel: "noopener noreferrer", "data-tracking-id": "remote-rider-kbase" },
                 t('Learn how to join a remote session'),
                 " ",
                 React.createElement(ExternalLinkAltIcon, null))) : (React.createElement(React.Fragment, null,

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":"AAIA,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,qBAsE3C"}
+{"version":3,"file":"Review.d.ts","sourceRoot":"","sources":["../../../../src/components/Review/Review.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAsBlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AACD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,qBAmG3C"}