@rh-support/troubleshoot 2.6.341 → 2.6.349

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

@@ -4,16 +4,15 @@ import { useCaseDispatch } from '../../context/CaseContext';
 import { setCaseDetails } from '../../reducers/CaseReducer';
 import CaseGroup from '../CaseInformation/CaseGroup';
 import { ContactPhoneNumber } from '../CaseInformation/ContactPhoneNumber';
-// TODO: Re-enable once phone number verification flow is fully supported with GraphQL
-// import { ContactPhoneNumberAlert } from '../CaseInformation/ContactPhoneNumberAlert';
+import { ContactPhoneNumberAlert } from '../CaseInformation/ContactPhoneNumberAlert';
 import Fts from '../CaseInformation/Fts';
 import Severity from '../CaseInformation/Severity';
 import SupportLevel from '../CaseInformation/SupportLevel';
-import CaseLabelsCreate from './CaseLabelsCreate';
 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';
 export default function CaseManagement(props) {
     const caseDispatch = useCaseDispatch();
     const onSeverityChange = (payload) => {
@@ -26,15 +25,15 @@ export default function CaseManagement(props) {
                 React.createElement(Severity, { showSeverityInfoIcon: true, onSeverityChange: onSeverityChange })),
             React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v6-u-mb-xs" },
                 React.createElement(ContactPhoneNumber, null))),
+        React.createElement(ContactPhoneNumberAlert, null),
         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(Grid, { hasGutter: true },
-            React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v6-u-mb-xs" },
-                React.createElement(CaseLabelsCreate, null))),
+        React.createElement(CaseContactSelector, null),
         React.createElement(RHAssociatesSelector, null),
-        React.createElement(OpenReferenceNumber, { inlineEditable: false, hideSaveCancel: true })));
+        React.createElement(OpenReferenceNumber, { inlineEditable: false, hideSaveCancel: true }),
+        React.createElement(Cep, null)));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Cep.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/Cep.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAe/D,UAAU,MAAM;CAAG;AAEnB,wBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,qBA4ThC"}
+{"version":3,"file":"Cep.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/Cep.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAoB/D,UAAU,MAAM;CAAG;AAEnB,wBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,qBA8ThC"}

package/lib/esm/components/CaseManagement/Cep.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 { Button, Checkbox, Form, FormGroup, FormHelperText, HelperText, HelperTextItem, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant, Popover, PopoverPosition, TextArea, TextInput, ValidatedOptions, } from '@patternfly/react-core';
 import QuestionCircleIcon from '@patternfly/react-icons/dist/js/icons/question-circle-icon';
 import { LoadingIndicator, ToastNotification, useConfirmation } from '@rh-support/components';
@@ -18,22 +17,23 @@ import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
-import { GET_CASE_COMMENTS } from '../../hooks/useCaseComments';
+import { useCaseDetailsPageStateContext } from '../../context/CaseDetailsPageContext';
+import { useCaseDiscussionTabDispatchContext, useCaseDiscussionTabStateContext, } from '../../context/CaseDiscussionTabContext';
 import { useCaseUpdateErrorMessage } from '../../hooks/useCaseUpdateErrorMessage';
+import { updateDiscussionStateComments } from '../../reducers/CaseDiscussionTabReducer';
 import { checkForCaseStatusToggleOnAttachOrComment, postCepDetails, setCaseDetails, setCaseState, updateCaseDetails, } from '../../reducers/CaseReducer';
 import { PDFContext } from '../CaseEditView/PDFContainer';
 export function Cep(props) {
     var _a, _b, _c, _d, _e, _f;
     const { t } = useTranslation();
     const caseUpdateError = useCaseUpdateErrorMessage();
-    const { cep, caseNumber, status, cepDetails, isPostingCep, isCaseUpdating, existingCaseDetails } = useCaseSelector((state) => ({
+    const { cep, caseNumber, status, cepDetails, isPostingCep, isCaseUpdating } = useCaseSelector((state) => ({
         cep: state.caseDetails.cep,
         caseNumber: state.caseDetails.caseNumber,
         status: state.caseDetails.status,
         cepDetails: state.cepDetails,
         isPostingCep: state.isPostingCep,
         isCaseUpdating: state.isCaseUpdating,
-        existingCaseDetails: state.caseDetails,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
     const { globalMetadataState: { loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
@@ -42,7 +42,9 @@ export function Cep(props) {
     const ability = useContext(AbilityContext);
     const canUseCep = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.CEP);
     const confirm = useConfirmation();
-    const client = useApolloClient();
+    const dispatchDiscussion = useCaseDiscussionTabDispatchContext();
+    const { sort, allDiscussions, discussionFiltersListState } = useCaseDiscussionTabStateContext();
+    const { caseDetailsPageState: { caseFeedbacksHydra }, } = useCaseDetailsPageStateContext();
     const canEditCase = useCanEditCase();
     const [saveButtonIsClicked, setSaveButtonIsClicked] = useState(false);
     const { isExportingPDF } = useContext(PDFContext);
@@ -87,14 +89,10 @@ export function Cep(props) {
     const cepUpdate = (caseDetails) => __awaiter(this, void 0, void 0, function* () {
         try {
             yield updateCaseDetails(caseDispatch, caseNumber, caseDetails);
-            yield checkForCaseStatusToggleOnAttachOrComment(caseDispatch, loggedInUserRights.data.isInternal(), status, {
-                apolloClient: client,
-                caseNumber,
-                existingCaseDetails,
-            });
+            checkForCaseStatusToggleOnAttachOrComment(caseDispatch, loggedInUserRights.data.isInternal(), status);
             if (caseDetails.cep) {
                 yield postCepDetails(caseDispatch, caseNumber, cepDetailsLocal);
-                client.refetchQueries({ include: [GET_CASE_COMMENTS] });
+                updateDiscussionStateComments(dispatchDiscussion, caseDispatch, caseNumber, allDiscussions, sort, caseFeedbacksHydra.data, discussionFiltersListState);
             }
             ToastNotification.addSuccessMessage(t(`Consultant Engagement in Progress has been updated successfully`));
         }

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

@@ -1,7 +1,6 @@
 import React from 'react';
 interface IProps {
-    onReasonInputBoxChanged?: (Reason: string) => void;
-    onReasonInputBoxBlur?: (reason: string) => void;
+    onReasonInputBoxChanged: (Reason: string) => void;
     onReasonChange: (Reason: string) => void;
     noClusterIdReasonExplanation: string;
     noClusterIdReason: string;

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

@@ -1 +1 @@
-{"version":3,"file":"NoClusterIDReasonSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/NoClusterIDReasonSelector.tsx"],"names":[],"mappings":"AAWA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,UAAU,MAAM;IACZ,uBAAuB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,4BAA4B,EAAE,MAAM,CAAC;IACrC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,yBAAyB,GAAI,OAAO,MAAM,sBAwL/C,CAAC;AAEF,OAAO,EAAE,yBAAyB,EAAE,CAAC"}
+{"version":3,"file":"NoClusterIDReasonSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/NoClusterIDReasonSelector.tsx"],"names":[],"mappings":"AAWA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,UAAU,MAAM;IACZ,uBAAuB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,4BAA4B,EAAE,MAAM,CAAC;IACrC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,yBAAyB,GAAI,OAAO,MAAM,sBAkK/C,CAAC;AAEF,OAAO,EAAE,yBAAyB,EAAE,CAAC"}

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

@@ -18,19 +18,14 @@ const NoClusterIDReasonSelector = (props) => {
     const globalDispatch = useGlobalDispatchContext();
     const { globalMetadataState: { caseNoClusterIdReasons }, } = useContext(GlobalMetadataStateContext);
     const { isExportingPDF } = useContext(PDFContext);
-    useEffect(() => {
-        setInputValue(props.noClusterIdReasonExplanation || '');
-    }, [props.noClusterIdReasonExplanation]);
     const caseNoClusterIdReasonsList = props.isCustomer
         ? filter(caseNoClusterIdReasons.data, (item) => item !==
             'I am opening a case on behalf of the customer and cannot provide their Cluster ID at this time')
         : caseNoClusterIdReasons.data;
     const clearSelection = () => {
-        var _a, _b;
         setNotRegistered(false);
         setInputValue('');
-        (_a = props.onReasonInputBoxBlur) === null || _a === void 0 ? void 0 : _a.call(props, '');
-        (_b = props.onReasonInputBoxChanged) === null || _b === void 0 ? void 0 : _b.call(props, '');
+        props.onReasonInputBoxChanged('');
         props.onReasonChange('');
     };
     const handleReasonChange = (option) => {
@@ -42,24 +37,10 @@ const NoClusterIDReasonSelector = (props) => {
         }
     };
     const handleInputChange = (_event, value) => {
-        var _a;
         const cleaned = value.trim().length === 0 ? '' : value;
         setInputValue(cleaned);
         setHasLargeReasonExplanation(cleaned.length > SESSION_NO_CLUSTER_REASON_LENGTH_LIMIT);
-        if (!props.onReasonInputBoxBlur) {
-            (_a = props.onReasonInputBoxChanged) === null || _a === void 0 ? void 0 : _a.call(props, cleaned);
-        }
-    };
-    const handleInputBlur = () => {
-        var _a;
-        const cleaned = (inputValue || '').trim();
-        setInputValue(cleaned);
-        setHasLargeReasonExplanation(cleaned.length > SESSION_NO_CLUSTER_REASON_LENGTH_LIMIT);
-        if (props.onReasonInputBoxBlur) {
-            props.onReasonInputBoxBlur(cleaned);
-            return;
-        }
-        (_a = props.onReasonInputBoxChanged) === null || _a === void 0 ? void 0 : _a.call(props, cleaned);
+        props.onReasonInputBoxChanged(cleaned);
     };
     const getDropdownOptions = () => {
         return map(caseNoClusterIdReasonsList || [], (option) => ({
@@ -104,7 +85,7 @@ const NoClusterIDReasonSelector = (props) => {
                 React.createElement(SingleSelectDropdown, { placeholder: t('Select an option or briefly describe your reason'), dataTrackingId: "no-openshift-cluster-id-reason", options: getDropdownOptions(), selected: getSelectedOption(), isDisabled: caseNoClusterIdReasons.isFetching || props.isDisabled, isLoading: caseNoClusterIdReasons.isFetching, isInvalid: props.isInValid, onSelect: handleReasonChange, "aria-labelledby": titleId, "aria-invalid": props.isInValid, "aria-describedby": "validate-reason-helper" })),
             props.noClusterIdReason === 'Other' && (React.createElement("div", { className: "text-input-wrapper" },
                 React.createElement(TextInputGroup, null,
-                    React.createElement(TextInput, { value: inputValue, onChange: handleInputChange, onBlur: handleInputBlur, placeholder: t('Briefly describe your reason'), "aria-label": t('Other reason description'), validated: hasLargeReasonExplanation ? ValidatedOptions.error : ValidatedOptions.default }))))),
+                    React.createElement(TextInput, { value: inputValue, onChange: handleInputChange, placeholder: t('Briefly describe your reason'), "aria-label": t('Other reason description'), validated: hasLargeReasonExplanation ? ValidatedOptions.error : ValidatedOptions.default }))))),
         React.createElement(LoadingIndicator, { show: caseNoClusterIdReasons.isFetching, size: "xs" }),
         React.createElement("p", { id: "validate-reason-helper", className: `form-instructions ${props.isInValid ? 'form-invalid' : ''}` }, notRegistered ? (registerMyClusterID()) : hasLargeReasonExplanation ? (React.createElement("span", { className: "form-instructions form-invalid pf-v6-u-danger-color-100 no-cluster-ID" }, t(`This reason exceeds ${SESSION_NO_CLUSTER_REASON_LENGTH_LIMIT} characters. Try shortening it.`))) : (React.createElement(React.Fragment, null,
             props.isInValid && React.createElement(ExclamationCircleIcon, { color: "#c9190b", className: "pf-v6-u-mr-sm" }),

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

@@ -90,8 +90,8 @@ export function OpenShiftClusterId(props) {
         if (isEmpty(product))
             return;
         const isClusterVisible = () => __awaiter(this, void 0, void 0, function* () {
-            var _a;
-            const hasCluster = yield isClusterIdEnabledForProduct(product);
+            var _a, _b;
+            const hasCluster = yield isClusterIdEnabledForProduct(product, (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult);
             setShowClusterId(hasCluster);
             if (!hasCluster) {
                 resetClusterData();
@@ -117,7 +117,7 @@ export function OpenShiftClusterId(props) {
                     setIsClusterIdInValid(false);
                 }
             }
-            const majorVersion = (_a = getVersion(version)) === null || _a === void 0 ? void 0 : _a.major;
+            const majorVersion = (_b = getVersion(version)) === null || _b === void 0 ? void 0 : _b.major;
             const isOpenShiftV3 = product === 'OpenShift Container Platform' && majorVersion === '3';
             setShowV3TextBox(isOpenShiftV3);
             if (isOpenShiftV3 || noClusterIdReasonExplanation === 'v3-cluster') {
@@ -207,9 +207,9 @@ export function OpenShiftClusterId(props) {
         const infoMessage = v3Selected ? v3Tov4TransitionLink() : discoverV4ClusterIdLink();
         return isNextBtnClickedToShowValidationError && errorMessage ? errorMessage : infoMessage;
     };
-    const onReasonExplanationInputBoxChanged = (explanation) => {
+    const onReasonExplanationInputBoxChanged = (noClusterIdReasonExplanation) => {
         if (noClusterIdReason === 'Other') {
-            setCaseDetails(caseDispatch, { noClusterIdReasonExplanation: explanation });
+            setCaseDetails(caseDispatch, { noClusterIdReasonExplanation: noClusterIdReasonExplanation });
         }
     };
     const v3ClusterNameInputBoxChanged = (v3Cluster) => {
@@ -232,7 +232,7 @@ export function OpenShiftClusterId(props) {
         return null;
     return (React.createElement("div", { className: `${props.className ? props.className : ''}` },
         !showV3TextBox && (React.createElement(OpenshiftDropdownV4, { openshiftDisplayName: openshiftDisplayName, openshiftClusterIDState: openshiftClusterID || selectedReason, onClusterIdStateUpdate: onClusterIdStateUpdate, isClusterIdInvalid: isNextBtnClickedToShowValidationError &&
-                ((isEmpty(openshiftClusterID) && isEmpty(selectedReason)) || isClusterIdInvalid), clusterIdDropdownFormInstructions: clusterIdDropdownFormInstructions(), onClusterClear: resetClusterData, isV3: product === 'OpenShift Container Platform' && !showV3TextBox })),
+                ((isEmpty(openshiftClusterID) && isEmpty(selectedReason)) || isClusterIdInvalid), clusterIdDropdownFormInstructions: clusterIdDropdownFormInstructions(), onClusterClear: resetClusterData, isV3: product !== 'OpenShift Container Platform' })),
         noClusterIdReasonExplanation !== 'v3-cluster' && dontKnowSelected && !showV3TextBox && (React.createElement(NoClusterIDReasonSelector, { noClusterIdReasonExplanation: noClusterIdReasonExplanation, noClusterIdReason: noClusterIdReason, onReasonInputBoxChanged: onReasonExplanationInputBoxChanged, onReasonChange: onReasonChange, isInValid: isInVaidNoClusterIdReason, isCustomer: isCustomer })),
         (v3Selected || showV3TextBox) && (React.createElement(OpenShiftV3Inputbox, { v3ClusterName: v3ClusterName, onReasonInputBoxChanged: v3ClusterNameInputBoxChanged, isInValid: isEmpty(v3ClusterName.trim()) && isNextBtnClickedToShowValidationError, v3Selected: v3Selected }))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"OpenshiftDropdownV4.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenshiftDropdownV4.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAgB5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAI5D,OAAO,KAA2D,MAAM,OAAO,CAAC;AAOhF,UAAU,MAAO,SAAQ,gBAAgB;IACrC,uBAAuB,EAAE,MAAM,CAAC;IAChC,sBAAsB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzF,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iCAAiC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAChD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,uBAAuB,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;CAC3C;AAsBD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAyfzC;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"OpenshiftDropdownV4.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenshiftDropdownV4.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAgB5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAI5D,OAAO,KAA2D,MAAM,OAAO,CAAC;AAOhF,UAAU,MAAO,SAAQ,gBAAgB;IACrC,uBAAuB,EAAE,MAAM,CAAC;IAChC,sBAAsB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzF,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iCAAiC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAChD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,uBAAuB,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;CAC3C;AAsBD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAsfzC;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

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

@@ -37,18 +37,6 @@ function OpenshiftDropdownV4(props) {
     const { t } = useTranslation();
     const PER_PAGE = 200;
     const LOAD_MORE_VALUE = 'loader';
-    const getDisplayName = (id, noClusterIdReasonExplanation, display_name) => {
-        if (isEmpty(id))
-            return '';
-        if (id === 'dont-have-id') {
-            return noClusterIdReasonExplanation === 'v3-cluster'
-                ? t('The case is for a v3 cluster')
-                : t("I don't have my Cluster ID");
-        }
-        if (id === 'v3-cluster')
-            return t('The case is for a v3 cluster');
-        return display_name || id;
-    };
     const [clustersRawResponse, setClustersRawResponse] = useState([]);
     const clustersRawResponseRef = useRef(clustersRawResponse);
     clustersRawResponseRef.current = clustersRawResponse;
@@ -56,7 +44,7 @@ function OpenshiftDropdownV4(props) {
     const loadMoreInProgressRef = useRef(false);
     const [clustersSelectOptions, setClustersSelectOptions] = useState([]);
     const [isOpen, setIsOpen] = useState(false);
-    const [inputVal, setInputVal] = useState(() => getDisplayName(props.openshiftClusterIDState, props.noClusterIdReasonExplanation || '', props.openshiftDisplayName || props.openshiftClusterIDState));
+    const [inputVal, setInputVal] = useState(props.openshiftDisplayName);
     const inputValRef = useRef(inputVal);
     inputValRef.current = inputVal;
     const [showArchivedClusters, setShowArchivedClusters] = useState(false);
@@ -65,6 +53,19 @@ function OpenshiftDropdownV4(props) {
     const { getFromCache, setInCache } = useLRUCache(50);
     const textInputRef = useRef();
     const { isExportingPDF } = useContext(PDFContext);
+    // gets a cluster id and returns display name
+    const getDisplayName = (id, noClusterIdReasonExplanation, display_name) => {
+        if (isEmpty(id))
+            return '';
+        if (id === 'dont-have-id') {
+            return noClusterIdReasonExplanation === 'v3-cluster'
+                ? t('The case is for a v3 cluster')
+                : t("I don't have my Cluster ID");
+        }
+        if (id === 'v3-cluster')
+            return t('The case is for a v3 cluster');
+        return display_name || id;
+    };
     const onDropdownClear = () => __awaiter(this, void 0, void 0, function* () {
         setIsOpen(false);
         setInputVal('');
@@ -148,10 +149,12 @@ function OpenshiftDropdownV4(props) {
         React.createElement(SelectOption, { key: 'dont-have-id', value: createState('dont-have-id', t("I don't have my Cluster ID")), "data-tracking-id": "dont-have-cluster-id", isFocused: focusedItemIndex === 1 }, "I don't have my Cluster ID"),
         ...(props.isV3
             ? [
-                React.createElement(SelectOption, { key: 'v3-cluster', value: createState('v3-cluster', t('The case is for a v3 cluster')), "data-tracking-id": "v3-cluster-case", isFocused: focusedItemIndex === 2 }, t('The case is for a v3 cluster')),
+                React.createElement(SelectOption, { key: 'v3-cluster', value: createState('v3-cluster', t('The case is for a v3 cluster')), isFocused: focusedItemIndex === 2 }),
             ]
             : []),
-    ], [showArchivedClusters, focusedItemIndex, props.isV3, t]);
+    ], 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [showArchivedClusters, focusedItemIndex]);
     const getClusterOptions = (clusters, total = totalResultsNo) => {
         const clustersResponseGrouped = groupBy(clusters, 'console_url') || [];
         const domainNames = Object.keys(clustersResponseGrouped) || [];
@@ -221,14 +224,17 @@ function OpenshiftDropdownV4(props) {
             }
             else {
                 if (abortControllerRef.current !== undefined) {
+                    // Cancel the previous request
                     abortControllerRef.current.abort();
                 }
+                // recreate a new AbortController for each call
                 let controller = new AbortController();
                 abortControllerRef.current = controller;
                 const clusterStatus = ` AND status not in ('Deprovisioned'${!showArchivedClusters ? ",'Archived'" : ''})`;
                 const searchPhrase = search
                     ? ` AND (external_cluster_id ILIKE '%${search}%' OR display_name ILIKE '%${search}%' OR console_url ILIKE '%${search}%')`
                     : '';
+                // query language: https://github.com/yaacov/tree-search-language
                 clustersResponse = yield cloud.getAccountClustersSubscription({
                     order: 'display_name asc',
                     page,
@@ -259,6 +265,7 @@ function OpenshiftDropdownV4(props) {
             };
         }
         catch (e) {
+            // silently fails
             setIsFetchingClusters(false);
             return { items: [], totalResult: 0, page: 1, total: 0 };
         }

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

@@ -1 +1 @@
-{"version":3,"file":"NonOrgCaseNotifyeesSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseManagement/SendNotifications/NonOrgCaseNotifyeesSelector.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAwB,oBAAoB,EAAY,MAAM,wBAAwB,CAAC;AAE9F,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,UAAU,MAAO,SAAQ,gBAAgB;IACrC,aAAa,EAAE,oBAAoB,EAAE,CAAC;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,aAAa,EAAE,oBAAoB,EAAE,KAAK,IAAI,CAAC;IAC1D,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAC1C,kBAAkB,EAAE,MAAM,CAAC;CAC9B;AA+BD,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,qBA2NxD"}
+{"version":3,"file":"NonOrgCaseNotifyeesSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseManagement/SendNotifications/NonOrgCaseNotifyeesSelector.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAwB,oBAAoB,EAAY,MAAM,wBAAwB,CAAC;AAE9F,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,UAAU,MAAO,SAAQ,gBAAgB;IACrC,aAAa,EAAE,oBAAoB,EAAE,CAAC;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,aAAa,EAAE,oBAAoB,EAAE,KAAK,IAAI,CAAC;IAC1D,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAC1C,kBAAkB,EAAE,MAAM,CAAC;CAC9B;AA+BD,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,qBA+NxD"}

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

@@ -69,52 +69,58 @@ export function NonOrgCaseNotifyeesSelector(props) {
     const onRemoveItem = (optionToRemove) => {
         props.onChange && props.onChange([optionToRemove]);
     };
-    const mapContactsToNotifyees = (rawContacts) => rawContacts
-        .filter((c) => !!c.ssoName)
-        .map((c) => {
-        const { ssoName } = c, rest = __rest(c, ["ssoName"]);
-        return Object.assign({ ssoUsername: ssoName }, rest);
-    });
-    const hasSelectedUsername = (mappedContacts) => mappedContacts.some((contact) => props.selectedItems.some((item) => isContact(item) && item.ssoUsername === contact.ssoUsername));
     const onAddClick = () => __awaiter(this, void 0, void 0, function* () {
         var _a, _b, _c, _d;
         clearErrors();
-        const searchResults = yield request(props.accountNumber, inputVal, props.groupNumber || null);
+        const searchResults = yield request(props.accountNumber, inputVal, 
+        // eslint-disable-next-line eqeqeq
+        props.groupNumber == '-1' ? null : props.groupNumber);
         const { notificationAddress = { email: '' }, contacts = [] } = (_a = searchResults === null || searchResults === void 0 ? void 0 : searchResults[0]) !== null && _a !== void 0 ? _a : {};
         if ((notificationAddress === null || notificationAddress === void 0 ? void 0 : notificationAddress.email) && (contacts === null || contacts === void 0 ? void 0 : contacts.length)) {
-            const mappedContacts = mapContactsToNotifyees(contacts);
-            if (!hasSelectedUsername(mappedContacts)) {
+            const mappedContacts = contacts
+                .filter((c) => !!c.ssoName)
+                .map((c) => {
+                const { ssoName } = c, rest = __rest(c, ["ssoName"]);
+                return Object.assign({ ssoUsername: ssoName }, rest);
+            });
+            const isUsernameAlreadySelected = mappedContacts.some((contact) => props.selectedItems.some((item) => isContact(item) && item.ssoUsername === contact.ssoUsername));
+            if (!isUsernameAlreadySelected) {
                 (_b = props.onChange) === null || _b === void 0 ? void 0 : _b.call(props, [...mappedContacts]);
             }
             setInputVal('');
             setNotifyeesList([...mappedContacts, { emailAddress: notificationAddress.email }]);
-            return;
         }
-        if (notificationAddress === null || notificationAddress === void 0 ? void 0 : notificationAddress.email) {
-            const isEmailAlreadySelected = props.selectedItems.some((item) => {
-                var _a, _b;
-                return isCustomEmailAddress(item) &&
-                    ((_a = item.emailAddress) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = notificationAddress.email) === null || _b === void 0 ? void 0 : _b.toLowerCase());
-            });
-            if (!isEmailAlreadySelected) {
-                (_c = props.onChange) === null || _c === void 0 ? void 0 : _c.call(props, [{ emailAddress: notificationAddress.email, caseNumber: '' }]);
+        else {
+            if (notificationAddress === null || notificationAddress === void 0 ? void 0 : notificationAddress.email) {
+                const isEmailAlreadySelected = props.selectedItems.some((item) => {
+                    var _a, _b;
+                    return isCustomEmailAddress(item) &&
+                        ((_a = item.emailAddress) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === ((_b = notificationAddress.email) === null || _b === void 0 ? void 0 : _b.toLowerCase());
+                });
+                if (!isEmailAlreadySelected) {
+                    const updatedSelection = [{ emailAddress: notificationAddress.email, caseNumber: '' }];
+                    (_c = props.onChange) === null || _c === void 0 ? void 0 : _c.call(props, updatedSelection);
+                }
+                setInputVal('');
             }
-            setInputVal('');
-            return;
-        }
-        if (contacts === null || contacts === void 0 ? void 0 : contacts.length) {
-            const mappedContacts = mapContactsToNotifyees(contacts);
-            if (!hasSelectedUsername(mappedContacts)) {
-                (_d = props.onChange) === null || _d === void 0 ? void 0 : _d.call(props, [...mappedContacts]);
+            else if (contacts === null || contacts === void 0 ? void 0 : contacts.length) {
+                const mappedContacts = contacts
+                    .filter((c) => !!c.ssoName)
+                    .map((c) => {
+                    const { ssoName } = c, rest = __rest(c, ["ssoName"]);
+                    return Object.assign({ ssoUsername: ssoName }, rest);
+                });
+                const isUsernameAlreadySelected = mappedContacts.some((contact) => props.selectedItems.some((item) => isContact(item) && item.ssoUsername === contact.ssoUsername));
+                if (!isUsernameAlreadySelected) {
+                    (_d = props.onChange) === null || _d === void 0 ? void 0 : _d.call(props, [...mappedContacts]);
+                }
+                setInputVal('');
+            }
+            else {
+                loggedInUsersAccount.data.hasGroupACLs && props.groupNumber && props.groupNumber !== '-1'
+                    ? setShowGroupPermissionError(true)
+                    : setShowAccountPermissionError(true);
             }
-            setInputVal('');
-            return;
-        }
-        if (loggedInUsersAccount.data.hasGroupACLs && props.groupNumber) {
-            setShowGroupPermissionError(true);
-        }
-        else {
-            setShowAccountPermissionError(true);
         }
     });
     const clearErrors = () => {

package/lib/esm/components/ConfirmationModals/NoAttachmentSelectedModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NoAttachmentSelectedModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ConfirmationModals/NoAttachmentSelectedModal.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAiBvE,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;CACzB;AAID,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,qBAgJtD"}
+{"version":3,"file":"NoAttachmentSelectedModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ConfirmationModals/NoAttachmentSelectedModal.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAgBvE,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;CACzB;AAID,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,qBAgJtD"}

package/lib/esm/components/ConfirmationModals/NoAttachmentSelectedModal.js

@@ -1,13 +1,12 @@
 import { Button, ButtonVariant, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant, } from '@patternfly/react-core';
+import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import { ability, resourceActions, resources } from '@rh-support/user-permissions';
-import { pendoTrackEvent } from '@rh-support/utils';
 import React, { useContext, useEffect, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { RulesDispatchContext, RulesStateContext } from '../../context/RulesContext';
 import { SessionRestoreStateContext } from '../../context/SessionRestoreContext';
 import { RulesReducerConstants } from '../../reducers/RulesReducer';
 import FileEARule from '../ImproveCase/FileEARule';
-import { recsViewedFromNoAttachmentModalEvent } from '../shared/Constants';
 import { AttachmentStateContext, isAnyFileAttached, isAnyFileDiagnosticsAttachment, isUploadingAttachment, } from '../shared/fileUpload';
 import FileSelectorButton from '../shared/fileUpload/fileSelectors/FileSelectorButton';
 import FileUpload from '../shared/fileUpload/FileUpload';
@@ -15,6 +14,7 @@ const TIMEOUT_DURATION = 9000;
 export function NoAttachmentSelectedModal(props) {
     const { t } = useTranslation();
     const { sessionRestore: { activeSessionId }, } = useContext(SessionRestoreStateContext);
+    const { globalMetadataState: { loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
     const { attachmentState: { caseFiles: { selectedLocalFiles }, }, } = useContext(AttachmentStateContext);
     const [isUploading, setIsUploading] = useState(false);
     const isAnyFileAttachedLocal = isAnyFileAttached(selectedLocalFiles);
@@ -29,7 +29,6 @@ export function NoAttachmentSelectedModal(props) {
                 type: RulesReducerConstants.triggerEARulesModalVisibiltyChange,
                 payload: { isRuleModalVisible: true },
             });
-            pendoTrackEvent(recsViewedFromNoAttachmentModalEvent);
             props.onClose();
         }
         isFirstMounRef.current = false;
@@ -76,11 +75,7 @@ export function NoAttachmentSelectedModal(props) {
             React.createElement("p", { className: "pf-v6-u-mb-md" },
                 React.createElement(Trans, null, "Uploading an attachment will speed up your case's resolution time")),
             React.createElement(FileEARule, { isInline: true })))),
-        React.createElement(FileUpload, { idToUploadTo: activeSessionId, onUploadClick: onFileUploadClick, isSessionId: true, needsAnalyzing: true, 
-            // TODO: Re-enable when Hydra/GraphQL attachment APIs support secure support again
-            // autoUploadOnSelect={loggedInUsersAccount.data.secureSupport ? false : true}
-            // isSecureSupport={loggedInUsersAccount.data.secureSupport}
-            autoUploadOnSelect: true, isPrivate: false }),
+        React.createElement(FileUpload, { idToUploadTo: activeSessionId, onUploadClick: onFileUploadClick, isSessionId: true, needsAnalyzing: true, autoUploadOnSelect: loggedInUsersAccount.data.secureSupport ? false : true, isSecureSupport: loggedInUsersAccount.data.secureSupport, isPrivate: false }),
         React.createElement(ModalFooter, null, isUploading ? (React.createElement(Button, { key: "create-case", variant: ButtonVariant.primary, onClick: props.onConfirm, "data-tracking-id": "skip-upload-or-analysis-and-submit" },
             React.createElement(Trans, null, "Skip analyze and create my case"))) : isAnyFileAttachedLocal ? (!canUseSessionManagement && (React.createElement(Button, { className: "pf-v6-u-mt-sm", variant: ButtonVariant.primary, onClick: props.onConfirm, "data-tracking-id": "no-attachment-modal-create-case" },
             React.createElement(Trans, null, "Create Case")))) : (React.createElement(React.Fragment, null,

package/lib/esm/components/EditDescription/EditDescription.js

@@ -41,7 +41,7 @@ export default function EditDescription(props) {
         try {
             setIsUpdating(true);
             const caseDetails = { description: localDescription };
-            //Only GS4 internal can edit description
+            // Only GS4 internal can edit description
             yield kase.updateCase(caseNumber, caseDetails, true);
             setIsUpdating(false);
             setCaseDetails(caseDispatch, caseDetails);

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":"AAaA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAkBrD,MAAM,CAAC,OAAO,UAAU,eAAe,sBAoJtC"}
+{"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"}

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

@@ -1,4 +1,3 @@
-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';
@@ -9,27 +8,26 @@ 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';
-// TODO: Re-enable once phone number verification flow is fully supported with GraphQL
-// import { ContactPhoneNumberAlert } from '../CaseInformation/ContactPhoneNumberAlert';
+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';
+import CaseContactSelector from '../CaseManagement/SendNotifications/CaseContactSelector';
 import KtQuestions from '../ImproveCase/KtQuestions';
 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 } = useCaseSelector((state) => ({
+    const { contactSSOName, selectedAccountDetails, ownersCaseGroups, hasInvalidEntitlements } = useCaseSelector((state) => ({
         contactSSOName: state.caseDetails.contactSSOName,
         ownersCaseGroups: state.ownersCaseGroups,
         selectedAccountDetails: state.selectedAccountDetails,
+        hasInvalidEntitlements: state.hasInvalidEntitlements,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
     const isMetadataLoading = () => {
@@ -50,13 +48,13 @@ export default function IdeaInformation() {
         }
         const allPromisses = [];
         if (haventLoadedMetadata(allCaseTypes)) {
-            allPromisses.push(fetchCaseTypes(dispatchToGlobalMetadataReducer, apolloClient));
+            allPromisses.push(fetchCaseTypes(dispatchToGlobalMetadataReducer, loggedInUsersAccount.data.secureSupport));
         }
         if (haventLoadedMetadata(allCaseSeverities)) {
-            allPromisses.push(fetchCaseSeverities(dispatchToGlobalMetadataReducer, apolloClient));
+            allPromisses.push(fetchCaseSeverities(dispatchToGlobalMetadataReducer, loggedInUsersAccount.data.secureSupport));
         }
         if (haventLoadedMetadata(caseLanguages)) {
-            allPromisses.push(fetchLanguageMetadata(dispatchToGlobalMetadataReducer, apolloClient));
+            allPromisses.push(fetchLanguageMetadata(dispatchToGlobalMetadataReducer));
         }
         Promise.all(allPromisses);
     }, [
@@ -68,7 +66,6 @@ export default function IdeaInformation() {
         loggedInUserJwtToken,
         selectedAccountDetails,
         loggedInUsersAccount.data.secureSupport,
-        apolloClient,
     ]);
     const onSeverityChange = (payload) => {
         setCaseDetails(caseDispatch, payload);
@@ -82,13 +79,13 @@ export default function IdeaInformation() {
                 ' ',
                 React.createElement("a", { href: "/support/contact/customerService" }, "Customer Service"),
                 " for assistance.")),
-        React.createElement(AlertMessage, { show: !loggedInUserRights.data.isEntitled(), variant: AlertType.DANGER, className: "pf-v6-u-mb-md", isInline: true },
+        React.createElement(AlertMessage, { show: hasInvalidEntitlements, variant: AlertType.DANGER, className: "pf-v6-u-mb-md", isInline: true },
             React.createElement(Trans, { i18nKey: "i18ValidEntitlementContactCustomerService" },
                 "You need a valid entitlement to create a case.\u00A0 Please contact",
                 ' ',
                 React.createElement("a", { href: "/support/contact/customerService" }, "Customer Service"),
                 " for assistance.")),
-        loggedInUserRights.data.isEntitled() &&
+        !hasInvalidEntitlements &&
             !isMetadataLoading() &&
             !isMetadataLoadingError() &&
             loggedInUserRights.data.canManageCases() && (React.createElement(React.Fragment, null,
@@ -100,9 +97,14 @@ export default function IdeaInformation() {
                         React.createElement(Severity, { showSeverityInfoIcon: true, onSeverityChange: onSeverityChange })),
                     React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v6-u-mb-xl" },
                         React.createElement(ContactPhoneNumber, null))),
+                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(CaseLanguageSelector, { isManageStep: true })),
+                    React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v6-u-mb-xs" },
+                        React.createElement(CaseGroup, { init: true }))),
+                React.createElement(CaseContactSelector, null),
                 React.createElement(RHAssociatesSelector, null),
-                React.createElement(OpenReferenceNumber, { inlineEditable: false, hideSaveCancel: true }))))));
+                React.createElement(OpenReferenceNumber, { inlineEditable: false, hideSaveCancel: true }),
+                React.createElement(Cep, null))))));
 }

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":"AAMA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAiB/D,MAAM,CAAC,OAAO,UAAU,uBAAuB,sBAkM9C"}
+{"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"}

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

@@ -1,4 +1,3 @@
-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';
@@ -12,9 +11,8 @@ 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 }, } = useGlobalStateContext();
+    const { globalMetadataState: { allCaseTypes, loggedInUsersAccount }, } = useGlobalStateContext();
     const globalDispatch = useGlobalDispatchContext();
-    const apolloClient = useApolloClient();
     const [selectedSupportType, setSelectedSupportType] = useState('');
     const { routeState: { isNextBtnClickedToShowValidationError }, } = useContext(RouteContext);
     const { caseType, isFetchingSelectedAccountDetails, issue, timeFramesAndUrgency, v3ClusterName } = useCaseSelector((state) => ({
@@ -29,7 +27,7 @@ export default function SupportTypeSelectorPage() {
     useEffect(() => {
         if (haventLoadedMetadata(allCaseTypes)) {
             // Load support types.
-            fetchCaseTypes(globalDispatch, apolloClient);
+            fetchCaseTypes(globalDispatch, loggedInUsersAccount.data.secureSupport);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);