@rh-support/troubleshoot 2.6.301 → 2.6.302

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;AAiB1B,MAAM,WAAW,MAAM;CAAG;AAC1B,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM,qBAsCnD"}

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

@@ -4,15 +4,15 @@ import { useCaseDispatch } from '../../context/CaseContext';
 import { setCaseDetails } from '../../reducers/CaseReducer';
 import CaseGroup from '../CaseInformation/CaseGroup';
 import { ContactPhoneNumber } from '../CaseInformation/ContactPhoneNumber';
-import { ContactPhoneNumberAlert } from '../CaseInformation/ContactPhoneNumberAlert';
+// TODO: Re-enable once phone number verification flow is fully supported with GraphQL
+// 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';
 export default function CaseManagement(props) {
     const caseDispatch = useCaseDispatch();
     const onSeverityChange = (payload) => {
@@ -25,15 +25,12 @@ 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(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/CaseManagement/Cep.d.ts.map

@@ -1 +1 @@
-{"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"}
+{"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,qBAkThC"}

package/lib/esm/components/CaseManagement/Cep.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 { 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';
@@ -17,10 +18,8 @@ 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 { useCaseDetailsPageStateContext } from '../../context/CaseDetailsPageContext';
-import { useCaseDiscussionTabDispatchContext, useCaseDiscussionTabStateContext, } from '../../context/CaseDiscussionTabContext';
+import { GET_CASE_COMMENTS } from '../../hooks/useCaseComments';
 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) {
@@ -42,9 +41,7 @@ export function Cep(props) {
     const ability = useContext(AbilityContext);
     const canUseCep = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.CEP);
     const confirm = useConfirmation();
-    const dispatchDiscussion = useCaseDiscussionTabDispatchContext();
-    const { sort, allDiscussions, discussionFiltersListState } = useCaseDiscussionTabStateContext();
-    const { caseDetailsPageState: { caseFeedbacksHydra }, } = useCaseDetailsPageStateContext();
+    const client = useApolloClient();
     const canEditCase = useCanEditCase();
     const [saveButtonIsClicked, setSaveButtonIsClicked] = useState(false);
     const { isExportingPDF } = useContext(PDFContext);
@@ -92,7 +89,7 @@ export function Cep(props) {
             checkForCaseStatusToggleOnAttachOrComment(caseDispatch, loggedInUserRights.data.isInternal(), status);
             if (caseDetails.cep) {
                 yield postCepDetails(caseDispatch, caseNumber, cepDetailsLocal);
-                updateDiscussionStateComments(dispatchDiscussion, caseDispatch, caseNumber, allDiscussions, sort, caseFeedbacksHydra.data, discussionFiltersListState);
+                client.refetchQueries({ include: [GET_CASE_COMMENTS] });
             }
             ToastNotification.addSuccessMessage(t(`Consultant Engagement in Progress has been updated successfully`));
         }

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

@@ -1 +1 @@
-{"version":3,"file":"OpenShiftClusterId.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenShiftClusterId.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAuB/D,eAAO,MAAM,oBAAoB,yBAShC,CAAC;AAEF,eAAO,MAAM,uBAAuB,yBAInC,CAAC;AAEF,eAAO,MAAM,4BAA4B,yBAYxC,CAAC;AAEF,eAAO,MAAM,qBAAqB,yBAIjC,CAAC;AAEF,UAAU,MAAM;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,qBAmT/C"}
+{"version":3,"file":"OpenShiftClusterId.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenShiftClusterId.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAuB/D,eAAO,MAAM,oBAAoB,yBAShC,CAAC;AAEF,eAAO,MAAM,uBAAuB,yBAInC,CAAC;AAEF,eAAO,MAAM,4BAA4B,yBAYxC,CAAC;AAEF,eAAO,MAAM,qBAAqB,yBAIjC,CAAC;AAEF,UAAU,MAAM;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,qBA8T/C"}

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, _b;
-            const hasCluster = yield isClusterIdEnabledForProduct(product, (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult);
+            var _a;
+            const hasCluster = yield isClusterIdEnabledForProduct(product);
             setShowClusterId(hasCluster);
             if (!hasCluster) {
                 resetClusterData();
@@ -117,7 +117,7 @@ export function OpenShiftClusterId(props) {
                     setIsClusterIdInValid(false);
                 }
             }
-            const majorVersion = (_b = getVersion(version)) === null || _b === void 0 ? void 0 : _b.major;
+            const majorVersion = (_a = getVersion(version)) === null || _a === void 0 ? void 0 : _a.major;
             const isOpenShiftV3 = product === 'OpenShift Container Platform' && majorVersion === '3';
             setShowV3TextBox(isOpenShiftV3);
             if (isOpenShiftV3 || noClusterIdReasonExplanation === 'v3-cluster') {
@@ -199,11 +199,19 @@ export function OpenShiftClusterId(props) {
             fetchClusterRecommendations(clusterRecommendationsDispatch, selectedId, clusterRecommendationsCache);
     };
     const clusterIdDropdownFormInstructions = () => {
-        const errorMessage = isClusterIdInvalid
-            ? isInvalidErrorMessage()
-            : isEmpty(openshiftClusterID) && isEmpty(selectedReason)
-                ? discoverV4ClusterIdLinkError()
-                : null;
+        // TODO: Re-enable empty cluster ID check when cluster ID is made mandatory again
+        // const errorMessage = isClusterIdInvalid
+        //     ? isInvalidErrorMessage()
+        //     : isEmpty(openshiftClusterID) && isEmpty(selectedReason)
+        //     ? discoverV4ClusterIdLinkError()
+        //     : null;
+        // TODO: Re-enable empty cluster ID check when cluster ID is made mandatory again
+        // const errorMessage = isClusterIdInvalid
+        //     ? isInvalidErrorMessage()
+        //     : isEmpty(openshiftClusterID) && isEmpty(selectedReason)
+        //     ? discoverV4ClusterIdLinkError()
+        //     : null;
+        const errorMessage = isClusterIdInvalid ? isInvalidErrorMessage() : null;
         const infoMessage = v3Selected ? v3Tov4TransitionLink() : discoverV4ClusterIdLink();
         return isNextBtnClickedToShowValidationError && errorMessage ? errorMessage : infoMessage;
     };
@@ -232,7 +240,9 @@ 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' })),
+                // TODO: Re-enable empty check when cluster ID is made mandatory again
+                // ((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,qBAsfzC;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,qBAwfzC;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

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

@@ -117,7 +117,8 @@ function OpenshiftDropdownV4(props) {
     // Define dropdown options for keyboard navigation
     const dropdownOptions = useMemo(() => [
         { type: 'checkbox', key: 'show-hide-archived-clusters', label: t('Show archived clusters') },
-        { type: 'option', key: 'dont-have-id', label: t("I don't have my Cluster ID") },
+        // TODO: Re-enable "I don't have my Cluster ID" option when needed
+        // { type: 'option', key: 'dont-have-id', label: t("I don't have my Cluster ID") },
         ...(props.isV3 ? [{ type: 'option', key: 'v3-cluster', label: t('The case is for a v3 cluster') }] : []),
     ], [props.isV3, t]);
     // Use the keyboard navigation hook
@@ -132,10 +133,10 @@ function OpenshiftDropdownV4(props) {
                 setShowArchivedClusters(!showArchivedClusters);
                 props.onClusterClear();
                 setClustersRawResponse([]);
-            }
-            else if (item.key === 'dont-have-id') {
-                props.onClusterIdStateUpdate(createState('dont-have-id', t("I don't have my Cluster ID")));
-                setIsOpen(false);
+                // TODO: Re-enable "I don't have my Cluster ID" keyboard handler when needed
+                // } else if (item.key === 'dont-have-id') {
+                //     props.onClusterIdStateUpdate(createState('dont-have-id', t("I don't have my Cluster ID")));
+                //     setIsOpen(false);
             }
             else if (item.key === 'v3-cluster') {
                 props.onClusterIdStateUpdate(createState('v3-cluster', t('The case is for a v3 cluster')));
@@ -146,7 +147,16 @@ function OpenshiftDropdownV4(props) {
     const dropdownHeaderOptions = useMemo(() => [
         React.createElement(SelectOption, { hasCheckbox: true, key: "show-archived-clusters", "aria-label": t('Show archived clusters'), id: "show-archived-clusters", className: "archived-clusters-checkbox", "data-tracking-id": "show-hide-archived-clusters", value: { type: 'checkbox' }, isSelected: showArchivedClusters }, t('Show archived clusters')),
         React.createElement(Divider, { component: "div", key: 'cluster-id-options-divider-e' }),
-        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"),
+        /* TODO: Re-enable "I don't have my Cluster ID" dropdown option when needed
+        <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"}
+        </SelectOption>,
+        */
         ...(props.isV3
             ? [
                 React.createElement(SelectOption, { key: 'v3-cluster', value: createState('v3-cluster', t('The case is for a v3 cluster')), isFocused: focusedItemIndex === 2 }),
@@ -224,17 +234,14 @@ 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,
@@ -265,7 +272,6 @@ function OpenshiftDropdownV4(props) {
             };
         }
         catch (e) {
-            // silently fails
             setIsFetchingClusters(false);
             return { items: [], totalResult: 0, page: 1, total: 0 };
         }
@@ -352,7 +358,6 @@ function OpenshiftDropdownV4(props) {
         React.createElement("div", { className: `${props.className} form-group` },
             React.createElement("label", { htmlFor: "case-details-cluster-nickname-selector" },
                 React.createElement(Trans, null, "OpenShift Cluster ID"),
-                React.createElement("span", { className: `form-required ${isExportingPDF ? 'hide-in-pdf' : ''}`, "aria-hidden": true }, "*"),
                 !isExportingPDF ? React.createElement(CaseOpenShiftPopover, null) : ''),
             React.createElement("span", { id: titleId, hidden: true }, "Select a state"),
             React.createElement(Select, { id: "openshift-cluster-selector", isOpen: isOpen, selected: getSelectedItem(), onSelect: onSelect, onOpenChange: (nextOpen) => {

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,qBA+NxD"}
+{"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"}

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

@@ -69,58 +69,52 @@ 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, 
-        // eslint-disable-next-line eqeqeq
-        props.groupNumber == '-1' ? null : props.groupNumber);
+        const searchResults = yield request(props.accountNumber, inputVal, props.groupNumber || null);
         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 = 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) {
+            const mappedContacts = mapContactsToNotifyees(contacts);
+            if (!hasSelectedUsername(mappedContacts)) {
                 (_b = props.onChange) === null || _b === void 0 ? void 0 : _b.call(props, [...mappedContacts]);
             }
             setInputVal('');
             setNotifyeesList([...mappedContacts, { emailAddress: notificationAddress.email }]);
+            return;
         }
-        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('');
-            }
-            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('');
+        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 {
-                loggedInUsersAccount.data.hasGroupACLs && props.groupNumber && props.groupNumber !== '-1'
-                    ? setShowGroupPermissionError(true)
-                    : setShowAccountPermissionError(true);
+            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]);
             }
+            setInputVal('');
+            return;
+        }
+        if (loggedInUsersAccount.data.hasGroupACLs && props.groupNumber) {
+            setShowGroupPermissionError(true);
+        }
+        else {
+            setShowAccountPermissionError(true);
         }
     });
     const clearErrors = () => {

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;AAkBrD,MAAM,CAAC,OAAO,UAAU,eAAe,sBAqJtC"}

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,21 +9,23 @@ 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';
+// TODO: Re-enable once phone number verification flow is fully supported with GraphQL
+// 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, hasInvalidEntitlements } = useCaseSelector((state) => ({
         contactSSOName: state.caseDetails.contactSSOName,
         ownersCaseGroups: state.ownersCaseGroups,
@@ -48,13 +51,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 +69,7 @@ export default function IdeaInformation() {
         loggedInUserJwtToken,
         selectedAccountDetails,
         loggedInUsersAccount.data.secureSupport,
+        apolloClient,
     ]);
     const onSeverityChange = (payload) => {
         setCaseDetails(caseDispatch, payload);
@@ -97,14 +101,9 @@ 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(GridItem, { span: 12, xl2: 6, className: "pf-v6-u-mb-xs" },
-                        React.createElement(CaseGroup, { init: true }))),
-                React.createElement(CaseContactSelector, null),
+                        React.createElement(CaseLanguageSelector, { isManageStep: true }))),
                 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;