@rh-support/troubleshoot 2.6.358 → 2.6.363

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":"AAYA,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,qBAkJtD"}
+{"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,14 +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';
@@ -16,28 +14,26 @@ 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);
     const skipAndCreateCaseBtntimeoutRef = useRef(null);
     const rulesDispatch = useContext(RulesDispatchContext);
     const { rulesState } = useContext(RulesStateContext);
-    const { globalMetadataState: { loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
-    const isSecureSupport = Boolean(loggedInUsersAccount.data.secureSupport);
     const isFirstMounRef = useRef(true);
     const canUseSessionManagement = ability.can(resourceActions.CREATE, resources.SESSION_TRACKING);
     useEffect(() => {
-        if (rulesState.triggerRuleNotification && !isFirstMounRef.current && !isSecureSupport) {
+        if (rulesState.triggerRuleNotification && !isFirstMounRef.current) {
             rulesDispatch({
                 type: RulesReducerConstants.triggerEARulesModalVisibiltyChange,
                 payload: { isRuleModalVisible: true },
             });
-            pendoTrackEvent(recsViewedFromNoAttachmentModalEvent);
             props.onClose();
         }
         isFirstMounRef.current = false;
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [rulesState.triggerRuleNotification, rulesDispatch, isSecureSupport]);
+    }, [rulesState.triggerRuleNotification, rulesDispatch]);
     /** Clearing timeout on component unmount */
     useEffect(() => {
         return () => {
@@ -79,7 +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: !isSecureSupport, autoUploadOnSelect: isSecureSupport ? false : true, isSecureSupport: isSecureSupport, 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;AAoBrD,MAAM,CAAC,OAAO,UAAU,eAAe,sBA0JtC"}
+{"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';
@@ -8,33 +7,29 @@ import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
-import { useShowCaseGroupField } from '../../hooks/useCaseGroupUiState';
 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 Severity from '../CaseInformation/Severity';
 import SupportLevel from '../CaseInformation/SupportLevel';
-import CaseLabelsCreate from '../CaseManagement/CaseLabelsCreate';
 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 showCaseGroupField = useShowCaseGroupField();
     const isMetadataLoading = () => {
         return !isMetadataLoadingError() && (loggedInUser.isFetching || selectedAccountDetails.isFetching);
     };
@@ -53,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);
     }, [
@@ -71,7 +66,6 @@ export default function IdeaInformation() {
         loggedInUserJwtToken,
         selectedAccountDetails,
         loggedInUsersAccount.data.secureSupport,
-        apolloClient,
     ]);
     const onSeverityChange = (payload) => {
         setCaseDetails(caseDispatch, payload);
@@ -85,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,
@@ -103,14 +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: showCaseGroupField ? 6 : 12, className: "pf-v6-u-mb-xs" },
+                    React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v6-u-mb-xs" },
                         React.createElement(CaseLanguageSelector, { isManageStep: true })),
-                    showCaseGroupField && (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: 12, className: "pf-v6-u-mb-xs" },
-                        React.createElement(CaseLabelsCreate, null))),
+                    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
     }, []);

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

@@ -6,6 +6,7 @@ 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":"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"}
+{"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"}

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

@@ -1,5 +1,8 @@
 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';
@@ -16,6 +19,7 @@ import { ProductVersionDropdownSelector } from './ProductVersionDropdownSelector
 const defaultProps = {
     loadTCOnChange: false,
     showTCAfterButtonClicked: false,
+    checkEntitledProduct: false,
 };
 /**
  * Renders a dropdown list to select all products.
@@ -26,12 +30,15 @@ const defaultProps = {
  * @param props
  */
 const AllProductsSelector = forwardRef((props, ref) => {
-    const { globalMetadataState: { allProducts }, } = useContext(GlobalMetadataStateContext);
+    var _a, _b;
+    const { globalMetadataState: { allProducts, loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
     const caseDispatch = useCaseDispatch();
-    const { product, version } = useCaseSelector((state) => ({
+    const { product, version, contactSSOName } = 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);
@@ -39,6 +46,7 @@ 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;
@@ -71,6 +79,7 @@ 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 ||
@@ -82,9 +91,12 @@ 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: 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: props.checkEntitledProduct ? entitledProducts : 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;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"}
+{"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"}

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

@@ -1,15 +1,21 @@
-import { Button, MenuToggle, Select, SelectList, SelectOption, Spinner, TextInputGroup, TextInputGroupMain, TextInputGroupUtilities, } from '@patternfly/react-core';
+import { Button, Divider, MenuToggle, Select, SelectGroup, SelectList, SelectOption, Spinner, TextInputGroup, TextInputGroupMain, TextInputGroupUtilities, } from '@patternfly/react-core';
 import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
 import { useSelectKeyboardNavigator } from '@rh-support/components';
+import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
-import React, { useEffect, useRef, useState } from 'react';
-import { useTranslation } from 'react-i18next';
+import React, { useContext, useEffect, useRef, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
 import { useCaseSelector } from '../../context/CaseContext';
+const isProductSupportedForCustomer = (productName, productResults) => {
+    const foundItem = productResults.filter((item) => item.name === productName)[0];
+    return foundItem ? foundItem.supportedForCustomer : false;
+};
 export const NewProductDropdownSelector = (props) => {
     const { t } = useTranslation();
     const [isOpen, setIsOpen] = useState(false);
     const [showValidationLocal, setShowValidationLocal] = useState(props.isNextBtnClickedToShowValidationError);
+    const [isSelectedProductSupportedForCustomer, setIsSelectedProductSupportedForCustomer] = useState(true);
     const [filteredProducts, setFilteredProducts] = useState(props.products);
     const [shouldFilter, setShouldFilter] = useState(false);
     const textInputRef = useRef();
@@ -17,6 +23,7 @@ export const NewProductDropdownSelector = (props) => {
         product: state.caseDetails.product,
     }), isEqual);
     const [inputValue, setInputValue] = useState('');
+    const { globalMetadataState: { allProducts }, } = useContext(GlobalMetadataStateContext);
     useEffect(() => {
         setShowValidationLocal(props.isNextBtnClickedToShowValidationError);
     }, [props.isNextBtnClickedToShowValidationError]);
@@ -26,15 +33,22 @@ export const NewProductDropdownSelector = (props) => {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [product]);
+    // Update filtered products whenever input changes
     useEffect(() => {
+        const productsToFilter = props.isCaseCreate ? props.products : allProducts.data.productsResult;
         if (!isEmpty(inputValue === null || inputValue === void 0 ? void 0 : inputValue.trim())) {
-            const filtered = props.products.filter((p) => { var _a; return (_a = p.name) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(inputValue.toLowerCase()); });
+            const filtered = productsToFilter.filter((p) => { var _a; return (_a = p.name) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(inputValue.toLowerCase()); });
             setFilteredProducts(filtered);
         }
         else {
-            setFilteredProducts(props.products);
+            setFilteredProducts(productsToFilter);
         }
-    }, [inputValue, props.products]);
+    }, [inputValue, props.products, props.isCaseCreate, allProducts.data.productsResult]);
+    useEffect(() => {
+        product &&
+            props.isOnSummaryPage &&
+            setIsSelectedProductSupportedForCustomer(isProductSupportedForCustomer(product, allProducts.data.productsResult));
+    }, [allProducts.data.productsResult, product, props.isOnSummaryPage]);
     const onToggleClick = () => {
         var _a;
         setIsOpen(!isOpen);
@@ -69,12 +83,14 @@ export const NewProductDropdownSelector = (props) => {
             setIsOpen(false);
         },
     });
-    const renderProductOptions = () => {
-        const productsToShow = shouldFilter ? filteredProducts : props.products;
-        return productsToShow.length > 0 ? (React.createElement(React.Fragment, null, productsToShow.map((prod, index) => {
-            var _a;
-            return (React.createElement(SelectOption, { key: `product-${index}`, value: prod, isFocused: focusedItemIndex === index, className: "pf-v6-c-select__menu-wrapper", "data-tracking-id": `${(_a = prod.name) === null || _a === void 0 ? void 0 : _a.replace(/\s+/g, '')}-product-dropdown`, isSelected: prod.name === product }, prod.name));
-        }))) : (React.createElement(SelectOption, { key: '', value: '', className: "pf-v6-c-select__menu-wrapper", isDisabled: true }, "No Results Found"));
+    const createProductGroup = (products, label, type, shouldFilter = false) => {
+        const productsToShow = shouldFilter ? filteredProducts : products;
+        return productsToShow.length > 0 ? (React.createElement(React.Fragment, null,
+            !shouldFilter && (React.createElement(SelectGroup, { label: label, key: type, value: '', className: "product-selector-group", children: '' })),
+            productsToShow.map((prod, index) => {
+                var _a;
+                return (React.createElement(SelectOption, { key: `${type}-${index}`, value: prod, isFocused: focusedItemIndex === index, className: "pf-v6-c-select__menu-wrapper", "data-tracking-id": `${(_a = prod.name) === null || _a === void 0 ? void 0 : _a.replace(/\s+/g, '')}-${type}-dropdown`, isSelected: prod.name === product }, prod.name));
+            }))) : (React.createElement(SelectOption, { key: '', value: '', className: "pf-v6-c-select__menu-wrapper", isDisabled: true }, "No Results Found"));
     };
     const toggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, variant: "typeahead", onClick: onToggleClick, isExpanded: isOpen, isFullWidth: true, isDisabled: props.isLoading, status: isEmpty(inputValue) && showValidationLocal ? 'danger' : undefined },
         React.createElement(TextInputGroup, { isPlain: true },
@@ -82,8 +98,16 @@ export const NewProductDropdownSelector = (props) => {
             props.isLoading ? (React.createElement(TextInputGroupUtilities, null,
                 React.createElement(Spinner, { size: "md" }))) : (React.createElement(TextInputGroupUtilities, Object.assign({}, (!inputValue ? { style: { display: 'none' } } : {})),
                 React.createElement(Button, { icon: React.createElement(TimesIcon, { "aria-hidden": true }), variant: "plain", onClick: onClear, "aria-label": "Clear input value" }))))));
+    const topProducts = allProducts.data.topProducts.filter((p) => p.isEntitledProduct).slice(0, 3);
     return (React.createElement("div", null,
         React.createElement(Select, { id: "product-selector", isOpen: isOpen, onSelect: (e, selection) => onSelect(selection), onOpenChange: (isOpen) => setIsOpen(isOpen), toggle: toggle, selected: product, shouldFocusFirstItemOnOpen: false, isScrollable: true, "data-tracking-id": "get-support-product-dropdown-selector" },
-            React.createElement(SelectList, { id: "product-selector-listbox" }, renderProductOptions()))));
+            React.createElement(SelectList, { id: "product-selector-listbox" },
+                !shouldFilter && createProductGroup(topProducts, t('Top products'), 'topProduct'),
+                !shouldFilter && React.createElement(Divider, null),
+                createProductGroup(props.isCaseCreate ? props.products : allProducts.data.productsResult, t('All products'), 'product', shouldFilter))),
+        !props.isLoading && !isSelectedProductSupportedForCustomer && (React.createElement("div", { className: "pf-v6-u-ml-xs pf-v6-u-mt-sm form-instructions" },
+            React.createElement(Trans, null, "Red Hat must confirm your subscription status before providing support."),
+            React.createElement("br", null),
+            React.createElement(Trans, null, "We'll contact you if we have any questions.")))));
 };
 export default NewProductDropdownSelector;

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

@@ -1 +1 @@
-{"version":3,"file":"NewProductVersionSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/NewProductVersionSelector.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAOxE,UAAU,MAAM;IACZ,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,qCAAqC,EAAE,OAAO,CAAC;CAClD;AAED,eAAO,MAAM,yBAAyB,GAAI,OAAO,MAAM,sBAwGtD,CAAC"}
+{"version":3,"file":"NewProductVersionSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/NewProductVersionSelector.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,UAAU,MAAM;IACZ,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,qCAAqC,EAAE,OAAO,CAAC;CAClD;AAED,eAAO,MAAM,yBAAyB,GAAI,OAAO,MAAM,sBAmItD,CAAC"}