@rh-support/troubleshoot 2.7.1 → 2.7.11

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,qBA6KrC;kBA7KQ,eAAe;;;AAiLxB,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,qBAkKrC;kBAlKQ,eAAe;;;AAsKxB,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 { accounts } from '@cee-eng/hydrajs';
+import { useApolloClient } from '@apollo/client/react';
 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,12 +30,14 @@ export const defaultProps = {
 function AccountSelector(props) {
     var _a;
     const [showNotEntitledMessage, setShowNotEntitledMessage] = useState(false);
-    const { accountNumber, selectedAccountDetails } = useCaseSelector((state) => ({
+    const { accountNumber, selectedAccountDetails, hasInvalidEntitlements } = 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();
@@ -52,7 +54,7 @@ function AccountSelector(props) {
             clearSelectedAccount(caseDispatch);
             return;
         }
-        setCaseAccountNumber(caseDispatch, account.accountNumber, loggedInUserRights.data.isAccountSameAsLoggedInAccount(account.accountNumber), loggedInUsersAccount.data);
+        setCaseAccountNumber(caseDispatch, account.accountNumber, loggedInUserRights.data.isAccountSameAsLoggedInAccount(account.accountNumber), loggedInUsersAccount.data, apolloClient);
     });
     const onInternalAccountSelect = (accounts) => {
         if (!isArray(accounts))
@@ -76,50 +78,38 @@ 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(() => {
-        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;
-            }
+        if (!loggedInUserRights.data.isInternal() || !selectedAccountDetails.data.accountNumber) {
+            return;
+        }
+        if (selectedAccountDetails.data.accountNumber === loggedInUsersAccount.data.accountNumber) {
+            setNoValidEntitlement(routeDispatch, false);
             setShowNotEntitledMessage(false);
-            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();
+            return;
         }
+        setShowNotEntitledMessage(hasInvalidEntitlements);
+        setNoValidEntitlement(routeDispatch, hasInvalidEntitlements);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [selectedAccountDetails.data.accountNumber, loggedInUserRights.data, loggedInUsersAccount.data]);
+    }, [
+        selectedAccountDetails.data.accountNumber,
+        loggedInUserRights.data,
+        loggedInUsersAccount.data,
+        hasInvalidEntitlements,
+    ]);
     if (isEmpty(loggedInUserRights.data))
         return React.createElement(React.Fragment, null);
     return (React.createElement("div", { id: props.id, className: `form-group ${props.className}` },
-        React.createElement(AlertMessage, { show: showNotEntitledMessage, variant: AlertType.DANGER, isInline: true, title: t("The selected account doesn't have entitlement"), className: "pf-v5-u-mb-lg" }),
-        React.createElement("div", { className: "account-selector-label-wrapper pf-v5-u-display-flex" },
+        React.createElement(AlertMessage, { show: showNotEntitledMessage, variant: AlertType.DANGER, isInline: true, title: t("The selected account doesn't have entitlement"), className: "pf-v6-u-mb-lg" }),
+        React.createElement("div", { className: "account-selector-label-wrapper pf-v6-u-display-flex" },
             React.createElement("label", { htmlFor: "account-selector" },
                 React.createElement(Trans, null, "Account"),
                 ' ',
                 React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
-            canUseFindMyAccount && (React.createElement("button", { role: "link", className: "btn btn-link btn-app find-my-account pf-v5-u-ml-auto", onClick: onFindMyAccountClick, disabled: selectedAccountDetails.isFetching, "data-tracking-id": "get-support-find-my-account", type: "button" },
+            canUseFindMyAccount && (React.createElement("button", { role: "link", className: "btn btn-link btn-app find-my-account pf-v6-u-ml-auto", onClick: onFindMyAccountClick, disabled: selectedAccountDetails.isFetching, "data-tracking-id": "get-support-find-my-account", type: "button" },
                 React.createElement(Trans, null, "Find my account")))),
         React.createElement("div", { className: "account-selector-wrapper" },
             React.createElement(AccountSelectorInternal, { selectedAccounts: [selectedAccount], canBookmarkAccount: canBookmarkAccounts, bookmarkedAccounts: bookmarkedGroupAccounts.data, id: "account-or-bookmark-selector", className: "account-selector", name: "account-or-bookmark-selector", placeholder: t(`Search for an account ${loggedInUserRights.data.isExternal() ? 'or select a bookmark' : ''} `), onSelect: onInternalAccountSelect, disabled: loggedInUserRights.data.isExternal() || selectedAccountDetails.isFetching, isInValid: isSelectedAccountSubscriptionAbused, restrictedOnSubscriptionAbuse: true })),
-        canAccessManagedAccounts && !isEmpty(managedAccounts.data) && (React.createElement(ManagedAccountsDropdown, { className: "managed-account-selector pf-v5-u-mt-xl", onManagedAccountChange: onManagedAccountChange, managedAccounts: managedAccounts, selectedAccountNumber: accountNumber, disabled: selectedAccountDetails.isFetching })),
+        canAccessManagedAccounts && !isEmpty(managedAccounts.data) && (React.createElement(ManagedAccountsDropdown, { className: "managed-account-selector pf-v6-u-mt-xl", onManagedAccountChange: onManagedAccountChange, managedAccounts: managedAccounts, selectedAccountNumber: accountNumber, disabled: selectedAccountDetails.isFetching })),
         isSelectedAccountSubscriptionAbused && (React.createElement("p", { className: "form-instructions form-invalid" },
             React.createElement(InfoCircleIcon, null),
             ' ',

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

@@ -35,7 +35,7 @@ function ManagedAccountsDropdown(props) {
     }, [props.managedAccounts.data, props.selectedAccountNumber]);
     // Only accounts that have granted access permission to partner should be listed
     const managedAccountsWithPermission = () => props.managedAccounts.data.filter((account) => account.partnerCaseAccess === 'All') || [];
-    const managedAccountsOptions = managedAccountsWithPermission().map((account) => (Object.assign({ actionItem: (React.createElement(React.Fragment, null, account.subscriptionAbuse && (React.createElement("span", { className: "form-instructions form-invalid pf-v5-u-text-nowrap pf-v5-u-pr-sm" },
+    const managedAccountsOptions = managedAccountsWithPermission().map((account) => (Object.assign({ actionItem: (React.createElement(React.Fragment, null, account.subscriptionAbuse && (React.createElement("span", { className: "form-instructions form-invalid pf-v6-u-text-nowrap pf-v6-u-pr-sm" },
             React.createElement(InfoCircleIcon, null),
             " ",
             React.createElement(Trans, null, "Subscription abuse"))))), children: (React.createElement(React.Fragment, null, account.subscriptionAbuse ? (React.createElement("span", { className: "form-instructions form-invalid" }, getLabelForAccountOption(account))) : (getLabelForAccountOption(account)))) }, account))) || [];

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":"AAmBA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAiBxE,UAAU,MAAM;CAAG;AAMnB,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,qBAqSnC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"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,qBAqZnC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

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

@@ -7,9 +7,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { CaseContactsSelectorExternal, getHydraContactLabel, OwnerTypeaheadDropdown, ToastNotification, usePrevious, ValueChangedIcon, } from '@rh-support/components';
+// 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 { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
-import { sortHydraContacts } from '@rh-support/utils';
+import { mapGraphQLContactPhoneToCasePhoneFields, sortHydraContacts } from '@rh-support/utils';
 import filter from 'lodash/filter';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
@@ -20,7 +22,9 @@ import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { RouteContext } from '../../context/RouteContext';
 import { useCaseUpdateErrorMessage } from '../../hooks/useCaseUpdateErrorMessage';
-import { setCaseDetails, setCaseOwner, setCaseState, setNotifiedUser, updateCaseDetails, } from '../../reducers/CaseReducer';
+import { fetchCaseGroupsForContactGraphQL, setCaseDetails, setCaseOwner, setCaseState, setNotifiedUser, setSelectedCaseGroupUsers, 
+// updateCaseDetails,
+updateCaseDetailsGraphQL, } from '../../reducers/CaseReducer';
 import { PDFContext } from '../CaseEditView/PDFContainer';
 import { CaseValuesToWatch } from '../shared/Constants';
 import { getChangedValueTooltip } from '../shared/utils';
@@ -30,18 +34,22 @@ function getOwnerDropdownOptions(contacts) {
 function OwnerSelector(props) {
     const { t } = useTranslation();
     const caseUpdateError = useCaseUpdateErrorMessage();
-    const { accountNumber, caseNumber, contactSsoUsername, selectedNotificationContacts, selectedOwner, selectedCaseGroupUsers, isCaseOwnerUpdating, isCasePhoneUpdating, } = useCaseSelector((state) => ({
+    const { accountNumber, caseNumber, contactSsoUsername, existingCaseDetails, selectedNotificationContacts, selectedOwner, selectedCaseGroupUsers, selectedAccountDetails, isCaseOwnerUpdating, isCasePhoneUpdating, groupNumber, } = useCaseSelector((state) => ({
         accountNumber: state.caseDetails.accountNumberRef,
         caseNumber: state.caseDetails.caseNumber,
+        groupNumber: state.caseDetails.groupNumber,
+        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,
     }), 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);
@@ -64,7 +72,8 @@ 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;
-        yield setCaseOwner(dispatch, selectedContact, '', abortSignalCaseGroup, abortSignalEntitlements, true);
+        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) &&
             setNotifiedUser(dispatch, filter(notificationContacts, (c) => c.ssoUsername !== selectedContact.ssoUsername));
@@ -102,25 +111,69 @@ 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* () {
-        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: '',
-            });
+        var _a;
+        const ownerPhoneCaseUpdate = getOwnerPhoneCaseUpdate(newOwner);
+        const defaultCaseGroup = newOwner.defaultCaseGroup || null;
+        const shouldDeferOwnerUpdate = selectedAccountDetails.data.requireCGroupOnCreate && isEmpty(defaultCaseGroup);
+        const toCaseOwnerState = (owner) => {
+            var _a, _b;
+            return (Object.assign(Object.assign({}, owner), { isOrgAdmin: (_a = owner.isOrgAdmin) !== null && _a !== void 0 ? _a : false, defaultCaseGroup: (_b = owner.defaultCaseGroup) !== null && _b !== void 0 ? _b : undefined }));
+        };
+        const syncLocalCaseOwner = () => __awaiter(this, void 0, void 0, function* () {
             const abortSignal = new AbortController().signal;
-            yield setCaseOwner(caseDispatch, {
-                ssoUsername: newOwner.ssoUsername,
-                firstName: newOwner.firstName,
-                lastName: newOwner.lastName,
-                fullNameCustom: newOwner.fullNameCustom,
-            }, '', abortSignal, abortSignal, false, '', true, true, caseNumber);
+            yield setCaseOwner(caseDispatch, toCaseOwnerState(newOwner), '', 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));
+            }
+        };
+        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);
+            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`));
@@ -128,7 +181,7 @@ function OwnerSelector(props) {
         }
         catch (e) {
             setCaseState(caseDispatch, { isCaseOwnerUpdating: false });
-            caseUpdateError.showError(e, t(`Owner failed to update`));
+            caseUpdateError.showFieldError(e, t('Owner'), () => onCaseOwnerUpdate(newOwner));
         }
     });
     /**
@@ -167,6 +220,7 @@ function OwnerSelector(props) {
                 phoneAreaCodePrefixLineNumber: '',
                 phoneCountryCode: '',
             });
+            setCaseState(caseDispatch, { hasUserUpdatedSuppliedPhone: false });
             onOwnerChange(customerContacts[0], previousCaseOwner, selectedNotificationContacts, caseDispatch);
         }
     });
@@ -208,6 +262,18 @@ 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, 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 }))));
+        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 || caseNumber) {
+                    return;
+                }
+                fetchCaseGroupsForContactGraphQL(caseDispatch, apolloClient, contact.id, accountNumber, (_a = contact.defaultCaseGroup) !== null && _a !== void 0 ? _a : null, (_b = contact.isOrgAdmin) !== null && _b !== void 0 ? _b : false, groupNumber !== null && groupNumber !== void 0 ? 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 }))));
 }
 export { OwnerSelector };

package/lib/esm/components/AccountInfo/css/accountSelector.css

@@ -2,11 +2,12 @@
     width: 100%;
 }
 
-.get-support-owner-wapper input {
+.get-support-owner-wapper input,
+.margin-top.managed-account-selector .pf-c-select {
     min-height: 36px;
 }
 
-.margin-top.managed-account-selector {
+.margin-top.managed-account-selector .pf-c-select {
     .pf-m-disabled {
         background-color: var(--pf-v5-global--disabled-color--300) !important;
     }

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,+EA6HnC,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,+EAwJnC,CAAC"}

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

@@ -1,58 +1,70 @@
-import { Button, ButtonVariant, List, ListItem, Popover } from '@patternfly/react-core';
+import { Button, ButtonVariant, Card, CardBody, CardHeader, List, ListItem, Popover } from '@patternfly/react-core';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
-import { useCanEditCase } from '@rh-support/react-context';
+import { useCanEditCase, useGlobalStateContext } from '@rh-support/react-context';
 import { Can, resourceActions, resources } from '@rh-support/user-permissions';
 import React, { forwardRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDetailsPageStateContext } from '../../../context/CaseDetailsPageContext';
 import { RequestEscalationModal } from './RequestEscalationModal';
 export const ActiveCustomerEscalation = forwardRef((props, ref) => {
+    var _a;
     const { t } = useTranslation();
     const { caseDetailsPageState: { caseEscalations }, } = useCaseDetailsPageStateContext();
+    const { globalMetadataState: { loggedInUserRights }, } = useGlobalStateContext();
+    const isInternal = (_a = loggedInUserRights.data) === null || _a === void 0 ? void 0 : _a.isInternal();
     const canEditCase = useCanEditCase();
     const isCreateRMEVisible = (caseEscalations.data || []).length === 0 || caseEscalations.data.every((item) => item.status === 'Closed');
     const commonElements = (React.createElement(React.Fragment, null,
         React.createElement("p", null,
             React.createElement(Trans, null, "After submitting, your case will be reviewed by a support manager."))));
-    const isInternalElements = (React.createElement("div", { className: "card card-white card-support escalations", ref: ref },
-        React.createElement("h3", { className: "card-heading case-detail-panel-card-heading card-header-bg" },
-            React.createElement(Trans, null, "Active Customer Escalation (ACE)"),
-            React.createElement("a", { href: "/support/escalation", target: "_blank", "aria-label": t('Learn more about Red Hat support case escalation') },
-                React.createElement(InfoCircleIcon, null))),
-        React.createElement("div", { className: "card-body" },
-            React.createElement("p", null,
-                React.createElement("strong", null, t('Red Hat associates can open an ACE escalation when')),
-                ":"),
-            React.createElement(List, { className: "pf-v5-u-pl-lg" },
-                React.createElement(ListItem, null, t('The customer wants an update')),
-                React.createElement(ListItem, null, t('The customer thinks the case is not moving appropriately')),
-                React.createElement(ListItem, null, t('The customer wants a new resource')),
-                React.createElement(ListItem, null, t('The issue is more severe than originally thought'))),
-            React.createElement("a", { href: `/watchlist/internal/aces/new?caseNumber=${props.caseNumber}`, target: "_blank", rel: "noopener noreferrer", className: "pf-v5-c-button pf-m-tertiary", "data-tracking-id": "request-ace-trigger", "aria-label": t('Request an escalation') }, t('Request an escalation')))));
+    const isInternalElements = (React.createElement(Card, { className: "card-support escalations", ref: ref },
+        React.createElement(CardHeader, null,
+            React.createElement("div", { className: "escalation-header" },
+                React.createElement("h3", { className: "card-heading case-detail-panel-card-heading" },
+                    React.createElement(Trans, null, "Active Customer Escalation (ACE)")),
+                React.createElement("a", { href: "/support/escalation", target: "_blank", rel: "noopener noreferrer", "aria-label": t('Learn more about Red Hat support case escalation') },
+                    React.createElement(InfoCircleIcon, { style: { color: '#0066cc', width: '1rem', height: '1rem' } })))),
+        React.createElement(CardBody, null,
+            React.createElement(React.Fragment, null,
+                React.createElement("p", null,
+                    React.createElement("strong", null, t('Red Hat associates can open an ACE escalation when')),
+                    ":"),
+                React.createElement(List, { className: "pf-v6-u-pl-lg" },
+                    React.createElement(ListItem, null, t('The customer wants an update')),
+                    React.createElement(ListItem, null, t('The customer thinks the case is not moving appropriately')),
+                    React.createElement(ListItem, null, t('The customer wants a new resource')),
+                    React.createElement(ListItem, null, t('The issue is more severe than originally thought'))),
+                React.createElement("a", { href: `/watchlist/internal/aces/new?caseNumber=${props.caseNumber}`, target: "_blank", rel: "noopener noreferrer", className: "pf-v6-c-button pf-m-tertiary", "data-tracking-id": "request-ace-trigger", "aria-label": t('Request an escalation') }, t('Request an escalation'))))));
     const [openRequestEscalationModal, setOpenRequestEscalationModal] = useState(false);
     const toggleModal = () => {
         if (canEditCase.alert())
             return;
         setOpenRequestEscalationModal((openRequestEscalationModal) => !openRequestEscalationModal);
     };
-    const isNotInternalElements = (React.createElement("div", { className: "card card-white card-support escalations", ref: ref },
-        React.createElement("h3", { className: "card-heading case-detail-panel-card-heading card-header-bg" },
-            t('Request an escalation'),
-            React.createElement("div", { style: { marginLeft: 'auto' } },
-                React.createElement(Popover, { showClose: false, position: 'left', hasAutoWidth: true, bodyContent: (hide) => (React.createElement("a", { href: "/support/escalation", target: "_blank", "aria-label": t('Learn more about escalation cases.') },
-                        React.createElement(Trans, null, "Learn more about escalation cases."))) },
-                    React.createElement(InfoCircleIcon, { title: t('Learn more about escalation cases popover') })))),
-        React.createElement("div", { className: "card-body" },
-            React.createElement("p", null,
-                React.createElement("strong", null, t('Request a management escalation if your issue')),
-                ":"),
-            React.createElement(List, { className: "pf-v5-u-pl-lg" },
-                React.createElement(ListItem, null, t(`Isn't being resolved appropriately.`)),
-                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') }, t('Request an escalation')))));
+    const isNotInternalElements = (React.createElement(Card, { className: "card-support escalations", ref: ref },
+        React.createElement(CardHeader, null,
+            React.createElement("div", { className: "escalation-header" },
+                React.createElement("h3", { className: "card-heading case-detail-panel-card-heading" }, t('Request an escalation')),
+                React.createElement("div", { style: { marginLeft: 'auto' } },
+                    React.createElement(Popover, { showClose: false, position: 'left', hasAutoWidth: true, bodyContent: (hide) => (React.createElement("a", { href: "/support/escalation", target: "_blank", "aria-label": t('Learn more about escalation cases.') },
+                            React.createElement(Trans, null, "Learn more about escalation cases."))) },
+                        React.createElement(InfoCircleIcon, { title: t('Learn more about escalation cases popover'), color: "#5e40be" }))))),
+        React.createElement(CardBody, null,
+            React.createElement(React.Fragment, null,
+                React.createElement("p", null,
+                    React.createElement("strong", null, t('Request a management escalation if your issue')),
+                    ":"),
+                React.createElement(List, { className: "pf-v6-u-pl-lg" },
+                    React.createElement(ListItem, null, t(`Isn't being resolved appropriately.`)),
+                    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'))))));
     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 ? isInternalElements : isCreateRMEVisible ? isNotInternalElements : React.createElement(React.Fragment, null))));
+        React.createElement(Can, { do: resourceActions.CREATE, on: resources.ICE_ESCALATION, passThrough: true }, (canCreateICE) => (React.createElement(Can, { do: resourceActions.CREATE, on: resources.RME_ESCALATION, passThrough: true }, (canCreateRME) => canCreateICE || isInternal
+            ? isInternalElements
+            : canCreateRME && 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":"AAuBA,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,qBA+WnD"}
+{"version":3,"file":"RequestEscalationModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ActiveCustomerEscalation/RequestEscalationModal.tsx"],"names":[],"mappings":"AAmCA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAqBnD,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;AAKD,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,qBA4bnD"}