@rh-support/troubleshoot 2.6.341 → 2.6.349

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

@@ -7,11 +7,10 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { useApolloClient } from '@apollo/client/react';
+import { contacts } from '@cee-eng/hydrajs';
 import { ValidatedOptions } from '@patternfly/react-core';
 import { getPhoneObj, PhoneInput } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
-import { GET_ACCOUNT_CONTACTS } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import isUndefined from 'lodash/isUndefined';
@@ -25,33 +24,13 @@ import { setCaseDetails, setCaseState } from '../../reducers/CaseReducer';
 import { PDFContext } from '../CaseEditView/PDFContainer';
 import { removeAllChars, trimAndReplacePlus } from '../shared/utils';
 import { ContactPhoneNumberPopOver } from './ContactPhoneNumberPopOver';
-function fetchContactBySSO(apolloClient, accountNumber, ssoUsername) {
-    return __awaiter(this, void 0, void 0, function* () {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-        const { data } = yield apolloClient.query({
-            query: GET_ACCOUNT_CONTACTS,
-            variables: {
-                accountNumber: { eq: accountNumber },
-                contactsWhere: { SSOUserName__c: { eq: ssoUsername } },
-                first: 1,
-            },
-        });
-        const response = data;
-        const contactNode = (_j = (_h = (_g = (_f = (_e = (_d = (_c = (_b = (_a = response === null || response === void 0 ? void 0 : response.redhat_support_uiapi) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.RedHatSupportAccount) === null || _c === void 0 ? void 0 : _c.edges) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.node) === null || _f === void 0 ? void 0 : _f.Contacts) === null || _g === void 0 ? void 0 : _g.edges) === null || _h === void 0 ? void 0 : _h[0]) === null || _j === void 0 ? void 0 : _j.node;
-        return {
-            phone: (_l = (_k = contactNode === null || contactNode === void 0 ? void 0 : contactNode.Phone) === null || _k === void 0 ? void 0 : _k.value) !== null && _l !== void 0 ? _l : '',
-        };
-    });
-}
 export function ContactPhoneNumber() {
-    const apolloClient = useApolloClient();
-    const { suppliedPhoneNumberVerified, phoneCountryCode = '', phoneAreaCodePrefixLineNumber = '', hasLoggedInUserConfirmedPhoneNumber, contactSSOName, accountNumberRef, shouldNotSetPhoneCountryCode, isCasePhoneUpdating, } = useCaseSelector((state) => ({
+    const { suppliedPhoneNumberVerified, phoneCountryCode = '', phoneAreaCodePrefixLineNumber = '', hasLoggedInUserConfirmedPhoneNumber, contactSSOName, shouldNotSetPhoneCountryCode, isCasePhoneUpdating, } = useCaseSelector((state) => ({
         suppliedPhoneNumberVerified: state.caseDetails.suppliedPhoneNumberVerified,
         phoneCountryCode: state.caseDetails.phoneCountryCode,
         phoneAreaCodePrefixLineNumber: state.caseDetails.phoneAreaCodePrefixLineNumber,
         hasLoggedInUserConfirmedPhoneNumber: state.hasLoggedInUserConfirmedPhoneNumber,
         contactSSOName: state.caseDetails.contactSSOName,
-        accountNumberRef: state.caseDetails.accountNumberRef,
         shouldNotSetPhoneCountryCode: state.shouldNotSetPhoneCountryCode,
         isCasePhoneUpdating: state.isCasePhoneUpdating,
     }), isEqual);
@@ -78,7 +57,6 @@ export function ContactPhoneNumber() {
     };
     const onPhoneChange = (fullPhone) => {
         setLocalFullPhone(checkingPlusInLocalFullPhone(fullPhone));
-        setCaseState(caseDispatch, { hasUserUpdatedSuppliedPhone: true });
         if (!shouldNotSetPhoneCountryCode) {
             setCaseDetails(caseDispatch, {
                 phoneAreaCodePrefixLineNumber: getPhoneObj(fullPhone).phoneLine,
@@ -90,17 +68,12 @@ export function ContactPhoneNumber() {
                 setCaseState(caseDispatch, { shouldNotSetPhoneCountryCode: false });
             }
             setCaseDetails(caseDispatch, {
-                // TODO: Temporary — do not prepend + for portal phone without country code.
-                phoneAreaCodePrefixLineNumber: fullPhone.trim().replace(/^\+/, ''),
-                /* TODO: Revert to previous logic after phone format handling is finalized.
                 phoneAreaCodePrefixLineNumber: checkingPlusInLocalFullPhone(fullPhone),
-                */
                 phoneCountryCode: '',
             });
         }
     };
     const onCountryCodeChange = (phoneCountryCode) => {
-        setCaseState(caseDispatch, { hasUserUpdatedSuppliedPhone: true });
         setCaseDetails(caseDispatch, { phoneCountryCode });
     };
     const maxLengthErrorMessage = t('Phone number cannot be more than {{limit}} digits.', {
@@ -141,7 +114,6 @@ export function ContactPhoneNumber() {
                 setLocalFullPhone('');
             setCaseState(caseDispatch, { isCasePhoneUpdating: true });
             const initContactPhoneNumber = () => __awaiter(this, void 0, void 0, function* () {
-                var _a, _b;
                 let _phoneAreaCodePrefixLineNumber;
                 let _phoneCountryCode;
                 let _suppliedPhoneNumberVerified;
@@ -159,41 +131,20 @@ export function ContactPhoneNumber() {
                     }
                     else {
                         // User is openning a case for the first time
-                        /* TODO: Revert to previous logic after phone format handling is finalized.
-                        const phoneLength = trimAndReplacePlus(removeAllChars(loggedInUser.data.phone!)).length;
-
+                        const phoneLength = trimAndReplacePlus(removeAllChars(loggedInUser.data.phone)).length;
                         // For first time user whose phone is fetched from portal without country code
                         // For phone length less or equal to 10 country code shouldn't be fetched to avoid faulty phone population
                         if (phoneLength > 10) {
-                            const phoneLine = getPhoneObj(loggedInUser.data.phone!).phoneLine || '';
-                            const countryCode = getPhoneObj(loggedInUser.data.phone!).countryCode;
-
+                            const phoneLine = getPhoneObj(loggedInUser.data.phone).phoneLine || '';
+                            const countryCode = getPhoneObj(loggedInUser.data.phone).countryCode;
                             _phoneAreaCodePrefixLineNumber = phoneLine;
                             _phoneCountryCode = countryCode;
-                        } else {
-                            setCaseState(caseDispatch, {
-                                shouldNotSetPhoneCountryCode: true,
-                            });
-                            _phoneAreaCodePrefixLineNumber = loggedInUser.data.phone!;
-                            _phoneCountryCode = '';
-                            setPortalPhone(loggedInUser.data.phone!);
-                        }
-                        */
-                        // TODO: Temporary — only parse country code from +{countryCode}-{phoneLine} format
-                        const explicitPhoneMatch = (_a = loggedInUser.data.phone) === null || _a === void 0 ? void 0 : _a.trim().match(/^\+(\d+)-(.+)$/);
-                        if (explicitPhoneMatch) {
-                            _phoneCountryCode = `+${explicitPhoneMatch[1]}`;
-                            _phoneAreaCodePrefixLineNumber = explicitPhoneMatch[2];
                         }
                         else {
                             setCaseState(caseDispatch, {
                                 shouldNotSetPhoneCountryCode: true,
                             });
-                            // TODO: Temporary — strip leading + when phone is not in +{countryCode}-{phoneLine} format.
-                            _phoneAreaCodePrefixLineNumber = loggedInUser.data.phone.replace(/^\+/, '');
-                            /* TODO: Revert to previous logic after phone format handling is finalized.
-                            _phoneAreaCodePrefixLineNumber = loggedInUser.data.phone!;
-                            */
+                            _phoneAreaCodePrefixLineNumber = loggedInUser.data.phone;
                             _phoneCountryCode = '';
                             setPortalPhone(loggedInUser.data.phone);
                         }
@@ -205,43 +156,32 @@ export function ContactPhoneNumber() {
                     }
                 }
                 else {
-                    // user is opening case for others (user is partner or red hatter)
+                    // user is openning case for others (use is partner or red hatter)
                     try {
                         if (!contactSSOName)
                             return;
                         setIsFetchingSso(true);
-                        const selectedContact = yield fetchContactBySSO(apolloClient, accountNumberRef, contactSSOName);
+                        const selectedContact = yield contacts.getSFDCContactBySso(contactSSOName);
                         setIsFetchingSso(false);
-                        /* TODO: Revert to previous logic after phone format handling is finalized.
-                        const phoneLength = trimAndReplacePlus(removeAllChars(selectedContact.phone)).length;
-
-                        if (phoneLength > 10) {
-                            _phoneAreaCodePrefixLineNumber = getPhoneObj(selectedContact.phone).phoneLine || '';
-                            _phoneCountryCode = getPhoneObj(selectedContact.phone).countryCode || '';
-                        } else {
-                            _phoneAreaCodePrefixLineNumber = selectedContact.phone;
-                            _phoneCountryCode = '';
-                            setCaseState(caseDispatch, { shouldNotSetPhoneCountryCode: true });
-                            setPortalPhone(selectedContact.phone);
-                        }
-                        */
-                        // TODO: Temporary — only parse country code from +{countryCode}-{phoneLine} format (e.g. +93-895674341).
-                        const explicitPhoneMatch = (_b = selectedContact.phone) === null || _b === void 0 ? void 0 : _b.trim().match(/^\+(\d+)-(.+)$/);
-                        if (explicitPhoneMatch) {
-                            _phoneCountryCode = `+${explicitPhoneMatch[1]}`;
-                            _phoneAreaCodePrefixLineNumber = explicitPhoneMatch[2];
+                        if (selectedContact.supportPhoneAreaCodePrefixLineNumber) {
+                            _phoneAreaCodePrefixLineNumber = selectedContact.supportPhoneAreaCodePrefixLineNumber;
+                            _phoneCountryCode = selectedContact.supportPhoneCountryCode;
+                            _suppliedPhoneNumberVerified = 'Deferred';
                         }
                         else {
-                            // TODO: Temporary — strip leading + when phone is not in +{countryCode}-{phoneLine} format.
-                            _phoneAreaCodePrefixLineNumber = selectedContact.phone.replace(/^\+/, '');
-                            /* TODO: Revert to previous logic after phone format handling is finalized.
-                            _phoneAreaCodePrefixLineNumber = selectedContact.phone;
-                            */
-                            _phoneCountryCode = '';
-                            setCaseState(caseDispatch, { shouldNotSetPhoneCountryCode: true });
-                            setPortalPhone(selectedContact.phone);
+                            const phoneLength = trimAndReplacePlus(removeAllChars(selectedContact.phone)).length;
+                            if (phoneLength > 10) {
+                                _phoneAreaCodePrefixLineNumber = getPhoneObj(selectedContact.phone).phoneLine || '';
+                                _phoneCountryCode = getPhoneObj(selectedContact.phone).countryCode || '';
+                            }
+                            else {
+                                _phoneAreaCodePrefixLineNumber = selectedContact.phone;
+                                _phoneCountryCode = '';
+                                setCaseState(caseDispatch, { shouldNotSetPhoneCountryCode: true });
+                                setPortalPhone(selectedContact.phone);
+                            }
+                            _suppliedPhoneNumberVerified = 'Deferred';
                         }
-                        _suppliedPhoneNumberVerified = 'Deferred';
                     }
                     catch (e) {
                         _phoneAreaCodePrefixLineNumber = '';
@@ -256,19 +196,9 @@ export function ContactPhoneNumber() {
                     phoneCountryCode: _phoneCountryCode,
                     suppliedPhoneNumberVerified: _suppliedPhoneNumberVerified,
                 });
-                // TODO: Temporary — do not prepend + when country code is not set.
-                const _localFullPhone = isEmpty(_phoneCountryCode)
-                    ? (_phoneAreaCodePrefixLineNumber === null || _phoneAreaCodePrefixLineNumber === void 0 ? void 0 : _phoneAreaCodePrefixLineNumber.trim()) || ''
-                    : checkingPlusInLocalFullPhone(`${_phoneCountryCode} ${_phoneAreaCodePrefixLineNumber}`);
-                /* TODO: Revert to previous logic after phone format handling is finalized.
                 let _localFullPhone = _phoneCountryCode + ' ' + _phoneAreaCodePrefixLineNumber;
                 setLocalFullPhone(checkingPlusInLocalFullPhone(_localFullPhone));
-                */
-                setLocalFullPhone(_localFullPhone);
-                setCaseState(caseDispatch, {
-                    isCasePhoneUpdating: false,
-                    hasUserUpdatedSuppliedPhone: false,
-                });
+                setCaseState(caseDispatch, { isCasePhoneUpdating: false });
             });
             // if phone not initialized with portal and user contact value, initialize it else populate phone inputbox
             if (isEmpty(phoneAreaCodePrefixLineNumber) && isEmpty(phoneCountryCode)) {
@@ -283,11 +213,12 @@ export function ContactPhoneNumber() {
                     try {
                         if (!contactSSOName)
                             return;
-                        const selectedContact = yield fetchContactBySSO(apolloClient, accountNumberRef, contactSSOName);
-                        if (!isEmpty(selectedContact.phone)) {
+                        const selectedContact = yield contacts.getSFDCContactBySso(contactSSOName);
+                        if (isEmpty(selectedContact.supportPhoneAreaCodePrefixLineNumber) &&
+                            !isEmpty(selectedContact.phone)) {
                             portalPhone = selectedContact.phone;
                             phoneLength = trimAndReplacePlus(removeAllChars(portalPhone)).length;
-                            supportPhone = '';
+                            supportPhone = selectedContact.supportPhoneAreaCodePrefixLineNumber;
                         }
                     }
                     catch (e) {
@@ -321,15 +252,7 @@ export function ContactPhoneNumber() {
                     phoneLength <= 10) {
                     setPortalPhone(portalPhone);
                 }
-                // TODO: Temporary — do not prepend + when country code is not set.
-                setLocalFullPhone(isEmpty(phoneCountryCode)
-                    ? (phoneAreaCodePrefixLineNumber === null || phoneAreaCodePrefixLineNumber === void 0 ? void 0 : phoneAreaCodePrefixLineNumber.trim()) || ''
-                    : checkingPlusInLocalFullPhone((phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber).trim()));
-                /* TODO: Revert to previous logic after phone format handling is finalized.
-                setLocalFullPhone(
-                    checkingPlusInLocalFullPhone((phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber).trim())
-                );
-                */
+                setLocalFullPhone(checkingPlusInLocalFullPhone((phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber).trim()));
                 setCaseState(caseDispatch, { isCasePhoneUpdating: false });
             }
         });

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

@@ -30,7 +30,7 @@ export default function Description(props) {
     const caseDispatch = useCaseDispatch();
     const { routeState: { isNextBtnClickedToShowValidationError }, } = useContext(RouteContext);
     const breakPoint = useBreakpoint();
-    const isLgScreenHeight = breakPoint.lgh;
+    const isLgScreenHeight = breakPoint.lgh; // min-height: 1100px
     const [isOpen, setIsOpen] = useState(false);
     const [hasShownPopover, setHasShownPopover] = useState(false);
     const textAreaRef = useRef(null);

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

@@ -1,5 +1,5 @@
-// TODO: Re-enable when Hydra/GraphQL attachment APIs support secure support again
-// import { GlobalMetadataStateContext } from '@rh-support/react-context';
+import { GlobalMetadataStateContext } from '@rh-support/react-context';
+import { ability, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
 import { PreviousCaseTypes } from '@rh-support/utils';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useState } from 'react';
@@ -10,10 +10,8 @@ import FileEARule, { getValidAttachmentRules } from '../ImproveCase/FileEARule';
 import { WidgetFileUploader } from '../shared/fileUpload/WidgetFileUploader';
 export function FileDiag(props) {
     const { sessionRestore: { activeSessionId }, } = useContext(SessionRestoreStateContext);
-    // TODO: Re-enable when Hydra/GraphQL attachment APIs support secure support again
-    // const {
-    //     globalMetadataState: { loggedInUsersAccount },
-    // } = useContext(GlobalMetadataStateContext);
+    const canAddAttachments = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.ATTACHMENTS);
+    const { globalMetadataState: { loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
     const { rulesState } = useContext(RulesStateContext);
     const { caseType } = useCaseSelector((state) => ({
         caseType: state.caseDetails.caseType,
@@ -22,8 +20,7 @@ export function FileDiag(props) {
     useEffect(() => {
         setIsIdea(caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT);
     }, [caseType]);
-    return (React.createElement(WidgetFileUploader, { className: props.className, idToUploadTo: activeSessionId, isPrivate: false, needsAnalyzing: isIdea ? false : true, isSessionId: true, 
-        // isSecureSupport={loggedInUsersAccount.data.secureSupport!}
-        // autoUploadOnSelect={loggedInUsersAccount.data.secureSupport ? false : true}
-        autoUploadOnSelect: true, helperText: getValidAttachmentRules(rulesState.EARules.rules).length > 0 ? React.createElement(FileEARule, null) : null, isIdea: isIdea }));
+    if (!canAddAttachments)
+        return null;
+    return (React.createElement(WidgetFileUploader, { className: props.className, idToUploadTo: activeSessionId, isPrivate: false, needsAnalyzing: isIdea ? false : true, isSessionId: true, isSecureSupport: loggedInUsersAccount.data.secureSupport, autoUploadOnSelect: loggedInUsersAccount.data.secureSupport ? false : true, helperText: getValidAttachmentRules(rulesState.EARules.rules).length > 0 ? React.createElement(FileEARule, null) : null, isIdea: isIdea }));
 }

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":"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"}
+{"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,qBA+OzB;kBA/OQ,GAAG;;;AAkPZ,eAAe,GAAG,CAAC"}

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

@@ -7,7 +7,6 @@ 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';
@@ -18,7 +17,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, updateCaseSeverityAndFtsGraphQL } from '../../reducers/CaseReducer';
+import { setCaseDetails, setCaseState, updateCaseDetails } from '../../reducers/CaseReducer';
 import { PDFContext } from '../CaseEditView/PDFContainer';
 const defaultProps = {
     inlineEditable: false,
@@ -28,24 +27,17 @@ const defaultProps = {
 function Fts(props) {
     const { t } = useTranslation();
     const caseUpdateError = useCaseUpdateErrorMessage();
-    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 { 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 isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
     const { isExportingPDF } = useContext(PDFContext);
     const caseDispatch = useCaseDispatch();
@@ -60,9 +52,7 @@ function Fts(props) {
     const onCaseFtsContactUpdate = (caseDetails) => __awaiter(this, void 0, void 0, function* () {
         setFtsContactUpdating(true);
         try {
-            yield updateCaseSeverityAndFtsGraphQL(caseDispatch, apolloClient, caseNumber, caseDetails, severity, {
-                existingCaseDetails,
-            });
+            yield updateCaseDetails(caseDispatch, caseNumber, caseDetails);
             setFtsContactUpdating(false);
             ToastNotification.addSuccessMessage(t(`Case has been successfully updated`));
         }
@@ -74,9 +64,7 @@ function Fts(props) {
     const onCaseFtsUpdate = (caseDetails) => __awaiter(this, void 0, void 0, function* () {
         setFtsUpdating(true);
         try {
-            yield updateCaseSeverityAndFtsGraphQL(caseDispatch, apolloClient, caseNumber, caseDetails, severity, {
-                existingCaseDetails,
-            });
+            yield updateCaseDetails(caseDispatch, caseNumber, caseDetails);
             setFtsUpdating(false);
             ToastNotification.addSuccessMessage(t(`Case has been successfully updated`));
         }
@@ -162,13 +150,11 @@ function Fts(props) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [phoneAreaCodePrefixLineNumber, phoneCountryCode]);
-    const disableFtsNContact = !isEmpty(caseNumber) &&
-        (!isFtsEditableOnEditPage(entitlementSla, severity) || isFtsUpdating || canEditCase.isCaseNotEditable);
+    const disableFtsNContact = !isEmpty(caseNumber) && (!isFtsEditableOnEditPage(entitlementSla, severity) || isFtsUpdating);
     const maxLengthErrorMessage = t('Contact information cannot be more than {{limit}} characters.', {
         limit: CONTACT_INFO_24X7_LIMIT,
     });
-    const ftsCreateOptions = { accountHasPremiumSla, hasMultipleSlas };
-    if (isEmpty(caseNumber) && (!showFtsOnCreateCasePage(entitlementSla, severity, ftsCreateOptions) || isIdea))
+    if (isEmpty(caseNumber) && (!showFtsOnCreateCasePage(entitlementSla, severity) || 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;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"}
+{"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"}

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

@@ -27,21 +27,16 @@ const defaultProps = {
 };
 function Severity(props) {
     const { t } = useTranslation();
-    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 { 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 { globalMetadataState: { allCaseSeverities, allProducts }, } = useContext(GlobalMetadataStateContext);
     const { isExportingPDF } = useContext(PDFContext);
     const [isSeverityInValid, setIsSeverityInValid] = useState(false);
@@ -51,13 +46,12 @@ 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, ftsCreateOptions));
+        !isOnCaseDetailsPage && (casePayload.fts = showFtsOnCreateCasePage(entitlementSla, value));
         isOnCaseDetailsPage && autoEnableFtsOnCaseViewEditPage(entitlementSla, value) && (casePayload.fts = true);
         casePayload.fts = casePayload.fts && !isIdea;
         if (isOnCaseDetailsPage) {

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

@@ -1 +1 @@
-{"version":3,"file":"SupportLevel.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/SupportLevel.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAI5D,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,UAAU,MAAO,SAAQ,gBAAgB;CAAG;AAO5C,iBAAS,YAAY,CAAC,KAAK,EAAE,MAAM,qBA4HlC;kBA5HQ,YAAY;;;AA8HrB,eAAe,YAAY,CAAC"}
+{"version":3,"file":"SupportLevel.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/SupportLevel.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAI5D,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,UAAU,MAAO,SAAQ,gBAAgB;CAAG;AAO5C,iBAAS,YAAY,CAAC,KAAK,EAAE,MAAM,qBAoJlC;kBApJQ,YAAY;;;AAsJrB,eAAe,YAAY,CAAC"}

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

@@ -1,86 +1,105 @@
 import { Popover, PopoverPosition } from '@patternfly/react-core';
 import QuestionCircleIcon from '@patternfly/react-icons/dist/js/icons/question-circle-icon';
 import { SingleSelectDropdown } from '@rh-support/components';
+import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import { PreviousCaseTypes, showFtsOnCaseViewEditPage, showFtsOnCreateCasePage } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
-import React, { useEffect, useState } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
-import { setCaseDetails, setCaseState } from '../../reducers/CaseReducer';
+import { setCaseDetails } from '../../reducers/CaseReducer';
 const defaultProps = {
     id: '',
     className: '',
 };
 function SupportLevel(props) {
-    const { caseNumber, severity, entitlementSla, caseType, productServiceLevel, otherServiceLevels, selectedEntitlementId, } = useCaseSelector((state) => ({
+    const { product, caseNumber, severity, entitlementSla, ownersEntitlements, caseType, openShiftClusterSupportLevel, } = useCaseSelector((state) => ({
+        product: state.caseDetails.product,
         caseNumber: state.caseDetails.caseNumber,
         severity: state.caseDetails.severity,
         entitlementSla: state.caseDetails.entitlementSla,
+        ownersEntitlements: state.ownersEntitlements,
         caseType: state.caseDetails.caseType,
-        productServiceLevel: state.productServiceLevel,
-        otherServiceLevels: state.otherServiceLevels,
-        selectedEntitlementId: state.selectedEntitlementId,
+        openShiftClusterSupportLevel: state.openShiftClusterSupportLevel,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
+    const { globalMetadataState: { allProducts }, } = useContext(GlobalMetadataStateContext);
     const { t } = useTranslation();
     const [isSupportLevelInValid, setIsSupportLevelInValid] = useState(false);
     const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
-    const allSlaOptions = [...(productServiceLevel ? [productServiceLevel] : []), ...(otherServiceLevels !== null && otherServiceLevels !== void 0 ? otherServiceLevels : [])].sort((a, b) => b.priority - a.priority);
-    const hasMultipleSlas = allSlaOptions.length > 1;
     const onCaseDetailsChange = (caseDetails) => {
         setCaseDetails(caseDispatch, caseDetails);
     };
     const onEntitlementChange = (selectedOption) => {
-        const entitlementId = selectedOption.value;
-        const matchedSla = allSlaOptions.find((sla) => sla.entitlementId === entitlementId);
-        const slaLabel = (matchedSla === null || matchedSla === void 0 ? void 0 : matchedSla.serviceLevelLabel) || '';
-        const casePayload = { entitlementSla: slaLabel };
+        const selected = selectedOption.value;
+        const casePayload = { entitlementSla: selected };
         casePayload.fts = caseNumber
-            ? showFtsOnCaseViewEditPage(slaLabel, severity)
-            : showFtsOnCreateCasePage(slaLabel, severity);
+            ? showFtsOnCaseViewEditPage(selected, severity)
+            : showFtsOnCreateCasePage(selected, severity);
         casePayload.fts = casePayload.fts && !isIdea;
-        setIsSupportLevelInValid(isEmpty(entitlementId));
+        setIsSupportLevelInValid(isEmpty(selected));
         onCaseDetailsChange(casePayload);
-        setCaseState(caseDispatch, { selectedEntitlementId: entitlementId });
     };
-    const selectedSla = entitlementSla || (productServiceLevel === null || productServiceLevel === void 0 ? void 0 : productServiceLevel.serviceLevelLabel) || '';
-    const currentEntitlementId = selectedEntitlementId || (productServiceLevel === null || productServiceLevel === void 0 ? void 0 : productServiceLevel.entitlementId) || '';
+    const getSlaList = () => {
+        var _a, _b;
+        if (openShiftClusterSupportLevel)
+            return [openShiftClusterSupportLevel];
+        const entitledProduct = ((_b = (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult) !== null && _b !== void 0 ? _b : []).find((entitledProduct) => entitledProduct.product === product);
+        if (entitledProduct && entitledProduct.serviceLevels) {
+            return entitledProduct.serviceLevels.split(';') || [];
+        }
+        else {
+            return ownersEntitlements.data ? ownersEntitlements.data.map((sla) => sla.slaProcessId) : [];
+        }
+    };
+    const getSelectedSla = () => {
+        var _a, _b;
+        if (openShiftClusterSupportLevel)
+            return openShiftClusterSupportLevel;
+        const entitledProduct = ((_b = (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult) !== null && _b !== void 0 ? _b : []).find((entitledProduct) => entitledProduct.product === product);
+        // if sla is empty then it means either first time this component is rendered or product has changed.
+        if (isEmpty(entitlementSla) && entitledProduct && entitledProduct.preferredServiceLevel) {
+            return entitledProduct.preferredServiceLevel;
+        }
+        else {
+            return isEmpty(entitlementSla) && !isEmpty(ownersEntitlements.data)
+                ? ownersEntitlements.data[0].slaProcessId
+                : entitlementSla;
+        }
+    };
+    const selectedSla = getSelectedSla();
     useEffect(() => {
-        if (!productServiceLevel)
+        if (!selectedSla || entitlementSla)
             return;
-        const validEntitlementIds = new Set([productServiceLevel, ...(otherServiceLevels !== null && otherServiceLevels !== void 0 ? otherServiceLevels : [])]
-            .map((sla) => sla.entitlementId)
-            .filter((id) => !!id));
-        const hasValidSelection = !!selectedEntitlementId && validEntitlementIds.has(selectedEntitlementId);
-        if (!hasValidSelection) {
-            onCaseDetailsChange({ entitlementSla: productServiceLevel.serviceLevelLabel });
-            setCaseState(caseDispatch, { selectedEntitlementId: productServiceLevel.entitlementId });
+        if (entitlementSla !== selectedSla) {
+            onCaseDetailsChange({ entitlementSla: selectedSla });
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [productServiceLevel, otherServiceLevels, selectedEntitlementId]);
+    }, [selectedSla, entitlementSla]);
+    // Create selected option for SingleSelectDropdown
     const getSelectedOption = () => ({
-        label: selectedSla,
-        value: currentEntitlementId,
+        label: selectedSla || '',
+        value: selectedSla || '',
     });
-    const getDropdownOptions = () => allSlaOptions.map((sla) => ({
-        label: sla.serviceLevelLabel,
-        value: sla.entitlementId || sla.serviceLevelLabel,
+    // Create options array for SingleSelectDropdown
+    const getDropdownOptions = () => getSlaList().map((sla) => ({
+        label: sla,
+        value: sla,
     }));
-    if (!hasMultipleSlas)
-        return null;
     return (React.createElement("div", { className: `form-group ${props.className}`, id: `${props.id}` },
         React.createElement("label", { htmlFor: "get-support-supportLevel" },
             React.createElement(Trans, null, "Support level"),
             ' ',
-            React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
+            !isEmpty(ownersEntitlements.data) && (React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))),
         React.createElement(Popover, { "aria-label": "Support Level info", position: PopoverPosition.top, bodyContent: React.createElement("p", null,
                 React.createElement(Trans, { i18nKey: "i18ProductionSupportServiceLevelAgreement" },
                     "Learn more about our",
                     ' ',
                     React.createElement("a", { href: "/support/offerings/production/sla", target: "_blank" }, "production support service level agreement"))), closeBtnAriaLabel: "Close" },
             React.createElement(QuestionCircleIcon, { color: "#5e40be", className: "pf-v6-u-ml-xs icon-size cursor-pointer", "aria-label": "Support Level Info" })),
-        React.createElement(SingleSelectDropdown, { ariaLabel: t('Select Support Level'), onSelect: onEntitlementChange, selected: getSelectedOption(), options: getDropdownOptions(), isInvalid: isSupportLevelInValid, dataTrackingId: "get-support-supportLevel", placeholder: t('Select Support Level') })));
+        React.createElement(SingleSelectDropdown, { ariaLabel: t('Select Support Level'), onSelect: onEntitlementChange, selected: getSelectedOption(), options: getDropdownOptions(), isDisabled: ownersEntitlements.isError || isEmpty(ownersEntitlements.data), isInvalid: isSupportLevelInValid, dataTrackingId: "get-support-supportLevel", placeholder: t('Select Support Level') }),
+        isEmpty(ownersEntitlements.data) && (React.createElement("p", { className: "form-instructions" }, ownersEntitlements.isError ? t('Error loading support levels') : t('No active subscriptions')))));
 }
 SupportLevel.defaultProps = defaultProps;
 export default SupportLevel;

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

@@ -1 +1 @@
-{"version":3,"file":"CaseLanguageSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/CaseLanguageSelector.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAOrD,MAAM,WAAW,MAAM;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,MAAM,qBA6FzD"}
+{"version":3,"file":"CaseLanguageSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/CaseLanguageSelector.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAOrD,MAAM,WAAW,MAAM;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,MAAM,qBAoGzD"}

package/lib/esm/components/CaseManagement/CaseLanguageSelector.js

@@ -30,6 +30,12 @@ export default function CaseLanguageSelector(props) {
     const onLanguageChange = (option) => {
         onCaseDetailsChange({ caseLanguage: option.value });
     };
+    useEffect(() => {
+        if (!caseLanguage) {
+            onCaseDetailsChange({ caseLanguage: caseLanguages.data[1] });
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
     useEffect(() => {
         if (!props.isManageStep || !isEmpty(caseLanguage) || isLoadingLang || !canUseLanguageDetection)
             return;
@@ -47,11 +53,11 @@ export default function CaseLanguageSelector(props) {
         props.isManageStep,
     ]);
     const getLanguageDropdownOptions = map(caseLanguages.data, (language) => ({
-        label: Constants.languagesMap[language] || language,
+        label: Constants.languagesMap[language],
         value: language,
     }));
     const getSelectedLanguageOption = {
-        label: caseLanguage ? Constants.languagesMap[caseLanguage] || caseLanguage : '',
+        label: caseLanguage ? Constants.languagesMap[caseLanguage] : '',
         value: caseLanguage || '',
     };
     return (React.createElement("div", { className: "form-group" },

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

@@ -1 +1 @@
-{"version":3,"file":"CaseManagement.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/CaseManagement.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkB1B,MAAM,WAAW,MAAM;CAAG;AAC1B,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM,qBA2CnD"}
+{"version":3,"file":"CaseManagement.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/CaseManagement.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,MAAM,WAAW,MAAM;CAAG;AAC1B,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM,qBAiCnD"}