@rh-support/troubleshoot 2.6.355 → 2.6.358

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

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

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

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

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

@@ -1,21 +1,15 @@
-import { Button, Divider, MenuToggle, Select, SelectGroup, SelectList, SelectOption, Spinner, TextInputGroup, TextInputGroupMain, TextInputGroupUtilities, } from '@patternfly/react-core';
+import { Button, MenuToggle, Select, 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, { useContext, useEffect, useRef, useState } from 'react';
-import { Trans, useTranslation } from 'react-i18next';
+import React, { useEffect, useRef, useState } from 'react';
+import { 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();
@@ -23,7 +17,6 @@ export const NewProductDropdownSelector = (props) => {
         product: state.caseDetails.product,
     }), isEqual);
     const [inputValue, setInputValue] = useState('');
-    const { globalMetadataState: { allProducts }, } = useContext(GlobalMetadataStateContext);
     useEffect(() => {
         setShowValidationLocal(props.isNextBtnClickedToShowValidationError);
     }, [props.isNextBtnClickedToShowValidationError]);
@@ -33,22 +26,15 @@ 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 = productsToFilter.filter((p) => { var _a; return (_a = p.name) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(inputValue.toLowerCase()); });
+            const filtered = props.products.filter((p) => { var _a; return (_a = p.name) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(inputValue.toLowerCase()); });
             setFilteredProducts(filtered);
         }
         else {
-            setFilteredProducts(productsToFilter);
+            setFilteredProducts(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]);
+    }, [inputValue, props.products]);
     const onToggleClick = () => {
         var _a;
         setIsOpen(!isOpen);
@@ -83,14 +69,12 @@ export const NewProductDropdownSelector = (props) => {
             setIsOpen(false);
         },
     });
-    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 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 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 },
@@ -98,16 +82,8 @@ 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" },
-                !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.")))));
+            React.createElement(SelectList, { id: "product-selector-listbox" }, renderProductOptions()))));
 };
 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;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"}
+{"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"}

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

@@ -1,19 +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 React, { useContext, useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
-import { getVersionsDetails } from '../../reducers/CaseReducer';
+import { getVersionsDetails, setCaseState } 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,
@@ -24,76 +24,63 @@ 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.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);
+        if (productObj.productId) {
+            getVersionsDetails(caseDispatch, apolloClient, productObj.productId, productObj.name || product);
         }
-        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]);
+    }, [product, allProducts.data.productsResult]);
     useEffect(() => {
-        if (!product)
+        var _a;
+        if (versionsDetails.isFetching || !((_a = versionsDetails.data) === null || _a === void 0 ? void 0 : _a.length))
+            return;
+        if (versionsDetails.data.length === 1) {
+            props.onVersionChange(versionsDetails.data[0].name);
+            setCaseState(caseDispatch, { selectedVersionId: versionsDetails.data[0].id });
             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);
+        if (version) {
+            const versionObj = versionsDetails.data.find((v) => v.name === version);
+            if (versionObj === null || versionObj === void 0 ? void 0 : versionObj.id) {
+                setCaseState(caseDispatch, { selectedVersionId: versionObj.id });
+            }
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [version]);
-    // observe when fetched versions are available
-    useEffect(() => {
-        if (!isSEProductApiIsDown)
-            return;
-        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]);
-        }
+    }, [versionsDetails.data]);
+    const sortedVersionNames = useMemo(() => {
+        var _a;
+        if (!((_a = versionsDetails.data) === null || _a === void 0 ? void 0 : _a.length))
+            return [];
+        const versionNames = versionsDetails.data.map((v) => v.name);
         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, isSEProductApiIsDown]);
+        if (productObj === null || productObj === void 0 ? void 0 : productObj.hasComponentsInsteadOfVersions) {
+            return [...versionNames].sort();
+        }
+        const numeric = versionNames.filter((v) => /^\d/.test(v));
+        const alpha = versionNames.filter((v) => !/^\d/.test(v));
+        return [...getUniqueSortedVersions(numeric), ...alpha.sort()];
+    }, [versionsDetails.data, allProducts.data.productsResult, product]);
     const onSelect = (selectedOption) => {
         const selection = selectedOption.value;
         if (isEqual(selection, version)) {
-            props.onVersionChange(''); // To unselect a version when user clicks on the same selected product version
+            props.onVersionChange('');
+            setCaseState(caseDispatch, { selectedVersionId: undefined });
             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 || '',
     });
-    // Create options array for SingleSelectDropdown
-    const getDropdownOptions = () => selectVersionOptions.map((versionOption) => ({
+    const getDropdownOptions = () => sortedVersionNames.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: isSEProductApiIsDown && 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: versionsDetails.isFetching }));
 };

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare function ProductNotEntitledWarning(): React.JSX.Element;
+//# sourceMappingURL=ProductNotEntitledWarning.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductNotEntitledWarning.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductNotEntitledWarning.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,wBAAgB,yBAAyB,sBAcxC"}

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

@@ -0,0 +1,9 @@
+import { FormHelperText, HelperText, HelperTextItem } from '@patternfly/react-core';
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+export function ProductNotEntitledWarning() {
+    const { t } = useTranslation();
+    return (React.createElement(FormHelperText, null,
+        React.createElement(HelperText, null,
+            React.createElement(HelperTextItem, { variant: "warning" }, t('We cannot locate an active support subscription associated with your account for the selected product. You can still proceed, but your case may not receive full support coverage.')))));
+}

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;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"}
+{"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"}

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

@@ -7,7 +7,6 @@ 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';
@@ -31,7 +30,6 @@ 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';
@@ -51,7 +49,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, checkEntitledProduct: isCaseCreate ? true : false, ref: productSelectorRef, isOnSummaryPage: true, isOnGetSupportPage: props === null || props === void 0 ? void 0 : props.isOnGetSupportPage, caseCreateExperience: props.caseCreateExperience })));
+        React.createElement(AllProductsSelector, { routeProps: props.routeProps, 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/ProductSelector/ProductVersionDropdownSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductVersionDropdownSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductVersionDropdownSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAEpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAiC,MAAM,OAAO,CAAC;AAOtD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;IAChC,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAOD,QAAA,MAAM,8BAA8B,wEAuDlC,CAAC;AAEH,OAAO,EAAE,8BAA8B,EAAE,CAAC"}
+{"version":3,"file":"ProductVersionDropdownSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductVersionDropdownSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAEpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAAiC,MAAM,OAAO,CAAC;AAStD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;IAChC,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAOD,QAAA,MAAM,8BAA8B,wEA+DlC,CAAC;AAEH,OAAO,EAAE,8BAA8B,EAAE,CAAC"}

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

@@ -1,15 +1,23 @@
 import { LoadingIndicator } from '@rh-support/components';
+import isEmpty from 'lodash/isEmpty';
+import isEqual from 'lodash/isEqual';
 import React, { forwardRef, useContext } from 'react';
 import { Trans } from 'react-i18next';
+import { useCaseSelector } from '../../context/CaseContext';
 import { RouteContext } from '../../context/RouteContext';
 import { NewProductDropdownSelector } from './NewProductDropdownSelector';
 import { NewProductVersionSelector } from './NewProductVersionSelector';
+import { ProductNotEntitledWarning } from './ProductNotEntitledWarning';
 const defaultProps = {
     disabled: false,
     htmlForId: '',
 };
 const ProductVersionDropdownSelector = forwardRef((props, ref) => {
     const { routeState: { isCaseCreate, isNextBtnClickedToShowValidationError }, } = useContext(RouteContext);
+    const { isProductNotEntitled, product } = useCaseSelector((state) => ({
+        isProductNotEntitled: state.isProductNotEntitled,
+        product: state.caseDetails.product,
+    }), isEqual);
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "product-selector-wrapper" },
             React.createElement("label", { htmlFor: "product-selector-dropdown-search", ref: ref },
@@ -21,7 +29,7 @@ const ProductVersionDropdownSelector = forwardRef((props, ref) => {
                     React.createElement(NewProductDropdownSelector, { products: props.products, onProductChange: props.onProductChange, isNextBtnClickedToShowValidationError: isNextBtnClickedToShowValidationError, isCaseCreate: isCaseCreate, isOnSummaryPage: props.isOnSummaryPage, isLoading: props.isLoading })),
                 props.isLoading && (React.createElement("div", { className: "pf-v6-u-flex-basis-auto" },
                     React.createElement(LoadingIndicator, { className: "pf-v6-u-ml-sm", isInline: true, show: props.isLoading, size: "sm" })))),
-            React.createElement(React.Fragment, null)),
+            isProductNotEntitled && !isEmpty(product) && React.createElement(ProductNotEntitledWarning, null)),
         React.createElement("div", { className: "version-selector-wrapper" },
             React.createElement("label", { htmlFor: "version-selector-dropdown-toggle" },
                 React.createElement(Trans, null, "Version"),

package/lib/esm/components/Recommendations/AsideResults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AsideResults.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/AsideResults.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAUvD,OAAO,EAAoB,eAAe,EAAsC,MAAM,iCAAiC,CAAC;AAWxH,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,qBA4MzC"}
+{"version":3,"file":"AsideResults.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/AsideResults.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAUvD,OAAO,EAAoB,eAAe,EAAsC,MAAM,iCAAiC,CAAC;AAWxH,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,qBA6MzC"}

package/lib/esm/components/Recommendations/AsideResults.js

@@ -49,6 +49,7 @@ export function AsideResults(props) {
     const sessionRestoreDispatch = useContext(SessionRestoreDispatchContext);
     const { routeState: { activeSection, isCaseCreate }, } = useContext(RouteContext);
     const PAGE_SIZE = 5;
+    const FETCH_ROWS = 50;
     const payload = JSON.stringify({
         product: product,
         version: version,
@@ -82,8 +83,8 @@ export function AsideResults(props) {
                     summary: getTrimmedCharacters(payload.summary, WATSONX_SUMMARY_LIMIT),
                     description: getTrimmedCharacters(payload.description, WATSONX_DESCRIPTION_LIMIT),
                 };
-                const response = yield search.getWatsonXRecommendationsForCase2(convertObjToEncodedQueryParams(Object.assign({ rerank: true }, getSolrParams(PAGE_SIZE, 129, queryFilters))), payloadData, controllerRef.current.signal);
-                const sideDocs = uniqueRecommendationDocs(replaceHighlightingData(response.response.docs, response.highlighting));
+                const response = yield search.getWatsonXRecommendationsForCase2(convertObjToEncodedQueryParams(Object.assign({ rerank: true }, getSolrParams(FETCH_ROWS, 129, queryFilters))), payloadData, controllerRef.current.signal);
+                const sideDocs = uniqueRecommendationDocs(replaceHighlightingData(response.response.docs, response.highlighting)).slice(0, PAGE_SIZE);
                 recommendationDispatch({
                     type: RecommendationsConstants.receiveSidebarRecommendation,
                     payload: { sideRecommendation: sideDocs, sideRecommendationError: false },
@@ -144,7 +145,7 @@ export function AsideResults(props) {
         React.createElement(CardBody, null,
             React.createElement("ul", { className: "list-flat" }, recommendationState.sideRecommendation.map((doc, index) => {
                 var _a, _b;
-                return (React.createElement("li", { className: `result${index !== 0 && 'pf-v6-u-mt-sm'}`, key: doc.uri },
+                return (React.createElement("li", { className: `result${index !== 0 && 'pf-v6-u-mt-sm'}`, key: doc.id },
                     React.createElement("header", { className: "result-header" },
                         React.createElement("a", { href: `${doc.view_uri}?${RouteUtils.getSEResourceQueryParams(activeSessionId, (_b = (_a = sessionResourceTracking[SessionResourceSource.RECOMMENDATIONS_ASIDE]) === null || _a === void 0 ? void 0 : _a.resourceOriginId) !== null && _b !== void 0 ? _b : '', SessionResourceSource.RECOMMENDATIONS_ASIDE)}`, className: "se-recommended ts-result-aside", "data-tracking-id": `se-recommended-sidebar-recommendations-${index}`, rel: "noopener noreferrer", target: "_blank", onClick: onResourceClick(doc, index), dangerouslySetInnerHTML: computeRecommendationTitle(doc) })),
                     React.createElement("p", { className: "result-body", dangerouslySetInnerHTML: computeRecommendationAbstract(doc, 150) })));

package/lib/esm/components/Recommendations/ClusterRecommendationToast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClusterRecommendationToast.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/ClusterRecommendationToast.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,EAAE,EAAmC,MAAM,OAAO,CAAC;AAUnE,UAAU,MAAM;CAAG;AAEnB,QAAA,MAAM,0BAA0B,EAAE,EAAE,CAAC,MAAM,CAsD1C,CAAC;AAEF,eAAe,0BAA0B,CAAC"}
+{"version":3,"file":"ClusterRecommendationToast.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/ClusterRecommendationToast.tsx"],"names":[],"mappings":"AAGA,OAAc,EAAE,EAAE,EAAmC,MAAM,OAAO,CAAC;AAUnE,UAAU,MAAM;CAAG;AAEnB,QAAA,MAAM,0BAA0B,EAAE,EAAE,CAAC,MAAM,CAmD1C,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

package/lib/esm/components/Recommendations/ClusterRecommendationToast.js

@@ -1,5 +1,4 @@
 import { Alert, AlertActionCloseButton, Button } from '@patternfly/react-core';
-import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useState } from 'react';
@@ -9,7 +8,6 @@ import { ClusterRecommendationsContext, ClusterRecommendationsDispatchContext, }
 import { toggleClusterRecommendationModal } from '../../reducers/ClusterRecommendationsReducer';
 import { getIsClusterIdInvalid, isClusterIdEnabledForProduct } from '../../utils/caseOpenshiftClusterIdUtils';
 const ClusterRecommendationToast = () => {
-    var _a;
     const { clusterRecommendationsState: { clusterRecommendations, isClusterRecommendationsModalOpen }, } = useContext(ClusterRecommendationsContext);
     const clusterRecommendationsDispatch = useContext(ClusterRecommendationsDispatchContext);
     const [isToastVisible, setToastVisibility] = useState(false);
@@ -17,7 +15,6 @@ const ClusterRecommendationToast = () => {
         openshiftClusterID: state.caseDetails.openshiftClusterID,
         product: state.caseDetails.product,
     }), isEqual);
-    const { globalMetadataState: { allProducts }, } = useContext(GlobalMetadataStateContext);
     // To open popover we check for cluster id and clusterRecommendations array length
     useEffect(() => {
         if (!isEmpty(openshiftClusterID) && clusterRecommendations.data.length)
@@ -31,7 +28,7 @@ const ClusterRecommendationToast = () => {
         if (!openshiftClusterID || getIsClusterIdInvalid(openshiftClusterID))
             setToastVisibility(false);
     }, [openshiftClusterID]);
-    const hasCluster = isClusterIdEnabledForProduct(product, (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult);
+    const hasCluster = isClusterIdEnabledForProduct(product);
     if (!isToastVisible || !hasCluster)
         return null;
     const onViewRecommendations = () => {

package/lib/esm/components/Recommendations/ClusterRecommendations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClusterRecommendations.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/ClusterRecommendations.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAa1C,UAAU,MAAM;IACZ,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,KAAK,EAAE,MAAM,qBAuD3D"}
+{"version":3,"file":"ClusterRecommendations.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/ClusterRecommendations.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAa1C,UAAU,MAAM;IACZ,+BAA+B,CAAC,EAAE,OAAO,CAAC;IAC1C,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,KAAK,EAAE,MAAM,qBAoD3D"}

package/lib/esm/components/Recommendations/ClusterRecommendations.js

@@ -1,4 +1,3 @@
-import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import isEqual from 'lodash/isEqual';
 import React, { useContext } from 'react';
 import { Trans } from 'react-i18next';
@@ -9,7 +8,6 @@ import { isClusterIdEnabledForProduct } from '../../utils/caseOpenshiftClusterId
 import { ClusterRecommendationItems } from './ClusterRecommendationItems';
 import { ClusterRecommendationsModal } from './ClusterRecommendationsModal';
 export default function ClusterRecommendations(props) {
-    var _a;
     const { showClusterRecommendationsModal = true, showClusterRecommendationsList = true } = props;
     const { clusterRecommendationsState: { clusterRecommendations, isClusterRecommendationsModalOpen }, } = useContext(ClusterRecommendationsContext);
     const clusterRecommendationsDispatch = useContext(ClusterRecommendationsDispatchContext);
@@ -17,12 +15,11 @@ export default function ClusterRecommendations(props) {
         openshiftClusterID: state.caseDetails.openshiftClusterID,
         product: state.caseDetails.product,
     }), isEqual);
-    const { globalMetadataState: { allProducts }, } = useContext(GlobalMetadataStateContext);
     const NUMBER_OF_RULES_TO_DISPLAY = 3;
     const onViewMoreRecommendation = () => {
         toggleClusterRecommendationModal(clusterRecommendationsDispatch, !isClusterRecommendationsModalOpen);
     };
-    const hasCluster = isClusterIdEnabledForProduct(product, (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult);
+    const hasCluster = isClusterIdEnabledForProduct(product);
     if (clusterRecommendations.data.length === 0 ||
         clusterRecommendations.isError ||
         clusterRecommendations.isFetching ||

package/lib/esm/components/Recommendations/InsightsResults.js

@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { pcm, search } from '@cee-eng/hydrajs';
 import { Alert } from '@patternfly/react-core';
 import { usePrevious } from '@rh-support/components';
-import { getSolrParams, PreviousCaseTypes, uniqueRecommendationDocs } from '@rh-support/utils';
+import { getSolrParams, PreviousCaseTypes } from '@rh-support/utils';
 import difference from 'lodash/difference';
 import filter from 'lodash/filter';
 import flatMap from 'lodash/flatMap';
@@ -110,7 +110,7 @@ function InsightsResults(props) {
                     summary: summary,
                     description: getDescriptionWOQues(issue, environment, periodicityOfIssue, timeFramesAndUrgency),
                 }, getSolrParams(3, 129, { id: kcsIds }));
-                const docs = uniqueRecommendationDocs((_c = (_b = response === null || response === void 0 ? void 0 : response.response) === null || _b === void 0 ? void 0 : _b.docs) !== null && _c !== void 0 ? _c : []);
+                const docs = (_c = (_b = response === null || response === void 0 ? void 0 : response.response) === null || _b === void 0 ? void 0 : _b.docs) !== null && _c !== void 0 ? _c : [];
                 if (!recommendedResultsMap[attachmentId]) {
                     setRecommendedResultsMap((oldMap) => (Object.assign(Object.assign({}, oldMap), { [attachmentId]: docs.map((item) => (Object.assign({ attachmentId }, item))) })));
                 }
@@ -138,7 +138,7 @@ function InsightsResults(props) {
             try {
                 const _c = getSolrParams(200, 256, { id: kcsIds }, false, true), { start, rows, q } = _c, expression = __rest(_c, ["start", "rows", "q"]);
                 const res = yield search.solrSearchV2({ start, rows, q }, 'kcs', expression);
-                const docs = uniqueRecommendationDocs((_b = (_a = res === null || res === void 0 ? void 0 : res.response) === null || _a === void 0 ? void 0 : _a.docs) !== null && _b !== void 0 ? _b : []);
+                const docs = (_b = (_a = res === null || res === void 0 ? void 0 : res.response) === null || _a === void 0 ? void 0 : _a.docs) !== null && _b !== void 0 ? _b : [];
                 const attachmentId = localFile.attachmentId;
                 if (!insightResultsMap[attachmentId]) {
                     setInsightResultsMap((oldMap) => (Object.assign(Object.assign({}, oldMap), { [attachmentId]: docs.map((item) => (Object.assign({ attachmentId }, item))) })));

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

@@ -1 +1 @@
-{"version":3,"file":"Recommendations.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/Recommendations.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAgBvD,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAapF,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,qCAAqC,CAAC,EAAE,OAAO,CAAC;IAChD,aAAa,EAAE,GAAG,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBAiYpD"}
+{"version":3,"file":"Recommendations.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/Recommendations.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAgBvD,OAAO,EAAoB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAapF,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,qCAAqC,CAAC,EAAE,OAAO,CAAC;IAChD,aAAa,EAAE,GAAG,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBA0XpD"}

package/lib/esm/components/Recommendations/Recommendations.js

@@ -47,7 +47,7 @@ export default function Recommendations(props) {
     const { recommendationState } = useContext(RecommendationStateContext);
     const prevMainRecommendations = usePrevious((_a = recommendationState === null || recommendationState === void 0 ? void 0 : recommendationState.visibleDocs) !== null && _a !== void 0 ? _a : []);
     const recommendationDispatch = useContext(RecommendationDispatchContext);
-    const DEFAULTPAGESIZE = 5;
+    const DEFAULTPAGESIZE = 10;
     const MAXROW = 24;
     const recPageSize = pageSize !== null && pageSize !== void 0 ? pageSize : DEFAULTPAGESIZE;
     const abortControllerRef = useRef(undefined);
@@ -209,7 +209,7 @@ export default function Recommendations(props) {
                     ' '))),
             recommendationState.isLoadingRecommendations ? (React.createElement(RecommendationsLoader, null)) : (React.createElement("ul", { className: "list-flat" }, map(recommendationState.visibleDocs, (doc, i) => {
                 var _a, _b;
-                return (React.createElement("li", { className: "result", key: doc.uri || i },
+                return (React.createElement("li", { className: "result", key: `${doc.id}-${i}` },
                     React.createElement("header", { className: "result-header" },
                         React.createElement("a", { href: `${doc.view_uri}?${RouteUtils.getSEResourceQueryParams(activeSessionId, (_b = (_a = sessionResourceTracking[SessionResourceSource.RECOMMENDATIONS]) === null || _a === void 0 ? void 0 : _a.resourceOriginId) !== null && _b !== void 0 ? _b : '', SessionResourceSource.RECOMMENDATIONS)}`, className: "se-recommended ts-result", "data-tracking-id": `se-recommended-main-recommendations-${i}`, rel: "noopener noreferrer", target: "_blank", onClick: onResourceClick(doc, i), dangerouslySetInnerHTML: computeRecommendationTitle(doc) }),
                         React.createElement("div", { className: "header-meta pf-v6-u-mt-xs" },
@@ -225,13 +225,7 @@ export default function Recommendations(props) {
             !recommendationState.isLoadingRecommendations &&
                 recommendationState.numFound !== 0 &&
                 recommendationState.numFound > DEFAULTPAGESIZE && (React.createElement("div", { className: "pagination-footer" },
-                React.createElement(Pagination, { className: "push-top", itemCount: (_c = (_b = recommendationState.allDocs) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0, perPage: recPageSize, page: recommendationState.currentPage, variant: PaginationVariant.bottom, onSetPage: pageChanged, dropDirection: "up", onPerPageSelect: onPageSizeChanged, perPageOptions: [
-                        { title: '5', value: 5 },
-                        { title: '10', value: 10 },
-                        { title: '20', value: 20 },
-                        { title: '50', value: 50 },
-                        { title: '100', value: 100 },
-                    ] })))),
+                React.createElement(Pagination, { className: "push-top", itemCount: (_c = (_b = recommendationState.allDocs) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0, perPage: recPageSize, page: recommendationState.currentPage, variant: PaginationVariant.bottom, onSetPage: pageChanged, dropDirection: "up", onPerPageSelect: onPageSizeChanged })))),
         recommendationState.numFound === 0 &&
             !recommendationState.isLoadingRecommendations &&
             !recommendationState.isLoadingRecommendationsError &&

package/lib/esm/components/RemoteRider/RemoteRiderAcceptanceModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RemoteRiderAcceptanceModal.d.ts","sourceRoot":"","sources":["../../../../src/components/RemoteRider/RemoteRiderAcceptanceModal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAExD,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;CACrD;AAED,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,KAAK,EAAE,MAAM,qBAwD/D"}
+{"version":3,"file":"RemoteRiderAcceptanceModal.d.ts","sourceRoot":"","sources":["../../../../src/components/RemoteRider/RemoteRiderAcceptanceModal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAGxD,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;CACrD;AAED,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,KAAK,EAAE,MAAM,qBAuD/D"}