@rh-support/troubleshoot 2.6.296 → 2.6.300

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":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/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,sBAoFtD,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"}

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

@@ -1,18 +1,19 @@
-import { useApolloClient } from '@apollo/client/react';
 import { SingleSelectDropdown } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
+import { getUniqueSortedVersions } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
-import { getVersionsDetails, setCaseState } from '../../reducers/CaseReducer';
+import { getVersionsDetails } from '../../reducers/CaseReducer';
 import { getProductObj } from '../shared/utils';
 export const NewProductVersionSelector = (props) => {
     const { t } = useTranslation();
+    const [selectVersionOptions, setSelectVersionOptions] = useState([]);
     const [showValidationLocal, setShowValidationLocal] = useState(props.isNextBtnClickedToShowValidationError);
+    const [isSEProductApiIsDown, setIsSEProductApiIsDown] = useState(false);
     const caseDispatch = useCaseDispatch();
-    const apolloClient = useApolloClient();
     const { versionsDetails, product, version } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
@@ -23,43 +24,76 @@ export const NewProductVersionSelector = (props) => {
         setShowValidationLocal(props.isNextBtnClickedToShowValidationError);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.isNextBtnClickedToShowValidationError]);
+    // when user selects a product, we need to fetch versions
     useEffect(() => {
         if (isEmpty(product))
             return;
         const productObj = getProductObj(allProducts.data.productsResult, product);
-        if (productObj.productId) {
-            getVersionsDetails(caseDispatch, apolloClient, productObj.productId, productObj.name || product);
+        if (productObj.versions) {
+            const productVersions = productObj.hasComponentsInsteadOfVersions
+                ? productObj.versions.sort()
+                : productObj.versions;
+            // if versions array has one value set that value as selected
+            if (productVersions.length === 1) {
+                props.onVersionChange(productVersions[0]);
+            }
+            setSelectVersionOptions(productObj.versions);
         }
+        else {
+            setIsSEProductApiIsDown(true);
+        }
+        const getVersions = () => getVersionsDetails(caseDispatch, product);
+        // call sfdc version api version flags that is used in severity and submit components
+        getVersions();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [product]);
     useEffect(() => {
-        var _a;
-        if (versionsDetails.isFetching || !((_a = versionsDetails.data) === null || _a === void 0 ? void 0 : _a.length))
+        if (!product)
+            return;
+        const productObj = getProductObj(allProducts.data.productsResult, product);
+        if (productObj.versions) {
+            const productVersions = productObj.hasComponentsInsteadOfVersions
+                ? productObj.versions.sort()
+                : productObj.versions;
+            setSelectVersionOptions(productVersions);
+        }
+        else {
+            setIsSEProductApiIsDown(true);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [version]);
+    // observe when fetched versions are available
+    useEffect(() => {
+        if (!isSEProductApiIsDown)
             return;
-        if (versionsDetails.data.length === 1) {
-            props.onVersionChange(versionsDetails.data[0].name);
-            setCaseState(caseDispatch, { selectedVersionId: versionsDetails.data[0].id });
+        const fetchedVersions = versionsDetails.data.map(({ name }) => name);
+        // if versions array has one value set that value as selected
+        if (fetchedVersions.length === 1) {
+            props.onVersionChange(fetchedVersions[0]);
         }
+        const productObj = getProductObj(allProducts.data.productsResult, product);
+        const sfdcVersions = getUniqueSortedVersions(fetchedVersions);
+        const productVersions = (productObj === null || productObj === void 0 ? void 0 : productObj.hasComponentsInsteadOfVersions) ? sfdcVersions.sort() : sfdcVersions;
+        setSelectVersionOptions(productVersions);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [versionsDetails.data]);
+    }, [versionsDetails.data, isSEProductApiIsDown]);
     const onSelect = (selectedOption) => {
         const selection = selectedOption.value;
         if (isEqual(selection, version)) {
-            props.onVersionChange('');
-            setCaseState(caseDispatch, { selectedVersionId: undefined });
+            props.onVersionChange(''); // To unselect a version when user clicks on the same selected product version
             return;
         }
         props.onVersionChange(selection);
-        const versionObj = versionsDetails.data.find((v) => v.name === selection);
-        setCaseState(caseDispatch, { selectedVersionId: versionObj === null || versionObj === void 0 ? void 0 : versionObj.id });
     };
+    // Create selected option for SingleSelectDropdown
     const getSelectedOption = () => ({
         label: version || '',
         value: version || '',
     });
-    const getDropdownOptions = () => versionsDetails.data.map((v) => ({
-        label: v.name,
-        value: v.name,
+    // Create options array for SingleSelectDropdown
+    const getDropdownOptions = () => selectVersionOptions.map((versionOption) => ({
+        label: versionOption,
+        value: versionOption,
     }));
-    return (React.createElement(SingleSelectDropdown, { onSelect: onSelect, selected: getSelectedOption(), options: getDropdownOptions(), placeholder: t('Select a version'), ariaLabel: t('Select a version'), isInvalid: isEmpty(version) && showValidationLocal, isDisabled: isEmpty(product) || allProducts.isFetching, dataTrackingId: "get-support-version-dropdown-selector", isLoading: versionsDetails.isFetching }));
+    return (React.createElement(SingleSelectDropdown, { onSelect: onSelect, selected: getSelectedOption(), options: getDropdownOptions(), placeholder: t('Select a version'), ariaLabel: t('Select a version'), isInvalid: isEmpty(version) && showValidationLocal, isDisabled: isEmpty(product) || allProducts.isFetching, dataTrackingId: "get-support-version-dropdown-selector", isLoading: isSEProductApiIsDown && versionsDetails.isFetching }));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ProductSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductSelector.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAKlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACzE,gCAAgC,CAAC,EAAE,OAAO,CAAC;IAC3C,aAAa,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC9D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBAiGpD"}
+{"version":3,"file":"ProductSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductSelector.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAOvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAKlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,uBAAuB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,IAAI,CAAC;IACzE,gCAAgC,CAAC,EAAE,OAAO,CAAC;IAC3C,aAAa,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC9D,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBAqGpD"}

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

@@ -7,6 +7,7 @@ import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useRef } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
+import { RouteContext } from '../../context/RouteContext';
 import { useAB } from '../../hooks/useAB';
 import { useFetchCVEData } from '../../hooks/useFetchCVEData';
 import { setCaseState } from '../../reducers/CaseReducer';
@@ -30,6 +31,7 @@ export default function ProductSelector(props) {
         product: state.caseDetails.product,
         version: state.caseDetails.version,
     }), isEqual);
+    const { routeState: { isCaseCreate }, } = useContext(RouteContext);
     const caseDispatch = useCaseDispatch();
     const cveModalEnabledConfig = getConfigField(pcmConfig.data, 'isCVEModalEnabled', PCM_CONFIG_FIELD_TYPE.STRING);
     const isCVEModalEnabled = cveModalEnabledConfig === '1';
@@ -49,7 +51,7 @@ export default function ProductSelector(props) {
     const productSelectorRef = useRef(null);
     const rederProductSelect = (React.createElement("form", null,
         (cveRecommendation === null || cveRecommendation === void 0 ? void 0 : cveRecommendation.length) !== 0 && isCVEModalEnabled && React.createElement(CveModal, null),
-        React.createElement(AllProductsSelector, { routeProps: props.routeProps, ref: productSelectorRef, isOnSummaryPage: true, isOnGetSupportPage: props === null || props === void 0 ? void 0 : props.isOnGetSupportPage, caseCreateExperience: props.caseCreateExperience })));
+        React.createElement(AllProductsSelector, { routeProps: props.routeProps, checkEntitledProduct: isCaseCreate ? true : false, ref: productSelectorRef, isOnSummaryPage: true, isOnGetSupportPage: props === null || props === void 0 ? void 0 : props.isOnGetSupportPage, caseCreateExperience: props.caseCreateExperience })));
     return (React.createElement(React.Fragment, null,
         React.createElement(AlertMessage, { variant: AlertType.DANGER, className: "pf-v6-u-mt-lg", title: t('There was an error loading products.'), show: allProducts.isError }),
         rederProductSelect,

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

@@ -1 +1 @@
-{"version":3,"file":"Review.d.ts","sourceRoot":"","sources":["../../../../src/components/Review/Review.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAoBlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AACD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,qBA4F3C"}
+{"version":3,"file":"Review.d.ts","sourceRoot":"","sources":["../../../../src/components/Review/Review.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAoBlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AACD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,qBAqF3C"}

package/lib/esm/components/Review/Review.js

@@ -1,14 +1,14 @@
 import { Grid, GridItem } from '@patternfly/react-core';
-// import { AbilityContext, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
+import { AbilityContext, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
 import { PreviousCaseTypes } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
-import React, { useEffect, useRef } from 'react';
+import React, { useContext, useEffect, useRef } from 'react';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { setCaseDetails } from '../../reducers/CaseReducer';
 import { AccountSelector } from '../AccountInfo/AccountSelector';
 import { OwnerSelector } from '../AccountInfo/OwnerSelector';
-// import CaseGroup from '../CaseInformation/CaseGroup';
+import CaseGroup from '../CaseInformation/CaseGroup';
 import CaseType from '../CaseInformation/CaseType';
 import { ContactPhoneNumber } from '../CaseInformation/ContactPhoneNumber';
 import { ContactPhoneNumberAlert } from '../CaseInformation/ContactPhoneNumberAlert';
@@ -16,12 +16,12 @@ import Fts from '../CaseInformation/Fts';
 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 { OpenShiftClusterId } from '../CaseManagement/OpenShiftClusterId';
-// import { RHAssociatesSelector } from '../CaseManagement/RHAssociatesSelector';
-// import CaseContactSelector from '../CaseManagement/SendNotifications/CaseContactSelector';
-// import { Hostname } from '../ImproveCase/Hostname';
+import { RHAssociatesSelector } from '../CaseManagement/RHAssociatesSelector';
+import CaseContactSelector from '../CaseManagement/SendNotifications/CaseContactSelector';
+import { Hostname } from '../ImproveCase/Hostname';
 import KtQuestions from '../ImproveCase/KtQuestions';
 import { AllProductsSelector } from '../ProductSelector/AllProductsSelector';
 export default function Review(props) {
@@ -41,12 +41,8 @@ export default function Review(props) {
         }
         previousCaseTypeRef.current = caseType;
     }, [caseType, caseDispatch]);
-    // const ability = useContext(AbilityContext);
-    // const canSeeEmailNotifications = ability.can(
-    //     resourceActions.PATCH,
-    //     resources.CASE_DETAILS,
-    //     CaseDetailsFields.CASE_DETAILS_SEND_NOTIFICATIONS
-    // );
+    const ability = useContext(AbilityContext);
+    const canSeeEmailNotifications = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_SEND_NOTIFICATIONS);
     const onSeverityChange = (payload) => {
         setCaseDetails(caseDispatch, payload);
     };
@@ -54,8 +50,9 @@ export default function Review(props) {
         React.createElement("form", { className: "review-form card card-light push-bottom" },
             React.createElement(AccountSelector, null),
             React.createElement(OwnerSelector, null),
-            React.createElement(AllProductsSelector, { routeProps: props.routeProps, loadTCOnChange: true, showTCAfterButtonClicked: true, isOnReviewPage: true }),
+            React.createElement(AllProductsSelector, { routeProps: props.routeProps, loadTCOnChange: true, showTCAfterButtonClicked: true, checkEntitledProduct: true, isOnReviewPage: true }),
             React.createElement(OpenShiftClusterId, null),
+            caseType !== PreviousCaseTypes.FEATURE_ENHANCEMENT && React.createElement(Hostname, null),
             React.createElement(KtQuestions, { inlineEditable: true, hideSaveCancel: true, onlyShowKT4: caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT }),
             React.createElement(CaseType, null),
             React.createElement(SupportLevel, null),
@@ -68,6 +65,11 @@ export default function Review(props) {
             React.createElement(Fts, { inlineEditable: true, initialIsEditing: isEmpty(contactInfo24x7), hideSaveCancel: true }),
             React.createElement(Grid, { hasGutter: true },
                 React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v6-u-mb-xs" },
-                    React.createElement(CaseLanguageSelector, null))),
-            React.createElement(OpenReferenceNumber, { inlineEditable: false, hideSaveCancel: true }))));
+                    React.createElement(CaseLanguageSelector, null)),
+                React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v6-u-mb-xs" },
+                    React.createElement(CaseGroup, null))),
+            canSeeEmailNotifications && React.createElement(CaseContactSelector, null),
+            React.createElement(RHAssociatesSelector, null),
+            React.createElement(OpenReferenceNumber, { inlineEditable: false, hideSaveCancel: true }),
+            React.createElement(Cep, null))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SessionRestore.d.ts","sourceRoot":"","sources":["../../../../src/components/SessionRestore/SessionRestore.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAgC,YAAY,EAAE,MAAM,qDAAqD,CAAC;AAQjH,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAQvD,OAAO,EAGH,eAAe,EAElB,MAAM,iCAAiC,CAAC;AAmBzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,eAAO,MAAM,6BAA6B,GAAI,aAAa,YAAY,GAAG,SAAS,EAAE,uBAAuB,MAAM,YAKjH,CAAC;AAEF,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,qBAwX3C"}
+{"version":3,"file":"SessionRestore.d.ts","sourceRoot":"","sources":["../../../../src/components/SessionRestore/SessionRestore.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgC,YAAY,EAAE,MAAM,qDAAqD,CAAC;AAQjH,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAQvD,OAAO,EAGH,eAAe,EAElB,MAAM,iCAAiC,CAAC;AAmBzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,eAAO,MAAM,6BAA6B,GAAI,aAAa,YAAY,GAAG,SAAS,EAAE,uBAAuB,MAAM,YAKjH,CAAC;AAEF,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,qBAsX3C"}

package/lib/esm/components/SessionRestore/SessionRestore.js

@@ -8,7 +8,6 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import { useApolloClient } from '@apollo/client/react';
 import { pcm } from '@cee-eng/hydrajs';
 import { useDebounce, useDeepCompareDebounce, usePrevious } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
@@ -44,7 +43,6 @@ export const isSessionFromCurrentAuthCycle = (sessionItem, currentLoginStartTime
 };
 export function SessionRestore(props) {
     var _a;
-    const apolloClient = useApolloClient();
     const sessionRestoreDispatch = useContext(SessionRestoreDispatchContext);
     const dispatchToAttachmentReducer = useContext(AttachmentDispatchContext);
     const { sessionRestore } = useContext(SessionRestoreStateContext);
@@ -241,7 +239,7 @@ export function SessionRestore(props) {
             const reg = new RegExp('Cluster Name: (.*) ');
             const v3ClusterName = reg.exec(sessionDetails.description) ? reg.exec(sessionDetails.description)[1] : '';
             setCaseState(caseDispatch, { v3ClusterName });
-            yield updateCaseWithSession(caseDispatch, sessionItem, loggedInUserRights.data.getAccountNumber(), loggedInUserRights.data.getHydraContactFromLoggedInUser(), loggedInUsersAccount.data, apolloClient);
+            yield updateCaseWithSession(caseDispatch, sessionItem, loggedInUserRights.data.getAccountNumber(), loggedInUserRights.data.getHydraContactFromLoggedInUser(), loggedInUsersAccount.data);
             if (!isAISureSession(sessionItem)) {
                 restoreFilesFromSession(dispatchToAttachmentReducer, sessionItem.session.id);
             }

package/lib/esm/components/UpdateSeverityModal/UpdateSeverityModal.js

@@ -223,7 +223,7 @@ export default function UpdateSeverityModal(props) {
                     });
                     onClose();
                     caseUpdateError.showError(e, t(`Failed to update case status. Please try again`));
-                    yield updateCaseDetails(caseDispatch, caseDetails.caseNumber, Object.assign({ status: 'Waiting on Customer' }, updatedCaseDetails));
+                    yield updateCaseDetails(caseDispatch, caseDetails.caseNumber, Object.assign({ status: 'Waiting on Customer' }, updateCaseDetails));
                 }
             }
             catch (e) {

package/lib/esm/components/shared/useIsSectionValid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIsSectionValid.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/useIsSectionValid.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAyB1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAKnE,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,gBAAgB;;;;;EAuQ9D"}
+{"version":3,"file":"useIsSectionValid.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/useIsSectionValid.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAuB/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAMnE,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,gBAAgB;;;;;EAkR9D"}