@rh-support/troubleshoot 2.6.301 → 2.6.302

package/lib/esm/reducers/CaseReducer.js

@@ -7,21 +7,34 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 import { accounts, contacts, kase, pcm, publicApi } from '@cee-eng/hydrajs';
 import { formattedApiErrorMessage } from '@rh-support/components';
-import { dtmTrackEventCaseCreationStepEncountered, getApiResourceObject, PreviousToNewCaseTypeMap, } from '@rh-support/utils';
-import delay from 'lodash/delay';
+import { CREATE_SUPPORT_CASE, dtmTrackEventCaseCreationStepEncountered, fetchCaseDetailsByCaseNumber, GET_ACCOUNT, GET_CASE_GROUP, GET_PRODUCTS, getAccountQueryVariables, getApiResourceObject, handleGraphQLAccountResponse, handleGraphQLVersionsResponse, mapGraphQLCaseDetailsToCasePayload, PreviousToNewCaseTypeMap, updateCaseDetailsGraphQLRequest, } from '@rh-support/utils';
+// import delay from 'lodash/delay';
 import filter from 'lodash/filter';
 import find from 'lodash/find';
 import isEmpty from 'lodash/isEmpty';
 import isUndefined from 'lodash/isUndefined';
 import map from 'lodash/map';
+import unescape from 'lodash/unescape';
 import uniq from 'lodash/uniq';
 import uniqBy from 'lodash/uniqBy';
 import { trimAndReplacePlus } from '../components/shared/utils';
 import { CaseReducerConstants, DESCRIPTION_LENGTH_LIMIT, initialCaseState, SupportLevelDisplay, } from './CaseConstNTypes';
-import { createCasePayload, getCaseFromSessionDetails, getCaseRecommendations, getCepCommentFromCepDetails, getHasInvalidEntitlements, getProcessedEntitlements, } from './CaseHelpers';
+import { createCasePayload, createCasePayloadGraphQL, getCaseFromSessionDetails, getCaseRecommendations, getCepCommentFromCepDetails, getHasInvalidEntitlements, getProcessedEntitlements, } from './CaseHelpers';
 import { updateSession } from './SessionRestoreReducer';
+const safeDecodeGroupName = (value) => unescape(value);
 export const caseReducer = (pState, action) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
     switch (action.type) {
@@ -29,17 +42,20 @@ export const caseReducer = (pState, action) => {
             const hasLargeCaseDescription = action.payload.caseDetails.hasOwnProperty('description')
                 ? (action.payload.caseDetails.description || '').length > DESCRIPTION_LENGTH_LIMIT
                 : pState.hasLargeCaseDescription;
+            let resetEntitlementId = false;
             if (((_b = (_a = action.payload) === null || _a === void 0 ? void 0 : _a.caseDetails) === null || _b === void 0 ? void 0 : _b.contactSSOName) &&
                 pState.caseDetails.contactSSOName !== ((_d = (_c = action.payload) === null || _c === void 0 ? void 0 : _c.caseDetails) === null || _d === void 0 ? void 0 : _d.contactSSOName)) {
                 // Need to reset casegroup and sla as they are dependent on selected owner
                 action.payload.caseDetails.entitlementSla = undefined;
+                resetEntitlementId = true;
             }
             if (((_f = (_e = action.payload) === null || _e === void 0 ? void 0 : _e.caseDetails) === null || _f === void 0 ? void 0 : _f.product) &&
                 pState.caseDetails.product !== ((_h = (_g = action.payload) === null || _g === void 0 ? void 0 : _g.caseDetails) === null || _h === void 0 ? void 0 : _h.product)) {
                 // need to reset sla on product change as individiual products can have independent sla
                 action.payload.caseDetails.entitlementSla = undefined;
+                resetEntitlementId = true;
             }
-            return Object.assign(Object.assign({}, pState), { hasLargeCaseDescription, caseDetails: Object.assign(Object.assign({}, pState.caseDetails), action.payload.caseDetails), isCaseUpdating: false });
+            return Object.assign(Object.assign(Object.assign({}, pState), { hasLargeCaseDescription, caseDetails: Object.assign(Object.assign({}, pState.caseDetails), action.payload.caseDetails), isCaseUpdating: false }), (resetEntitlementId ? { selectedEntitlementId: undefined } : {}));
         }
         case CaseReducerConstants.caseStateChanged: {
             return Object.assign(Object.assign({}, pState), action.payload);
@@ -89,10 +105,8 @@ export const caseReducer = (pState, action) => {
             return Object.assign(Object.assign(Object.assign({}, pState), initialCaseState), { isFetchingCaseDetails: true, isFetchingCaseDetailsError: false, caseDetails: Object.assign(Object.assign({}, initialCaseState.caseDetails), { caseNumber: (_l = (_k = (_j = action.payload) === null || _j === void 0 ? void 0 : _j.caseDetails) === null || _k === void 0 ? void 0 : _k.caseNumber) !== null && _l !== void 0 ? _l : '' }) });
         }
         case CaseReducerConstants.receivedCaseDetails: {
-            return Object.assign(Object.assign(Object.assign({}, pState), action.payload), { isFetchingCaseDetails: false, isFetchingCaseDetailsError: false });
-        }
-        case CaseReducerConstants.updateComments: {
-            return Object.assign(Object.assign({}, pState), { caseDetails: Object.assign(Object.assign({}, pState.caseDetails), { comments: action.payload.caseDetails.comments }) });
+            const _m = action.payload, { caseDetails, selectedOwner } = _m, rest = __rest(_m, ["caseDetails", "selectedOwner"]);
+            return Object.assign(Object.assign(Object.assign(Object.assign({}, pState), rest), (selectedOwner ? { selectedOwner } : {})), { caseDetails: Object.assign(Object.assign({}, pState.caseDetails), caseDetails), isFetchingCaseDetails: false, isFetchingCaseDetailsError: false });
         }
         case CaseReducerConstants.receivedCaseDetailsError: {
             return Object.assign(Object.assign({}, pState), { isFetchingCaseDetails: false, isFetchingCaseDetailsError: true, caseDetailsError: action.payload.caseDetailsError });
@@ -167,15 +181,23 @@ export const setNotifiedUser = (dispatch, selectedNotificationContacts) => {
         payload: { selectedNotificationContacts },
     });
 };
-export const submitCase = (dispatch_1, sessionRestoreDispatch_1, caseDetails_1, isCaseCreate_1, errorMessage500_1, loggedInUserSsoUsername_1, ...args_1) => __awaiter(void 0, [dispatch_1, sessionRestoreDispatch_1, caseDetails_1, isCaseCreate_1, errorMessage500_1, loggedInUserSsoUsername_1, ...args_1], void 0, function* (dispatch, sessionRestoreDispatch, caseDetails, isCaseCreate, errorMessage500, loggedInUserSsoUsername, isSecureSupport = false, isResubmit, isCreatingCaseFlow, sessionItem) {
-    var _a, _b;
+export const submitCase = (dispatch_1, sessionRestoreDispatch_1, caseDetails_1, isCaseCreate_1, errorMessage500_1, loggedInUserSsoUsername_1, ...args_1) => __awaiter(void 0, [dispatch_1, sessionRestoreDispatch_1, caseDetails_1, isCaseCreate_1, errorMessage500_1, loggedInUserSsoUsername_1, ...args_1], void 0, function* (dispatch, sessionRestoreDispatch, caseDetails, isCaseCreate, errorMessage500, loggedInUserSsoUsername, isSecureSupport = false, isResubmit, isCreatingCaseFlow, sessionItem, apolloClient) {
+    var _a, _b, _c, _d, _e, _f;
     dispatch({ type: CaseReducerConstants.isCreatingCase });
     try {
         const casePayload = createCasePayload(caseDetails, sessionItem, isCaseCreate);
+        const graphQLPayload = createCasePayloadGraphQL(caseDetails, sessionItem, isCaseCreate);
         dispatch({ type: CaseReducerConstants.resetCaseNoOfCreatedCase, payload: { caseNoOfCreatedCase: '' } });
-        const caseNumber = yield publicApi.kase.createCase(casePayload, caseDetails.selectedAccountDetails.data.secureSupport);
+        const { data } = yield apolloClient.mutate({
+            mutation: CREATE_SUPPORT_CASE,
+            variables: {
+                caseInput: graphQLPayload,
+            },
+        });
+        const caseRecord = (_b = (_a = data === null || data === void 0 ? void 0 : data.salesforce_support_uiapi) === null || _a === void 0 ? void 0 : _a.CaseCreate) === null || _b === void 0 ? void 0 : _b.SalesforceSupportRecord;
+        const caseNumber = (_c = caseRecord === null || caseRecord === void 0 ? void 0 : caseRecord.CaseNumber) === null || _c === void 0 ? void 0 : _c.value;
         if (casePayload.contactSSOName === loggedInUserSsoUsername &&
-            !isEmpty((_a = casePayload.phoneAreaCodePrefixLineNumber) === null || _a === void 0 ? void 0 : _a.trim()) &&
+            !isEmpty((_d = casePayload.phoneAreaCodePrefixLineNumber) === null || _d === void 0 ? void 0 : _d.trim()) &&
             !isEmpty(trimAndReplacePlus((casePayload === null || casePayload === void 0 ? void 0 : casePayload.phoneCountryCode) || ''))) {
             contacts.updateContactBySSO(casePayload.contactSSOName, {
                 supportPhoneCountryCode: casePayload.phoneCountryCode,
@@ -184,7 +206,7 @@ export const submitCase = (dispatch_1, sessionRestoreDispatch_1, caseDetails_1,
         }
         // For updating the sessions and posting cep details after case creation
         postCaseCreationProcessing(isSecureSupport, dispatch, sessionRestoreDispatch, caseNumber, caseDetails, sessionItem);
-        dtmTrackEventCaseCreationStepEncountered(isCreatingCaseFlow, 'Submit', false, caseNumber, PreviousToNewCaseTypeMap[(_b = caseDetails.caseDetails) === null || _b === void 0 ? void 0 : _b.caseType], caseDetails.caseDetails.summary, caseDetails.caseDetails.product, caseDetails.caseDetails.version);
+        dtmTrackEventCaseCreationStepEncountered(isCreatingCaseFlow, 'Submit', false, caseNumber, PreviousToNewCaseTypeMap[(_e = caseDetails.caseDetails) === null || _e === void 0 ? void 0 : _e.caseType], (_f = caseDetails.caseDetails.summary) !== null && _f !== void 0 ? _f : undefined, caseDetails.caseDetails.product, caseDetails.caseDetails.version);
         dispatch({ type: CaseReducerConstants.caseCreated, payload: { caseNoOfCreatedCase: caseNumber } });
     }
     catch (error) {
@@ -376,8 +398,8 @@ export const clearSelectedAccount = (dispatch) => {
         payload: { caseDetails: { accountNumberRef: '' } },
     });
 };
-export const setCaseAccountNumber = (dispatch_1, accountNumber_1, ...args_1) => __awaiter(void 0, [dispatch_1, accountNumber_1, ...args_1], void 0, function* (dispatch, accountNumber, isLoggedInUsersAccount = false, loggedInUserAccount = {}) {
-    var _a;
+export const setCaseAccountNumber = (dispatch_1, accountNumber_1, ...args_1) => __awaiter(void 0, [dispatch_1, accountNumber_1, ...args_1], void 0, function* (dispatch, accountNumber, isLoggedInUsersAccount = false, loggedInUserAccount = {}, apolloClient) {
+    var _a, _b, _c, _d, _e;
     if (isLoggedInUsersAccount && !isEmpty(loggedInUserAccount) && !isEmpty(accountNumber)) {
         dispatch({
             type: CaseReducerConstants.caseStateChanged,
@@ -410,7 +432,12 @@ export const setCaseAccountNumber = (dispatch_1, accountNumber_1, ...args_1) =>
         payload: { selectedAccountDetails: getApiResourceObject({}, true) },
     });
     try {
-        const selectedAccountDetails = yield accounts.getAccount(accountNumber);
+        const { data } = yield apolloClient.query({
+            query: GET_ACCOUNT,
+            variables: getAccountQueryVariables(accountNumber),
+        });
+        const edges = (_e = (_d = (_c = (_b = data === null || data === void 0 ? void 0 : data.salesforce_support_uiapi) === null || _b === void 0 ? void 0 : _b.query) === null || _c === void 0 ? void 0 : _c.SalesforceSupportAccount) === null || _d === void 0 ? void 0 : _d.edges) !== null && _e !== void 0 ? _e : [];
+        const selectedAccountDetails = handleGraphQLAccountResponse(edges);
         dispatch({
             type: CaseReducerConstants.caseStateChanged,
             payload: { selectedAccountDetails: getApiResourceObject(selectedAccountDetails) },
@@ -434,7 +461,7 @@ export const fetchCaseGroupsForAccount = (dispatch_1, accountNumber_1, ...args_1
         (response || []).sort((a, b) => a.name.localeCompare(b.name));
         const defaultCaseGroup = (_b = (!isEmpty(caseGroupNumberToRestore)
             ? caseGroupNumberToRestore
-            : (_a = find(response, (g) => g.isDefault)) === null || _a === void 0 ? void 0 : _a.groupNum)) !== null && _b !== void 0 ? _b : '-1';
+            : (_a = find(response, (g) => g.isDefault)) === null || _a === void 0 ? void 0 : _a.groupNum)) !== null && _b !== void 0 ? _b : null;
         dispatch({
             type: CaseReducerConstants.caseStateChanged,
             payload: { ownersCaseGroups: getApiResourceObject(response, false) },
@@ -446,7 +473,7 @@ export const fetchCaseGroupsForAccount = (dispatch_1, accountNumber_1, ...args_1
             type: CaseReducerConstants.caseStateChanged,
             payload: { ownersCaseGroups: getApiResourceObject([], false, true, e.message) },
         });
-        setCaseGroupToUngroupedOrDefault && setCaseDetails(dispatch, { groupNumber: '-1' });
+        setCaseGroupToUngroupedOrDefault && setCaseDetails(dispatch, { groupNumber: null });
     }
 });
 export const setCaseOwner = (dispatch_1, owner_1, product_1, abortSignalCaseGroup_1, abortSignalEntitlements_1, ...args_1) => __awaiter(void 0, [dispatch_1, owner_1, product_1, abortSignalCaseGroup_1, abortSignalEntitlements_1, ...args_1], void 0, function* (dispatch, owner, product, abortSignalCaseGroup, abortSignalEntitlements, setCaseGroupToUngroupedOrDefault = false, caseGroupNumberToRestore, canChangeGroup = true, isUserUpdate, caseNumber, caseAccountNumber) {
@@ -462,7 +489,7 @@ export const setCaseOwner = (dispatch_1, owner_1, product_1, abortSignalCaseGrou
                 },
             },
         });
-        setCaseGroupToUngroupedOrDefault && setCaseDetails(dispatch, { groupNumber: '-1' });
+        setCaseGroupToUngroupedOrDefault && setCaseDetails(dispatch, { groupNumber: null });
         dispatch({
             type: CaseReducerConstants.caseStateChanged,
             payload: {
@@ -475,23 +502,25 @@ export const setCaseOwner = (dispatch_1, owner_1, product_1, abortSignalCaseGrou
     }
     dispatch({
         type: CaseReducerConstants.caseStateChanged,
-        payload: { selectedOwner: getApiResourceObject(owner) },
+        payload: { selectedOwner: getApiResourceObject(owner), hasInvalidEntitlements: false },
     });
     dispatch({
         type: CaseReducerConstants.caseDetailChanged,
         payload: { caseDetails: { contactSSOName: owner.ssoUsername } },
     });
-    if (canChangeGroup) {
-        if (caseAccountNumber) {
-            fetchCaseGroupsForAccount(dispatch, caseAccountNumber, setCaseGroupToUngroupedOrDefault, abortSignalCaseGroup, caseGroupNumberToRestore);
-        }
-        else {
-            fetchCaseGroupsForSSO(dispatch, owner.ssoUsername, setCaseGroupToUngroupedOrDefault, abortSignalCaseGroup, caseGroupNumberToRestore);
-        }
-    }
-    delay(() => __awaiter(void 0, void 0, void 0, function* () {
-        return yield fetchCaseEntitlements(dispatch, owner.ssoUsername, product, abortSignalEntitlements, isUserUpdate, caseNumber);
-    }), 5000, 'later');
+    // delay(
+    //     async () =>
+    //         await fetchCaseEntitlements(
+    //             dispatch,
+    //             owner.ssoUsername!,
+    //             product,
+    //             abortSignalEntitlements,
+    //             isUserUpdate,
+    //             caseNumber
+    //         ),
+    //     5000,
+    //     'later'
+    // );
 });
 //changing the item values to uppercase to match the backend values
 const slaOrder = Object.values(SupportLevelDisplay).map((item) => {
@@ -554,7 +583,7 @@ export const fetchCaseGroupsForSSO = (dispatch_1, contactSsoUsername_1, ...args_
         (response || []).sort((a, b) => a.name.localeCompare(b.name));
         const defaultCaseGroup = (_b = (!isEmpty(caseGroupNumberToRestore)
             ? caseGroupNumberToRestore
-            : (_a = find(response, (g) => g.isDefault)) === null || _a === void 0 ? void 0 : _a.groupNum)) !== null && _b !== void 0 ? _b : '-1';
+            : (_a = find(response, (g) => g.isDefault)) === null || _a === void 0 ? void 0 : _a.groupNum)) !== null && _b !== void 0 ? _b : null;
         dispatch({
             type: CaseReducerConstants.caseStateChanged,
             payload: { ownersCaseGroups: getApiResourceObject(response, false) },
@@ -566,18 +595,69 @@ export const fetchCaseGroupsForSSO = (dispatch_1, contactSsoUsername_1, ...args_
             type: CaseReducerConstants.caseStateChanged,
             payload: { ownersCaseGroups: getApiResourceObject([], false, true, e.message) },
         });
-        setCaseGroupToUngroupedOrDefault && setCaseDetails(dispatch, { groupNumber: '-1' });
+        setCaseGroupToUngroupedOrDefault && setCaseDetails(dispatch, { groupNumber: null });
+    }
+});
+export const fetchCaseGroupsForContactGraphQL = (dispatch_1, apolloClient_1, contactId_1, accountNumber_1, defaultCaseGroupId_1, ...args_1) => __awaiter(void 0, [dispatch_1, apolloClient_1, contactId_1, accountNumber_1, defaultCaseGroupId_1, ...args_1], void 0, function* (dispatch, apolloClient, contactId, accountNumber, defaultCaseGroupId, isOrgAdmin = false, currentGroupNumber) {
+    var _a, _b, _c, _d;
+    dispatch({
+        type: CaseReducerConstants.caseStateChanged,
+        payload: { ownersCaseGroups: getApiResourceObject([], true) },
+    });
+    try {
+        const { data } = yield apolloClient.query({
+            query: GET_CASE_GROUP,
+        });
+        const response = data;
+        const allGroups = (_d = (_c = (_b = (_a = response === null || response === void 0 ? void 0 : response.salesforce_support_uiapi) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.SalesforceSupportCaseGroup__c) === null || _c === void 0 ? void 0 : _c.edges) !== null && _d !== void 0 ? _d : [];
+        const matchedGroups = allGroups
+            .filter(({ node }) => isOrgAdmin ||
+            node.CaseGroupMembers__r.edges.some(({ node: member }) => member.Contact__c.value === contactId))
+            .map(({ node }) => ({
+            groupId: node.Id,
+            groupName: safeDecodeGroupName(node.Name.value),
+        }))
+            .sort((a, b) => a.groupName.localeCompare(b.groupName));
+        const ownersCaseGroups = matchedGroups.map((g) => ({
+            groupNum: g.groupId,
+            name: g.groupName,
+            isDefault: defaultCaseGroupId ? g.groupId === defaultCaseGroupId : false,
+            isPrivate: false,
+            defaultMembers: [],
+            members: [],
+        }));
+        dispatch({
+            type: CaseReducerConstants.caseStateChanged,
+            payload: { ownersCaseGroups: getApiResourceObject(ownersCaseGroups, false) },
+        });
+        const defaultGroup = defaultCaseGroupId ? matchedGroups.find((g) => g.groupId === defaultCaseGroupId) : null;
+        if (currentGroupNumber === '') {
+            // User explicitly cleared the group — don't auto-select
+        }
+        else if (!currentGroupNumber) {
+            if (defaultGroup) {
+                setCaseDetails(dispatch, { groupNumber: defaultGroup.groupId, groupName: defaultGroup.groupName });
+            }
+        }
+        return matchedGroups;
+    }
+    catch (e) {
+        dispatch({
+            type: CaseReducerConstants.caseStateChanged,
+            payload: { ownersCaseGroups: getApiResourceObject([], false, true, e.message) },
+        });
+        return [];
     }
 });
 const getSelectedNotificationContactsFromSession = (contacts, notifiedUsers) => {
     return filter(contacts, (c) => notifiedUsers.includes(c.ssoUsername));
 };
-export const updateCaseWithSession = (dispatch_1, sessionItem_1, loggedInUserAccountNumber_1, loggedInUserContact_1, ...args_1) => __awaiter(void 0, [dispatch_1, sessionItem_1, loggedInUserAccountNumber_1, loggedInUserContact_1, ...args_1], void 0, function* (dispatch, sessionItem, loggedInUserAccountNumber, loggedInUserContact, loggedInUserAccount = {}) {
+export const updateCaseWithSession = (dispatch_1, sessionItem_1, loggedInUserAccountNumber_1, loggedInUserContact_1, ...args_1) => __awaiter(void 0, [dispatch_1, sessionItem_1, loggedInUserAccountNumber_1, loggedInUserContact_1, ...args_1], void 0, function* (dispatch, sessionItem, loggedInUserAccountNumber, loggedInUserContact, loggedInUserAccount = {}, apolloClient) {
     var _a, _b, _c, _d;
     const caseDetails = getCaseFromSessionDetails(sessionItem, loggedInUserAccountNumber, loggedInUserContact.ssoUsername);
     const { sessionDetails } = sessionItem;
     setCaseDetails(dispatch, caseDetails);
-    setCaseAccountNumber(dispatch, caseDetails.accountNumberRef, caseDetails.accountNumberRef === loggedInUserAccountNumber, loggedInUserAccount);
+    setCaseAccountNumber(dispatch, caseDetails.accountNumberRef, caseDetails.accountNumberRef === loggedInUserAccountNumber, loggedInUserAccount, apolloClient);
     // entitlementSla gets undefined when case group, owner or product is changed
     // Please refer line 60
     if (isUndefined(caseDetails.entitlementSla)) {
@@ -637,12 +717,13 @@ const getAllRelevantContacts = (loggedInUserContact, caseAccountNumber, contactS
         return uniqBy(contactsToReturn, 'ssoUsername');
     }
 });
-export const fetchCaseDetails = (dispatch, caseNumber, loggedInUserRights, loggedInUser) => __awaiter(void 0, void 0, void 0, function* () {
+export const fetchCaseDetailsHydra = (dispatch, caseNumber, loggedInUserRights, loggedInUser, apolloClient) => __awaiter(void 0, void 0, void 0, function* () {
     var _a, _b;
     dispatch({ type: CaseReducerConstants.requestCaseDetails, payload: { caseDetails: { caseNumber } } });
     try {
         const data = yield publicApi.kase.getCase(caseNumber);
         const caseDetails = {
+            id: data.id,
             product: data.product,
             version: data.version,
             summary: data.summary,
@@ -664,7 +745,7 @@ export const fetchCaseDetails = (dispatch, caseNumber, loggedInUserRights, logge
             createdDate: data.createdDate,
             createdById: data.createdById,
             alternateId: data.alternateId,
-            groupNumber: data.groupNumber || '-1', //Explicitly assigning folderNumber = '-1' for ungrouped case when case payload has no group information
+            groupNumber: data.groupNumber || null,
             caseNumber: data.caseNumber,
             hostname: data.hostname,
             contactInfo24x7: data.contactInfo24x7,
@@ -676,7 +757,7 @@ export const fetchCaseDetails = (dispatch, caseNumber, loggedInUserRights, logge
             sbrGroups: (data === null || data === void 0 ? void 0 : data.sbrGroups) || [],
             firstCaseInactivityWarningSentAt: (data === null || data === void 0 ? void 0 : data.firstCaseInactivityWarningSentAt) || undefined,
             secondCaseInactivityWarningSentAt: (data === null || data === void 0 ? void 0 : data.secondCaseInactivityWarningSentAt) || undefined,
-            groupName: data.groupName || '',
+            groupName: safeDecodeGroupName(data.groupName || ''),
             remoteSessionTermsAcked: (_a = data.remoteSessionTermsAcked) !== null && _a !== void 0 ? _a : false,
             noClusterIdReason: data.noClusterIdReason || '',
             noClusterIdReasonExplanation: data.noClusterIdReasonExplanation || '',
@@ -707,12 +788,10 @@ export const fetchCaseDetails = (dispatch, caseNumber, loggedInUserRights, logge
             caseNoOfCreatedCase: caseNumber,
         };
         dispatch({ type: CaseReducerConstants.receivedCaseDetails, payload: Object.assign(Object.assign({}, caseState), { caseDetails }) });
-        setCaseAccountNumber(dispatch, data.accountNumberRef);
-        const canChangeGroup = loggedInUserRights.isInternal() ||
-            loggedInUser.isOrgAdmin ||
-            loggedInUser.ssoUsername === caseDetails.contactSSOName ||
-            loggedInUserRights.isPartnerOrgAdmin();
-        setCaseOwner(dispatch, { ssoUsername: data.contactSSOName, fullNameCustom: data.contactName }, '', undefined, undefined, false, undefined, canChangeGroup, undefined, undefined, loggedInUserRights.isInternal() ? data.accountNumberRef : undefined);
+        setCaseAccountNumber(dispatch, data.accountNumberRef, false, {}, apolloClient);
+        // Owner is set by fetchCaseDetails (GraphQL) in Case.tsx via mapGraphQLCaseContactToOwnerState
+        // which already sets selectedOwner with id (contactId) from the case details query.
+        // The contact details are then enriched by CaseContactsSelectorExternal when the contacts list loads.
         const notifiedListUsers = map(data.notifiedUsers, (o) => ({
             ssoUsername: o.ssoUsername,
             fullNameCustom: o.title,
@@ -721,15 +800,22 @@ export const fetchCaseDetails = (dispatch, caseNumber, loggedInUserRights, logge
             type: CaseReducerConstants.setLoadedNotificationContacts,
             payload: { notifiedUsers: notifiedListUsers },
         });
-        if (data.groupNumber && data.groupNumber !== '-1') {
+        if (data.groupNumber) {
             setSelectedCaseGroupUsers(dispatch, data.accountNumberRef, data.groupNumber, loggedInUserRights);
         }
-        if (loggedInUserRights.isInternal() && !loggedInUserRights.isSecureSupportTech()) {
-            getNotificationContacts4InternalUser(dispatch, notifiedListUsers, data.contactSSOName);
-        }
-        else {
-            getNotificationContacts4ExternalUser(dispatch, notifiedListUsers, loggedInUserRights, data.accountNumberRef, data.contactSSOName, data.contactName);
-        }
+        // TODO: Re-enable send notifications calls once GraphQL support is available
+        // if (loggedInUserRights.isInternal() && !loggedInUserRights.isSecureSupportTech()) {
+        //     getNotificationContacts4InternalUser(dispatch, notifiedListUsers, data.contactSSOName);
+        // } else {
+        //     getNotificationContacts4ExternalUser(
+        //         dispatch,
+        //         notifiedListUsers,
+        //         loggedInUserRights,
+        //         data.accountNumberRef,
+        //         data.contactSSOName,
+        //         data.contactName
+        //     );
+        // }
     }
     catch (error) {
         dispatch({ type: CaseReducerConstants.receivedCaseDetailsError, payload: { caseDetailsError: error } });
@@ -753,7 +839,46 @@ export const updateCaseDetails = (dispatch, caseNumber, caseDetails, dontSetDeta
     }
     catch (error) {
         dispatch({ type: CaseReducerConstants.updateCaseDetailsError });
-        return Promise.reject(error);
+        throw error;
+    }
+});
+export const updateCaseDetailsGraphQL = (dispatch, apolloClient, caseNumber, caseUpdate, dontSetDetails, options) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a, _b;
+    try {
+        dispatch({ type: CaseReducerConstants.updateCaseDetailUpdating });
+        const salesforceCaseId = (_a = options === null || options === void 0 ? void 0 : options.salesforceCaseId) !== null && _a !== void 0 ? _a : (_b = options === null || options === void 0 ? void 0 : options.existingCaseDetails) === null || _b === void 0 ? void 0 : _b.id;
+        const graphqlDetails = yield updateCaseDetailsGraphQLRequest(apolloClient, caseNumber, caseUpdate, {
+            salesforceCaseId,
+            existingCaseDetails: (options === null || options === void 0 ? void 0 : options.existingCaseDetails)
+                ? {
+                    product: options.existingCaseDetails.product,
+                    version: options.existingCaseDetails.version,
+                }
+                : undefined,
+        });
+        if (dontSetDetails) {
+            dispatch({ type: CaseReducerConstants.updateCaseDetailCompleted });
+            return;
+        }
+        let updatedCaseDetails = Object.assign({}, caseUpdate);
+        if (graphqlDetails) {
+            const mappedGraphQLDetails = mapGraphQLCaseDetailsToCasePayload(graphqlDetails);
+            updatedCaseDetails = Object.assign(Object.assign({}, updatedCaseDetails), Object.fromEntries(Object.entries(mappedGraphQLDetails).filter(([, value]) => value !== null && value !== undefined && value !== '')));
+        }
+        else {
+            const refreshedDetails = yield fetchCaseDetailsByCaseNumber(apolloClient, caseNumber);
+            if (refreshedDetails) {
+                updatedCaseDetails = Object.assign(Object.assign({}, updatedCaseDetails), mapGraphQLCaseDetailsToCasePayload(refreshedDetails));
+            }
+        }
+        dispatch({
+            type: CaseReducerConstants.caseDetailChanged,
+            payload: { caseDetails: updatedCaseDetails, isCaseUpdating: false },
+        });
+    }
+    catch (error) {
+        dispatch({ type: CaseReducerConstants.updateCaseDetailsError });
+        throw error;
     }
 });
 export const getNotificationContacts4InternalUser = (dispatch, users, caseOwnerSSO) => __awaiter(void 0, void 0, void 0, function* () {
@@ -880,7 +1005,7 @@ export const setSelectedCaseGroupUsers = (dispatch, accountNumber, groupNumber,
     const canUserChangeOwner = loggedInUserRights.isOrgAdmin() ||
         (loggedInUserRights.isExternalNonOrgAdmin() &&
             loggedInUserRights.isAccountDifferentFromLoggedInAccount(accountNumber));
-    if (groupNumber === '-1' || !canUserChangeOwner) {
+    if (!groupNumber || !canUserChangeOwner) {
         dispatch({
             type: CaseReducerConstants.caseStateChanged,
             payload: { selectedCaseGroupUsers: getApiResourceObject([]) },
@@ -935,14 +1060,26 @@ export function updateEmailListState(dispatch, email, customEmailsList, callback
         payload: { customEmailsList: Object.assign(Object.assign({}, customEmailsList), { data: newEmail }) },
     });
 }
-export function getVersionsDetails(dispatch, product) {
+export function getVersionsDetails(dispatch, apolloClient, parentProductId, parentProductName) {
     return __awaiter(this, void 0, void 0, function* () {
+        var _a, _b, _c, _d;
         try {
             dispatch({
                 type: CaseReducerConstants.getVersionDetails,
                 payload: { versionsDetails: getApiResourceObject([], true) },
             });
-            const versionsDetails = yield pcm.products.getDetailedVersions(product);
+            const { data } = yield apolloClient.query({
+                query: GET_PRODUCTS,
+                variables: {
+                    where: {
+                        ParentProduct__c: { eq: parentProductId },
+                        IsActive: { eq: true },
+                    },
+                    first: 200,
+                },
+            });
+            const edges = (_d = (_c = (_b = (_a = data === null || data === void 0 ? void 0 : data.salesforce_support_uiapi) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.SalesforceSupportProduct2) === null || _c === void 0 ? void 0 : _c.edges) !== null && _d !== void 0 ? _d : [];
+            const versionsDetails = handleGraphQLVersionsResponse(edges, parentProductName);
             dispatch({
                 type: CaseReducerConstants.getVersionDetails,
                 payload: { versionsDetails: getApiResourceObject(versionsDetails) },

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

@@ -0,0 +1,41 @@
+export interface IHistoryChangeItem {
+    fieldName: string;
+    displayName?: string;
+    oldValue?: string | null;
+    newValue?: string | boolean | null;
+    createdByUserName?: string;
+}
+export declare const MULTI_SELECT_FIELDS: string[];
+export declare const LANGUAGE_CODE_MAPPING: Record<string, string>;
+/**
+ * Maps `displayName` values (from `normalizeNodeToHistoryItem`, not raw SF API names)
+ * to camelCase property prefixes used for hydrated lookup properties on history items.
+ * E.g. key `"Product"` → prefix `"product"` → looks up `productNewName`, `productOldName`.
+ */
+export declare const KEY_MAP: Record<string, string>;
+export declare const formatMultiSelectChange: (fieldName: string, oldValue: string, newValue: string) => string;
+/**
+ * Generates human-readable text for a field change based on which values are present:
+ * - Both values present → "changed X from A to B" (multiselect fields get add/remove diffing)
+ * - Only newValue → "set X to B"
+ * - Only oldValue (newValue is undefined or empty) → "removed X, was A"
+ * - None of the above but `item.newValue` exists → fallback for cases where the resolved
+ *   display string on the item differs from the `newValue` parameter passed in
+ */
+export declare const formatDefaultChange: (item: IHistoryChangeItem, fieldName: string, oldValue: string, newValue: string) => string;
+/**
+ * Field-specific formatting for history change text. Each case handles a SF field
+ * whose raw values need special treatment before display.
+ */
+export declare const handleFieldChange: (item: IHistoryChangeItem, fieldName: string, oldValue: string, newValue: string) => string;
+/**
+ * Post-processes formatted change text.
+ *
+ * - Boolean special case: SF boolean history entries can carry a raw `boolean` newValue
+ *   even after `extractStringValue` stringifies it. When the item's `newValue` is still
+ *   a boolean at this point, we generate dedicated text to avoid displaying "true"/"false".
+ * - String replacements remap legacy SF display names to current UI terminology
+ *   ("Problem Statement" → "Title", "Case Type" → "Support Type").
+ */
+export declare const applyPostProcessing: (text: string, item: IHistoryChangeItem) => string;
+//# sourceMappingURL=TimelineUtils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimelineUtils.d.ts","sourceRoot":"","sources":["../../../src/utils/TimelineUtils.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,kBAAkB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC;IACnC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC9B;AAMD,eAAO,MAAM,mBAAmB,UAAmB,CAAC;AAEpD,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAcxD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAY1C,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAAI,WAAW,MAAM,EAAE,UAAU,MAAM,EAAE,UAAU,MAAM,KAAG,MAgB/F,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB,GAC5B,MAAM,kBAAkB,EACxB,WAAW,MAAM,EACjB,UAAU,MAAM,EAChB,UAAU,MAAM,KACjB,MAiBF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,GAC1B,MAAM,kBAAkB,EACxB,WAAW,MAAM,EACjB,UAAU,MAAM,EAChB,UAAU,MAAM,KACjB,MA+BF,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,mBAAmB,GAAI,MAAM,MAAM,EAAE,MAAM,kBAAkB,KAAG,MAM5E,CAAC"}

package/lib/esm/utils/TimelineUtils.js

@@ -0,0 +1,134 @@
+import { getFieldDisplayName } from './caseHistoryUtils';
+// 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.
+// SF delimits multiselect picklist values with semicolons (`;`).
+export const MULTI_SELECT_FIELDS = ['SBR_Group__c'];
+export const LANGUAGE_CODE_MAPPING = {
+    de: 'German',
+    en: 'English',
+    es: 'Spanish',
+    fr: 'French',
+    it: 'Italian',
+    pt: 'Portuguese',
+    ko: 'Korean',
+    ja: 'Japanese',
+    zh: 'Chinese',
+    zh_CN: 'Chinese',
+    zh_HK: 'Chinese (Hong Kong)',
+    zh_TW: 'Chinese (Taiwan)',
+    ru: 'Russian',
+};
+/**
+ * Maps `displayName` values (from `normalizeNodeToHistoryItem`, not raw SF API names)
+ * to camelCase property prefixes used for hydrated lookup properties on history items.
+ * E.g. key `"Product"` → prefix `"product"` → looks up `productNewName`, `productOldName`.
+ */
+export const KEY_MAP = {
+    Product: 'product',
+    Version: 'version',
+    Account: 'account',
+    Contact: 'contact',
+    Entitlement: 'entitlement',
+    'Business Hours': 'businessHours',
+    Owner: 'queueNameOwner',
+    'Customer Escalation': 'customerEscalation',
+    'Case Group': 'caseGroup',
+    'SLA Start Date': 'slaStartDate',
+    'Case Language': 'caseLanguage',
+};
+export const formatMultiSelectChange = (fieldName, oldValue, newValue) => {
+    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) {
+        return `added ${added.join(', ')} to ${fieldName}`;
+    }
+    if (removed.length > 0 && added.length === 0) {
+        return `removed ${removed.join(', ')} from ${fieldName}`;
+    }
+    if (added.length > 0 && removed.length > 0) {
+        return `changed ${fieldName}, added ${added.join(', ')} and removed ${removed.join(', ')}`;
+    }
+    return `changed ${fieldName} from ${oldValue} to ${newValue}`;
+};
+/**
+ * Generates human-readable text for a field change based on which values are present:
+ * - Both values present → "changed X from A to B" (multiselect fields get add/remove diffing)
+ * - Only newValue → "set X to B"
+ * - Only oldValue (newValue is undefined or empty) → "removed X, was A"
+ * - None of the above but `item.newValue` exists → fallback for cases where the resolved
+ *   display string on the item differs from the `newValue` parameter passed in
+ */
+export const formatDefaultChange = (item, fieldName, oldValue, newValue) => {
+    if (oldValue && newValue) {
+        if (MULTI_SELECT_FIELDS.includes(item.fieldName)) {
+            return formatMultiSelectChange(fieldName, oldValue, newValue);
+        }
+        return `changed ${fieldName} from ${oldValue} to ${newValue}`;
+    }
+    if (newValue) {
+        return `set ${fieldName} to ${newValue}`;
+    }
+    if (oldValue && (newValue === undefined || newValue === '')) {
+        return `removed ${fieldName}, was ${oldValue}`;
+    }
+    if (item.newValue !== undefined) {
+        return `set ${fieldName} to ${item.newValue}`;
+    }
+    return '';
+};
+/**
+ * Field-specific formatting for history change text. Each case handles a SF field
+ * whose raw values need special treatment before display.
+ */
+export const handleFieldChange = (item, fieldName, oldValue, newValue) => {
+    var _a, _b;
+    switch (item.fieldName) {
+        // Raw values are ISO 639-1 language codes; expand via LANGUAGE_CODE_MAPPING.
+        case 'Case_Language__c': {
+            const newVal = String((_a = item.newValue) !== null && _a !== void 0 ? _a : '');
+            const oldVal = String((_b = item.oldValue) !== null && _b !== void 0 ? _b : '');
+            const newLanguage = LANGUAGE_CODE_MAPPING[newVal] || newVal;
+            const oldLanguage = LANGUAGE_CODE_MAPPING[oldVal] || oldVal;
+            return oldVal && newVal
+                ? `changed ${fieldName} from ${oldLanguage} to ${newLanguage}`
+                : `set ${fieldName} to ${newLanguage || 'empty'}`;
+        }
+        // Raw SFDC IDs were already filtered by filterSfdcIdEntries; this handles the
+        // resolved-name path and uses createdByUserName as the display value.
+        case 'OwnerId':
+            return item.createdByUserName ? `set ${fieldName} to ${item.createdByUserName}` : '';
+        case 'Status':
+            return item.oldValue && item.newValue
+                ? `changed ${fieldName} from ${item.oldValue} to ${item.newValue}`
+                : `set ${fieldName} to ${item.newValue || 'empty'}`;
+        // Boolean toggle → human sentence; only reports when a user name is available.
+        case 'Customer_Escalation__c':
+            return item.createdByUserName ? 'started Escalation for this ticket' : '';
+        case 'SlaStartDate':
+            return item.newValue ? `set ${fieldName} to ${item.newValue}` : '';
+        // Field value is a user ID, not a label — hardcoded string avoids displaying a raw ID.
+        case 'RemoteSessionTermsAckedBy__c':
+            return 'Acked Remote Rider terms';
+        default:
+            return formatDefaultChange(item, fieldName, oldValue, newValue);
+    }
+};
+/**
+ * Post-processes formatted change text.
+ *
+ * - Boolean special case: SF boolean history entries can carry a raw `boolean` newValue
+ *   even after `extractStringValue` stringifies it. When the item's `newValue` is still
+ *   a boolean at this point, we generate dedicated text to avoid displaying "true"/"false".
+ * - String replacements remap legacy SF display names to current UI terminology
+ *   ("Problem Statement" → "Title", "Case Type" → "Support Type").
+ */
+export const applyPostProcessing = (text, item) => {
+    if (typeof item.newValue === 'boolean') {
+        const fieldName = item.displayName || getFieldDisplayName(item.fieldName);
+        return `set ${fieldName} to ${item.newValue}`;
+    }
+    return text.replaceAll('Problem Statement', 'Title').replaceAll('Case Type', 'Support Type');
+};