@rh-support/troubleshoot 2.6.79 → 2.6.81

package/lib/esm/components/Cve/CveItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CveItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Cve/CveItem.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAKrD,OAAO,EAAE,0BAA0B,EAAkB,MAAM,oCAAoC,CAAC;AAUhG,UAAU,KAAK;IACX,GAAG,EAAE,0BAA0B,CAAC;IAChC,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACjB;AAaD,eAAO,MAAM,OAAO,UAAW,KAAK,sBAuNnC,CAAC"}
+{"version":3,"file":"CveItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Cve/CveItem.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAKrD,OAAO,EAAE,0BAA0B,EAAkB,MAAM,oCAAoC,CAAC;AAUhG,UAAU,KAAK;IACX,GAAG,EAAE,0BAA0B,CAAC;IAChC,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACjB;AAaD,eAAO,MAAM,OAAO,UAAW,KAAK,sBAwNnC,CAAC"}

package/lib/esm/components/Cve/CveItem.js

@@ -56,11 +56,13 @@ export const CveItem = (props) => {
         createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.DRUPAL, resources, JSON.stringify(payload), workflowSource);
     };
     const onClickErrataLink = (errataDetails, index = 0) => {
+        var _a, _b;
         updateSessionDb([
             getSessResFromErrata(errataDetails, SessionResourceVisibility.VISITED, index + 1, isCveModalOpened
                 ? SessionResourceWorkflowComponent.CVE_MODEl
                 : SessionResourceWorkflowComponent.CVE_ASIDE),
         ]);
+        trackClickedResourcesSequence('CVE recommendations', (_a = errataDetails.advisory) === null || _a === void 0 ? void 0 : _a.url, (_b = errataDetails.advisory) === null || _b === void 0 ? void 0 : _b.name);
     };
     const onPresentOrVisitedCveErrataData = (isVisited = false) => {
         updateSessionDb(getSessResFromCve(cve, isVisited ? SessionResourceVisibility.VISITED : SessionResourceVisibility.PRESENTED, index + 1, isCveModalOpened
@@ -127,7 +129,7 @@ export const CveItem = (props) => {
     };
     const onClickGoToCveButtonPage = () => {
         onPresentOrVisitedCveErrataData(true);
-        trackClickedResourcesSequence('CVE recommendations', cve.cveLink);
+        trackClickedResourcesSequence('CVE recommendations', cve.cveLink, cve.title);
     };
     return (React.createElement("div", null,
         React.createElement(Flex, null,

package/lib/esm/components/Cve/CveModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CveModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Cve/CveModal.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAU1C,eAAO,MAAM,QAAQ,yBA2EpB,CAAC"}
+{"version":3,"file":"CveModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Cve/CveModal.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAW1C,eAAO,MAAM,QAAQ,yBAkFpB,CAAC"}

package/lib/esm/components/Cve/CveModal.js

@@ -12,6 +12,7 @@ import { RouteContext } from '../../context/RouteContext';
 import { SessionRestoreStateContext } from '../../context/SessionRestoreContext';
 import { setCaseState } from '../../reducers/CaseReducer';
 import { AppRouteSections } from '../../reducers/RouteConstNTypes';
+import { trackClickedResourcesSequence } from '../../utils/visitedResourcesUtils';
 import { CvePanel } from './CvePanel';
 export const CveModal = () => {
     const caseDispatch = useCaseDispatch();
@@ -40,6 +41,6 @@ export const CveModal = () => {
         React.createElement(ModalBody, null,
             React.createElement(CvePanel, null)),
         React.createElement(ModalFooter, null,
-            React.createElement(Button, { icon: React.createElement(ExternalLinkAltIcon, { className: "pf-v6-u-ml-sm" }), key: "cve-checker-link", "data-tracking-id": "cve-checker-link", target: "_blank", variant: "secondary", isInline: true, component: "a", href: generateCveCheckerUrl() },
+            React.createElement(Button, { icon: React.createElement(ExternalLinkAltIcon, { className: "pf-v6-u-ml-sm" }), key: "cve-checker-link", "data-tracking-id": "cve-checker-link", target: "_blank", variant: "secondary", isInline: true, component: "a", href: generateCveCheckerUrl(), onClick: () => trackClickedResourcesSequence('CVE recommendations', generateCveCheckerUrl(), 'Red Hat CVE Checker') },
                 React.createElement(Trans, null, "Red Hat CVE Checker")))));
 };

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

@@ -121,7 +121,7 @@ export function AsideResults(props) {
             return;
         const rank = index + 1 + PAGE_SIZE * ((recommendationState.currentPage || 1) - 1);
         createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.RECOMMENDATIONS_ASIDE, [getSessResFromRec(doc, SessionResourceVisibility.VISITED, index + 1)], payload);
-        trackClickedResourcesSequence('Recommendations on sidebar', doc.view_uri);
+        trackClickedResourcesSequence('Recommendations on sidebar', doc.view_uri, getRecommendationTitle(doc));
         dtmTrackEventContentListingItemClicked(window.location.href, doc.id, rank, doc.allTitle, doc.view_uri, getRecommendationTitle(doc), 'Recommendation Aside', 'Articles recommended by OpenShift AI', isCaseCreate);
     };
     useEffect(() => {

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

@@ -22,7 +22,7 @@ export function ClusterRecommendationItems(props) {
     const onResourceClick = (e, rule, i) => {
         const url = detailsUrl + '?rank=' + (i + 1);
         createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.CLUSTER_RECOMMENDATION, [getSessResFromRules(url, SessionResourceVisibility.VISITED, i + 1, rule.rule_id)], JSON.stringify({ product, version, openshiftClusterID }));
-        trackClickedResourcesSequence('Cluster recommendations', url);
+        trackClickedResourcesSequence('Cluster recommendations', url, rule.description);
     };
     useEffect(() => {
         const recsWithUrl = props.clusterRecommendations.map((rec, i) => (Object.assign(Object.assign({}, rec), { url: `${detailsUrl}?rank=${i + 1}` })));

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

@@ -1 +1 @@
-{"version":3,"file":"EARule.d.ts","sourceRoot":"","sources":["../../../../../src/components/Recommendations/EARules/EARule.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAG/D,UAAU,cAAc;IACpB,IAAI,EAAE,aAAa,CAAC;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CAClH;AAGD,eAAO,MAAM,aAAa,+BAGxB,CAAC;AAEH,wBAAgB,gBAAgB,mBAM/B;AACD,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE;;;;CAAA,qBAqClD;AAED,iBAAS,WAAW,sBAGnB;AAED,iBAAS,iBAAiB,sBA0BzB;AAED,iBAAS,aAAa,CAAC,EAAE,SAA6B,EAAE,SAAc,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,qBA2BnH;AAED,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"EARule.d.ts","sourceRoot":"","sources":["../../../../../src/components/Recommendations/EARules/EARule.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAG/D,UAAU,cAAc;IACpB,IAAI,EAAE,aAAa,CAAC;IACpB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CAClH;AAGD,eAAO,MAAM,aAAa,+BAGxB,CAAC;AAEH,wBAAgB,gBAAgB,mBAM/B;AACD,wBAAgB,MAAM,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE;;;;CAAA,qBAqClD;AAED,iBAAS,WAAW,sBAGnB;AAED,iBAAS,iBAAiB,sBA8BzB;AAED,iBAAS,aAAa,CAAC,EAAE,SAA6B,EAAE,SAAc,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,qBA2BnH;AAED,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,aAAa,EAAE,CAAC"}

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

@@ -31,7 +31,7 @@ export function EARule({ children, rule, ruleRank }) {
     const sessionRestoreDispatch = useContext(SessionRestoreDispatchContext);
     const onCtaClick = (link, title) => () => {
         createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.EDMOUND_ABOTT, [getSessResFromEA(link, SessionResourceVisibility.VISITED, ruleRank, rule.rule_id)], JSON.stringify({ product, version, summary }));
-        trackClickedResourcesSequence('Automated Support Assistant (ASA) recommendations', link);
+        trackClickedResourcesSequence('Automated Support Assistant (ASA) recommendations', link, title || rule.title);
     };
     return (React.createElement(EARuleContext.Provider, { value: {
             rule,
@@ -50,7 +50,8 @@ function EARuleDescription() {
     const onDescriptionClick = (ev) => {
         const target = ev.target;
         if (target.tagName.toLowerCase() === 'a') {
-            onCtaClick(target.href.split('?')[0])(ev);
+            const linkText = target.textContent || target.innerText;
+            onCtaClick(target.href.split('?')[0], `ASA Description - ${linkText}`)(ev);
         }
     };
     return (React.createElement("div", { className: "ea-rule", onClick: onDescriptionClick, dangerouslySetInnerHTML: {
@@ -62,8 +63,8 @@ function EARuleArticle({ linkTitle = 'Related Article', className = '' }) {
     const { getTrackingULRWithQueryParams } = useParseRuleMarkdown();
     if (!rule.cta)
         return null;
-    return linkTitle === 'View details' ? (React.createElement("a", { className: `se-recommended ts-known-vuln ${className}`, rel: "noopener noreferrer", target: "_blank", "data-tracking-id": "se-recommended-asa-rule", onClick: onCtaClick(rule.cta, linkTitle), href: getTrackingULRWithQueryParams(rule.cta, SessionResourceSource.EDMOUND_ABOTT) },
-        React.createElement(Trans, null, linkTitle))) : (React.createElement("a", { className: `se-recommended ts-known-vuln ${className}`, rel: "noopener noreferrer", target: "_blank", "data-tracking-id": "se-recommended-asa-rule", onClick: onCtaClick(rule.cta, linkTitle), href: getTrackingULRWithQueryParams(rule.cta, SessionResourceSource.EDMOUND_ABOTT) },
+    return linkTitle === 'View details' ? (React.createElement("a", { className: `se-recommended ts-known-vuln ${className}`, rel: "noopener noreferrer", target: "_blank", "data-tracking-id": "se-recommended-asa-rule", onClick: onCtaClick(rule.cta), href: getTrackingULRWithQueryParams(rule.cta, SessionResourceSource.EDMOUND_ABOTT) },
+        React.createElement(Trans, null, linkTitle))) : (React.createElement("a", { className: `se-recommended ts-known-vuln ${className}`, rel: "noopener noreferrer", target: "_blank", "data-tracking-id": "se-recommended-asa-rule", onClick: onCtaClick(rule.cta), href: getTrackingULRWithQueryParams(rule.cta, SessionResourceSource.EDMOUND_ABOTT) },
         React.createElement(Trans, null, linkTitle)));
 }
 export { EARuleTitle, EARuleDescription, EARuleArticle };

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

@@ -42,7 +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);
+        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');

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

@@ -157,7 +157,7 @@ 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);
+        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,

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

@@ -32,7 +32,7 @@ export default function Suggestions(props) {
     const [filteredTC, setFilteredTC] = useState(topContent.data);
     const onResourceClick = (item) => {
         createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.TOP_CONTENT, [getSessResTC(item, SessionResourceVisibility.VISITED)], JSON.stringify({ product, version }));
-        trackClickedResourcesSequence('Top Content', item.contentUrl);
+        trackClickedResourcesSequence('Top Content', item.contentUrl, item.contentTitle);
     };
     const showAllCategories = () => {
         setMaxTC(topContent.data.length);

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,sBAudtD,CAAC"}
+{"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,sBAydtD,CAAC"}

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

@@ -184,8 +184,9 @@ export const AskRedHat = ({ onChatWithAIClick }) => {
         return (React.createElement("div", { className: "ask-redhat" },
             React.createElement("p", { className: "ask-redhat-title" },
                 React.createElement(StarIcon, { width: 20, height: 20 }),
-                isCaseCreate ? 'Resolve your issue now with AI insights' : 'Troubleshoot with AI insights',
-                React.createElement(Label, { variant: "outline" }, "PREVIEW")),
+                isCaseCreate ? t('Resolve your issue now with AI insights') : t('Troubleshoot with AI insights'),
+                React.createElement(Label, { variant: "outline" },
+                    React.createElement(Trans, null, "PREVIEW"))),
             React.createElement("div", { className: "ask-redhat-content-wrapper ask-redhat-rate-limit-error" },
                 React.createElement(EmptyState, { titleText: "", headingLevel: "h4" },
                     React.createElement("h4", null,

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;AAUrD,OAAO,KAA6B,MAAM,OAAO,CAAC;AAclD,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4BAA4B,CAAC,EAAE,OAAO,CAAC;CAC1C;AAUD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAoNzC;kBApNQ,mBAAmB;;;AAuN5B,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"TroubleshootSection.d.ts","sourceRoot":"","sources":["../../../../src/components/TroubleshootSection/TroubleshootSection.tsx"],"names":[],"mappings":"AAAA,OAAO,6CAA6C,CAAC;AAUrD,OAAO,KAA6B,MAAM,OAAO,CAAC;AAclD,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4BAA4B,CAAC,EAAE,OAAO,CAAC;CAC1C;AAUD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAgOzC;kBAhOQ,mBAAmB;;;AAmO5B,eAAe,mBAAmB,CAAC"}

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

@@ -108,17 +108,18 @@ function TroubleshootSection(props) {
         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: 'AI insights',
+        headerTitle: isCaseCreate ? t('Resolve your issue now with AI insights') : t('Troubleshoot with AI insights'),
         appEnv: Env.getEnvName(),
         showWelcomeMessage: false,
         conversationId: ((_e = aiResponseState.aiResponse) === null || _e === void 0 ? void 0 : _e.conversationId) || undefined,
         enableHeaderMenu: false,
         enableTheme: false,
         openLinkInNewTab: true,
-        customPrivacyMessage: (React.createElement(React.Fragment, null,
-            "This feature uses AI technology. Interactions may be used to improve Red Hat's products or services. For more information about Red Hat\u2019s privacy practices, please refer to the",
-            ' ',
-            React.createElement("a", { href: "https://www.redhat.com/en/about/privacy-policy", target: "_blank", rel: "noopener noreferrer" }, "Red Hat Privacy Statement."))),
+        customPrivacyMessage: (React.createElement(Trans, { i18nKey: "This feature uses AI technology. Interactions may be used to improve Red Hat's products or services. For more information about Red Hat\u2019s privacy practices, please refer to the <a>Red Hat Privacy Statement.</a>", components: {
+                a: (
+                // eslint-disable-next-line jsx-a11y/anchor-has-content
+                React.createElement("a", { href: "https://www.redhat.com/en/about/privacy-policy", target: "_blank", rel: "noopener noreferrer" })),
+            } })),
         tokenAuth: {
             auth: {
                 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 : {},
@@ -148,8 +149,10 @@ function TroubleshootSection(props) {
     return (React.createElement(React.Fragment, null, isAIChatMode ? (React.createElement(React.Fragment, null,
         React.createElement(AskRedHatChat, { initConfig: initConfig }),
         React.createElement("div", { className: "fullscreen-chat-footer" }, isCaseCreate ? (React.createElement("span", null,
-            React.createElement("span", { className: "return-to-case-text" }, "Return to "),
-            React.createElement(Button, { onClick: () => props.setIsAIChatMode(false), variant: "link", className: "return-to-case-btn" }, "case creation"))) : (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(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,
             shouldShowARHUI() && React.createElement(AskRedHat, { onChatWithAIClick: handleChatWithAIClick }),
             !isCreatingCase && (React.createElement(OpenShiftClusterId, { className: "push-bottom", "data-tracking-id": "troubleshoot-section-openshift-cluster-id" })),

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

@@ -1 +1 @@
-{"version":3,"file":"WizardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardNavigation.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,EAAoB,eAAe,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAM3G,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACzD,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACzD,UAAU,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAC3C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,EAAE,CAAC,gCAAgC,EAAE,OAAO,KAAK,IAAI,CAAC;IACzE,gBAAgB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,0BAA0B,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAC5E,kCAAkC,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACpF,qCAAqC,CAAC,EAAE,OAAO,CAAC;IAChD,gCAAgC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACjF,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,oBAAoB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACrE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAGD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAkXtC;kBAlXQ,gBAAgB;;;AAoXzB,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"WizardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardNavigation.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,EAAoB,eAAe,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAM3G,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACzD,MAAM,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACzD,UAAU,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAC3C,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,EAAE,CAAC,gCAAgC,EAAE,OAAO,KAAK,IAAI,CAAC;IACzE,gBAAgB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,0BAA0B,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IAC5E,kCAAkC,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACpF,qCAAqC,CAAC,EAAE,OAAO,CAAC;IAChD,gCAAgC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACjF,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,oBAAoB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACrE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,sBAAsB,CAAC,EAAE,MAAM,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAGD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAwXtC;kBAxXQ,gBAAgB;;;AA0XzB,eAAe,gBAAgB,CAAC"}

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

@@ -16,7 +16,7 @@ import find from 'lodash/find';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useRef, useState } from 'react';
-import { useTranslation } from 'react-i18next';
+import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { RecommendationStateContext } from '../../context/RecommendationContext';
 import { RouteContext, RouteDispatchContext } from '../../context/RouteContext';
@@ -265,8 +265,10 @@ function WizardNavigation(props) {
     return (React.createElement(React.Fragment, null,
         React.createElement(WizardFooterWrapper, null,
             props.isAIChatMode && activeSection === AppRouteSections.RESOURCES ? (isCaseCreate ? (React.createElement("span", null,
-                React.createElement("span", { className: "return-to-case-text" }, "Return to "),
-                React.createElement(Button, { onClick: props.onReturnToCaseCreation, variant: "link", className: "return-to-case-btn" }, "case creation"))) : (React.createElement(Button, { onClick: props.onReturnToCaseCreation, variant: "link", className: "return-to-resources-btn" }, t('Back to resources')))) : (React.createElement(React.Fragment, 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.onReturnToCaseCreation })),
+                    } }))) : (React.createElement(Button, { onClick: props.onReturnToCaseCreation, variant: "link", className: "return-to-resources-btn" }, t('Back to resources')))) : (React.createElement(React.Fragment, null,
                 props.activeStep.order !== 0 && (React.createElement("button", { onClick: () => onBack({}), className: "btn btn-app btn-open-white main-nav-button", "data-tracking-id": `prev-of-${activeSection}`, type: "button", disabled: isDisabledGoBack() }, t('Go back'))),
                 React.createElement("button", { disabled: nextButtonDisabledLogic(), onClick: onNext, className: "btn btn-app btn-primary main-nav-button", "data-tracking-id": `next-of-${activeSection}`, type: "button" }, t(props.activeStep.nextButtonLabel)),
                 activeSection === AppRouteSections.RESOURCES && isFileRecommendationsTriggered && (React.createElement(Button, { onClick: handleFileRecsSelfSolved, variant: ButtonVariant.secondary, className: "issue-solved-button solved-issue-button", "data-tracking-id": "troubleshoot-self-solved-issue" }, t('I solved my issue'))))),

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

@@ -1,11 +1,17 @@
 export interface IClickedResources {
     resourceDisplayName: string;
-    urls: string[];
+    clickedResources: {
+        url: string;
+        title: string;
+    }[];
+    clickedUrlsCount: {
+        [url: string]: number;
+    };
 }
 /**
  * Function to track clicked resources sequence
  */
-export declare const trackClickedResourcesSequence: (resourceDisplayName: string, url: string) => void;
+export declare const trackClickedResourcesSequence: (resourceDisplayName: string, url: string, title: string) => void;
 /**
  * Function to get clicked resources sequence
  */

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

@@ -1 +1 @@
-{"version":3,"file":"visitedResourcesUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/visitedResourcesUtils.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,iBAAiB;IAC9B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,IAAI,EAAE,MAAM,EAAE,CAAC;CAClB;AAKD;;GAEG;AACH,eAAO,MAAM,6BAA6B,wBAAyB,MAAM,OAAO,MAAM,SAYrF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,2BAA2B,QAAO,iBAAiB,EAE/D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,6BAA6B,YAGzC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wCAAwC,6BAA8B,iBAAiB,EAAE,KAAG,MAyBxG,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,2BAA2B,eACxB,MAAM,4BACQ,iBAAiB,EAAE,KAC9C,OAAO,CAAC,IAAI,CAmBd,CAAC"}
+{"version":3,"file":"visitedResourcesUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/visitedResourcesUtils.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,iBAAiB;IAC9B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,gBAAgB,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACnD,gBAAgB,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;CAC/C;AAKD;;GAEG;AACH,eAAO,MAAM,6BAA6B,wBAAyB,MAAM,OAAO,MAAM,SAAS,MAAM,SAkBpG,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,2BAA2B,QAAO,iBAAiB,EAE/D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,6BAA6B,YAGzC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wCAAwC,6BAA8B,iBAAiB,EAAE,KAAG,MA6BxG,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,2BAA2B,eACxB,MAAM,4BACQ,iBAAiB,EAAE,KAC9C,OAAO,CAAC,IAAI,CAmBd,CAAC"}

package/lib/esm/utils/visitedResourcesUtils.js

@@ -13,15 +13,22 @@ let lastSourceType = null;
 /**
  * Function to track clicked resources sequence
  */
-export const trackClickedResourcesSequence = (resourceDisplayName, url) => {
+export const trackClickedResourcesSequence = (resourceDisplayName, url, title) => {
     if (lastSourceType === resourceDisplayName && clickedResourcesSequence.length > 0) {
         const lastEntry = clickedResourcesSequence[clickedResourcesSequence.length - 1];
-        lastEntry.urls.push(url);
+        if (!lastEntry.clickedResources.some((item) => item.url === url)) {
+            lastEntry.clickedResources.push({ url, title });
+            lastEntry.clickedUrlsCount[url] = 1;
+        }
+        else {
+            lastEntry.clickedUrlsCount[url] = lastEntry.clickedUrlsCount[url] + 1;
+        }
     }
     else {
         const newSource = {
             resourceDisplayName,
-            urls: [url],
+            clickedResources: [{ url, title }],
+            clickedUrlsCount: { [url]: 1 },
         };
         clickedResourcesSequence.push(newSource);
         lastSourceType = resourceDisplayName;
@@ -49,15 +56,19 @@ export const formatClickedResourcesSequenceForComment = (clickedResourcesSequenc
     }
     let commentBody = '**Before creating this case, the customer viewed the following content in PCM, in the order listed below:**\n\n';
     clickedResourcesSequence.forEach((source, index) => {
-        if (source.urls.length === 1) {
-            // Single link: 1. [source] - [url](url)
-            commentBody += `   ${index + 1}. [${source.resourceDisplayName}] - [${source.urls[0]}](${source.urls[0]})\n\n`;
+        if (source.clickedResources.length === 1) {
+            // Single link: 1. [source] - [title](url)
+            const clickCount = source.clickedUrlsCount[source.clickedResources[0].url];
+            const clickCountText = clickCount > 1 ? ` - (Customer visited this content ${clickCount} times)` : '';
+            commentBody += `   ${index + 1}. [${source.resourceDisplayName}] - [${source.clickedResources[0].title}](${source.clickedResources[0].url})${clickCountText}\n\n`;
         }
         else {
-            // Multiple links: 1. [source] \n   -link1 \n   -link2
+            // Multiple links: 1. [source] \n   -[title1](url1)\n   -[title2](url2)
             commentBody += `   ${index + 1}. [${source.resourceDisplayName}] - \n\n`;
-            source.urls.forEach((url) => {
-                commentBody += `       - [${url}](${url})\n`;
+            source.clickedResources.forEach((urlItem) => {
+                const clickCount = source.clickedUrlsCount[urlItem.url];
+                const clickCountText = clickCount > 1 ? ` - (Customer visited this content ${clickCount} times)` : '';
+                commentBody += `       - [${urlItem.title}](${urlItem.url})${clickCountText}\n`;
             });
             commentBody += '\n';
         }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.6.79",
+    "version": "2.6.81",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -25,7 +25,7 @@
         "lib/**/*"
     ],
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.18.93",
+        "@cee-eng/hydrajs": "4.18.95",
         "@cee-eng/ui-toolkit": "1.1.8",
         "@patternfly/patternfly": "6.2.1",
         "@patternfly/react-core": "6.2.1",
@@ -49,7 +49,7 @@
         "react-virtualized": "^9.22.5"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "4.18.93",
+        "@cee-eng/hydrajs": "4.18.95",
         "@cee-eng/ui-toolkit": "1.1.8",
         "@ifd-ui/ask-redhat-core": "^0.0.38",
         "@patternfly/patternfly": "6.2.1",
@@ -59,11 +59,11 @@
         "@progress/kendo-licensing": "1.3.5",
         "@progress/kendo-react-pdf": "^5.16.0",
         "@redux-devtools/extension": "^3.3.0",
-        "@rh-support/components": "2.5.57",
-        "@rh-support/react-context": "2.5.72",
+        "@rh-support/components": "2.5.58",
+        "@rh-support/react-context": "2.5.73",
         "@rh-support/types": "2.0.5",
-        "@rh-support/user-permissions": "2.5.28",
-        "@rh-support/utils": "2.5.25",
+        "@rh-support/user-permissions": "2.5.29",
+        "@rh-support/utils": "2.5.26",
         "@types/react-redux": "^7.1.33",
         "@types/redux": "^3.6.0",
         "date-fns": "3.6.0",
@@ -103,9 +103,7 @@
         "@types/react": "^18.2.20",
         "@types/react-bootstrap-typeahead": "^5.1.3",
         "@types/react-dom": "^18.2.18",
-        "@types/react-redux": "^7.1.33",
         "@types/react-router-dom": "^5.1.2",
-        "@types/redux": "^3.6.0",
         "faker": "^5.5.3",
         "jest": "^29.7.0",
         "jest-environment-jsdom": "^29.7.0",
@@ -135,5 +133,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "d45149a33bafb8c16d60bb4d0d9d4e9acb3d372d"
+    "gitHead": "e4ba47317025664e73192ba17027f2551800b354"
 }