@rh-support/troubleshoot 2.2.191 → 2.2.193

package/lib/esm/components/CaseEditView/CaseOverview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/index.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAkD,MAAM,OAAO,CAAC;AA4BvE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,qBAigBjD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/index.tsx"],"names":[],"mappings":"AA8BA,OAAO,KAAkD,MAAM,OAAO,CAAC;AA4BvE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,qBA4fjD"}

package/lib/esm/components/CaseEditView/CaseOverview/index.js

@@ -12,7 +12,7 @@ import LockIcon from '@patternfly/react-icons/dist/js/icons/lock-icon';
 import { ToastNotification, useConfirmation } from '@rh-support/components';
 import { CloseCaseModal, fetchCaseSeverities, fetchCaseTypes, GlobalMetadataDispatchContext, GlobalMetadataStateContext, useCanEditCase, } from '@rh-support/react-context';
 import { AbilityContext, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
-import { dtmTrackEvent, haventLoadedMetadata, isOpenShiftOnlineProduct, PreviousCaseTypes, toNewCaseTypeMapper, toNewCaseTypeSwitcher, } from '@rh-support/utils';
+import { dtmTrackEventCaseStepEncountered, haventLoadedMetadata, isOpenShiftOnlineProduct, PreviousCaseTypes, toNewCaseTypeMapper, toNewCaseTypeSwitcher, } from '@rh-support/utils';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -301,7 +301,7 @@ export default function CaseOverview(props) {
                 yield updateStatusState(CaseStatusEnum.CLOSED);
                 yield postCommentAfterStatusUpdate(commentBody);
                 setShowCaseCloseModal(false);
-                dtmTrackEvent('case closed', 'case closed - case details page', caseNumber, `${product}|${version}`);
+                dtmTrackEventCaseStepEncountered('close', caseNumber, product, version);
             }), isUpdating: (caseOverviewState.caseStatusUpdating && isCaseUpdating) || isPostingComment, onClose: () => {
                 setShowCaseCloseModal(false);
             }, caseNumber: caseNumber })),

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/CaseDiscussion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseDiscussion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseDiscussion.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,YAAY,EAA0B,MAAM,yCAAyC,CAAC;AAa1G,OAAO,KAAoE,MAAM,OAAO,CAAC;AAsCzF,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,SAAS,EAAE,SAAS,EAAE,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAC/C,eAAe,EAAE,OAAO,CAAC;CAC5B;AAOD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM,qBA8mBnD"}
+{"version":3,"file":"CaseDiscussion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseDiscussion.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,YAAY,EAA0B,MAAM,yCAAyC,CAAC;AAkB1G,OAAO,KAAoE,MAAM,OAAO,CAAC;AAsCzF,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,SAAS,EAAE,SAAS,EAAE,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAC/C,eAAe,EAAE,OAAO,CAAC;CAC5B;AAOD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM,qBA8mBnD"}

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/CaseDiscussion.js

@@ -12,7 +12,7 @@ import { MenuToggle, Select, SelectList, SelectOption } from '@patternfly/react-
 import { AlertMessage, AlertType, ErrorBoundary, LoadingIndicator, ToastNotification } from '@rh-support/components';
 import { useGlobalStateContext } from '@rh-support/react-context';
 import { AbilityContext, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
-import { dtmTrackEvent, getDropdownBtnPlaceholder, getUrlParsedParams, scrollIntoView } from '@rh-support/utils';
+import { dtmTrackEventCaseStepEncountered, getDropdownBtnPlaceholder, getUrlParsedParams, scrollIntoView, } from '@rh-support/utils';
 import cloneDeep from 'lodash/cloneDeep';
 import filter from 'lodash/filter';
 import findIndex from 'lodash/findIndex';
@@ -171,7 +171,7 @@ export default function CaseDiscussion(props) {
     };
     const onCommentAdded = () => __awaiter(this, void 0, void 0, function* () {
         yield updateDiscussionStateComments(dispatchDiscussion, caseDispatch, caseNumber, allDiscussions, sort, caseFeedbacksHydra.data, discussionFiltersListState);
-        dtmTrackEvent('case details page comment', 'comment', caseNumber, `${product}|${version}`);
+        dtmTrackEventCaseStepEncountered('comment', caseNumber, product, version);
     });
     const onAttachmentAdded = () => __awaiter(this, void 0, void 0, function* () {
         yield updateDiscussionStateAttachments(dispatchDiscussion, caseNumber, allDiscussions, sort, loggedInUsersAccount.data.secureSupport, discussionFiltersListState);

package/lib/esm/components/CaseEditView/Tabs/CaseHistory/Timeline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseHistory/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AA0BxB,OAAO,KAAsC,MAAM,OAAO,CAAC;AA4Q3D,QAAA,MAAM,QAAQ;;uBAkUb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseHistory/Timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AA0BxB,OAAO,KAAsC,MAAM,OAAO,CAAC;AAgT3D,QAAA,MAAM,QAAQ;;uBAkUb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/lib/esm/components/CaseEditView/Tabs/CaseHistory/Timeline.js

@@ -50,6 +50,7 @@ const TimelineNode = React.forwardRef(({ leftEvent, rightEvent, user, useAvatar
 const applyReplacements = (item) => {
     if (!item || typeof item !== 'object')
         return '';
+    //  API field names to easy to read display names
     const fieldNameMapping = {
         ContactId: 'Contact',
         RH_Product__c: 'Product',
@@ -64,7 +65,13 @@ const applyReplacements = (item) => {
         SlaStartDate: 'SLA Start Date',
         Case_Language__c: 'Case Language',
         Alternate_Id__c: 'Personal reference number',
+        SBR_Group__c: 'SBR Group',
     };
+    // https://help.salesforce.com/s/articleView?id=000384484&type=1
+    // adding in option for multiselect fields provided by salesforce.
+    // in future for more multiselect fields just add to below array.
+    const multiSelectFields = ['SBR_Group__c'];
+    // language codes to language names
     const languageCodeMapping = {
         de: 'German',
         en: 'English',
@@ -76,6 +83,7 @@ const applyReplacements = (item) => {
         jp: 'Japanese',
         zh: 'Chinese',
     };
+    // field display names to prefix keys used in item properties
     const keyMap = {
         Product: 'product',
         Version: 'version',
@@ -90,18 +98,23 @@ const applyReplacements = (item) => {
         'Case Language': 'caseLanguage',
         'Personal reference number': 'alternateId',
     };
+    // get the mapped display name for a field
     const getMappedFieldName = (fieldName) => fieldNameMapping[fieldName] || item.fieldLabel || fieldName || '';
+    // get the new or old value using the  prefix
     const getNameValue = (prefix) => item[`${keyMap[getMappedFieldName(item.fieldName)]}${prefix}Name`] ||
         item[`${prefix}Value`] ||
         item[`${prefix.toLowerCase()}Value`] ||
         '';
+    // formatting functions
     const formatLanguageChange = (fieldName, oldLanguage, newLanguage) => `changed ${fieldName} from ${oldLanguage} to ${newLanguage}`;
     const formatSimpleChange = (fieldName, value) => `set ${fieldName} to ${value}`;
     const formatBooleanChange = (fieldName, value) => `set ${fieldName} to ${value}`;
+    // get  field name and values
     const fieldName = getMappedFieldName(item.fieldName);
-    const newValue = getNameValue('new');
-    const oldValue = getNameValue('old');
+    const newValue = getNameValue('New');
+    const oldValue = getNameValue('Old');
     let newText = '';
+    // special field handling below, useful for future exposed case history fields etc / api changes
     switch (item.fieldName) {
         case 'Case_Language__c': {
             const newLanguage = languageCodeMapping[item.newValue] || item.newValue;
@@ -130,9 +143,33 @@ const applyReplacements = (item) => {
             if (item.newValue)
                 newText = formatSimpleChange(fieldName, item.newValue);
             break;
+        case 'RemoteSessionTermsAckedBy__c':
+            newText = 'Acked Remote Rider terms';
+            break;
         default:
             if (oldValue && newValue) {
-                newText = `changed ${fieldName} from ${oldValue} to ${newValue}`;
+                if (multiSelectFields.includes(item.fieldName)) {
+                    // in salesforce multi-select picklist values are stored as a single string, with each value separated by a semicolon
+                    const oldValues = oldValue.split(';').map((s) => s.trim());
+                    const newValues = newValue.split(';').map((s) => s.trim());
+                    const added = newValues.filter((nv) => !oldValues.includes(nv));
+                    const removed = oldValues.filter((ov) => !newValues.includes(ov));
+                    if (added.length > 0 && removed.length === 0) {
+                        newText = `added ${added.join(', ')} to ${fieldName}`;
+                    }
+                    else if (removed.length > 0 && added.length === 0) {
+                        newText = `removed ${removed.join(', ')} from ${fieldName}`;
+                    }
+                    else if (added.length > 0 && removed.length > 0) {
+                        newText = `changed ${fieldName}, added ${added.join(', ')} and removed ${removed.join(', ')}`;
+                    }
+                    else {
+                        newText = `changed ${fieldName} from ${oldValue} to ${newValue}`;
+                    }
+                }
+                else {
+                    newText = `changed ${fieldName} from ${oldValue} to ${newValue}`;
+                }
             }
             else if (newValue) {
                 newText = formatSimpleChange(fieldName, newValue);

package/lib/esm/components/CaseInformation/Fts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Fts.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Fts.tsx"],"names":[],"mappings":"AAWA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAQD,iBAAS,GAAG,CAAC,KAAK,EAAE,MAAM,qBA4OzB;kBA5OQ,GAAG;;;AA+OZ,eAAe,GAAG,CAAC"}
+{"version":3,"file":"Fts.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Fts.tsx"],"names":[],"mappings":"AAWA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAQD,iBAAS,GAAG,CAAC,KAAK,EAAE,MAAM,qBA6OzB;kBA7OQ,GAAG;;;AAgPZ,eAAe,GAAG,CAAC"}

package/lib/esm/components/CaseInformation/Fts.js

@@ -100,10 +100,12 @@ function Fts(props) {
         setCaseState(caseDispatch, { ftsContactSameAsOwner: e.target.checked });
         if (!e.target.checked) {
             setFtsContact('');
-            return;
+            setContactInfoIntoGlobalState('');
+        }
+        else {
+            setFtsContact(`${phoneCountryCode}-${phoneAreaCodePrefixLineNumber}`);
+            setContactInfoIntoGlobalState(`${phoneCountryCode}-${phoneAreaCodePrefixLineNumber}`);
         }
-        setFtsContact(`${phoneCountryCode}-${phoneAreaCodePrefixLineNumber}`);
-        setContactInfoIntoGlobalState(`${phoneCountryCode}-${phoneAreaCodePrefixLineNumber}`);
     };
     const onSave = (e) => __awaiter(this, void 0, void 0, function* () {
         setContactInfoIntoGlobalState(contactInfo24X7State);
@@ -148,8 +150,7 @@ function Fts(props) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [phoneAreaCodePrefixLineNumber, phoneCountryCode]);
-    const disableFtsNContact = !isEmpty(caseNumber) &&
-        (!isFtsEditableOnEditPage(entitlementSla, severity) || isFtsContactUpdating || isFtsUpdating);
+    const disableFtsNContact = !isEmpty(caseNumber) && (!isFtsEditableOnEditPage(entitlementSla, severity) || isFtsUpdating);
     const maxLengthErrorMessage = t('Contact information cannot be more than {{limit}} characters.', {
         limit: CONTACT_INFO_24X7_LIMIT,
     });

package/lib/esm/components/CaseManagement/RHAssociatesSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RHAssociatesSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/RHAssociatesSelector.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAS5D,MAAM,WAAW,MAAM;CAAG;AAG1B,iBAAS,oBAAoB,CAAC,KAAK,EAAE,MAAM,qBAqM1C;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"RHAssociatesSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/RHAssociatesSelector.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAS5D,MAAM,WAAW,MAAM;CAAG;AAG1B,iBAAS,oBAAoB,CAAC,KAAK,EAAE,MAAM,qBA+M1C;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

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/Recommendations.d.ts.map

@@ -1 +1 @@
-{"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,qBA6SpD"}
+{"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

@@ -159,7 +159,7 @@ export default function Recommendations(props) {
     const onResourceClick = (doc, index) => (event) => {
         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);
+        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/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/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.191",
+    "version": "2.2.193",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -60,11 +60,11 @@
         "@progress/kendo-licensing": "1.3.5",
         "@progress/kendo-react-pdf": "^5.16.0",
         "@redux-devtools/extension": "^3.3.0",
-        "@rh-support/components": "2.1.91",
-        "@rh-support/react-context": "2.1.100",
+        "@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.56",
-        "@rh-support/utils": "2.1.45",
+        "@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",
@@ -134,5 +134,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "9d68649cf6e2fbd399b34388704429012356113e"
+    "gitHead": "441d2489eca03e52a4c437c41638e5e0ae5338c3"
 }