@rh-support/troubleshoot 2.2.1851-beta.0 → 2.4.5-beta.1

package/lib/esm/components/CaseManagement/RHAssociatesSelector.js

@@ -11,6 +11,7 @@ import { Button, Tooltip, TooltipPosition } from '@patternfly/react-core';
 import { ToastNotification } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import { AbilityContext, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
+import { dtmTrackEventCaseStepEncountered } from '@rh-support/utils';
 import differenceBy from 'lodash/differenceBy';
 import filter from 'lodash/filter';
 import find from 'lodash/find';
@@ -31,11 +32,13 @@ function RHAssociatesSelector(props) {
     const [isRHAssociatesUpdating, setIsRHAssociatesUpdating] = useState(false);
     const ability = useContext(AbilityContext);
     const { isExportingPDF } = useContext(PDFContext);
-    const { caseNumber, contactSsoUsername, selectedOwner, selectedNotificationContacts } = useCaseSelector((state) => ({
+    const { caseNumber, contactSsoUsername, product, selectedOwner, selectedNotificationContacts, version } = useCaseSelector((state) => ({
         caseNumber: state.caseDetails.caseNumber,
         contactSsoUsername: state.caseDetails.contactSSOName,
         selectedOwner: state.selectedOwner,
         selectedNotificationContacts: state.selectedNotificationContacts,
+        product: state.caseDetails.product,
+        version: state.caseDetails.version,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
     const onRhAssociateAdded = (addedUsers) => __awaiter(this, void 0, void 0, function* () {
@@ -64,7 +67,7 @@ function RHAssociatesSelector(props) {
             ToastNotification.addDangerMessage(t(`Red Hat associate failed to get removed`));
         }
     });
-    const onNotifiedUserChange = (selectedContacts) => __awaiter(this, void 0, void 0, function* () {
+    const onNotifiedUserChange = (selectedContacts_1, ...args_1) => __awaiter(this, [selectedContacts_1, ...args_1], void 0, function* (selectedContacts, throwTrackEventOnAdd = false) {
         const toAdd = filter(differenceBy(selectedContacts, selectedNotificationContacts, 'ssoUsername'), (item) => item.ssoUsername !== contactSsoUsername);
         const toRemove = filter(differenceBy(selectedNotificationContacts, selectedContacts, 'ssoUsername'), (item) => item.isInternal && item.ssoUsername !== contactSsoUsername);
         let newContacts = [];
@@ -72,6 +75,9 @@ function RHAssociatesSelector(props) {
             newContacts = [...selectedNotificationContacts, ...toAdd];
             if (!isEmpty(caseNumber)) {
                 yield onRhAssociateAdded(toAdd);
+                if (throwTrackEventOnAdd) {
+                    dtmTrackEventCaseStepEncountered('follow', caseNumber, product, version);
+                }
             }
         }
         else if ((toRemove || []).length > 0) {
@@ -90,9 +96,9 @@ function RHAssociatesSelector(props) {
         !isCurrentUserSelectedInternalNotifiedUser();
     const showRemoveWatchButton = () => (loggedInUserRights.data.isInternal() && isCurrentUserSelectedInternalNotifiedUser()) ||
         contactSsoUsername === loggedInUser.data.ssoUsername;
-    const addCurrentUser = () => {
-        onNotifiedUserChange([Object.assign(Object.assign({}, loggedInUser.data), { accountNumber: loggedInUserRights.data.getAccountNumber() })]);
-    };
+    const addCurrentUser = () => __awaiter(this, void 0, void 0, function* () {
+        onNotifiedUserChange([Object.assign(Object.assign({}, loggedInUser.data), { accountNumber: loggedInUserRights.data.getAccountNumber() })], true);
+    });
     const removeCurrentUser = () => {
         if (isCurrentUserSelectedInternalNotifiedUser()) {
             onNotifiedUserChange(filter(selectedNotificationContacts, (contact) => contact.ssoUsername !== loggedInUser.data.ssoUsername));

package/lib/esm/components/CaseManagement/SendNotifications/CaseContactSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseContactSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseManagement/SendNotifications/CaseContactSelector.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAgBvE,MAAM,WAAW,MAAM;CAAG;AAG1B,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAmbzC;AAED,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"CaseContactSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseManagement/SendNotifications/CaseContactSelector.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAgBvE,MAAM,WAAW,MAAM;CAAG;AAG1B,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBA8bzC;AAED,eAAe,mBAAmB,CAAC"}

package/lib/esm/components/CaseManagement/SendNotifications/CaseContactSelector.js

@@ -11,6 +11,7 @@ import { Button, Tooltip, TooltipPosition } from '@patternfly/react-core';
 import { CaseContactsSelectorExternal, getHydraContactLabel, PromisifyModal, ToastNotification, usePrevious, } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
 import { AbilityContext, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
+import { dtmTrackEventCaseStepEncountered } from '@rh-support/utils';
 import differenceBy from 'lodash/differenceBy';
 import filter from 'lodash/filter';
 import find from 'lodash/find';
@@ -34,7 +35,7 @@ function CaseContactSelector(props) {
     const canSeeEmailNotifications = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_SEND_NOTIFICATIONS);
     const [isAssociatesUpdating, setIsAssociatesUpdating] = useState(false);
     const { t } = useTranslation();
-    const { accountNumber, caseNumber, contactSsoUsername, selectedNotificationContacts, selectedOwner, customEmailsList, selectedCaseGroupUsers, ownersCaseGroups, groupNumber, createdById, } = useCaseSelector((state) => ({
+    const { accountNumber, caseNumber, contactSsoUsername, selectedNotificationContacts, selectedOwner, customEmailsList, product, selectedCaseGroupUsers, ownersCaseGroups, groupNumber, createdById, version, } = useCaseSelector((state) => ({
         accountNumber: state.caseDetails.accountNumberRef,
         caseNumber: state.caseDetails.caseNumber,
         contactSsoUsername: state.caseDetails.contactSSOName,
@@ -45,6 +46,8 @@ function CaseContactSelector(props) {
         groupNumber: state.caseDetails.groupNumber,
         ownersCaseGroups: state.ownersCaseGroups,
         createdById: state.caseDetails.createdById,
+        product: state.caseDetails.product,
+        version: state.caseDetails.version,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
     const { addCustomEmail, canAddCustomEmail, hideCustomEmails, deleteCustomEmail, isUpdatingCustomEmails, isEmailValid, showAddEmailToAccountModal, } = useCustomEmails({
@@ -185,7 +188,7 @@ function CaseContactSelector(props) {
         }
         return hasGroupAccess;
     });
-    const onNotifiedUserChange = (...args_1) => __awaiter(this, [...args_1], void 0, function* (selectedContacts = []) {
+    const onNotifiedUserChange = (...args_1) => __awaiter(this, [...args_1], void 0, function* (selectedContacts = [], throwTrackEvent = false) {
         // check if selection changed
         const alreadySelected = [
             ...customEmailsList.data,
@@ -199,6 +202,9 @@ function CaseContactSelector(props) {
         const selectedCustomEmails = remove(allSelectedContacts, (item) => item.customOption || item.emailAddress).map((item) => item.label || item.emailAddress || item.ssoUsername);
         yield processCustomEmails(selectedCustomEmails);
         yield processCaseContacts(allSelectedContacts);
+        if (throwTrackEvent) {
+            dtmTrackEventCaseStepEncountered('follow', caseNumber, product, version);
+        }
     });
     /** Reset all non-internal selectedNotificationContacts when selected account number changes */
     useEffect(() => {
@@ -214,9 +220,9 @@ function CaseContactSelector(props) {
         !isCurrentUserSelectedExternalNotifiedUser();
     const showRemoveWatchButton = () => loggedInUserRights.data.isExternal() &&
         (isCurrentUserSelectedExternalNotifiedUser() || isCurrentUserCaseContact);
-    const addCurrentUser = () => {
-        onNotifiedUserChange([...selectedNotificationContacts, ...customEmailsList.data, loggedInUser.data]);
-    };
+    const addCurrentUser = () => __awaiter(this, void 0, void 0, function* () {
+        onNotifiedUserChange([...selectedNotificationContacts, ...customEmailsList.data, loggedInUser.data], true);
+    });
     const removeCurrentUser = () => {
         if (isCurrentUserSelectedExternalNotifiedUser()) {
             onNotifiedUserChange([

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

@@ -1 +1 @@
-{"version":3,"file":"AsideResults.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/AsideResults.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AASvD,OAAO,EAAE,eAAe,EAAsC,MAAM,iCAAiC,CAAC;AAUtG,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,qBA6LzC"}
+{"version":3,"file":"AsideResults.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/AsideResults.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AASvD,OAAO,EAAE,eAAe,EAAsC,MAAM,iCAAiC,CAAC;AAUtG,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,qBA0MzC"}

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

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { pcm, search } from '@cee-eng/hydrajs';
 import { useDebounce } from '@rh-support/components';
-import { computeRecommendationAbstract, computeRecommendationTitle, convertObjToEncodedQueryParams, getSolrParams, getTrimmedCharacters, PreviousCaseTypes, replaceHighlightingData, } from '@rh-support/utils';
+import { computeRecommendationAbstract, computeRecommendationTitle, convertObjToEncodedQueryParams, dtmTrackEventRecommendationListingItemClicked, getSolrParams, getTrimmedCharacters, PreviousCaseTypes, replaceHighlightingData, } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useRef } from 'react';
@@ -117,7 +117,9 @@ export function AsideResults(props) {
     const onResourceClick = (doc, index) => (event) => {
         if (isSelectedAccounntSecureSupport)
             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);
+        dtmTrackEventRecommendationListingItemClicked(window.location.href, activeSection, 'middle', doc.id, rank, doc.allTitle, doc.view_uri, 'Recommendation Aside', 'Live troubleshooting powered by OpenShift AI');
     };
     useEffect(() => {
         if (isSelectedAccounntSecureSupport)

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":"AAKA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAE/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;AAE/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,qBAoClD;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"}

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

@@ -1,6 +1,5 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import { pcm } from '@cee-eng/hydrajs';
-import { dtmTrackEventCaseStartStopped } from '@rh-support/utils';
 import DOMPurify from 'dompurify';
 import isEqual from 'lodash/isEqual';
 import React, { useContext } from 'react';
@@ -31,7 +30,6 @@ 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 }));
-        dtmTrackEventCaseStartStopped(`insight rule button click: ${title}`, undefined, `${product}|${version}`);
     };
     return (React.createElement(EARuleContext.Provider, { value: {
             rule,

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

@@ -1 +1 @@
-{"version":3,"file":"EARuleInfoInline.d.ts","sourceRoot":"","sources":["../../../../../src/components/Recommendations/EARules/EARuleInfoInline.tsx"],"names":[],"mappings":"AAeA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,OAAO,EAAE,aAAa,EAAkD,MAAM,gCAAgC,CAAC;AAO/G,UAAU,MAAM;IACZ,OAAO,EAAE,aAAa,EAAE,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,EAAE,OAAY,EAAE,EAAE,MAAM,qBAiKxD"}
+{"version":3,"file":"EARuleInfoInline.d.ts","sourceRoot":"","sources":["../../../../../src/components/Recommendations/EARules/EARuleInfoInline.tsx"],"names":[],"mappings":"AAUA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,OAAO,EAAE,aAAa,EAAkD,MAAM,gCAAgC,CAAC;AAO/G,UAAU,MAAM;IACZ,OAAO,EAAE,aAAa,EAAE,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,EAAE,OAAY,EAAE,EAAE,MAAM,qBAwJxD"}

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

@@ -14,7 +14,7 @@ import CloseIcon from '@patternfly/react-icons/dist/js/icons/close-icon';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { PaginationCompact, useFetch } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
-import { dtmTrackEventCaseStartStopped, getResTypeFromUrl, getStyleVariantColor, StyleVariants, } from '@rh-support/utils';
+import { getResTypeFromUrl, getStyleVariantColor, StyleVariants } from '@rh-support/utils';
 import isEqual from 'lodash/isEqual';
 import some from 'lodash/some';
 import React, { useContext, useEffect, useState } from 'react';
@@ -102,7 +102,7 @@ export function EARuleInfoInline({ eaRules = [] }) {
                         React.createElement(EARuleTitle, null))),
                 React.createElement("div", { className: "pf-v5-c-alert__action" },
                     React.createElement(Button, { style: { fontSize: 15 }, variant: ButtonVariant.link, "data-tracking-id": "se-recommended-asa-ignore", type: "button", onClick: onIgnoreBtnClick }, validEARulesLength > 1 ? React.createElement(Trans, null, "Skip") : React.createElement(CloseIcon, null))),
-                React.createElement("div", { className: "pf-v5-c-alert__description", onClick: () => dtmTrackEventCaseStartStopped('insight rule description click', undefined, `${product}|${version}`) },
+                React.createElement("div", { className: "pf-v5-c-alert__description" },
                     React.createElement(EARuleDescription, null)),
                 React.createElement("div", { className: "pf-v5-c-alert__action-group pf-v5-u-display-flex" },
                     React.createElement(EARuleArticle, { className: "pf-v5-u-align-self-center pf-v5-u-mr-sm", linkTitle: "View details" }),

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":"AAkBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AAelE,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAWpF,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,qBA0RpD"}
+{"version":3,"file":"Recommendations.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/Recommendations.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AAelE,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAWpF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACzE,qCAAqC,CAAC,EAAE,OAAO,CAAC;IAChD,aAAa,EAAE,GAAG,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBA+SpD"}

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

@@ -2,7 +2,7 @@ import { pcm } from '@cee-eng/hydrajs';
 import { Label, Pagination, PaginationVariant } from '@patternfly/react-core';
 import { LoadingDots, useDebounce, usePrevious } from '@rh-support/components';
 import { useGlobalStateContext } from '@rh-support/react-context';
-import { computeRecommendationAbstract, computeRecommendationTitle, dtmTrackEventCaseStartStopped, formatDate, } from '@rh-support/utils';
+import { computeRecommendationAbstract, computeRecommendationTitle, dtmTrackEventRecommendationListingDisplayed, dtmTrackEventRecommendationListingItemClicked, formatDate, } from '@rh-support/utils';
 import differenceBy from 'lodash/differenceBy';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
@@ -121,6 +121,18 @@ export default function Recommendations(props) {
             setCaseRecommendations(caseDispatch, recommendationState.visibleDocs, caseResourceLinks);
         }
         createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.RECOMMENDATIONS, getSessResFromRecs(recommendationState.visibleDocs, SessionResourceVisibility.PRESENTED, pageSize || DEFAULTPAGESIZE, recommendationState.currentPage || 1), JSON.stringify(payload));
+        const listing = recommendationState.visibleDocs.map((doc, i) => ({
+            content: {
+                contentID: doc.id,
+                contentPosition: i + 1,
+                contentTitle: doc.publishedTitle,
+                contentUrl: doc.view_uri,
+                displayFeature: 'Troubleshooting',
+                displayFeatureTitle: '',
+            },
+            isDisplayed: true,
+        }));
+        dtmTrackEventRecommendationListingDisplayed('middle', activeSection, listing, recommendationState.numFound);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [caseDispatch, recommendationState.visibleDocs, activeSessionId]);
     useEffect(() => {
@@ -145,10 +157,9 @@ export default function Recommendations(props) {
         setCurrentPage(recommendationDispatch, 1);
     };
     const onResourceClick = (doc, index) => (event) => {
-        createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.RECOMMENDATIONS, [
-            getSessResFromRec(doc, SessionResourceVisibility.VISITED, index + 1 + (pageSize || DEFAULTPAGESIZE) * ((recommendationState.currentPage || 1) - 1)),
-        ], JSON.stringify(payload));
-        dtmTrackEventCaseStartStopped('recommendation click', caseNumber, `${product}|${version}`);
+        const rank = index + 1 + (pageSize || DEFAULTPAGESIZE) * ((recommendationState.currentPage || 1) - 1);
+        createOrUpdateSessionResources(sessionRestoreDispatch, activeSessionId, sessionResourceTracking, SessionResourceSource.RECOMMENDATIONS, [getSessResFromRec(doc, SessionResourceVisibility.VISITED, rank)], JSON.stringify(payload));
+        dtmTrackEventRecommendationListingItemClicked(window.location.href, activeSection, 'middle', doc.id, rank, doc.allTitle, doc.view_uri, 'Main Recommendation', 'Live search results powered by OpenShift AI');
     };
     return (React.createElement(React.Fragment, null,
         React.createElement(LoadingDots, { className: "recommendation-loading-dots", show: recommendationState.isLoadingRecommendations && !isEmpty(summary) && !isEmpty(issue) }),

package/lib/esm/components/SubmitCase/SubmitCase.js

@@ -168,11 +168,11 @@ export default function SubmitCase(props) {
             React.createElement("div", { className: "submit-case-header-container" },
                 React.createElement("p", { className: "kicker kicker-sm pf-v5-u-mb-sm" }, !isEmpty(RouteUtils.seBasePath) &&
                     !isUploadingAttachment(attachmentState.caseFiles.selectedLocalFiles) ? (React.createElement(React.Fragment, null,
-                    React.createElement("div", { role: "alert", className: "submit-page-title pf-v5-u-mb-lg" },
+                    React.createElement("div", { className: "submit-page-title pf-v5-u-mb-lg" },
                         React.createElement(Icon, { className: "submit-case-check-icon pf-v5-u-mt-sm", size: "lg" },
                             React.createElement(CheckCircleIcon, null)),
                         ' ',
-                        React.createElement(Text, { className: "pf-v5-u-mb-0", component: TextVariants.h1 },
+                        React.createElement(Text, { role: "alert", className: "pf-v5-u-mb-0", component: TextVariants.h1 },
                             React.createElement(Trans, null, "We've added your case to our queue"))),
                     React.createElement("div", { className: "pf-v5-u-mt-sm" },
                         React.createElement(Trans, null, "Case number:"),
@@ -184,7 +184,7 @@ export default function SubmitCase(props) {
                         React.createElement(Icon, { size: "lg", className: "submit-case-check-icon" },
                             React.createElement(CheckCircleIcon, null)),
                         ' ',
-                        React.createElement(Text, { component: TextVariants.h1 },
+                        React.createElement(Text, { role: "alert", component: TextVariants.h1 },
                             React.createElement(Trans, null, "We\u2019ve added your case to our queue"))),
                     React.createElement(React.Fragment, null,
                         React.createElement(Trans, null, "Case number: "),

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

@@ -1 +1 @@
-{"version":3,"file":"TopContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Suggestions/TopContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,2DAA2D,CAAC;AAKxF,OAAO,KAAmB,MAAM,OAAO,CAAC;AASxC,UAAU,MAAM;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,qBAiJ/C"}
+{"version":3,"file":"TopContent.d.ts","sourceRoot":"","sources":["../../../../src/components/Suggestions/TopContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,2DAA2D,CAAC;AAIxF,OAAO,KAAmB,MAAM,OAAO,CAAC;AASxC,UAAU,MAAM;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,MAAM,qBA8I/C"}

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

@@ -1,6 +1,5 @@
 import { pcm } from '@cee-eng/hydrajs';
 import { Accordion, AccordionContent, AccordionItem, AccordionToggle, Tooltip } from '@patternfly/react-core';
-import { dtmTrackEventCaseStartStopped } from '@rh-support/utils';
 import isEqual from 'lodash/isEqual';
 import map from 'lodash/map';
 import React, { useState } from 'react';
@@ -14,7 +13,7 @@ export default function TopContent(props) {
     const sessionRestoreDispatch = React.useContext(SessionRestoreDispatchContext);
     const { sessionRestore: { activeSessionId, sessionResourceTracking }, } = React.useContext(SessionRestoreStateContext);
     const [expanded, setExpanded] = useState('');
-    const { product, version, summary, issue, environment, periodicityOfIssue, timeFramesAndUrgency, caseNumber } = useCaseSelector((state) => ({
+    const { product, version, summary, issue, environment, periodicityOfIssue, timeFramesAndUrgency } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
         summary: state.caseDetails.summary,
@@ -22,11 +21,9 @@ export default function TopContent(props) {
         environment: state.caseDetails.environment,
         periodicityOfIssue: state.caseDetails.periodicityOfIssue,
         timeFramesAndUrgency: state.caseDetails.timeFramesAndUrgency,
-        caseNumber: state.caseDetails.caseNumber,
     }), isEqual);
     const onLinkClick = (item) => (event) => {
         props.onResourceClick && props.onResourceClick(item);
-        dtmTrackEventCaseStartStopped('top content click', caseNumber, `${product}|${version}`);
     };
     const onToggle = (id) => {
         if (id === expanded) {

package/lib/esm/components/shared/fileUpload/fileSelectors/WidgetFileSelector.d.ts

@@ -1,6 +1,6 @@
 import { IDClassNameProps } from '@rh-support/types/shared';
 import React from 'react';
-interface IProps extends IDClassNameProps {
+export interface IWidgetFileSelectorProps extends IDClassNameProps {
     isSessionId: boolean;
     isPrivate: boolean;
     isIdea?: boolean;
@@ -9,6 +9,6 @@ interface IProps extends IDClassNameProps {
         fileName: string[];
     };
 }
-declare function WidgetFileSelector({ id, className, isSessionId, isPrivate, isIdea, showFileExceed, }: IProps): React.JSX.Element;
+declare function WidgetFileSelector({ id, className, isSessionId, isPrivate, isIdea, showFileExceed, }: IWidgetFileSelectorProps): React.JSX.Element;
 export default WidgetFileSelector;
 //# sourceMappingURL=WidgetFileSelector.d.ts.map

package/lib/esm/components/shared/fileUpload/fileSelectors/WidgetFileSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetFileSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/fileUpload/fileSelectors/WidgetFileSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,UAAU,MAAO,SAAQ,gBAAgB;IACrC,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE;QACb,IAAI,EAAE,OAAO,CAAC;QACd,QAAQ,EAAE,MAAM,EAAE,CAAC;KACtB,CAAC;CACL;AAED,iBAAS,kBAAkB,CAAC,EACxB,EAAO,EACP,SAAc,EACd,WAAW,EACX,SAAiB,EACjB,MAAc,EACd,cAA8C,GACjD,EAAE,MAAM,qBAmER;AAED,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"WidgetFileSelector.d.ts","sourceRoot":"","sources":["../../../../../../src/components/shared/fileUpload/fileSelectors/WidgetFileSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAS1C,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAC9D,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE;QACb,IAAI,EAAE,OAAO,CAAC;QACd,QAAQ,EAAE,MAAM,EAAE,CAAC;KACtB,CAAC;CACL;AAED,iBAAS,kBAAkB,CAAC,EACxB,EAAO,EACP,SAAc,EACd,WAAW,EACX,SAAiB,EACjB,MAAc,EACd,cAA8C,GACjD,EAAE,wBAAwB,qBAsF1B;AAED,eAAe,kBAAkB,CAAC"}

package/lib/esm/components/shared/fileUpload/fileSelectors/WidgetFileSelector.js

@@ -1,11 +1,18 @@
-import { humanizeSize } from '@rh-support/utils';
+import { dtmTrackEventUploadFileToAnalyze, humanizeSize } from '@rh-support/utils';
+import isEqual from 'lodash/isEqual';
 import React, { useContext } from 'react';
 import { useDropzone } from 'react-dropzone';
 import { Trans, useTranslation } from 'react-i18next';
+import { useCaseSelector } from '../../../../context/CaseContext';
+import { RouteContext } from '../../../../context/RouteContext';
 import { onDrop } from '../reducer/AttachmentHelper';
 import { AttachmentDispatchContext } from '../reducer/AttachmentReducerContext';
 function WidgetFileSelector({ id = '', className = '', isSessionId, isPrivate = false, isIdea = false, showFileExceed = { show: false, fileName: [] }, }) {
     const { t } = useTranslation();
+    const { caseDetails } = useCaseSelector((state) => ({
+        caseDetails: state.caseDetails,
+    }), isEqual);
+    const { routeState: { activeSection, isCaseCreate }, } = useContext(RouteContext);
     const MAX_SIZE = isIdea ? 5242880 : undefined;
     // Attachment Reducer Related
     const dispatchToAttachmentReducer = useContext(AttachmentDispatchContext);
@@ -23,6 +30,8 @@ function WidgetFileSelector({ id = '', className = '', isSessionId, isPrivate =
         // react-dropzone doesn't get triggered. So we need to manually clear the input value
         // so that user can attach the same file twice
         inputRef.current.value = null;
+        // Call a dtm track even whenever the file uploader is clicked
+        dtmTrackEventUploadFileToAnalyze(isCaseCreate, activeSection, caseDetails.caseType, caseDetails.product, caseDetails.version);
     };
     return (React.createElement(React.Fragment, null,
         React.createElement("label", Object.assign({ className: "file-diag-dragndrop", htmlFor: "file-diag-selector" }, getRootProps({ onClick: onLabelClick }), { "data-tracking-id": "file-selector-widget-main" }),

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

@@ -1 +1 @@
-{"version":3,"file":"WizardLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardLayout.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAuC,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAavG,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,qBAkKzC"}
+{"version":3,"file":"WizardLayout.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardLayout.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAuC,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAavG,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,qBA6KzC"}

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

@@ -11,7 +11,7 @@ import { Grid, GridItem } from '@patternfly/react-core';
 import { SupportFeedbackForm } from '@rh-support/components';
 import { fetchProducts, GlobalMetadataDispatchContext, GlobalMetadataStateContext } from '@rh-support/react-context';
 import { ability, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
-import { getVersionIfOnlyVersion, pendoTrackEvent, PreviousCaseTypes } from '@rh-support/utils';
+import { dtmTrackEventCaseCreationStepEncountered, getVersionIfOnlyVersion, pendoTrackEvent, PreviousCaseTypes, } from '@rh-support/utils';
 import findIndex from 'lodash/findIndex';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useRef, useState } from 'react';
@@ -80,6 +80,7 @@ export function WizardLayout(props) {
         return isModalPresent;
     };
     const submitCaseAndNavigate = (isReSubmitting) => __awaiter(this, void 0, void 0, function* () {
+        var _a, _b;
         confirmationModalType && setConfirmationModalType(null);
         // if a confirmation modal exists, show it and don't submit the case as
         // it will be handled by the confirmation modal itself
@@ -92,6 +93,8 @@ export function WizardLayout(props) {
                 React.createElement(SupportFeedbackForm, { isInline: true }),
                 " if you continue to see this message.")));
         submitCase(caseDispatch, sessionRestoreDispatch, caseState, sessionItem, isCaseCreate, errorMessageCaseSubmit500, loggedInUser.data.ssoUsername, loggedInUsersAccount === null || loggedInUsersAccount === void 0 ? void 0 : loggedInUsersAccount.data.secureSupport, isReSubmitting || false);
+        const isCreatingCaseFlow = RouteUtils.getQueryParams(props.routeProps).caseCreate === 'true';
+        dtmTrackEventCaseCreationStepEncountered(isCreatingCaseFlow, 'submit', (_a = caseState.caseDetails) === null || _a === void 0 ? void 0 : _a.caseNumber, (_b = caseState.caseDetails) === null || _b === void 0 ? void 0 : _b.caseType, caseState.caseDetails.summary, caseState.caseDetails.product, caseState.caseDetails.version);
         // reset viewedModals on case submit
         viewedConfirmationModalsList.current = [];
         !isReSubmitting &&

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

@@ -1 +1 @@
-{"version":3,"file":"WizardMain.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardMain.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAS,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAK9D,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAQpF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,qBAAqB,EAAE,CAAC,cAAc,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,mBAAmB,EAAE,CAAC,gCAAgC,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5E;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,qBAsIhC;AACD,eAAe,UAAU,CAAC"}
+{"version":3,"file":"WizardMain.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardMain.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAS,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAK9D,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAQpF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,qBAAqB,EAAE,CAAC,cAAc,EAAE,OAAO,KAAK,IAAI,CAAC;IACzD,mBAAmB,EAAE,CAAC,gCAAgC,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5E;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,qBA2IhC;AACD,eAAe,UAAU,CAAC"}

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

@@ -1,5 +1,6 @@
 import { Wizard, WizardContextConsumer, WizardFooter } from '@patternfly/react-core/deprecated';
 import { LoadingIndicator } from '@rh-support/components';
+import { dtmTrackEventCaseCreationStepEncountered } from '@rh-support/utils';
 import isEqual from 'lodash/isEqual';
 import React, { Suspense, useContext, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
@@ -57,6 +58,10 @@ function WizardMain(props) {
         return;
     };
     const onCurrentStepChanged = (step) => {
+        if (step.order === 0) {
+            const isCreatingCaseFlow = RouteUtils.getQueryParams(props.routeProps).caseCreate === 'true';
+            dtmTrackEventCaseCreationStepEncountered(isCreatingCaseFlow, 'start');
+        }
         setActiveSectionChanged(dispatchToRouteReducer, step.id);
         updateisNextBtnClickedToShowValidationError(dispatchToRouteReducer, false);
     };

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":"AAOA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,EAAoB,eAAe,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AAK3G,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,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;CACxE;AAGD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBA4PtC;kBA5PQ,gBAAgB;;;AA8PzB,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"WizardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/WizardNavigation.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAE/D,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,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,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;CACxE;AAGD,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBA6PtC;kBA7PQ,gBAAgB;;;AA+PzB,eAAe,gBAAgB,CAAC"}

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

@@ -11,7 +11,7 @@ import { pcm } from '@cee-eng/hydrajs';
 import { Button, ButtonVariant } from '@patternfly/react-core';
 import { useFetch } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanCreateCase } from '@rh-support/react-context';
-import { dtmTrackEventCaseStartStopped, getResTypeFromUrl, scrollIntoView } from '@rh-support/utils';
+import { dtmTrackEventCaseCreationStepEncountered, getResTypeFromUrl, scrollIntoView } from '@rh-support/utils';
 import find from 'lodash/find';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useState } from 'react';
@@ -23,6 +23,7 @@ import { SessionRestoreStateContext } from '../../context/SessionRestoreContext'
 import { setCaseState } from '../../reducers/CaseReducer';
 import { AppRouteSections } from '../../reducers/RouteConstNTypes';
 import { updateisNextBtnClickedToShowValidationError } from '../../reducers/RouteReducer';
+import RouteUtils from '../../utils/routeUtils';
 import { RecommendationFeedbackModal } from '../Recommendations/RecommendationFeedbackModal';
 import { useIsSectionValid } from '../shared/useIsSectionValid';
 const defaultProps = {};
@@ -56,6 +57,11 @@ function WizardNavigation(props) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     useEffect(() => {
+        var _a, _b;
+        const isCreatingCase = RouteUtils.getQueryParams(props.routeProps).caseCreate === 'true';
+        dtmTrackEventCaseCreationStepEncountered(isCreatingCase, 
+        // @ts-ignore
+        props.activeStep.id, (_a = caseState.caseDetails) === null || _a === void 0 ? void 0 : _a.caseNumber, (_b = caseState.caseDetails) === null || _b === void 0 ? void 0 : _b.caseType, caseState.caseDetails.summary, caseState.caseDetails.product, caseState.caseDetails.version);
         if (props.activeStep.id === AppRouteSections.TROUBLESHOOT) {
             window.scrollTo({
                 top: 0,
@@ -146,13 +152,11 @@ function WizardNavigation(props) {
                 props.onNext && props.onNext();
             }
         }
-        dtmTrackEventCaseStartStopped(`${props.activeStep.nextButtonLabel} button clicked on ${props.activeStep.name} step`, `${caseState.caseDetails.caseNumber}`, `${caseState.caseDetails.product}|${caseState.caseDetails.version}`);
         return;
     };
     const onBack = () => {
         if (props.activeStep.hidRestOnBack)
             props.onShowRestUpdate(false);
-        dtmTrackEventCaseStartStopped(`${props.activeStep.nextButtonLabel} button clicked on ${props.activeStep.name} step`, '', `${caseState.caseDetails.product}|${caseState.caseDetails.version}`);
         props.onBack();
     };
     const onRecsFeedbackModalToggle = () => {

package/lib/esm/scss/_main.scss

@@ -1009,7 +1009,8 @@ svg.pf-v5-u-ml-xs.icon-size {
 }
 
 .case-internal-status-selector-text,
-.get-support-severity-modal-text {
+.get-support-severity-modal-text,
+.case-type-selector-text {
     .pf-v5-c-menu-toggle__text {
         width: 100%;
     }

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

@@ -784,3 +784,9 @@ div.case-details-tabs pre {
 .get-support-summary-input {
     margin-bottom: 1rem;
 }
+
+#external-ssousername-filter {
+    @media (min-width: 1300px) {
+        min-width: calc(100% + 269px) !important;
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.2.1851-beta.0",
+    "version": "2.4.5-beta.1",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -25,7 +25,7 @@
         "lib/**/*"
     ],
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.17.26",
+        "@cee-eng/hydrajs": "4.17.27",
         "@cee-eng/ui-toolkit": "1.1.8",
         "@patternfly/patternfly": "5.4.0",
         "@patternfly/react-core": "5.4.0",
@@ -51,7 +51,7 @@
         "react-virtualized": "^9.22.5"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "4.17.26",
+        "@cee-eng/hydrajs": "4.17.27",
         "@cee-eng/ui-toolkit": "1.1.8",
         "@patternfly/patternfly": "5.4.0",
         "@patternfly/react-core": "5.4.0",
@@ -60,13 +60,12 @@
         "@progress/kendo-licensing": "1.3.5",
         "@progress/kendo-react-pdf": "^5.16.0",
         "@redux-devtools/extension": "^3.3.0",
-        "@rh-support/components": "2.1.87",
-        "@rh-support/react-context": "2.1.96",
+        "@rh-support/components": "2.1.93",
+        "@rh-support/react-context": "2.1.102",
         "@rh-support/types": "2.0.5",
-        "@rh-support/user-permissions": "2.1.52",
-        "@rh-support/utils": "2.1.41",
-        "@types/react-redux": "^7.1.33",
-        "@types/redux": "^3.6.0",
+        "@rh-support/user-permissions": "2.1.57",
+        "@rh-support/utils": "2.1.46",
+        "date-fns": "^4.1.0",
         "dompurify": "^2.2.6",
         "dot": "^1.1.3",
         "downshift": "^6.0.5",
@@ -104,7 +103,9 @@
         "@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"
@@ -133,5 +134,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "e2ed8208ac54c78869cec471e83703bdc3bcf2ce"
+    "gitHead": "91b8d4959b93c0227d070e881682d84d6d4eeac1"
 }