@rh-support/troubleshoot 2.6.339 → 2.6.341

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;AAmBxE,UAAU,MAAM;CAAG;AAMnB,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,qBA2XnC;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,qBAyanC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

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

@@ -22,7 +22,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, 
+import { fetchCaseGroupsForContactGraphQL, setCaseDetails, setCaseOwner, setCaseState, setNotifiedUser, setSelectedCaseGroupUsers, 
 // updateCaseDetails,
 updateCaseDetailsGraphQL, } from '../../reducers/CaseReducer';
 import { PDFContext } from '../CaseEditView/PDFContainer';
@@ -34,13 +34,14 @@ function getOwnerDropdownOptions(contacts) {
 function OwnerSelector(props) {
     const { t } = useTranslation();
     const caseUpdateError = useCaseUpdateErrorMessage();
-    const { accountNumber, caseNumber, contactSsoUsername, existingCaseDetails, selectedNotificationContacts, selectedOwner, selectedCaseGroupUsers, isCaseOwnerUpdating, isCasePhoneUpdating, groupNumber, } = useCaseSelector((state) => ({
+    const { accountNumber, caseNumber, contactSsoUsername, existingCaseDetails, selectedNotificationContacts, selectedOwner, selectedCaseGroupUsers, selectedAccountDetails, isCaseOwnerUpdating, isCasePhoneUpdating, groupNumber, } = 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,
@@ -71,6 +72,7 @@ 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) &&
@@ -120,26 +122,11 @@ function OwnerSelector(props) {
         });
     };
     const onCaseOwnerUpdate = (newOwner) => __awaiter(this, void 0, void 0, function* () {
-        // const caseDetails: Partial<ICasePayload> = { contactSSOName: newOwner.ssoUsername };
-        // if (!newOwner.id) {
-        //     caseUpdateError.showError(new Error('Contact id is required'), t(`Owner failed to update`));
-        //     return;
-        // }
         var _a;
-        setCaseState(caseDispatch, { isCaseOwnerUpdating: true });
         const ownerPhoneCaseUpdate = getOwnerPhoneCaseUpdate(newOwner);
-        try {
-            const newGroupNumber = (newOwner === null || newOwner === void 0 ? void 0 : newOwner.defaultCaseGroup) || null;
-            yield updateCaseDetailsGraphQL(caseDispatch, apolloClient, caseNumber, Object.assign({ contactId: newOwner.id, contactSSOName: newOwner.ssoUsername, groupNumber: newGroupNumber }, (ownerPhoneCaseUpdate !== null && ownerPhoneCaseUpdate !== void 0 ? ownerPhoneCaseUpdate : {})), false, { existingCaseDetails });
-            // When the picklist contact has no phone, clear fields so CaseContactPhoneNumber re-fetches it.
-            if (!ownerPhoneCaseUpdate) {
-                setCaseDetails(caseDispatch, {
-                    contactSSOName: newOwner.ssoUsername,
-                    phoneCountryCode: '',
-                    phoneAreaCodePrefixLineNumber: '',
-                    phone: '',
-                });
-            }
+        const defaultCaseGroup = newOwner.defaultCaseGroup || null;
+        const shouldDeferOwnerUpdate = selectedAccountDetails.data.requireCGroupOnCreate && isEmpty(defaultCaseGroup);
+        const syncLocalCaseOwner = () => __awaiter(this, void 0, void 0, function* () {
             const abortSignal = new AbortController().signal;
             yield setCaseOwner(caseDispatch, {
                 ssoUsername: newOwner.ssoUsername,
@@ -149,13 +136,59 @@ function OwnerSelector(props) {
                 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 });
-            if (newOwner.id && accountNumber) {
-                fetchCaseGroupsForContactGraphQL(caseDispatch, apolloClient, newOwner.id, accountNumber, newOwner === null || newOwner === void 0 ? void 0 : newOwner.defaultCaseGroup, (_a = newOwner.isOrgAdmin) !== null && _a !== void 0 ? _a : false, null);
-            }
+            reloadOwnerCaseGroups(defaultCaseGroup);
         }
         catch (e) {
             setCaseState(caseDispatch, { isCaseOwnerUpdating: false });
@@ -244,12 +277,12 @@ function OwnerSelector(props) {
                 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;
+                var _a, _b;
                 setCaseState(caseDispatch, {
                     selectedOwner: { data: contact, isFetching: false, isError: false, errorMessage: '' },
                 });
                 if (contact.id && accountNumber) {
-                    fetchCaseGroupsForContactGraphQL(caseDispatch, apolloClient, contact.id, accountNumber, caseNumber ? groupNumber : contact.defaultCaseGroup, (_a = contact.isOrgAdmin) !== null && _a !== void 0 ? _a : false, groupNumber);
+                    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 }))));
 }

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

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

@@ -62,5 +62,9 @@ export const ActiveCustomerEscalation = forwardRef((props, ref) => {
                 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 || isInternal ? isInternalElements : isCreateRMEVisible ? isNotInternalElements : 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.js

@@ -119,7 +119,7 @@ export function RequestEscalationModal(props) {
                 },
             });
             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('### 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}}', {
+            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>', {
                 category: formState.rmeCategory,
                 subject: formState.subject,
                 description: formState.description,

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

@@ -144,7 +144,7 @@ export const CaseSolutions = forwardRef((props, ref) => {
     // TODO: KCS linking disabled -- PCM-15276 -- restore when linking is re-enabled
     // const hasLink = some(recommendations, (p) => p.isLinked);
     const getCommentBody = () => {
-        return `**Reason for closing case:** \nOther. Found a pinned article that perfectly resolved the issue. Closing this case now.`;
+        return `<p><strong>Reason for closing case:</strong></p><p>Other. Found a pinned article that perfectly resolved the issue. Closing this case now.</p>`;
     };
     const handleCaseClose = () => __awaiter(void 0, void 0, void 0, function* () {
         setStatusUpdating(caseOverviewDispatch, true);

package/lib/esm/components/CaseEditView/ConfirmationModals/ReopenCaseModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReopenCaseModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ConfirmationModals/ReopenCaseModal.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,KAAA,EAAE,SAAS,KAAA,EAAE,UAAU,CAAC,KAAA,EAAE,iBAAiB,CAAC,KAAA,EAAE,cAAc,CAAC,KAAA,EAAE,mBAAmB,CAAC,KAAA,KAAK,IAAI,CAAC;IACpH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;CACzB;AAMD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBAkN5C"}
+{"version":3,"file":"ReopenCaseModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ConfirmationModals/ReopenCaseModal.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,KAAA,EAAE,SAAS,KAAA,EAAE,UAAU,CAAC,KAAA,EAAE,iBAAiB,CAAC,KAAA,EAAE,cAAc,CAAC,KAAA,EAAE,mBAAmB,CAAC,KAAA,KAAK,IAAI,CAAC;IACpH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;CACzB;AAMD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBAmN5C"}

package/lib/esm/components/CaseEditView/ConfirmationModals/ReopenCaseModal.js

@@ -42,12 +42,9 @@ export function ReopenCaseModal(props) {
         return isValid;
     };
     const getCommentBody = () => {
-        return `**Reason for reopening case:** \n${selectedReason}${reasonWithDescription.includes(selectedReason) || props.isInternal
+        return `<p><strong>Reason for reopening case:</strong></p><p>${selectedReason}${reasonWithDescription.includes(selectedReason) || props.isInternal
             ? `${props.isInternal ? '' : '. '}${reopenDescription}`
-            : ''}
-        \n **Reopened date:** \n${formatDateTime(Date())}
-        \n**Reopened by:** \n${props.whoIsUpdating}
-        \n**Reopened reason other description:**\n${reopenDescription}`;
+            : ''}</p><p><strong>Reopened date:</strong></p><p>${formatDateTime(Date())}</p><p><strong>Reopened by:</strong></p><p>${props.whoIsUpdating}</p><p><strong>Reopened reason other description:</strong></p><p>${reopenDescription}</p>`;
     };
     const onSubmit = () => __awaiter(this, void 0, void 0, function* () {
         if (!checkForRequiredFields())

package/lib/esm/components/CaseEditView/RequestRemoteSession/NewEssTermsModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NewEssTermsModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/NewEssTermsModal.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAYnD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAsb7C"}
+{"version":3,"file":"NewEssTermsModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/NewEssTermsModal.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAYnD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAwb7C"}

package/lib/esm/components/CaseEditView/RequestRemoteSession/NewEssTermsModal.js

@@ -123,7 +123,9 @@ export function NewEssTermsModal(props) {
     };
     // Function to ack remote session terms and post comment
     const submitRemoteSessionAgreement = (pdfId) => __awaiter(this, void 0, void 0, function* () {
-        const requestComment = t(`\n**Thank you for submitting the request for a remote session. A support manager will review the request, and updates will be provided in the support case. Please continue to provide any data requested by the support engineers in the case prior to the remote session (if applicable).**\n\nSubmitted a remote session request with following details:\n\n**Preferred Time and Expectations of remote session**\n${sessionExpectations}\n\n**Describe the impact to you or the business**\n${impact}\n\n${sessionLink ? `**Remote session link**\n${formatSessionLinks(sessionLink)}\n\n` : ''}This action does not initiate a remote session. A Red Hat Associate will get back to you soon.`);
+        const requestComment = t(`<p><strong>Thank you for submitting the request for a remote session. A support manager will review the request, and updates will be provided in the support case. Please continue to provide any data requested by the support engineers in the case prior to the remote session (if applicable).</strong></p><p>Submitted a remote session request with following details:</p><p><strong>Preferred Time and Expectations of remote session</strong></p><p>${sessionExpectations}</p><p><strong>Describe the impact to you or the business</strong></p><p>${impact}</p>${sessionLink
+            ? `<p><strong>Remote session link</strong></p><p>${formatSessionLinks(sessionLink)}</p>`
+            : ''}<p>This action does not initiate a remote session. A Red Hat Associate will get back to you soon.</p>`);
         try {
             yield updateCaseDetailsGraphQL(caseDispatch, apolloClient, props.caseNumber, {
                 remoteSessionTermsAcked: true,

package/lib/esm/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreementModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RemoteSessionAgreementModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreementModal.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAgBnD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,qBA+axD"}
+{"version":3,"file":"RemoteSessionAgreementModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreementModal.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,OAAO,KAA8B,MAAM,OAAO,CAAC;AAgBnD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,qBAibxD"}

package/lib/esm/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreementModal.js

@@ -114,7 +114,9 @@ export function RemoteSessionAgreementModal(props) {
     const existingCaseDetails = useCaseSelector((state) => state.caseDetails, isEqual);
     // Function to ack remote session terms and post comment
     const submitRemoteSessionAgreement = (pdfId) => __awaiter(this, void 0, void 0, function* () {
-        const requestComment = t(`\n**Thank you for submitting the request for a remote session. A support manager will review the request, and updates will be provided in the support case. Please continue to provide any data requested by the support engineers in the case prior to the remote session (if applicable).**\n\nSubmitted a remote session request with following details:\n\n**Preferred Time and Expectations of remote session**\n${sessionExpectations}\n\n**Describe the impact to you or the business**\n${impact}\n\n${sessionLink ? `**Remote session link**\n${formatSessionLinks(sessionLink)}\n\n` : ''}This action does not initiate a remote session. A Red Hat Associate will get back to you soon.`);
+        const requestComment = t(`<p><strong>Thank you for submitting the request for a remote session. A support manager will review the request, and updates will be provided in the support case. Please continue to provide any data requested by the support engineers in the case prior to the remote session (if applicable).</strong></p><p>Submitted a remote session request with following details:</p><p><strong>Preferred Time and Expectations of remote session</strong></p><p>${sessionExpectations}</p><p><strong>Describe the impact to you or the business</strong></p><p>${impact}</p>${sessionLink
+            ? `<p><strong>Remote session link</strong></p><p>${formatSessionLinks(sessionLink)}</p>`
+            : ''}<p>This action does not initiate a remote session. A Red Hat Associate will get back to you soon.</p>`);
         try {
             yield updateCaseDetailsGraphQL(caseDispatch, apolloClient, props.caseNumber, {
                 remoteSessionTermsAcked: true,

package/lib/esm/components/CaseEditView/RequestRemoteSession/remoteSessionUtils.js

@@ -19,5 +19,5 @@ export const formatSessionLinks = (sessionLink) => {
         .split(/[;,| \n\r\t]+/)
         .map((link) => link.trim())
         .filter(Boolean);
-    return links.map((link) => `[${link}](${link})`).join('\n');
+    return links.map((link) => `<a href="${link}">${link}</a>`).join('<br>');
 };

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseDetailsManagement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseDetailsManagement.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseDetailsManagement.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAoBvD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,mBAAmB,CAAC;IAChC,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CAClD;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,KAAK,EAAE,MAAM,qBA2E1D"}
+{"version":3,"file":"CaseDetailsManagement.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseDetailsManagement.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAA+B,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAoBvD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,mBAAmB,CAAC;IAChC,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CAClD;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,KAAK,EAAE,MAAM,qBAqF1D"}

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseDetailsManagement.js

@@ -1,7 +1,9 @@
 import { Flex, FlexItem } from '@patternfly/react-core';
+import { AlertMessage, AlertType } from '@rh-support/components';
 import { AbilityContext, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 import { useCaseSelector } from '../../../../context/CaseContext';
 import { OwnerSelector } from '../../../AccountInfo/OwnerSelector';
 import CaseGroup from '../../../CaseInformation/CaseGroup';
@@ -20,11 +22,13 @@ import CaseReferenceNumber from './CaseReferenceNumber';
 import CaseSbrGroups from './CaseSbrGroups';
 import SFDCUrl from './SFDCUrl';
 export default function CaseDetailsManagement(props) {
+    const { t } = useTranslation();
     const [isUpdatingPartner, setIsUpdatingPartner] = useState(false);
     const caseState = useCaseSelector((state) => ({
         caseDetails: {
             accountNumber: state.caseDetails.accountNumberRef,
         },
+        showMandatoryCaseGroupValidationError: state.showMandatoryCaseGroupValidationError,
     }), isEqual);
     const accountNumber = caseState.caseDetails.accountNumber;
     const ability = useContext(AbilityContext);
@@ -38,6 +42,7 @@ export default function CaseDetailsManagement(props) {
     return (React.createElement(React.Fragment, null,
         React.createElement(PartnerCaseHelper, { setIsUpdatingPartners: setIsUpdatingPartner, caseNumber: props.caseNumber, routeProps: props.routeProps }),
         React.createElement("section", { className: "card card-white" },
+            React.createElement(AlertMessage, { show: !!caseState.showMandatoryCaseGroupValidationError, variant: AlertType.DANGER, isInline: true, title: t('Please address the errors to proceed'), className: "pf-v6-u-mb-lg", "data-tracking-id": "proceed-address-errors" }),
             React.createElement("form", null,
                 React.createElement(Flex, { direction: { default: 'column', '2xl': 'row' } },
                     React.createElement(FlexItem, { flex: { default: 'flex_1' } },

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenshiftClusterId.js

@@ -321,7 +321,7 @@ export function CaseOpenshiftClusterId() {
                     clusterDropdownId === 'dont-have-id' ||
                     clusterDropdownId === 'v3-cluster'
                     ? false
-                    : isClusterIdInvalid, clusterIdDropdownFormInstructions: !isExportingPDF ? clusterIdDropdownFormInstructions() : undefined, onClusterClear: resetClusterData, isV3: product !== 'OpenShift Container Platform', isDisabled: isClusterIdUpdating || isCaseReadOnly, noClusterIdReasonExplanation: resolvedNoClusterIdReasonExplanation || '' }),
+                    : isClusterIdInvalid, clusterIdDropdownFormInstructions: !isExportingPDF ? clusterIdDropdownFormInstructions() : undefined, onClusterClear: resetClusterData, isV3: product === 'OpenShift Container Platform', isDisabled: isClusterIdUpdating || isCaseReadOnly, noClusterIdReasonExplanation: resolvedNoClusterIdReasonExplanation || '' }),
             shouldShowNoClusterReasonSelector && (React.createElement(NoClusterIDReasonSelector, { noClusterIdReasonExplanation: resolvedNoClusterIdReasonExplanation || '', noClusterIdReason: resolvedNoClusterIdReason || '', onReasonInputBoxBlur: onReasonExplanationInputBoxChanged, onReasonChange: onReasonChange, isInValid: isInVaidNoClusterIdReason, isCustomer: isCustomer, isDisabled: isReasonUpdating || isCaseReadOnly })),
             React.createElement(LoadingIndicator, { show: isClusterIdUpdating, size: "xs" })));
     }

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

@@ -1 +1 @@
-{"version":3,"file":"CaseGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseGroup.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAgB5E,UAAU,MAAM;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAWD,iBAAS,SAAS,CAAC,KAAK,EAAE,MAAM,qBAsZ/B;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"CaseGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseGroup.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAiB5E,UAAU,MAAM;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAWD,iBAAS,SAAS,CAAC,KAAK,EAAE,MAAM,qBAyb/B;AAED,eAAe,SAAS,CAAC"}

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

@@ -20,7 +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, setSelectedCaseGroupUsers, updateCaseDetailsGraphQL, } from '../../reducers/CaseReducer';
+import { fetchCaseGroupsForContactGraphQL, setCaseDetails, setCaseState, setSelectedCaseGroupUsers, updateCaseDetailsGraphQL, } from '../../reducers/CaseReducer';
 import { PDFContext } from '../CaseEditView/PDFContainer';
 import { CaseValuesToWatch } from '../shared/Constants';
 import { getChangedValueTooltip } from '../shared/utils';
@@ -35,7 +35,7 @@ const emptyCaseGroup = {
 function CaseGroup(props) {
     const { t } = useTranslation();
     const caseUpdateError = useCaseUpdateErrorMessage();
-    const { groupNumber, caseNumber, caseId, accountNumber, selectedAccountDetails, ownersCaseGroups, groupName, isCaseOwnerUpdating, contactSSOName, selectedOwnerContactId, selectedOwnerIsOrgAdmin, } = useCaseSelector((state) => {
+    const { groupNumber, caseNumber, caseId, accountNumber, selectedAccountDetails, ownersCaseGroups, groupName, isCaseOwnerUpdating, contactSSOName, selectedOwnerContactId, selectedOwnerIsOrgAdmin, pendingCaseOwnerUpdate, existingCaseDetails, } = useCaseSelector((state) => {
         var _a, _b, _c, _d, _e;
         return ({
             caseNumber: state.caseDetails.caseNumber,
@@ -49,6 +49,8 @@ function CaseGroup(props) {
             contactSSOName: state.caseDetails.contactSSOName,
             selectedOwnerContactId: (_b = (_a = state.selectedOwner) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.id,
             selectedOwnerIsOrgAdmin: (_e = (_d = (_c = state.selectedOwner) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.isOrgAdmin) !== null && _e !== void 0 ? _e : false,
+            pendingCaseOwnerUpdate: state.pendingCaseOwnerUpdate,
+            existingCaseDetails: state.caseDetails,
         });
     }, isEqual);
     const caseDispatch = useCaseDispatch();
@@ -61,7 +63,7 @@ function CaseGroup(props) {
             return;
         if (isEmpty(selectedOwnerContactId) || isEmpty(accountNumber))
             return;
-        fetchCaseGroupsForContactGraphQL(caseDispatch, apolloClient, selectedOwnerContactId, accountNumber, groupNumber, selectedOwnerIsOrgAdmin);
+        fetchCaseGroupsForContactGraphQL(caseDispatch, apolloClient, selectedOwnerContactId, accountNumber, null, selectedOwnerIsOrgAdmin, groupNumber !== null && groupNumber !== void 0 ? groupNumber : '');
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [selectedOwnerContactId, accountNumber, selectedOwnerIsOrgAdmin]);
     const [selectedCaseGroup, setSelectedCaseGroup] = useState(isGroupMandatory ? undefined : emptyCaseGroup);
@@ -85,13 +87,23 @@ function CaseGroup(props) {
         return isInValidGroup;
     };
     const onCaseGroupUpdate = (caseDetails) => __awaiter(this, void 0, void 0, function* () {
+        var _a;
         if (canEditCase.alert())
             return;
         setCaseGroupUpdating(true);
         try {
-            yield updateCaseDetailsGraphQL(caseDispatch, apolloClient, caseNumber, { groupNumber: caseDetails.groupNumber }, false, { salesforceCaseId: caseId });
-            setCaseGroupUpdating(false);
+            const pendingOwnerUpdate = pendingCaseOwnerUpdate;
+            const updatePayload = pendingOwnerUpdate
+                ? Object.assign({ contactId: pendingOwnerUpdate.contactId, contactSSOName: pendingOwnerUpdate.contactSSOName, groupNumber: caseDetails.groupNumber }, ((_a = pendingOwnerUpdate.phoneCaseUpdate) !== null && _a !== void 0 ? _a : {})) : { groupNumber: caseDetails.groupNumber };
+            yield updateCaseDetailsGraphQL(caseDispatch, apolloClient, caseNumber, updatePayload, false, pendingOwnerUpdate
+                ? { existingCaseDetails }
+                : { salesforceCaseId: caseId });
+            if (pendingOwnerUpdate) {
+                setCaseState(caseDispatch, { pendingCaseOwnerUpdate: null });
+                setSelectedCaseGroupUsers(caseDispatch, accountNumber, caseDetails.groupNumber, loggedInUserRights.data);
+            }
             ToastNotification.addSuccessMessage(t(`Group has been successfully updated`));
+            setCaseGroupUpdating(false);
         }
         catch (e) {
             setCaseGroupUpdating(false);
@@ -161,6 +173,11 @@ function CaseGroup(props) {
                 setInputValue(groupName);
                 setSelected(groupName);
             }
+            else if (!groupNumber) {
+                setSelectedCaseGroup(isGroupMandatory ? undefined : emptyCaseGroup);
+                setInputValue('');
+                setSelected('');
+            }
             return;
         }
         const selectedGroup = find(ownersCaseGroups.data, (g) => g.groupNum === groupNumber);
@@ -186,11 +203,17 @@ function CaseGroup(props) {
             setInputValue(groupName);
             setSelected(groupName);
         }
+        else if (!groupNumber) {
+            setSelectedCaseGroup(isGroupMandatory ? undefined : emptyCaseGroup);
+            setInputValue('');
+            setSelected('');
+            setCaseGroupInvalid(!!isGroupMandatory);
+        }
         else {
             setCaseGroupInvalid(true);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [ownersCaseGroups, caseNumber, isGroupMandatory]);
+    }, [ownersCaseGroups, caseNumber, isGroupMandatory, groupNumber, groupName]);
     const onCaseGroupClear = () => __awaiter(this, void 0, void 0, function* () {
         if (canEditCase.alert())
             return;
@@ -224,11 +247,21 @@ function CaseGroup(props) {
         setSelected('');
         setIsOpen(false);
     });
-    const showHelperText = !isSelectedUngroupedInvalid || (!isCaseGroupInvalid && !isGroupMandatory);
-    const showEmptyValidationError = !caseNumber &&
-        isGroupMandatory &&
-        isCaseGroupInvalid &&
-        (isNextBtnClickedToShowValidationError || isEmpty(groupNumber));
+    const caseGroupRequiredErrorMessage = caseNumber
+        ? t('Users are not allowed to update case if on account level caseGroupRequired is set to true')
+        : t('Users are not allowed to create case if on account level caseGroupRequired is set to true');
+    const showMandatoryGroupValidationError = isGroupMandatory &&
+        !isExportingPDF &&
+        (isCaseGroupInvalid || isSelectedUngroupedInvalid || !!pendingCaseOwnerUpdate) &&
+        isEmpty(groupNumber) &&
+        (!!caseNumber || isNextBtnClickedToShowValidationError || isEmpty(groupNumber));
+    const showHelperText = !showMandatoryGroupValidationError;
+    useEffect(() => {
+        setCaseState(caseDispatch, { showMandatoryCaseGroupValidationError: !!showMandatoryGroupValidationError });
+        return () => {
+            setCaseState(caseDispatch, { showMandatoryCaseGroupValidationError: false });
+        };
+    }, [caseDispatch, showMandatoryGroupValidationError]);
     const canNotChangeGroup = () => !loggedInUserRights.data.isInternal() &&
         !loggedInUser.data.isOrgAdmin &&
         loggedInUser.data.ssoUsername !== contactSSOName &&
@@ -258,9 +291,7 @@ function CaseGroup(props) {
             isCaseGroupUpdating ||
             isCaseOwnerUpdating ||
             canNotChangeGroup() ||
-            canEditCase.isCaseNotEditable, status: ownersCaseGroups.isError || showEmptyValidationError || (caseNumber && isSelectedUngroupedInvalid)
-            ? 'danger'
-            : undefined, isFullWidth: true },
+            canEditCase.isCaseNotEditable, status: ownersCaseGroups.isError || showMandatoryGroupValidationError ? 'danger' : undefined, isFullWidth: true },
         React.createElement(TextInputGroup, { isPlain: true },
             React.createElement(TextInputGroupMain, { value: inputValue, onClick: onToggleClick, onChange: onInputQueryChange, onKeyDown: onInputKeyDown, onBlur: () => {
                     if (selected) {
@@ -278,9 +309,7 @@ function CaseGroup(props) {
             isGroupMandatory && !isExportingPDF && (React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))),
         React.createElement(Select, { id: "get-support-group", "data-tracking-id": "get-support-group", isOpen: isOpen, selected: selected, onSelect: (event, val) => onCaseGroupChange(val), onOpenChange: () => setIsOpen(false), toggle: toggle, shouldFocusFirstItemOnOpen: false, onBlur: () => onOuterClickGroupCheck, isScrollable: true, popperProps: { direction: 'down', enableFlip: false } },
             React.createElement(SelectList, null, computeDropdownList().map((option, index) => (React.createElement(SelectOption, { key: option.name, isFocused: focusedItemIndex === index, value: option, isSelected: option.name === selected }, option.name))))),
-        caseNumber && isSelectedUngroupedInvalid && !isExportingPDF && (React.createElement("p", { className: "form-instructions form-invalid" },
-            React.createElement(Trans, null, "'Ungrouped Case' cannot be selected. Please select a group."))),
-        showEmptyValidationError && isGroupMandatory && !isExportingPDF && (React.createElement("p", { className: "form-instructions form-invalid" }, t('User are not allowed to create case if on account level caseGroupRequired is set to true'))),
+        showMandatoryGroupValidationError && (React.createElement("p", { className: "form-instructions form-invalid" }, caseGroupRequiredErrorMessage)),
         showHelperText && (React.createElement("p", { className: "form-instructions" },
             React.createElement(Trans, null, "Organization administrators have the permission to manage groups.")))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Fts.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Fts.tsx"],"names":[],"mappings":"AAWA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAQD,iBAAS,GAAG,CAAC,KAAK,EAAE,MAAM,qBAgPzB;kBAhPQ,GAAG;;;AAmPZ,eAAe,GAAG,CAAC"}
+{"version":3,"file":"Fts.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Fts.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAQD,iBAAS,GAAG,CAAC,KAAK,EAAE,MAAM,qBA8PzB;kBA9PQ,GAAG;;;AAiQZ,eAAe,GAAG,CAAC"}

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

@@ -7,6 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import { useApolloClient } from '@apollo/client/react';
 import { InlineEdit, LoadingIndicator, TextAreaAutosize, ToastNotification, usePrevious } from '@rh-support/components';
 import { useCanEditCase } from '@rh-support/react-context';
 import { isFtsEditableOnEditPage, PreviousCaseTypes, showFtsOnCaseViewEditPage, showFtsOnCreateCasePage, } from '@rh-support/utils';
@@ -17,7 +18,7 @@ import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { useCaseUpdateErrorMessage } from '../../hooks/useCaseUpdateErrorMessage';
 import { CONTACT_INFO_24X7_LIMIT } from '../../reducers/CaseConstNTypes';
-import { setCaseDetails, setCaseState, updateCaseDetails } from '../../reducers/CaseReducer';
+import { setCaseDetails, setCaseState, updateCaseSeverityAndFtsGraphQL } from '../../reducers/CaseReducer';
 import { PDFContext } from '../CaseEditView/PDFContainer';
 const defaultProps = {
     inlineEditable: false,
@@ -27,17 +28,24 @@ const defaultProps = {
 function Fts(props) {
     const { t } = useTranslation();
     const caseUpdateError = useCaseUpdateErrorMessage();
-    const { fts, contactInfo24x7, caseNumber, severity, entitlementSla, caseType, phoneCountryCode, phoneAreaCodePrefixLineNumber, ftsContactSameAsOwner, } = useCaseSelector((state) => ({
-        fts: state.caseDetails.fts,
-        caseNumber: state.caseDetails.caseNumber,
-        contactInfo24x7: state.caseDetails.contactInfo24x7,
-        severity: state.caseDetails.severity,
-        entitlementSla: state.caseDetails.entitlementSla,
-        caseType: state.caseDetails.caseType,
-        phoneCountryCode: state.caseDetails.phoneCountryCode,
-        phoneAreaCodePrefixLineNumber: state.caseDetails.phoneAreaCodePrefixLineNumber || '',
-        ftsContactSameAsOwner: state.ftsContactSameAsOwner,
-    }), isEqual);
+    const apolloClient = useApolloClient();
+    const { fts, contactInfo24x7, caseNumber, severity, entitlementSla, caseType, phoneCountryCode, phoneAreaCodePrefixLineNumber, ftsContactSameAsOwner, existingCaseDetails, accountHasPremiumSla, hasMultipleSlas, } = useCaseSelector((state) => {
+        var _a, _b;
+        return ({
+            fts: state.caseDetails.fts,
+            caseNumber: state.caseDetails.caseNumber,
+            contactInfo24x7: state.caseDetails.contactInfo24x7,
+            severity: state.caseDetails.severity,
+            entitlementSla: state.caseDetails.entitlementSla,
+            caseType: state.caseDetails.caseType,
+            phoneCountryCode: state.caseDetails.phoneCountryCode,
+            phoneAreaCodePrefixLineNumber: state.caseDetails.phoneAreaCodePrefixLineNumber || '',
+            ftsContactSameAsOwner: state.ftsContactSameAsOwner,
+            existingCaseDetails: state.caseDetails,
+            accountHasPremiumSla: state.accountHasPremiumSla,
+            hasMultipleSlas: !!state.productServiceLevel && ((_b = (_a = state.otherServiceLevels) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) > 0,
+        });
+    }, isEqual);
     const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
     const { isExportingPDF } = useContext(PDFContext);
     const caseDispatch = useCaseDispatch();
@@ -52,7 +60,9 @@ function Fts(props) {
     const onCaseFtsContactUpdate = (caseDetails) => __awaiter(this, void 0, void 0, function* () {
         setFtsContactUpdating(true);
         try {
-            yield updateCaseDetails(caseDispatch, caseNumber, caseDetails);
+            yield updateCaseSeverityAndFtsGraphQL(caseDispatch, apolloClient, caseNumber, caseDetails, severity, {
+                existingCaseDetails,
+            });
             setFtsContactUpdating(false);
             ToastNotification.addSuccessMessage(t(`Case has been successfully updated`));
         }
@@ -64,7 +74,9 @@ function Fts(props) {
     const onCaseFtsUpdate = (caseDetails) => __awaiter(this, void 0, void 0, function* () {
         setFtsUpdating(true);
         try {
-            yield updateCaseDetails(caseDispatch, caseNumber, caseDetails);
+            yield updateCaseSeverityAndFtsGraphQL(caseDispatch, apolloClient, caseNumber, caseDetails, severity, {
+                existingCaseDetails,
+            });
             setFtsUpdating(false);
             ToastNotification.addSuccessMessage(t(`Case has been successfully updated`));
         }
@@ -155,7 +167,8 @@ function Fts(props) {
     const maxLengthErrorMessage = t('Contact information cannot be more than {{limit}} characters.', {
         limit: CONTACT_INFO_24X7_LIMIT,
     });
-    if (isEmpty(caseNumber) && (!showFtsOnCreateCasePage(entitlementSla, severity) || isIdea))
+    const ftsCreateOptions = { accountHasPremiumSla, hasMultipleSlas };
+    if (isEmpty(caseNumber) && (!showFtsOnCreateCasePage(entitlementSla, severity, ftsCreateOptions) || isIdea))
         return React.createElement(React.Fragment, null);
     if (!isEmpty(caseNumber) && (isIdea || !showFtsOnCaseViewEditPage(entitlementSla, severity)))
         return React.createElement(React.Fragment, null);

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

@@ -1 +1 @@
-{"version":3,"file":"Severity.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Severity.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAMvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAa5D,OAAO,KAA0C,MAAM,OAAO,CAAC;AAW/D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAChE,oBAAoB,EAAE,OAAO,CAAC;CACjC;AASD,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;CACxD;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,MAAM,qBA0Q9B;kBA1QQ,QAAQ;;;AA4QjB,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Severity.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Severity.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAMvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAc5D,OAAO,KAA0C,MAAM,OAAO,CAAC;AAW/D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAChE,oBAAoB,EAAE,OAAO,CAAC;CACjC;AASD,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;CACxD;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,MAAM,qBA8Q9B;kBA9QQ,QAAQ;;;AAgRjB,eAAe,QAAQ,CAAC"}

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

@@ -27,16 +27,21 @@ const defaultProps = {
 };
 function Severity(props) {
     const { t } = useTranslation();
-    const { product, version, caseNumber, severity, entitlementSla, ownersEntitlements, versionsDetails, caseType } = useCaseSelector((state) => ({
-        product: state.caseDetails.product,
-        version: state.caseDetails.version,
-        caseNumber: state.caseDetails.caseNumber,
-        severity: state.caseDetails.severity,
-        entitlementSla: state.caseDetails.entitlementSla,
-        ownersEntitlements: state.ownersEntitlements,
-        versionsDetails: state.versionsDetails,
-        caseType: state.caseDetails.caseType,
-    }), isEqual);
+    const { product, version, caseNumber, severity, entitlementSla, ownersEntitlements, versionsDetails, caseType, accountHasPremiumSla, hasMultipleSlas } = useCaseSelector((state) => {
+        var _a, _b;
+        return ({
+            product: state.caseDetails.product,
+            version: state.caseDetails.version,
+            caseNumber: state.caseDetails.caseNumber,
+            severity: state.caseDetails.severity,
+            entitlementSla: state.caseDetails.entitlementSla,
+            ownersEntitlements: state.ownersEntitlements,
+            versionsDetails: state.versionsDetails,
+            caseType: state.caseDetails.caseType,
+            accountHasPremiumSla: state.accountHasPremiumSla,
+            hasMultipleSlas: !!state.productServiceLevel && ((_b = (_a = state.otherServiceLevels) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) > 0,
+        });
+    }, isEqual);
     const { globalMetadataState: { allCaseSeverities, allProducts }, } = useContext(GlobalMetadataStateContext);
     const { isExportingPDF } = useContext(PDFContext);
     const [isSeverityInValid, setIsSeverityInValid] = useState(false);
@@ -46,12 +51,13 @@ function Severity(props) {
     const caseDispatch = useCaseDispatch();
     const isOnCaseDetailsPage = !isEmpty(caseNumber);
     const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
+    const ftsCreateOptions = { accountHasPremiumSla, hasMultipleSlas };
     const updateState = (value) => {
         const casePayload = {
             severity: value,
         };
         // .. change fts on sev change only while creating case or when we change to sev1
-        !isOnCaseDetailsPage && (casePayload.fts = showFtsOnCreateCasePage(entitlementSla, value));
+        !isOnCaseDetailsPage && (casePayload.fts = showFtsOnCreateCasePage(entitlementSla, value, ftsCreateOptions));
         isOnCaseDetailsPage && autoEnableFtsOnCaseViewEditPage(entitlementSla, value) && (casePayload.fts = true);
         casePayload.fts = casePayload.fts && !isIdea;
         if (isOnCaseDetailsPage) {