@rh-support/troubleshoot 2.6.340 → 2.6.349

package/lib/esm/components/AccountInfo/AccountSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccountSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountInfo/AccountSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAOnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAK5D,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,UAAU,MAAO,SAAQ,gBAAgB;CAAG;AAE5C,eAAO,MAAM,YAAY,EAAE,MAG1B,CAAC;AAEF,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,qBAkKrC;kBAlKQ,eAAe;;;AAsKxB,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"AccountSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountInfo/AccountSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAOnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAK5D,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,UAAU,MAAO,SAAQ,gBAAgB;CAAG;AAE5C,eAAO,MAAM,YAAY,EAAE,MAG1B,CAAC;AAEF,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,qBA6KrC;kBA7KQ,eAAe;;;AAiLxB,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/lib/esm/components/AccountInfo/AccountSelector.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import './css/accountSelector.css';
-import { useApolloClient } from '@apollo/client/react';
+import { accounts } from '@cee-eng/hydrajs';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { AlertMessage, AlertType } from '@rh-support/components';
 import { AccountSelectorInternal, GlobalMetadataStateContext } from '@rh-support/react-context';
@@ -30,14 +30,12 @@ export const defaultProps = {
 function AccountSelector(props) {
     var _a;
     const [showNotEntitledMessage, setShowNotEntitledMessage] = useState(false);
-    const { accountNumber, selectedAccountDetails, hasInvalidEntitlements } = useCaseSelector((state) => ({
+    const { accountNumber, selectedAccountDetails } = useCaseSelector((state) => ({
         accountNumber: state.caseDetails.accountNumberRef,
         selectedAccountDetails: state.selectedAccountDetails,
-        hasInvalidEntitlements: state.hasInvalidEntitlements,
     }), isEqual);
     const isSelectedAccountSubscriptionAbused = ((_a = selectedAccountDetails === null || selectedAccountDetails === void 0 ? void 0 : selectedAccountDetails.data) === null || _a === void 0 ? void 0 : _a.subscriptionAbuse) || false;
     const caseDispatch = useCaseDispatch();
-    const apolloClient = useApolloClient();
     const routeDispatch = useRouteDispatchContext();
     const { globalMetadataState: { bookmarkedGroupAccounts, loggedInUserRights, managedAccounts, loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
     const { t } = useTranslation();
@@ -54,7 +52,7 @@ function AccountSelector(props) {
             clearSelectedAccount(caseDispatch);
             return;
         }
-        setCaseAccountNumber(caseDispatch, account.accountNumber, loggedInUserRights.data.isAccountSameAsLoggedInAccount(account.accountNumber), loggedInUsersAccount.data, apolloClient);
+        setCaseAccountNumber(caseDispatch, account.accountNumber, loggedInUserRights.data.isAccountSameAsLoggedInAccount(account.accountNumber), loggedInUsersAccount.data);
     });
     const onInternalAccountSelect = (accounts) => {
         if (!isArray(accounts))
@@ -78,24 +76,36 @@ function AccountSelector(props) {
         accountNumber: selectedAccountDetails.data.accountNumber,
         subscriptionAbuse: selectedAccountDetails.data.subscriptionAbuse,
     };
+    // When internal user wants to open a case for a customer but customer account doesn't have entitlement, we show an error
     useEffect(() => {
-        if (!loggedInUserRights.data.isInternal() || !selectedAccountDetails.data.accountNumber) {
-            return;
-        }
-        if (selectedAccountDetails.data.accountNumber === loggedInUsersAccount.data.accountNumber) {
-            setNoValidEntitlement(routeDispatch, false);
+        const getAccountEntitlement = () => __awaiter(this, void 0, void 0, function* () {
+            // internal user doesn't open case for customer. No need to check account entitlement
+            if (selectedAccountDetails.data.accountNumber === loggedInUsersAccount.data.accountNumber) {
+                setNoValidEntitlement(routeDispatch, false);
+                setShowNotEntitledMessage(false);
+                return;
+            }
             setShowNotEntitledMessage(false);
-            return;
+            try {
+                const res = yield accounts.getAccountEntitlementByInternalUser(selectedAccountDetails.data.accountNumber);
+                if (isEmpty(res)) {
+                    setShowNotEntitledMessage(true);
+                    setNoValidEntitlement(routeDispatch, true);
+                }
+                else {
+                    setShowNotEntitledMessage(false);
+                    setNoValidEntitlement(routeDispatch, false);
+                }
+            }
+            catch (e) {
+                console.log(e);
+            }
+        });
+        if (loggedInUserRights.data.isInternal() && selectedAccountDetails.data.accountNumber) {
+            getAccountEntitlement();
         }
-        setShowNotEntitledMessage(hasInvalidEntitlements);
-        setNoValidEntitlement(routeDispatch, hasInvalidEntitlements);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        selectedAccountDetails.data.accountNumber,
-        loggedInUserRights.data,
-        loggedInUsersAccount.data,
-        hasInvalidEntitlements,
-    ]);
+    }, [selectedAccountDetails.data.accountNumber, loggedInUserRights.data, loggedInUsersAccount.data]);
     if (isEmpty(loggedInUserRights.data))
         return React.createElement(React.Fragment, null);
     return (React.createElement("div", { id: props.id, className: `form-group ${props.className}` },

package/lib/esm/components/AccountInfo/OwnerSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OwnerSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountInfo/OwnerSelector.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAoBxE,UAAU,MAAM;CAAG;AAMnB,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,qBAyanC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"OwnerSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountInfo/OwnerSelector.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAiBxE,UAAU,MAAM;CAAG;AAMnB,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,qBAmTnC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/lib/esm/components/AccountInfo/OwnerSelector.js

@@ -7,11 +7,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-// import { ICasePayload } from '@cee-eng/hydrajs/@types/api/public/case';
-import { useApolloClient } from '@apollo/client/react';
-import { CaseContactsSelectorExternal, getHydraContactLabel, getPhoneObj, OwnerTypeaheadDropdown, ToastNotification, usePrevious, ValueChangedIcon, } from '@rh-support/components';
+import { CaseContactsSelectorExternal, getHydraContactLabel, OwnerTypeaheadDropdown, ToastNotification, usePrevious, ValueChangedIcon, } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
-import { mapGraphQLContactPhoneToCasePhoneFields, sortHydraContacts } from '@rh-support/utils';
+import { sortHydraContacts } from '@rh-support/utils';
 import filter from 'lodash/filter';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
@@ -22,9 +20,7 @@ import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { RouteContext } from '../../context/RouteContext';
 import { useCaseUpdateErrorMessage } from '../../hooks/useCaseUpdateErrorMessage';
-import { fetchCaseGroupsForContactGraphQL, setCaseDetails, setCaseOwner, setCaseState, setNotifiedUser, setSelectedCaseGroupUsers, 
-// updateCaseDetails,
-updateCaseDetailsGraphQL, } from '../../reducers/CaseReducer';
+import { setCaseDetails, setCaseOwner, setCaseState, setNotifiedUser, updateCaseDetails, } from '../../reducers/CaseReducer';
 import { PDFContext } from '../CaseEditView/PDFContainer';
 import { CaseValuesToWatch } from '../shared/Constants';
 import { getChangedValueTooltip } from '../shared/utils';
@@ -34,22 +30,18 @@ function getOwnerDropdownOptions(contacts) {
 function OwnerSelector(props) {
     const { t } = useTranslation();
     const caseUpdateError = useCaseUpdateErrorMessage();
-    const { accountNumber, caseNumber, contactSsoUsername, existingCaseDetails, selectedNotificationContacts, selectedOwner, selectedCaseGroupUsers, selectedAccountDetails, isCaseOwnerUpdating, isCasePhoneUpdating, groupNumber, } = useCaseSelector((state) => ({
+    const { accountNumber, caseNumber, contactSsoUsername, selectedNotificationContacts, selectedOwner, selectedCaseGroupUsers, isCaseOwnerUpdating, isCasePhoneUpdating, } = useCaseSelector((state) => ({
         accountNumber: state.caseDetails.accountNumberRef,
         caseNumber: state.caseDetails.caseNumber,
-        existingCaseDetails: state.caseDetails,
         selectedNotificationContacts: state.selectedNotificationContacts,
         selectedOwner: state.selectedOwner,
         selectedCaseGroupUsers: state.selectedCaseGroupUsers,
-        selectedAccountDetails: state.selectedAccountDetails,
         isCaseOwnerUpdating: state.isCaseOwnerUpdating,
         isCasePhoneUpdating: state.isCasePhoneUpdating,
         contactSsoUsername: state.caseDetails.contactSSOName,
-        groupNumber: state.caseDetails.groupNumber,
     }), isEqual);
     const { routeState: { isNextBtnClickedToShowValidationError }, } = useContext(RouteContext);
     const caseDispatch = useCaseDispatch();
-    const apolloClient = useApolloClient();
     const { globalMetadataState: { loggedInUserRights, loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
     const previousAccountNumber = usePrevious(accountNumber);
     const { isExportingPDF } = useContext(PDFContext);
@@ -72,7 +64,6 @@ function OwnerSelector(props) {
     const onOwnerChange = (selectedContact, prevCaseOwner, notificationContacts, dispatch, abortSignalCaseGroup, abortSignalEntitlements) => __awaiter(this, void 0, void 0, function* () {
         if (prevCaseOwner === selectedContact.ssoUsername || isEmpty(selectedContact.ssoUsername))
             return;
-        setCaseDetails(caseDispatch, { groupNumber: null, groupName: '' });
         yield setCaseOwner(dispatch, selectedContact, '', abortSignalCaseGroup, abortSignalEntitlements, true, undefined, true, undefined, undefined, loggedInUserRights.data.isInternal() ? accountNumber : undefined);
         setLocalOwnerChange(true);
         !isEmpty(selectedContact) &&
@@ -111,22 +102,18 @@ function OwnerSelector(props) {
         }
         setNotifiedUser(caseDispatch, newNotifiedUsers);
     };
-    const getOwnerPhoneCaseUpdate = (owner) => {
-        var _a;
-        if (!((_a = owner.phone) === null || _a === void 0 ? void 0 : _a.trim())) {
-            return null;
-        }
-        return mapGraphQLContactPhoneToCasePhoneFields(owner.phone, (phone) => {
-            const { countryCode, phoneLine } = getPhoneObj(phone);
-            return { countryCode, phoneLine: phoneLine || '' };
-        });
-    };
     const onCaseOwnerUpdate = (newOwner) => __awaiter(this, void 0, void 0, function* () {
-        var _a;
-        const ownerPhoneCaseUpdate = getOwnerPhoneCaseUpdate(newOwner);
-        const defaultCaseGroup = newOwner.defaultCaseGroup || null;
-        const shouldDeferOwnerUpdate = selectedAccountDetails.data.requireCGroupOnCreate && isEmpty(defaultCaseGroup);
-        const syncLocalCaseOwner = () => __awaiter(this, void 0, void 0, function* () {
+        const caseDetails = { contactSSOName: newOwner.ssoUsername };
+        setCaseState(caseDispatch, { isCaseOwnerUpdating: true });
+        try {
+            yield updateCaseDetails(caseDispatch, caseNumber, caseDetails);
+            // set phone fields to empty value to triger fetching
+            // phone number for new owner
+            setCaseDetails(caseDispatch, {
+                contactSSOName: newOwner.ssoUsername,
+                phoneCountryCode: '',
+                phoneAreaCodePrefixLineNumber: '',
+            });
             const abortSignal = new AbortController().signal;
             yield setCaseOwner(caseDispatch, {
                 ssoUsername: newOwner.ssoUsername,
@@ -134,61 +121,11 @@ function OwnerSelector(props) {
                 lastName: newOwner.lastName,
                 fullNameCustom: newOwner.fullNameCustom,
                 manageSupportCases: newOwner.manageSupportCases,
-                id: newOwner.id,
             }, '', abortSignal, abortSignal, false, '', true, true, caseNumber, loggedInUserRights.data.isInternal() ? accountNumber : undefined);
-        });
-        const applyOwnerPhoneToCaseDetails = () => {
-            if (!ownerPhoneCaseUpdate) {
-                setCaseDetails(caseDispatch, {
-                    contactSSOName: newOwner.ssoUsername,
-                    phoneCountryCode: '',
-                    phoneAreaCodePrefixLineNumber: '',
-                    phone: '',
-                });
-            }
-            else {
-                setCaseDetails(caseDispatch, Object.assign({ contactSSOName: newOwner.ssoUsername }, ownerPhoneCaseUpdate));
-            }
-        };
-        const reloadOwnerCaseGroups = (defaultGroup) => {
-            var _a;
-            if (!newOwner.id || !accountNumber)
-                return;
-            fetchCaseGroupsForContactGraphQL(caseDispatch, apolloClient, newOwner.id, accountNumber, defaultGroup, (_a = newOwner.isOrgAdmin) !== null && _a !== void 0 ? _a : false, defaultGroup ? null : '');
-        };
-        if (shouldDeferOwnerUpdate) {
-            setCaseDetails(caseDispatch, { groupNumber: '', groupName: '' });
-            applyOwnerPhoneToCaseDetails();
-            yield syncLocalCaseOwner();
-            setCaseState(caseDispatch, {
-                pendingCaseOwnerUpdate: {
-                    contactId: newOwner.id,
-                    contactSSOName: (_a = newOwner.ssoUsername) !== null && _a !== void 0 ? _a : '',
-                    phoneCaseUpdate: ownerPhoneCaseUpdate,
-                },
-            });
-            setSelectedCaseGroupUsers(caseDispatch, accountNumber, '', loggedInUserRights.data);
-            setLocalOwnerChange(true);
-            updateNotifyUsersList(newOwner);
-            reloadOwnerCaseGroups(null);
-            return;
-        }
-        setCaseState(caseDispatch, { isCaseOwnerUpdating: true, pendingCaseOwnerUpdate: null });
-        if (!defaultCaseGroup) {
-            setCaseDetails(caseDispatch, { groupNumber: '', groupName: '' });
-        }
-        try {
-            yield updateCaseDetailsGraphQL(caseDispatch, apolloClient, caseNumber, Object.assign({ contactId: newOwner.id, contactSSOName: newOwner.ssoUsername, groupNumber: defaultCaseGroup !== null && defaultCaseGroup !== void 0 ? defaultCaseGroup : '' }, (ownerPhoneCaseUpdate !== null && ownerPhoneCaseUpdate !== void 0 ? ownerPhoneCaseUpdate : {})), false, { existingCaseDetails });
-            setSelectedCaseGroupUsers(caseDispatch, accountNumber, defaultCaseGroup !== null && defaultCaseGroup !== void 0 ? defaultCaseGroup : '', loggedInUserRights.data);
-            if (!ownerPhoneCaseUpdate) {
-                applyOwnerPhoneToCaseDetails();
-            }
-            yield syncLocalCaseOwner();
             setLocalOwnerChange(true);
             updateNotifyUsersList(newOwner);
             ToastNotification.addSuccessMessage(t(`Owner has been successfully updated`));
             setCaseState(caseDispatch, { isCaseOwnerUpdating: false });
-            reloadOwnerCaseGroups(defaultCaseGroup);
         }
         catch (e) {
             setCaseState(caseDispatch, { isCaseOwnerUpdating: false });
@@ -231,7 +168,6 @@ function OwnerSelector(props) {
                 phoneAreaCodePrefixLineNumber: '',
                 phoneCountryCode: '',
             });
-            setCaseState(caseDispatch, { hasUserUpdatedSuppliedPhone: false });
             onOwnerChange(customerContacts[0], previousCaseOwner, selectedNotificationContacts, caseDispatch);
         }
     });
@@ -273,17 +209,6 @@ function OwnerSelector(props) {
             React.createElement(Trans, null, "Owner"),
             React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, comparator: ownerComparator, isLocalChange: localOwnerChange, value: selectedOwner.data, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.owner, (v) => v.fullNameCustom) }),
             React.createElement("span", { className: `form-required ${isExportingPDF ? 'hide-in-pdf' : ''}`, "aria-hidden": true }, "*")),
-        showUsersWithSelectedGroupAccess && loggedInUsersAccount.data.hasGroupACLs ? (React.createElement(OwnerTypeaheadDropdown, { id: "get-support-owner", hasClearButton: true, contactSsoUsername: contactSsoUsername !== null && contactSsoUsername !== void 0 ? contactSsoUsername : '', selected: !isEmpty(selectedOwner.data) ? [selectedOwner.data] : [], isDisabled: selectedCaseGroupUsers.isFetching ||
-                isCaseOwnerUpdating ||
-                isCasePhoneUpdating ||
-                canEditCase.isCaseNotEditable, onSelect: onCustomerContactSelect, onClearQuery: onClearQuery, onQueryUpdated: onQueryUpdated, options: ownerDropdownOptions, status: isNextBtnClickedToShowValidationError && isEmpty(selectedOwner.data) ? 'danger' : undefined })) : (React.createElement(CaseContactsSelectorExternal, { loggedInUserRights: loggedInUserRights.data, selectedAccountNumber: accountNumber, contactSsoUsername: contactSsoUsername !== null && contactSsoUsername !== void 0 ? contactSsoUsername : '', selected: !isEmpty(selectedOwner.data) ? [selectedOwner.data] : [], onChange: onCustomerContactSelect, onContactEnriched: (contact) => {
-                var _a, _b;
-                setCaseState(caseDispatch, {
-                    selectedOwner: { data: contact, isFetching: false, isError: false, errorMessage: '' },
-                });
-                if (contact.id && accountNumber) {
-                    fetchCaseGroupsForContactGraphQL(caseDispatch, apolloClient, contact.id, accountNumber, (_a = contact.defaultCaseGroup) !== null && _a !== void 0 ? _a : null, (_b = contact.isOrgAdmin) !== null && _b !== void 0 ? _b : false, caseNumber ? groupNumber : null);
-                }
-            }, placeholder: t(`Search by name or username`), clearButton: true, id: "get-support-owner", name: "get-support-owner", className: "react-select-custom", isUpdating: isCaseOwnerUpdating, isInvalid: isNextBtnClickedToShowValidationError && isEmpty(selectedOwner.data), isDisabled: isCasePhoneUpdating || isCaseOwnerUpdating || canEditCase.isCaseNotEditable }))));
+        showUsersWithSelectedGroupAccess && loggedInUsersAccount.data.hasGroupACLs ? (React.createElement(OwnerTypeaheadDropdown, { id: "get-support-owner", hasClearButton: true, contactSsoUsername: contactSsoUsername !== null && contactSsoUsername !== void 0 ? contactSsoUsername : '', selected: !isEmpty(selectedOwner.data) ? [selectedOwner.data] : [], isDisabled: selectedCaseGroupUsers.isFetching || isCaseOwnerUpdating || isCasePhoneUpdating, onSelect: onCustomerContactSelect, onClearQuery: onClearQuery, onQueryUpdated: onQueryUpdated, options: ownerDropdownOptions, status: isNextBtnClickedToShowValidationError && isEmpty(selectedOwner.data) ? 'danger' : undefined })) : (React.createElement(CaseContactsSelectorExternal, { loggedInUserRights: loggedInUserRights.data, selectedAccountNumber: accountNumber, contactSsoUsername: contactSsoUsername !== null && contactSsoUsername !== void 0 ? contactSsoUsername : '', selected: !isEmpty(selectedOwner.data) ? [selectedOwner.data] : [], onChange: onCustomerContactSelect, placeholder: t(`Search by name or username`), clearButton: true, id: "get-support-owner", name: "get-support-owner", className: "react-select-custom", isUpdating: isCaseOwnerUpdating, isInvalid: isNextBtnClickedToShowValidationError && isEmpty(selectedOwner.data), isDisabled: isCasePhoneUpdating || isCaseOwnerUpdating }))));
 }
 export { OwnerSelector };

package/lib/esm/components/CaseEditView/ActiveCustomerEscalation/ActiveCustomerEscalation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActiveCustomerEscalation.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ActiveCustomerEscalation/ActiveCustomerEscalation.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,wBAAwB,+EAgJnC,CAAC"}
+{"version":3,"file":"ActiveCustomerEscalation.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ActiveCustomerEscalation/ActiveCustomerEscalation.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,wBAAwB,+EA+InC,CAAC"}

package/lib/esm/components/CaseEditView/ActiveCustomerEscalation/ActiveCustomerEscalation.js

@@ -59,7 +59,7 @@ export const ActiveCustomerEscalation = forwardRef((props, ref) => {
                     React.createElement(ListItem, null, t('Needs a senior resource.')),
                     React.createElement(ListItem, null, t('Is more severe or should be a higher priority.'))),
                 commonElements,
-                React.createElement(Button, { variant: ButtonVariant.secondary, onClick: toggleModal, "data-tracking-id": "request-rme-trigger", "aria-label": t('Request an escalation'), isDisabled: canEditCase.isCaseNotEditable }, t('Request an escalation'))))));
+                React.createElement(Button, { variant: ButtonVariant.secondary, onClick: toggleModal, "data-tracking-id": "request-rme-trigger", "aria-label": t('Request an escalation') }, t('Request an escalation'))))));
     return (React.createElement(React.Fragment, null,
         React.createElement(RequestEscalationModal, { caseNumber: props.caseNumber, severity: props.caseSeverity, caseStatus: props.caseStatus, show: openRequestEscalationModal, onClose: toggleModal }),
         React.createElement(Can, { do: resourceActions.CREATE, on: resources.ICE_ESCALATION, passThrough: true }, (canCreateICE) => canCreateICE || isInternal ? isInternalElements : isCreateRMEVisible ? isNotInternalElements : null)));

package/lib/esm/components/CaseEditView/ActiveCustomerEscalation/RequestEscalationModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestEscalationModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ActiveCustomerEscalation/RequestEscalationModal.tsx"],"names":[],"mappings":"AAmCA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAgBnD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAID,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,qBAiYnD"}
+{"version":3,"file":"RequestEscalationModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ActiveCustomerEscalation/RequestEscalationModal.tsx"],"names":[],"mappings":"AAiCA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAkBnD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAID,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,qBA6WnD"}

package/lib/esm/components/CaseEditView/ActiveCustomerEscalation/RequestEscalationModal.js

@@ -7,29 +7,26 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { useApolloClient } from '@apollo/client/react';
-import { escalations } from '@cee-eng/hydrajs';
+import { escalations, publicApi } from '@cee-eng/hydrajs';
 import { Button, Form, FormGroup, FormHelperText, Grid, GridItem, HelperText, HelperTextItem, Modal, ModalBody, ModalFooter, ModalHeader, Popover, TextArea, TextInput, Title, ValidatedOptions, } from '@patternfly/react-core';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { AlertMessage, AlertType, LoadingIndicator, SingleSelectDropdown, ToastNotification, useFetch, } from '@rh-support/components';
-import { fetchCaseDetails, useGlobalStateContext } from '@rh-support/react-context';
+import { useGlobalStateContext } from '@rh-support/react-context';
 import isEmpty from 'lodash/isEmpty';
-import isEqual from 'lodash/isEqual';
 import React, { useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { useCaseDispatch, useCaseSelector } from '../../../context/CaseContext';
-import { useCaseDetailsPageDispatchContext } from '../../../context/CaseDetailsPageContext';
+import { useCaseDispatch } from '../../../context/CaseContext';
+import { useCaseDetailsPageDispatchContext, useCaseDetailsPageStateContext, } from '../../../context/CaseDetailsPageContext';
+import { useCaseDiscussionTabDispatchContext, useCaseDiscussionTabStateContext, } from '../../../context/CaseDiscussionTabContext';
 import { CustomerGEOs } from '../../../enums/customerGEOs';
-import { CREATE_RME_CASE_ESCALATION, } from '../../../graphql';
-import { GET_CASE_COMMENTS, useCreateCaseComment } from '../../../hooks/useCaseComments';
 import { ESCALATION_SUBJECT_LENGTH_LIMIT } from '../../../reducers/CaseConstNTypes';
 import { fetchCaseEscalations } from '../../../reducers/CaseDetailsPageReducer';
-import { checkForCaseStatusToggleOnAttachOrComment, setCaseAccountNumber } from '../../../reducers/CaseReducer';
+import { updateDiscussionStateComments } from '../../../reducers/CaseDiscussionTabReducer';
+import { checkForCaseStatusToggleOnAttachOrComment, fetchCaseDetails } from '../../../reducers/CaseReducer';
 const customerGEOKeys = Object.keys(CustomerGEOs);
 export function RequestEscalationModal(props) {
-    const { globalMetadataState: { loggedInUserRights, loggedInUsersAccount }, } = useGlobalStateContext();
+    const { globalMetadataState: { loggedInUser, loggedInUserRights }, } = useGlobalStateContext();
     const { t } = useTranslation();
-    const apolloClient = useApolloClient();
     const [categories, setCategories] = useState([]);
     const initialState = {
         subject: '',
@@ -45,14 +42,17 @@ export function RequestEscalationModal(props) {
     // checks if all the fields have values.
     const hasRequiredInfo = () => Object.keys(formState).reduce((accumulator, currentValue) => { var _a; return !accumulator ? accumulator : formState[currentValue].length > 0 && ((_a = formState[currentValue]) === null || _a === void 0 ? void 0 : _a.trim()); }, true);
     const setFormStateValue = (key, value) => setFormState((pre) => (Object.assign(Object.assign({}, pre), { [key]: value })));
-    const [isCreatingEscalation, setIsCreatingEscalation] = useState(false);
-    const { createComment, loading: isPostingComment } = useCreateCaseComment();
+    const createEscalationFetch = useFetch(escalations.createIceEscalation, { propgateErrors: true });
+    const { request: postCommentRequest, isFetching: isPostingComment } = useFetch(publicApi.kase.postComment, {
+        propgateErrors: true,
+    });
+    const { request: updateCaseRequest, isFetching: isUpdatingCase } = useFetch(publicApi.kase.updateCase);
     const { request: getRmeCategories, isFetching: isCategoriesFetching } = useFetch(escalations.getEscalationCategories, { propgateErrors: true });
-    const client = useApolloClient();
+    const { sort, allDiscussions, discussionFiltersListState } = useCaseDiscussionTabStateContext();
+    const dispatchDiscussion = useCaseDiscussionTabDispatchContext();
+    const { caseDetailsPageState: { caseFeedbacksHydra }, } = useCaseDetailsPageStateContext();
     const caseDetailsPageDispatch = useCaseDetailsPageDispatchContext();
     const caseDispatch = useCaseDispatch();
-    const caseSalesforceId = useCaseSelector((state) => state.caseDetails.id, isEqual);
-    const existingCaseDetails = useCaseSelector((state) => state.caseDetails, isEqual);
     const [creationError, setCreationError] = useState(false);
     const onErrorClose = () => setCreationError(false);
     const setGeoState = (selection) => {
@@ -61,19 +61,14 @@ export function RequestEscalationModal(props) {
     const setCategoryState = (selection) => {
         setFormState(Object.assign(Object.assign({}, formState), { rmeCategory: selection.value }));
     };
-    const submitEscalationComment = (escalationNum, comment, caseId) => __awaiter(this, void 0, void 0, function* () {
-        var _a, _b;
+    const submitEscalationComment = (escalationNum, comment) => __awaiter(this, void 0, void 0, function* () {
         escalationNum &&
-            fetchCaseEscalations(caseDetailsPageDispatch, caseSalesforceId, apolloClient, false, Boolean((_a = loggedInUsersAccount === null || loggedInUsersAccount === void 0 ? void 0 : loggedInUsersAccount.data) === null || _a === void 0 ? void 0 : _a.secureSupport));
-        yield createComment({ caseId, body: comment, isPublic: true });
-        client.refetchQueries({ include: [GET_CASE_COMMENTS] });
-        // await updateCaseRequest(props.caseNumber, { customerEscalation: true });
-        yield checkForCaseStatusToggleOnAttachOrComment(caseDispatch, loggedInUserRights.data.isInternal(), props.caseStatus, {
-            apolloClient,
-            caseNumber: props.caseNumber,
-            existingCaseDetails,
-        });
-        yield fetchCaseDetails((action) => caseDispatch(action), apolloClient, props.caseNumber, setCaseAccountNumber, Boolean((_b = loggedInUsersAccount === null || loggedInUsersAccount === void 0 ? void 0 : loggedInUsersAccount.data) === null || _b === void 0 ? void 0 : _b.secureSupport));
+            fetchCaseEscalations(caseDetailsPageDispatch, props.caseNumber, loggedInUserRights.data.getAccountNumber(), false);
+        yield postCommentRequest({ caseNumber: props.caseNumber, commentBody: comment, contentType: 'markdown' });
+        updateDiscussionStateComments(dispatchDiscussion, caseDispatch, props.caseNumber, allDiscussions, sort, caseFeedbacksHydra.data, discussionFiltersListState);
+        yield updateCaseRequest(props.caseNumber, { customerEscalation: true });
+        checkForCaseStatusToggleOnAttachOrComment(caseDispatch, loggedInUserRights.data.isInternal(), props.caseStatus);
+        yield fetchCaseDetails(caseDispatch, props.caseNumber, loggedInUserRights.data, loggedInUser.data);
         escalationNum &&
             ToastNotification.addSuccessMessage(t('Your escalation request has been successfully submitted.'));
     });
@@ -83,7 +78,7 @@ export function RequestEscalationModal(props) {
         setFormState(Object.assign(Object.assign({}, formState), { subject }));
     };
     const onCancel = () => {
-        if (isPostingComment || isCreatingEscalation)
+        if (isPostingComment || isUpdatingCase || createEscalationFetch.isFetching)
             return;
         setSubmitSaveButtonIsClicked(false);
         setFormState(initialState);
@@ -91,35 +86,12 @@ export function RequestEscalationModal(props) {
         props.onClose();
     };
     const onSubmit = () => __awaiter(this, void 0, void 0, function* () {
-        var _a, _b, _c, _d;
         setSubmitSaveButtonIsClicked(true);
         if (!hasRequiredInfo() || hasLargeSubject)
             return;
         try {
-            setIsCreatingEscalation(true);
-            if (!caseSalesforceId)
-                throw new Error('Could not find parent case ID');
-            // GraphQL CaseCreate has no Expectations field; serialize into Description for the payload.
-            const serializedDescription = `${formState.description}\n\nExpectations:\n${formState.expectations}`;
-            const { data: escalationData } = yield apolloClient.mutate({
-                mutation: CREATE_RME_CASE_ESCALATION,
-                variables: {
-                    caseInput: {
-                        Subject: formState.subject,
-                        Description: serializedDescription,
-                        Status: 'In Progress',
-                        Origin: 'Portal RME',
-                        Priority: props.severity || '3 (Medium)',
-                        Type: 'RME',
-                        RecordTypeId: '012Ek00000JUtx5IAD',
-                        ParentId: caseSalesforceId,
-                        EscalationCategory__c: formState.rmeCategory,
-                        ImpactOnUserOrBusiness__c: formState.businessImpactDescription,
-                    },
-                },
-            });
-            const createdCaseNumber = (_d = (_c = (_b = (_a = escalationData === null || escalationData === void 0 ? void 0 : escalationData.redhat_support_uiapi) === null || _a === void 0 ? void 0 : _a.CaseCreate) === null || _b === void 0 ? void 0 : _b.RedHatSupportRecord) === null || _c === void 0 ? void 0 : _c.CaseNumber) === null || _d === void 0 ? void 0 : _d.value;
-            const fullComment = t('<h3>Request Management Escalation:</h3><p><strong>Subject</strong></p><p>{{subject}}</p><p><strong>Category</strong></p><p>{{rmeCategory}}</p><p><strong>Description</strong></p><p>{{description}}</p><p><strong>Expectations</strong></p><p>{{expectations}}</p><p><strong>Business Impact</strong></p><p>{{businessImpactDescription}}</p>', {
+            const res = yield createEscalationFetch.request(Object.assign(Object.assign({}, formState), { recordType: 'Active Customer Escalation', escalationSource: 'RME Escalation', status: 'New', accountNumber: loggedInUserRights.data.getAccountNumber(), caseNumber: props.caseNumber, requestor: `${loggedInUser.data.firstName} ${loggedInUser.data.lastName}`, requestorEmail: loggedInUser.data.email, requestorPhone: loggedInUser.data.phone, alreadyEscalated: false, severity: props.severity ? props.severity.charAt(0) : '3' }));
+            const fullComment = t('### Request Management Escalation:\n\n**Subject**\n{{subject}}\n\n**Category**\n{{rmeCategory}}\n\n**Description**\n{{description}}\n\n**Expectations**\n{{expectations}}\n\n**Business Impact**\n{{businessImpactDescription}}', {
                 category: formState.rmeCategory,
                 subject: formState.subject,
                 description: formState.description,
@@ -128,7 +100,7 @@ export function RequestEscalationModal(props) {
                 rmeCategory: formState.rmeCategory,
             });
             try {
-                yield submitEscalationComment(createdCaseNumber, fullComment, caseSalesforceId);
+                yield submitEscalationComment(res.name, fullComment);
             }
             catch (e) {
                 // silently fails, escalation is created but adding comment fails
@@ -136,11 +108,9 @@ export function RequestEscalationModal(props) {
             props.onClose();
         }
         catch (error) {
+            //=> handle error
             setCreationError(true);
         }
-        finally {
-            setIsCreatingEscalation(false);
-        }
     });
     const header = (React.createElement(Title, { className: "pf-v6-u-mb-0", id: "custom-header-label", headingLevel: "h1" },
         React.createElement(Trans, null, "Request an escalation"),
@@ -221,9 +191,10 @@ export function RequestEscalationModal(props) {
                                 ? ValidatedOptions.error
                                 : ValidatedOptions.default, placeholder: t('Does your business impact change with this escalation? Please describe how it changed.'), id: "business-impact-input", value: formState.businessImpactDescription, "aria-label": t('Business impact'), resizeOrientation: "vertical" }))))),
         React.createElement(ModalFooter, null,
-            React.createElement(Button, { key: "submit", variant: "primary", onClick: onSubmit, "data-tracking-id": "request-rme-submit", isDisabled: submitButtonIsClicked && (isPostingComment || isCreatingEscalation || !hasRequiredInfo()), "aria-label": t('Submit') },
-                (isPostingComment || isCreatingEscalation) && React.createElement(LoadingIndicator, { key: "loading", isInline: true }),
+            React.createElement(Button, { key: "submit", variant: "primary", onClick: onSubmit, "data-tracking-id": "request-rme-submit", isDisabled: submitButtonIsClicked &&
+                    (isPostingComment || isUpdatingCase || createEscalationFetch.isFetching || !hasRequiredInfo()), "aria-label": t('Submit') },
+                (isPostingComment || isUpdatingCase || createEscalationFetch.isFetching) && (React.createElement(LoadingIndicator, { key: "loading", isInline: true })),
                 ' ',
                 t('Submit')),
-            React.createElement(Button, { key: "cancel", variant: "link", onClick: onCancel, "data-tracking-id": "request-rme-cancel", isDisabled: isCreatingEscalation || isPostingComment, "aria-label": t('Cancel') }, t('Cancel')))));
+            React.createElement(Button, { key: "cancel", variant: "link", onClick: onCancel, "data-tracking-id": "request-rme-cancel", isDisabled: createEscalationFetch.isFetching || isPostingComment || isUpdatingCase, "aria-label": t('Cancel') }, t('Cancel')))));
 }

package/lib/esm/components/CaseEditView/Case.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Case.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/Case.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAS,mBAAmB,EAAiD,MAAM,kBAAkB,CAAC;AAoB7G,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC;CACnC;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,MAAM,qBAgRzC"}
+{"version":3,"file":"Case.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/Case.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAS,mBAAmB,EAAiD,MAAM,kBAAkB,CAAC;AAmB7G,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC;CACnC;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,MAAM,qBAmPzC"}