@rh-support/troubleshoot 2.6.287 → 2.6.292

package/lib/esm/components/CaseEditView/Tabs/RMEEscalations/RMEEscalationList.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 { escalations, publicApi } from '@cee-eng/hydrajs';
 import { Button, ButtonVariant, Flex, FlexItem } from '@patternfly/react-core';
 import { LoadingIndicator, PFTable, TableComponent, ToastNotification, useFetch, } from '@rh-support/components';
@@ -30,6 +31,7 @@ const REOPEN_ESCALATION_MSG = 'Escalation reopened. A manager will review your r
 const CLOSURE_ESCALATION_MSG = 'Escalation closed.';
 export default function RMEEscalationList(props) {
     const { t } = useTranslation();
+    const apolloClient = useApolloClient();
     const { request: updateEscalationRequest, isFetching: isUpdatingEscalation } = useFetch(escalations.updateEscalations, { propgateErrors: true });
     const { request: postCommentRequest, isFetching: isPostingComment } = useFetch(publicApi.kase.postComment, {
         propgateErrors: true,
@@ -61,8 +63,7 @@ export default function RMEEscalationList(props) {
     });
     const submitEscalationComment = (escalationNum, comment, message) => __awaiter(this, void 0, void 0, function* () {
         try {
-            escalationNum &&
-                fetchCaseEscalations(caseDetailsPageDispatch, props.caseNumber, props.accountNumber, false);
+            escalationNum && fetchCaseEscalations(caseDetailsPageDispatch, props.caseNumber, apolloClient, false);
             yield postCommentRequest({
                 caseNumber: props.caseNumber,
                 commentBody: comment,

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

@@ -1 +1 @@
-{"version":3,"file":"CaseInformation.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseInformation.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAQvD,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC;CACnC;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBAkHpD"}
+{"version":3,"file":"CaseInformation.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseInformation.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAQvD,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC;CACnC;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBAoHpD"}

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

@@ -1,3 +1,4 @@
+import { useApolloClient } from '@apollo/client/react';
 import { AlertMessage, AlertType, LoadingIndicator } from '@rh-support/components';
 import { fetchCaseSeverities, fetchCaseTypes, fetchLanguageMetadata, GlobalMetadataDispatchContext, GlobalMetadataStateContext, } from '@rh-support/react-context';
 import { haventLoadedMetadata } from '@rh-support/utils';
@@ -7,13 +8,14 @@ import React, { useContext, useEffect } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseSelector } from '../../context/CaseContext';
 import { OpenShiftClusterId } from '../CaseManagement/OpenShiftClusterId';
-import { Hostname } from '../ImproveCase/Hostname';
+// import { Hostname } from '../ImproveCase/Hostname';
 import KtQuestions from '../ImproveCase/KtQuestions';
 import ClusterRecommendations from '../Recommendations/ClusterRecommendations';
 export default function CaseInformation(props) {
     const { t } = useTranslation();
     const { globalMetadataState: { allCaseTypes, allCaseSeverities, caseLanguages, loggedInUser, loggedInUserJwtToken, loggedInUsersAccount, loggedInUserRights, }, } = useContext(GlobalMetadataStateContext);
     const dispatchToGlobalMetadataReducer = useContext(GlobalMetadataDispatchContext);
+    const apolloClient = useApolloClient();
     const { contactSSOName, selectedAccountDetails, ownersCaseGroups, hasInvalidEntitlements } = useCaseSelector((state) => ({
         contactSSOName: state.caseDetails.contactSSOName,
         ownersCaseGroups: state.ownersCaseGroups,
@@ -38,13 +40,13 @@ export default function CaseInformation(props) {
         }
         const allPromisses = [];
         if (haventLoadedMetadata(allCaseTypes)) {
-            allPromisses.push(fetchCaseTypes(dispatchToGlobalMetadataReducer, loggedInUsersAccount.data.secureSupport));
+            allPromisses.push(fetchCaseTypes(dispatchToGlobalMetadataReducer, apolloClient));
         }
         if (haventLoadedMetadata(allCaseSeverities)) {
-            allPromisses.push(fetchCaseSeverities(dispatchToGlobalMetadataReducer, loggedInUsersAccount.data.secureSupport));
+            allPromisses.push(fetchCaseSeverities(dispatchToGlobalMetadataReducer, apolloClient));
         }
         if (haventLoadedMetadata(caseLanguages)) {
-            allPromisses.push(fetchLanguageMetadata(dispatchToGlobalMetadataReducer));
+            allPromisses.push(fetchLanguageMetadata(dispatchToGlobalMetadataReducer, apolloClient));
         }
         Promise.all(allPromisses);
     }, [
@@ -56,6 +58,7 @@ export default function CaseInformation(props) {
         loggedInUserJwtToken,
         selectedAccountDetails,
         loggedInUsersAccount.data.secureSupport,
+        apolloClient,
     ]);
     return (React.createElement(React.Fragment, null,
         React.createElement(LoadingIndicator, { show: isMetadataLoading(), size: "lg" }),
@@ -77,7 +80,6 @@ export default function CaseInformation(props) {
             !isMetadataLoadingError() &&
             loggedInUserRights.data.canManageCases() && (React.createElement(React.Fragment, null,
             React.createElement("form", null,
-                React.createElement(Hostname, null),
                 React.createElement(OpenShiftClusterId, null),
                 React.createElement(ClusterRecommendations, { className: "push-bottom" }),
                 React.createElement(KtQuestions, null))))));

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

@@ -1 +1 @@
-{"version":3,"file":"ContactPhoneNumber.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/ContactPhoneNumber.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAiB/D,wBAAgB,kBAAkB,sBAsVjC"}
+{"version":3,"file":"ContactPhoneNumber.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/ContactPhoneNumber.tsx"],"names":[],"mappings":"AAQA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAuC/D,wBAAgB,kBAAkB,sBAwVjC"}

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

@@ -7,10 +7,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { contacts } from '@cee-eng/hydrajs';
+import { useApolloClient } from '@apollo/client/react';
 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';
@@ -24,13 +25,33 @@ 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.salesforce_support_uiapi) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.SalesforceSupportAccount) === 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 { suppliedPhoneNumberVerified, phoneCountryCode = '', phoneAreaCodePrefixLineNumber = '', hasLoggedInUserConfirmedPhoneNumber, contactSSOName, shouldNotSetPhoneCountryCode, isCasePhoneUpdating, } = useCaseSelector((state) => ({
+    const apolloClient = useApolloClient();
+    const { suppliedPhoneNumberVerified, phoneCountryCode = '', phoneAreaCodePrefixLineNumber = '', hasLoggedInUserConfirmedPhoneNumber, contactSSOName, accountNumberRef, 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);
@@ -156,32 +177,25 @@ export function ContactPhoneNumber() {
                     }
                 }
                 else {
-                    // user is openning case for others (use is partner or red hatter)
+                    // user is opening case for others (user is partner or red hatter)
                     try {
                         if (!contactSSOName)
                             return;
                         setIsFetchingSso(true);
-                        const selectedContact = yield contacts.getSFDCContactBySso(contactSSOName);
+                        const selectedContact = yield fetchContactBySSO(apolloClient, accountNumberRef, contactSSOName);
                         setIsFetchingSso(false);
-                        if (selectedContact.supportPhoneAreaCodePrefixLineNumber) {
-                            _phoneAreaCodePrefixLineNumber = selectedContact.supportPhoneAreaCodePrefixLineNumber;
-                            _phoneCountryCode = selectedContact.supportPhoneCountryCode;
-                            _suppliedPhoneNumberVerified = 'Deferred';
+                        const phoneLength = trimAndReplacePlus(removeAllChars(selectedContact.phone)).length;
+                        if (phoneLength > 10) {
+                            _phoneAreaCodePrefixLineNumber = getPhoneObj(selectedContact.phone).phoneLine || '';
+                            _phoneCountryCode = getPhoneObj(selectedContact.phone).countryCode || '';
                         }
                         else {
-                            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';
+                            _phoneAreaCodePrefixLineNumber = selectedContact.phone;
+                            _phoneCountryCode = '';
+                            setCaseState(caseDispatch, { shouldNotSetPhoneCountryCode: true });
+                            setPortalPhone(selectedContact.phone);
                         }
+                        _suppliedPhoneNumberVerified = 'Deferred';
                     }
                     catch (e) {
                         _phoneAreaCodePrefixLineNumber = '';
@@ -213,12 +227,11 @@ export function ContactPhoneNumber() {
                     try {
                         if (!contactSSOName)
                             return;
-                        const selectedContact = yield contacts.getSFDCContactBySso(contactSSOName);
-                        if (isEmpty(selectedContact.supportPhoneAreaCodePrefixLineNumber) &&
-                            !isEmpty(selectedContact.phone)) {
+                        const selectedContact = yield fetchContactBySSO(apolloClient, accountNumberRef, contactSSOName);
+                        if (!isEmpty(selectedContact.phone)) {
                             portalPhone = selectedContact.phone;
                             phoneLength = trimAndReplacePlus(removeAllChars(portalPhone)).length;
-                            supportPhone = selectedContact.supportPhoneAreaCodePrefixLineNumber;
+                            supportPhone = '';
                         }
                     }
                     catch (e) {

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":"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"}
+{"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,qBAqHlC;kBArHQ,YAAY;;;AAuHrB,eAAe,YAAY,CAAC"}

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

@@ -1,105 +1,82 @@
 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, { useContext, useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
-import { setCaseDetails } from '../../reducers/CaseReducer';
+import { setCaseDetails, setCaseState } from '../../reducers/CaseReducer';
 const defaultProps = {
     id: '',
     className: '',
 };
 function SupportLevel(props) {
-    const { product, caseNumber, severity, entitlementSla, ownersEntitlements, caseType, openShiftClusterSupportLevel, } = useCaseSelector((state) => ({
-        product: state.caseDetails.product,
+    const { caseNumber, severity, entitlementSla, caseType, productServiceLevel, otherServiceLevels, selectedEntitlementId, } = useCaseSelector((state) => ({
         caseNumber: state.caseDetails.caseNumber,
         severity: state.caseDetails.severity,
         entitlementSla: state.caseDetails.entitlementSla,
-        ownersEntitlements: state.ownersEntitlements,
         caseType: state.caseDetails.caseType,
-        openShiftClusterSupportLevel: state.openShiftClusterSupportLevel,
+        productServiceLevel: state.productServiceLevel,
+        otherServiceLevels: state.otherServiceLevels,
+        selectedEntitlementId: state.selectedEntitlementId,
     }), 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 selected = selectedOption.value;
-        const casePayload = { entitlementSla: selected };
+        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 };
         casePayload.fts = caseNumber
-            ? showFtsOnCaseViewEditPage(selected, severity)
-            : showFtsOnCreateCasePage(selected, severity);
+            ? showFtsOnCaseViewEditPage(slaLabel, severity)
+            : showFtsOnCreateCasePage(slaLabel, severity);
         casePayload.fts = casePayload.fts && !isIdea;
-        setIsSupportLevelInValid(isEmpty(selected));
+        setIsSupportLevelInValid(isEmpty(entitlementId));
         onCaseDetailsChange(casePayload);
+        setCaseState(caseDispatch, { selectedEntitlementId: 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();
+    const selectedSla = entitlementSla || (productServiceLevel === null || productServiceLevel === void 0 ? void 0 : productServiceLevel.serviceLevelLabel) || '';
+    const currentEntitlementId = selectedEntitlementId || (productServiceLevel === null || productServiceLevel === void 0 ? void 0 : productServiceLevel.entitlementId) || '';
     useEffect(() => {
-        if (!selectedSla || entitlementSla)
+        if (!productServiceLevel || entitlementSla)
             return;
-        if (entitlementSla !== selectedSla) {
-            onCaseDetailsChange({ entitlementSla: selectedSla });
+        if (entitlementSla !== productServiceLevel.serviceLevelLabel) {
+            onCaseDetailsChange({ entitlementSla: productServiceLevel.serviceLevelLabel });
+            setCaseState(caseDispatch, { selectedEntitlementId: productServiceLevel.entitlementId });
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [selectedSla, entitlementSla]);
-    // Create selected option for SingleSelectDropdown
+    }, [productServiceLevel, entitlementSla]);
     const getSelectedOption = () => ({
-        label: selectedSla || '',
-        value: selectedSla || '',
+        label: selectedSla,
+        value: currentEntitlementId,
     });
-    // Create options array for SingleSelectDropdown
-    const getDropdownOptions = () => getSlaList().map((sla) => ({
-        label: sla,
-        value: sla,
+    const getDropdownOptions = () => allSlaOptions.map((sla) => ({
+        label: sla.serviceLevelLabel,
+        value: sla.entitlementId || sla.serviceLevelLabel,
     }));
+    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"),
             ' ',
-            !isEmpty(ownersEntitlements.data) && (React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))),
+            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(), 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')))));
+        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') })));
 }
 SupportLevel.defaultProps = defaultProps;
 export default SupportLevel;

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

@@ -53,11 +53,11 @@ export default function CaseLanguageSelector(props) {
         props.isManageStep,
     ]);
     const getLanguageDropdownOptions = map(caseLanguages.data, (language) => ({
-        label: Constants.languagesMap[language],
+        label: Constants.languagesMap[language] || language,
         value: language,
     }));
     const getSelectedLanguageOption = {
-        label: caseLanguage ? Constants.languagesMap[caseLanguage] : '',
+        label: caseLanguage ? Constants.languagesMap[caseLanguage] || 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;AAgB1B,MAAM,WAAW,MAAM;CAAG;AAC1B,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM,qBAiCnD"}
+{"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,qBAqCnD"}

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

@@ -2,14 +2,14 @@ import { Grid, GridItem } from '@patternfly/react-core';
 import React from 'react';
 import { useCaseDispatch } from '../../context/CaseContext';
 import { setCaseDetails } from '../../reducers/CaseReducer';
-import CaseGroup from '../CaseInformation/CaseGroup';
+// import CaseGroup from '../CaseInformation/CaseGroup';
 import { ContactPhoneNumber } from '../CaseInformation/ContactPhoneNumber';
 import { ContactPhoneNumberAlert } from '../CaseInformation/ContactPhoneNumberAlert';
 import Fts from '../CaseInformation/Fts';
 import Severity from '../CaseInformation/Severity';
 import SupportLevel from '../CaseInformation/SupportLevel';
 import CaseLanguageSelector from './CaseLanguageSelector';
-import { Cep } from './Cep';
+// import { Cep } from './Cep';
 import OpenReferenceNumber from './OpenReferenceNumber';
 import { RHAssociatesSelector } from './RHAssociatesSelector';
 import CaseContactSelector from './SendNotifications/CaseContactSelector';
@@ -29,11 +29,8 @@ export default function CaseManagement(props) {
         React.createElement(Fts, { inlineEditable: false }),
         React.createElement(Grid, { hasGutter: true },
             React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v6-u-mb-xs" },
-                React.createElement(CaseLanguageSelector, { isManageStep: true })),
-            React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v6-u-mb-xs" },
-                React.createElement(CaseGroup, { init: true }))),
+                React.createElement(CaseLanguageSelector, { isManageStep: true }))),
         React.createElement(CaseContactSelector, null),
         React.createElement(RHAssociatesSelector, null),
-        React.createElement(OpenReferenceNumber, { inlineEditable: false, hideSaveCancel: true }),
-        React.createElement(Cep, null)));
+        React.createElement(OpenReferenceNumber, { inlineEditable: false, hideSaveCancel: true })));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"IdeaInformation.d.ts","sourceRoot":"","sources":["../../../../src/components/IdeaInformation/IdeaInformation.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAiBrD,MAAM,CAAC,OAAO,UAAU,eAAe,sBA8ItC"}
+{"version":3,"file":"IdeaInformation.d.ts","sourceRoot":"","sources":["../../../../src/components/IdeaInformation/IdeaInformation.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAiBrD,MAAM,CAAC,OAAO,UAAU,eAAe,sBAkJtC"}

package/lib/esm/components/IdeaInformation/IdeaInformation.js

@@ -1,3 +1,4 @@
+import { useApolloClient } from '@apollo/client/react';
 import { Grid, GridItem } from '@patternfly/react-core';
 import { AlertMessage, AlertType, LoadingIndicator } from '@rh-support/components';
 import { fetchCaseSeverities, fetchCaseTypes, fetchLanguageMetadata, GlobalMetadataDispatchContext, GlobalMetadataStateContext, } from '@rh-support/react-context';
@@ -8,13 +9,13 @@ import React, { useContext, useEffect } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { setCaseDetails } from '../../reducers/CaseReducer';
-import CaseGroup from '../CaseInformation/CaseGroup';
+// import CaseGroup from '../CaseInformation/CaseGroup';
 import { ContactPhoneNumber } from '../CaseInformation/ContactPhoneNumber';
 import { ContactPhoneNumberAlert } from '../CaseInformation/ContactPhoneNumberAlert';
 import Severity from '../CaseInformation/Severity';
 import SupportLevel from '../CaseInformation/SupportLevel';
 import CaseLanguageSelector from '../CaseManagement/CaseLanguageSelector';
-import { Cep } from '../CaseManagement/Cep';
+// import { Cep } from '../CaseManagement/Cep';
 import OpenReferenceNumber from '../CaseManagement/OpenReferenceNumber';
 import { RHAssociatesSelector } from '../CaseManagement/RHAssociatesSelector';
 import CaseContactSelector from '../CaseManagement/SendNotifications/CaseContactSelector';
@@ -23,6 +24,7 @@ export default function IdeaInformation() {
     const { t } = useTranslation();
     const { globalMetadataState: { allCaseTypes, allCaseSeverities, caseLanguages, loggedInUser, loggedInUserJwtToken, loggedInUsersAccount, loggedInUserRights, }, } = useContext(GlobalMetadataStateContext);
     const dispatchToGlobalMetadataReducer = useContext(GlobalMetadataDispatchContext);
+    const apolloClient = useApolloClient();
     const { contactSSOName, selectedAccountDetails, ownersCaseGroups, hasInvalidEntitlements } = useCaseSelector((state) => ({
         contactSSOName: state.caseDetails.contactSSOName,
         ownersCaseGroups: state.ownersCaseGroups,
@@ -48,13 +50,13 @@ export default function IdeaInformation() {
         }
         const allPromisses = [];
         if (haventLoadedMetadata(allCaseTypes)) {
-            allPromisses.push(fetchCaseTypes(dispatchToGlobalMetadataReducer, loggedInUsersAccount.data.secureSupport));
+            allPromisses.push(fetchCaseTypes(dispatchToGlobalMetadataReducer, apolloClient));
         }
         if (haventLoadedMetadata(allCaseSeverities)) {
-            allPromisses.push(fetchCaseSeverities(dispatchToGlobalMetadataReducer, loggedInUsersAccount.data.secureSupport));
+            allPromisses.push(fetchCaseSeverities(dispatchToGlobalMetadataReducer, apolloClient));
         }
         if (haventLoadedMetadata(caseLanguages)) {
-            allPromisses.push(fetchLanguageMetadata(dispatchToGlobalMetadataReducer));
+            allPromisses.push(fetchLanguageMetadata(dispatchToGlobalMetadataReducer, apolloClient));
         }
         Promise.all(allPromisses);
     }, [
@@ -66,6 +68,7 @@ export default function IdeaInformation() {
         loggedInUserJwtToken,
         selectedAccountDetails,
         loggedInUsersAccount.data.secureSupport,
+        apolloClient,
     ]);
     const onSeverityChange = (payload) => {
         setCaseDetails(caseDispatch, payload);
@@ -100,11 +103,8 @@ export default function IdeaInformation() {
                 React.createElement(ContactPhoneNumberAlert, null),
                 React.createElement(Grid, { hasGutter: true },
                     React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v6-u-mb-xs" },
-                        React.createElement(CaseLanguageSelector, { isManageStep: true })),
-                    React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v6-u-mb-xs" },
-                        React.createElement(CaseGroup, { init: true }))),
+                        React.createElement(CaseLanguageSelector, { isManageStep: true }))),
                 React.createElement(CaseContactSelector, null),
                 React.createElement(RHAssociatesSelector, null),
-                React.createElement(OpenReferenceNumber, { inlineEditable: false, hideSaveCancel: true }),
-                React.createElement(Cep, null))))));
+                React.createElement(OpenReferenceNumber, { inlineEditable: false, hideSaveCancel: true }))))));
 }

package/lib/esm/components/OpenCase/SupportTypeSelectorPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SupportTypeSelectorPage.d.ts","sourceRoot":"","sources":["../../../../src/components/OpenCase/SupportTypeSelectorPage.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAiB/D,MAAM,CAAC,OAAO,UAAU,uBAAuB,sBAiM9C"}
+{"version":3,"file":"SupportTypeSelectorPage.d.ts","sourceRoot":"","sources":["../../../../src/components/OpenCase/SupportTypeSelectorPage.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAiB/D,MAAM,CAAC,OAAO,UAAU,uBAAuB,sBAkM9C"}

package/lib/esm/components/OpenCase/SupportTypeSelectorPage.js

@@ -1,3 +1,4 @@
+import { useApolloClient } from '@apollo/client/react';
 import { Bullseye, Card, CardBody, Gallery, GalleryItem, Split, SplitItem } from '@patternfly/react-core';
 import { LoadingIndicator } from '@rh-support/components';
 import { fetchCaseTypes, useGlobalDispatchContext, useGlobalStateContext } from '@rh-support/react-context';
@@ -11,8 +12,9 @@ import { getUpdatedDescription } from '../../reducers/CaseHelpers';
 import { setCaseDetails } from '../../reducers/CaseReducer';
 import { BugIcon, CertificationIcon, CustomerServiceIcon, DocumentationIcon, GearIcon, IdeaIcon, RcaIcon, } from './SupportTypeIcons';
 export default function SupportTypeSelectorPage() {
-    const { globalMetadataState: { allCaseTypes, loggedInUsersAccount }, } = useGlobalStateContext();
+    const { globalMetadataState: { allCaseTypes }, } = useGlobalStateContext();
     const globalDispatch = useGlobalDispatchContext();
+    const apolloClient = useApolloClient();
     const [selectedSupportType, setSelectedSupportType] = useState('');
     const { routeState: { isNextBtnClickedToShowValidationError }, } = useContext(RouteContext);
     const { caseType, isFetchingSelectedAccountDetails, issue, timeFramesAndUrgency, v3ClusterName } = useCaseSelector((state) => ({
@@ -27,7 +29,7 @@ export default function SupportTypeSelectorPage() {
     useEffect(() => {
         if (haventLoadedMetadata(allCaseTypes)) {
             // Load support types.
-            fetchCaseTypes(globalDispatch, loggedInUsersAccount.data.secureSupport);
+            fetchCaseTypes(globalDispatch, apolloClient);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);

package/lib/esm/components/ProductSelector/AllProductsSelector.d.ts

@@ -6,7 +6,6 @@ interface IProps {
     routeProps: RouteComponentProps<IRouteUrlParams>;
     loadTCOnChange?: boolean;
     showTCAfterButtonClicked?: boolean;
-    checkEntitledProduct?: boolean;
     isOnSummaryPage?: boolean;
     isOnGetSupportPage?: boolean;
     isOnReviewPage?: boolean;

package/lib/esm/components/ProductSelector/AllProductsSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AllProductsSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/AllProductsSelector.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAuC,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAMvG,UAAU,MAAM;IACZ,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAQD;;;;;;;GAOG;AACH,QAAA,MAAM,mBAAmB,4EAuKvB,CAAC;AAGH,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"AllProductsSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/AllProductsSelector.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAuC,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAMvG,UAAU,MAAM;IACZ,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAOD;;;;;;;GAOG;AACH,QAAA,MAAM,mBAAmB,4EAoJvB,CAAC;AAGH,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/lib/esm/components/ProductSelector/AllProductsSelector.js

@@ -1,8 +1,5 @@
 import { Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant } from '@patternfly/react-core';
-import { AlertMessage, AlertType } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
-import filter from 'lodash/filter';
-import find from 'lodash/find';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { forwardRef, useContext, useEffect, useState } from 'react';
@@ -19,7 +16,6 @@ import { ProductVersionDropdownSelector } from './ProductVersionDropdownSelector
 const defaultProps = {
     loadTCOnChange: false,
     showTCAfterButtonClicked: false,
-    checkEntitledProduct: false,
 };
 /**
  * Renders a dropdown list to select all products.
@@ -30,15 +26,12 @@ const defaultProps = {
  * @param props
  */
 const AllProductsSelector = forwardRef((props, ref) => {
-    var _a, _b;
-    const { globalMetadataState: { allProducts, loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
+    const { globalMetadataState: { allProducts }, } = useContext(GlobalMetadataStateContext);
     const caseDispatch = useCaseDispatch();
-    const { product, version, contactSSOName } = useCaseSelector((state) => ({
+    const { product, version } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
-        contactSSOName: state.caseDetails.contactSSOName,
     }), isEqual);
-    //test
     const { topContentState: { topContent }, } = useContext(TCStateContext);
     const { routeState: { activeSection, isCaseCreate }, } = useContext(RouteContext);
     const [isModalOpen, setIsModalOpen] = useState(false);
@@ -46,7 +39,6 @@ const AllProductsSelector = forwardRef((props, ref) => {
     const [showModalButton, setShowModalButton] = useState(false);
     const [isProductChanged, setProductChanged] = useState(false);
     const { t } = useTranslation();
-    const isEntitledProduct = (_b = find((_a = allProducts === null || allProducts === void 0 ? void 0 : allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult, (p) => p.product === product)) === null || _b === void 0 ? void 0 : _b.isEntitledProduct;
     useEffect(() => {
         // after TC data is loaded we open the modal
         const showTCPopUpModalOnProductChange = props.loadTCOnChange && !props.showTCAfterButtonClicked && showModal;
@@ -79,7 +71,6 @@ const AllProductsSelector = forwardRef((props, ref) => {
         };
         RouteUtils.updateQueryParams(props.routeProps, newParams);
     }
-    const entitledProducts = filter(allProducts.data.productsResult, (p) => p.isEntitledProduct);
     const renderProductVersionDropdownSelector = (activeSection === (isCaseCreate ? AppRouteSections.SUMMARIZE : AppRouteSections.TROUBLESHOOT) &&
         !props.caseCreateExperience) ||
         activeSection === AppRouteSections.GET_SUPPORT ||
@@ -91,12 +82,9 @@ const AllProductsSelector = forwardRef((props, ref) => {
     return (React.createElement(React.Fragment, null,
         renderProductVersionDropdownSelector && (React.createElement("div", { className: "form-group product-selector-wrapper" },
             React.createElement("div", { className: "all-product-selector-dropdown" },
-                React.createElement(ProductVersionDropdownSelector, { isLoading: allProducts.isFetching, products: props.checkEntitledProduct ? entitledProducts : allProducts.data.productsResult, onProductChange: onProductChange, onVersionChange: onVersionChange, ref: ref, isOnSummaryPage: props.isOnSummaryPage, loadTCOnChange: props.loadTCOnChange, isFetching: topContent.isFetching })))),
+                React.createElement(ProductVersionDropdownSelector, { isLoading: allProducts.isFetching, products: allProducts.data.productsResult, onProductChange: onProductChange, onVersionChange: onVersionChange, ref: ref, isOnSummaryPage: props.isOnSummaryPage, loadTCOnChange: props.loadTCOnChange, isFetching: topContent.isFetching })))),
         renderOpenCaseIssue && (React.createElement("div", { className: "case-details-summary" },
             React.createElement(OpenCaseIssue, { inlineEditable: false, required: true, isOnSummaryPage: props.isOnSummaryPage, isOnGetSupportPage: props.isOnGetSupportPage }))),
-        React.createElement(AlertMessage, { isInline: true, variant: AlertType.DANGER, className: "pf-v6-u-mt-lg", title: t(`${loggedInUserRights.data.isSSOUsernameSameAsLoggedInUser(contactSSOName)
-                ? 'You are'
-                : 'Selected owner is'} not allowed to create case on this product.`), show: !allProducts.isFetching && props.checkEntitledProduct && !isEntitledProduct && !isEmpty(product) }),
         showModalButton &&
             !isEmpty(product) &&
             !isEmpty(version) &&

package/lib/esm/components/ProductSelector/NewProductDropdownSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NewProductDropdownSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/NewProductDropdownSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAoBpE,OAAO,KAAkD,MAAM,OAAO,CAAC;AAUvE,UAAU,MAAM;IACZ,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;IAChC,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,qCAAqC,EAAE,OAAO,CAAC;IAC/C,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,0BAA0B,GAAI,OAAO,MAAM,sBA2MvD,CAAC;AAEF,eAAe,0BAA0B,CAAC"}
+{"version":3,"file":"NewProductDropdownSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/NewProductDropdownSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAiBpE,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,UAAU,MAAM;IACZ,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;IAChC,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,qCAAqC,EAAE,OAAO,CAAC;IAC/C,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,0BAA0B,GAAI,OAAO,MAAM,sBA+JvD,CAAC;AAEF,eAAe,0BAA0B,CAAC"}