@rh-support/troubleshoot 2.5.1 → 2.5.3

package/lib/esm/components/AccountInfo/OwnerSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OwnerSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountInfo/OwnerSelector.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAkB/D,UAAU,MAAM;CAAG;AAEnB,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,qBAgPnC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"OwnerSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountInfo/OwnerSelector.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAiBxE,UAAU,MAAM;CAAG;AAMnB,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,qBAoRnC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/lib/esm/components/AccountInfo/OwnerSelector.js

@@ -7,15 +7,15 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { CaseContactsSelectorExternal, getHydraContactLabel, renderMenuItemChildren, ToastNotification, usePrevious, ValueChangedIcon, } from '@rh-support/components';
+import { CaseContactsSelectorExternal, getHydraContactLabel, OwnerTypeaheadDropdown, ToastNotification, usePrevious, ValueChangedIcon, } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
 import { sortHydraContacts } from '@rh-support/utils';
 import filter from 'lodash/filter';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
+import map from 'lodash/map';
 import uniqBy from 'lodash/uniqBy';
-import React, { useContext, useEffect, useState } from 'react';
-import { Typeahead } from 'react-bootstrap-typeahead';
+import React, { useContext, useEffect, useMemo, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { RouteContext } from '../../context/RouteContext';
@@ -24,6 +24,9 @@ import { setCaseDetails, setCaseOwner, setCaseState, setNotifiedUser, updateCase
 import { PDFContext } from '../CaseEditView/PDFContainer';
 import { CaseValuesToWatch } from '../shared/Constants';
 import { getChangedValueTooltip } from '../shared/utils';
+function getOwnerDropdownOptions(contacts) {
+    return map(contacts, (contact) => ({ contact }));
+}
 function OwnerSelector(props) {
     const { t } = useTranslation();
     const caseUpdateError = useCaseUpdateErrorMessage();
@@ -42,6 +45,9 @@ function OwnerSelector(props) {
     const previousAccountNumber = usePrevious(accountNumber);
     const { isExportingPDF } = useContext(PDFContext);
     const [usersWithGroupAccess, setUsersWithGroupAccess] = useState([]);
+    const [filteredContacts, setFilteredContacts] = useState([]);
+    const [ownerQuery, setOwnerQuery] = useState('');
+    const ownerDropdownOptions = useMemo(() => getOwnerDropdownOptions(filteredContacts), [filteredContacts]);
     const [localOwnerChange, setLocalOwnerChange] = useState(false);
     const afterLocalChange = () => setLocalOwnerChange(false);
     const ownerComparator = (value, pvalue) => value &&
@@ -158,11 +164,35 @@ function OwnerSelector(props) {
     const showUsersWithSelectedGroupAccess = caseNumber &&
         (selectedCaseGroupUsers.isFetching ||
             (!selectedCaseGroupUsers.isFetching && (selectedCaseGroupUsers.data || []).length > 0));
+    const onQueryUpdated = (query) => {
+        if (ownerQuery !== query) {
+            setOwnerQuery(query);
+        }
+    };
+    const onClearQuery = () => {
+        if (ownerQuery !== '') {
+            setOwnerQuery('');
+        }
+    };
+    useEffect(() => {
+        setOwnerQuery(getHydraContactLabel(selectedOwner.data));
+    }, [selectedOwner.data]);
+    useEffect(() => {
+        if (getHydraContactLabel(selectedOwner.data) === ownerQuery) {
+            setFilteredContacts(usersWithGroupAccess);
+        }
+        else {
+            const newContacts = filter(usersWithGroupAccess, (contact) => getHydraContactLabel(contact).toLowerCase().includes(ownerQuery.toLowerCase()));
+            setFilteredContacts(newContacts);
+        }
+    }, [usersWithGroupAccess, selectedOwner.data, ownerQuery]);
     return (React.createElement("div", { className: "form-group get-support-owner-wapper", "data-tracking-id": "get-support-owner" },
         React.createElement("label", { htmlFor: "get-support-owner" },
             React.createElement(Trans, null, "Owner"),
             React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, comparator: ownerComparator, isLocalChange: localOwnerChange, value: selectedOwner.data, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.owner, (v) => v.fullNameCustom) }),
             React.createElement("span", { className: `form-required ${isExportingPDF ? 'hide-in-pdf' : ''}`, "aria-hidden": true }, "*")),
-        showUsersWithSelectedGroupAccess ? (React.createElement(Typeahead, { id: "get-support-owner", className: "react-select-custom", clearButton: true, isLoading: selectedCaseGroupUsers.isFetching || isCaseOwnerUpdating, options: usersWithGroupAccess, selected: !isEmpty(selectedOwner.data) ? [selectedOwner.data] : [], onChange: onCustomerContactSelect, labelKey: getHydraContactLabel, placeholder: t(`Search by name or username`), disabled: selectedCaseGroupUsers.isFetching || isCaseOwnerUpdating || isCasePhoneUpdating, renderMenuItemChildren: renderMenuItemChildren })) : (React.createElement(CaseContactsSelectorExternal, { loggedInUserRights: loggedInUserRights.data, selectedAccountNumber: accountNumber, selected: !isEmpty(selectedOwner.data) ? [selectedOwner.data] : [], onChange: onCustomerContactSelect, placeholder: t(`Search by name or username`), clearButton: true, id: "get-support-owner", name: "get-support-owner", className: "react-select-custom", isUpdating: isCaseOwnerUpdating, isInvalid: isNextBtnClickedToShowValidationError && isEmpty(selectedOwner.data), isDisabled: isCasePhoneUpdating || isCaseOwnerUpdating }))));
+        showUsersWithSelectedGroupAccess ? (React.createElement(React.Fragment, null,
+            React.createElement(OwnerTypeaheadDropdown, { id: "get-support-owner", hasClearButton: true, selected: !isEmpty(selectedOwner.data) ? [selectedOwner.data] : [], isDisabled: selectedCaseGroupUsers.isFetching || isCaseOwnerUpdating || isCasePhoneUpdating, onSelect: onCustomerContactSelect, onClearQuery: onClearQuery, onQueryUpdated: onQueryUpdated, options: ownerDropdownOptions, status: isNextBtnClickedToShowValidationError && isEmpty(selectedOwner.data) ? 'danger' : undefined }))) : (React.createElement(React.Fragment, null,
+            React.createElement(CaseContactsSelectorExternal, { loggedInUserRights: loggedInUserRights.data, selectedAccountNumber: accountNumber, selected: !isEmpty(selectedOwner.data) ? [selectedOwner.data] : [], onChange: onCustomerContactSelect, placeholder: t(`Search by name or username`), clearButton: true, id: "get-support-owner", name: "get-support-owner", className: "react-select-custom", isUpdating: isCaseOwnerUpdating, isInvalid: isNextBtnClickedToShowValidationError && isEmpty(selectedOwner.data), isDisabled: isCasePhoneUpdating || isCaseOwnerUpdating })))));
 }
 export { OwnerSelector };

package/lib/esm/components/CaseEditView/CaseDetailsTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseDetailsTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsTabs.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AAyBlE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,mBAAmB,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AACD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBAiO5C"}
+{"version":3,"file":"CaseDetailsTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsTabs.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAEtE,OAAO,EAAE,mBAAmB,EAAa,MAAM,kBAAkB,CAAC;AAyBlE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,mBAAmB,CAAC;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AACD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,qBAkO5C"}

package/lib/esm/components/CaseEditView/CaseDetailsTabs.js

@@ -104,7 +104,8 @@ export function CaseDetailsTabs(props) {
             routePath: 'escalation',
             component: (React.createElement(RMEEscalationList, { escalations: caseEscalations.data, caseNumber: caseNumber, caseStatus: status, accountNumber: loggedInUserRights.data.getAccountNumber(), isInternal: loggedInUserRights.data.isInternal() })),
         });
-    !loggedInUsersAccount.data.secureSupport &&
+    false &&
+        !loggedInUsersAccount.data.secureSupport &&
         tabsToRender.push({
             'data-tracking-id': 'case-history-tab',
             title: CaseDetailsTabsEnum.HISTORY,

package/lib/esm/components/CaseEditView/CaseOverview/CaseStatus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseStatus.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/CaseStatus.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAGrE,OAAO,KAA+B,MAAM,OAAO,CAAC;AAOpD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtD,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACrB;AAOD,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,qBAoDhC;kBApDQ,UAAU;;;AAuDnB,eAAe,UAAU,CAAC"}
+{"version":3,"file":"CaseStatus.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/CaseStatus.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAA+B,MAAM,OAAO,CAAC;AAOpD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtD,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACrB;AAOD,iBAAS,UAAU,CAAC,KAAK,EAAE,MAAM,qBA8DhC;kBA9DQ,UAAU;;;AAiEnB,eAAe,UAAU,CAAC"}

package/lib/esm/components/CaseEditView/CaseOverview/CaseStatus.js

@@ -7,9 +7,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Dropdown, ValueChangedIcon } from '@rh-support/components';
-import { toOption, toOptions } from '@rh-support/utils';
+import { SingleSelectDropdown, ValueChangedIcon } from '@rh-support/components';
 import isEmpty from 'lodash/isEmpty';
+import map from 'lodash/map';
 import React, { useContext, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { CaseValuesToWatch } from '../../shared/Constants';
@@ -37,12 +37,20 @@ function CaseStatus(props) {
         setLocalStatusChange(true);
         validateCaseStatus(option);
     });
+    const getDropdownOptions = map(props.allStatuses || [], (option) => ({
+        label: option,
+        value: option,
+    }));
+    const getSelectedDropdownOption = {
+        label: props.selectedStatus,
+        value: props.selectedStatus,
+    };
     return (React.createElement("div", { className: `form-group ${props.className}`, id: `${props.id}` },
         React.createElement("h3", { className: "subheading subheading-sm" },
             React.createElement(Trans, null, "Status"),
             React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, isLocalChange: localStatusChange, value: props.selectedStatus, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.status) }),
             React.createElement("span", { className: `form-required ${isExportingPDF ? 'hide-in-pdf' : ''}`, "aria-hidden": true }, "*")),
-        React.createElement(Dropdown, { name: "case-details-status-selector", placeholder: t(`Select a status`), title: t(`Select a status`), list: props.allStatuses ? toOptions(props.allStatuses) : [], selectedItem: toOption(props.selectedStatus), disabled: props.hasError || props.isDisabled, isLoadingList: props.isFetching, isInValid: isCaseStatusInValid, required: true, onChange: onCaseStatusChange, onOuterClick: validateCaseStatus, "data-tracking-id": "case-details-status-selector" })));
+        React.createElement(SingleSelectDropdown, { placeholder: t(`Select a status`), dataTrackingId: "case-details-status-selector", options: getDropdownOptions, selected: getSelectedDropdownOption, isDisabled: props.hasError || props.isDisabled, isLoading: props.isFetching, isInvalid: isCaseStatusInValid, onSelect: onCaseStatusChange })));
 }
 CaseStatus.defaultProps = defaultProps;
 export default CaseStatus;

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/ProductVersion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductVersion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/ProductVersion.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,UAAU,MAAM;IACZ,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACvC;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,qBA4PrC;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ProductVersion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/ProductVersion.tsx"],"names":[],"mappings":"AAwCA,OAAO,KAAkD,MAAM,OAAO,CAAC;AASvE,UAAU,MAAM;IACZ,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACvC;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,qBA2VrC;AAED,eAAe,eAAe,CAAC"}

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/ProductVersion.js

@@ -7,14 +7,16 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Alert, AlertVariant } from '@patternfly/react-core';
-import { AlertMessage, AlertType, Dropdown, ToastNotification } from '@rh-support/components';
+import { Alert, AlertVariant, 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 { AlertMessage, AlertType, SingleSelectDropdown, ToastNotification, useSelectKeyboardNavigator, } from '@rh-support/components';
 import { fetchProducts, GlobalMetadataDispatchContext, GlobalMetadataStateContext, useCanEditCase, } from '@rh-support/react-context';
-import { getUniqueSortedVersions, haventLoadedMetadata, toOption, toOptions, } from '@rh-support/utils';
+import { getUniqueSortedVersions, haventLoadedMetadata, toOption, } from '@rh-support/utils';
 import filter from 'lodash/filter';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
-import React, { useContext, useEffect, useState } from 'react';
+import map from 'lodash/map';
+import React, { useContext, useEffect, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContext';
 import { useCaseUpdateErrorMessage } from '../../../../hooks/useCaseUpdateErrorMessage';
@@ -27,6 +29,8 @@ function ProductNVersion(props) {
     const [versions, setVersions] = useState([]);
     const [isProductUpdating, setIsProductUpdating] = useState(false);
     const [isVersionUpdating, setIsVersionUpdating] = useState(false);
+    const [isOpen, setIsOpen] = useState(false);
+    const textInputRef = useRef();
     const { product, version, caseNumber, contactSSOName, versionsDetails } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
@@ -42,23 +46,26 @@ function ProductNVersion(props) {
     const [selectedProductLocal, setSelectedProductLocal] = useState(product);
     const [selectedVersionLocal, setSelectedVersionLocal] = useState(version);
     const [isSEProductApiIsDown, setIsSEProductApiIsDown] = useState(false);
+    const [inputValue, setInputValue] = useState(product);
+    const [shouldFilter, setShouldFilter] = useState(false);
+    const onToggleClick = () => {
+        var _a;
+        setIsOpen(!isOpen);
+        if (!isOpen) {
+            setShouldFilter(false);
+        }
+        (_a = textInputRef === null || textInputRef === void 0 ? void 0 : textInputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    };
     const canEditCase = useCanEditCase();
     const { isExportingPDF } = useContext(PDFContext);
-    useEffect(() => {
-        if (haventLoadedMetadata(allProducts, (data) => isEmpty(data.productsResult))) {
-            fetchProducts(dispatchToGlobalMetadataReducer, contactSSOName);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [allProducts, dispatchToGlobalMetadataReducer, contactSSOName]);
     const onProductChange = (option) => __awaiter(this, void 0, void 0, function* () {
         if (canEditCase.alert())
             return;
         validateProduct(option);
-        setSelectedProductLocal(option.value.product);
+        setSelectedProductLocal(option.product);
         setSelectedVersionLocal('');
-        if (!option.value.product) {
-            return;
-        }
+        setInputValue(option.product);
+        setIsOpen(false);
     });
     const onVersionChange = (option) => __awaiter(this, void 0, void 0, function* () {
         if (canEditCase.alert())
@@ -67,13 +74,15 @@ function ProductNVersion(props) {
         updateProductVerstion(selectedProductLocal, option.value);
     });
     const validateProduct = (selectedItem) => {
-        const isValid = !isProductUpdating && (isEmpty(selectedItem) || isEmpty(selectedItem.label));
+        const isValid = !isProductUpdating && (isEmpty(selectedItem) || isEmpty(selectedItem.name));
         setIsProductInvalid(isValid);
     };
     const onOuterClick = () => {
         setSelectedProductLocal(product);
+        setInputValue(product);
         setSelectedVersionLocal(version);
         setIsProductInvalid(false);
+        setIsOpen(false);
     };
     const onProductClear = () => {
         const defaultSelectedProduct = {
@@ -82,10 +91,17 @@ function ProductNVersion(props) {
             versions: [],
             isEntitledProduct: true,
         };
+        setInputValue('');
         setIsProductInvalid(true);
         setIsVersionInvalid(true);
         onProductChange(toOption(defaultSelectedProduct, { labelKey: 'product' }));
     };
+    const onTextInputChange = (_event, value) => {
+        if (isOpen) {
+            setInputValue(value);
+            setShouldFilter(true);
+        }
+    };
     const updateProductVerstion = (selectedProduct, selectedVersion) => __awaiter(this, void 0, void 0, function* () {
         let onlyVersionChanged = false;
         try {
@@ -107,6 +123,7 @@ function ProductNVersion(props) {
         catch (e) {
             setSelectedVersionLocal(version);
             setSelectedProductLocal(product);
+            setInputValue(product);
             setIsProductUpdating(false);
             setIsVersionUpdating(false);
             if (onlyVersionChanged) {
@@ -171,6 +188,41 @@ function ProductNVersion(props) {
         setVersions(productVersions);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [versionsDetails.data]);
+    const computeDropdownList = () => {
+        const list = filter(allProducts.data.productsResult, (p) => p.isEntitledProduct);
+        if (!list)
+            return [];
+        const options = shouldFilter && !isEmpty(inputValue.trim())
+            ? list.filter((v) => v.name.toLowerCase().includes((inputValue || '').toLowerCase()))
+            : list;
+        return options;
+    };
+    const { onInputKeyDown, focusedItemIndex } = useSelectKeyboardNavigator({
+        list: computeDropdownList(),
+        isOpen,
+        setIsOpen,
+        onSelect: onProductChange,
+    });
+    const toggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, variant: "typeahead", onClick: onToggleClick, isExpanded: isOpen, isFullWidth: true, isDisabled: isProductUpdating || (allProducts.isFetching && !allProducts.isError), status: isProductInvalid ? 'danger' : undefined },
+        React.createElement(TextInputGroup, { isPlain: true },
+            React.createElement(TextInputGroupMain, { value: inputValue, onClick: onToggleClick, onChange: onTextInputChange, onKeyDown: onInputKeyDown, autoComplete: "off", innerRef: textInputRef, placeholder: t('Select a product'), role: "combobox", isExpanded: isOpen, "aria-controls": "case-details-product-selector-listbox" }),
+            isProductUpdating ? (React.createElement(TextInputGroupUtilities, null,
+                React.createElement(Spinner, { size: "md" }))) : (React.createElement(TextInputGroupUtilities, Object.assign({}, (!inputValue ? { style: { display: 'none' } } : {})),
+                React.createElement(Button, { variant: "plain", onClick: onProductClear, "aria-label": "Clear input value" }, !isExportingPDF ? React.createElement(TimesIcon, { "aria-hidden": true }) : ''))))));
+    const getVersionDropdownOptions = map(versions, (option) => ({
+        label: option,
+        value: option,
+    }));
+    const getVersionSelectedDropdownOption = {
+        label: selectedVersionLocal,
+        value: selectedVersionLocal,
+    };
+    useEffect(() => {
+        if (haventLoadedMetadata(allProducts, (data) => isEmpty(data.productsResult))) {
+            fetchProducts(dispatchToGlobalMetadataReducer, contactSSOName);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [allProducts, dispatchToGlobalMetadataReducer, contactSSOName]);
     return (React.createElement(React.Fragment, null,
         React.createElement(AlertMessage, { show: !allProducts.isFetching && allProducts.isError, title: t('There was an error loading products.'), variant: AlertType.DANGER }),
         isEmpty(selectedVersionLocal) && (selectedVersionLocal === null || selectedVersionLocal === void 0 ? void 0 : selectedVersionLocal.length) < 2 && (React.createElement(Alert, { isInline: true, className: "pf-v5-u-mb-md", variant: AlertVariant.danger, title: React.createElement(Trans, null, "Please clear the errors to change the product on your case") })),
@@ -179,16 +231,13 @@ function ProductNVersion(props) {
                 React.createElement("div", { className: "product-selector-wrapper" },
                     React.createElement("label", { htmlFor: "case-details-product-selector" },
                         React.createElement(Trans, null, "Product")),
-                    React.createElement(Dropdown, { className: "open-case-product", placeholder: t('Select a product'), id: "case-details-product-selector", selectedItem: toOption({
-                            product: selectedProductLocal,
-                            versions: versions,
-                            featuredVersion: '',
-                            selectedVersion: selectedVersionLocal,
-                            isEntitledProduct: true,
-                        }, { labelKey: 'product' }), list: toOptions(filter(allProducts.data.productsResult, (p) => p.isEntitledProduct), { labelKey: 'product' }), title: t(`Select a product`), disabled: isProductUpdating || (allProducts.isFetching && !allProducts.isError), isInValid: isProductInvalid, onChange: onProductChange, isLoadingList: isProductUpdating, "data-tracking-id": "case-details-product-selector", onOuterClick: onOuterClick, searchable: true, onClearSelection: onProductClear, isExportingPDF: isExportingPDF })),
+                    React.createElement(Select, { className: "open-case-product", id: "case-details-product-selector", onChange: onProductChange, "data-tracking-id": "case-details-product-selector", onBlur: () => onOuterClick, isOpen: isOpen, onSelect: (event, value) => onProductChange(value), onOpenChange: () => setIsOpen(false), toggle: toggle, shouldFocusFirstItemOnOpen: false, isScrollable: true, popperProps: { direction: 'down', enableFlip: false } },
+                        React.createElement(SelectList, { id: "case-details-product-selector-listbox" }, computeDropdownList().map((option, index) => (React.createElement(SelectOption, { key: option.productId, value: option, isFocused: focusedItemIndex === index }, option.name)))))),
                 React.createElement("div", { className: "version-selector-wrapper" },
                     React.createElement("label", { htmlFor: "version-dropdown" },
                         React.createElement(Trans, null, "Version")),
-                    React.createElement(Dropdown, { className: "open-case-version", id: "version-dropdown", placeholder: t(`Select a version`), selectedItem: toOption(selectedVersionLocal), list: toOptions(versions), title: t(`Select a version`), isInValid: checkIfVersionIsInvalid, disabled: isVersionUpdating || (allProducts.isFetching && !allProducts.isError), onChange: onVersionChange, isLoadingList: isVersionUpdating || (isSEProductApiIsDown && versionsDetails.isFetching), "data-tracking-id": "case-details-version-selector" }))))));
+                    React.createElement(SingleSelectDropdown, { className: "open-case-version", id: "version-dropdown", placeholder: t(`Select a version`), selected: getVersionSelectedDropdownOption, options: getVersionDropdownOptions, isInvalid: checkIfVersionIsInvalid, isDisabled: isVersionUpdating ||
+                            (allProducts.isFetching && !allProducts.isError) ||
+                            isEmpty(selectedProductLocal), onSelect: onVersionChange, isLoading: isVersionUpdating || (isSEProductApiIsDown && versionsDetails.isFetching), dataTrackingId: "case-details-version-selector", isScrollable: true }))))));
 }
 export default ProductNVersion;

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/CaseDiscussion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseDiscussion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseDiscussion.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,YAAY,EAA0B,MAAM,yCAAyC,CAAC;AAkB1G,OAAO,KAAoE,MAAM,OAAO,CAAC;AAsCzF,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,SAAS,EAAE,SAAS,EAAE,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAC/C,eAAe,EAAE,OAAO,CAAC;CAC5B;AAOD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM,qBA8mBnD"}
+{"version":3,"file":"CaseDiscussion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/CaseDiscussion.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,YAAY,EAA0B,MAAM,yCAAyC,CAAC;AAkB1G,OAAO,KAAoE,MAAM,OAAO,CAAC;AAuCzF,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,SAAS,EAAE,SAAS,EAAE,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAC/C,eAAe,EAAE,OAAO,CAAC;CAC5B;AAOD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM,qBA6nBnD"}

package/lib/esm/components/CaseEditView/Tabs/CaseDiscussion/CaseDiscussion.js

@@ -29,6 +29,7 @@ import { useCaseDiscussionTabDispatchContext, useCaseDiscussionTabStateContext,
 import { clearReplyComment, discussionSortOrderConst, DiscussionType, setCommentText, setDiscussions, setFilter, setSort, updateAttachment, updateAttacmentsAfterRemoval, updateCommentStateFeedback, updateDiscussionStateAttachments, updateDiscussionStateComments, } from '../../../../reducers/CaseDiscussionTabReducer';
 import { setCaseState } from '../../../../reducers/CaseReducer';
 import { AttachmentContextProvider } from '../../../shared/fileUpload/reducer/AttachmentReducerContext';
+import { removeSpecialChars } from '../../../shared/utils';
 import { PDFContext } from '../../PDFContainer';
 import CaseAttachment from './CaseAttachment';
 import CaseChat from './CaseChat';
@@ -199,13 +200,25 @@ export default function CaseDiscussion(props) {
     };
     const highlightSearchResults = (searchTerm) => {
         setTimeout(() => {
+            // to mark attachment link button text
+            if (!isEmpty(removeSpecialChars(searchTerm))) {
+                document.querySelectorAll('button.attachment-download-btn').forEach((button) => {
+                    var _a, _b;
+                    if ((_a = button === null || button === void 0 ? void 0 : button.textContent) === null || _a === void 0 ? void 0 : _a.includes(searchTerm)) {
+                        button.textContent = (_b = button.textContent) === null || _b === void 0 ? void 0 : _b.replace(new RegExp(searchTerm, 'gi'), `<mark>${searchTerm}</mark>`);
+                    }
+                });
+            }
             const d = document.querySelectorAll('.support-comment');
             const markInstance = new Mark(d);
             markInstance.unmark({
                 done: () => {
                     if (isEmpty(searchTerm))
                         return;
-                    markInstance.mark(searchTerm, { separateWordSearch: false });
+                    // removed { separateWordSearch: false }
+                    // so the search term is split into individual words, and each word is matched separately.
+                    // Search Term: "frontend developer" Matches: Text containing "frontend" or "developer".
+                    markInstance.mark(searchTerm);
                 },
             });
         }, 1000);

package/lib/esm/components/CaseInformation/CaseType.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseType.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseType.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAM7D,UAAU,MAAM;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,MAAM,qBAoE7C"}
+{"version":3,"file":"CaseType.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseType.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAM7D,UAAU,MAAM;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,MAAM,qBA6E7C"}

package/lib/esm/components/CaseInformation/CaseType.js

@@ -1,7 +1,8 @@
-import { Dropdown } from '@rh-support/components';
+import { SingleSelectDropdown } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
-import { PreviousCaseTypes, toNewCaseTypeMapper, toNewCaseTypeSwitcher, toOldCaseTypeSwitcher, toOption, toOptions, } from '@rh-support/utils';
+import { PreviousCaseTypes, toNewCaseTypeMapper, toNewCaseTypeSwitcher, toOldCaseTypeSwitcher, } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
+import map from 'lodash/map';
 import React, { useContext, useMemo, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
@@ -30,13 +31,20 @@ export default function CaseType(props) {
         const mappedSupportTypes = toNewCaseTypeMapper(props.hideIdea
             ? allCaseTypes.data.filter((type) => type !== PreviousCaseTypes.FEATURE_ENHANCEMENT)
             : allCaseTypes.data).sort();
-        const newCaseTypes = toOptions(mappedSupportTypes);
+        const getDropdownOptions = map(allCaseTypes.data ? mappedSupportTypes : [], (option) => ({
+            label: option,
+            value: option,
+        }));
+        const getSelectedDropdownOption = {
+            label: selectedNewCaseType,
+            value: selectedNewCaseType,
+        };
         return (React.createElement("div", { className: "form-group" },
             React.createElement("label", { htmlFor: "get-support-type" },
                 React.createElement(Trans, null, "Support type"),
                 ' ',
                 React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
-            React.createElement(Dropdown, { id: "get-support-type", name: "get-support-type", placeholder: t(`Select a category`), title: t(`Select a category`), list: allCaseTypes.data ? newCaseTypes : [], selectedItem: toOption(selectedNewCaseType), disabled: allCaseTypes.isError, isLoadingList: allCaseTypes.isFetching, isInValid: isCaseTypeInValid, required: true, onChange: onCaseTypeChange, onOuterClick: validateCaseType, "data-tracking-id": "get-support-type" })));
+            React.createElement(SingleSelectDropdown, { id: "get-support-type", placeholder: t(`Select a category`), options: getDropdownOptions, selected: getSelectedDropdownOption, isDisabled: allCaseTypes.isError, isLoading: allCaseTypes.isFetching, isInvalid: isCaseTypeInValid, onSelect: onCaseTypeChange, dataTrackingId: "get-support-type" })));
     }, [
         allCaseTypes.data,
         allCaseTypes.isError,

package/lib/esm/components/CaseInformation/Severity.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Severity.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Severity.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAMvE,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAerE,OAAO,KAA0C,MAAM,OAAO,CAAC;AAW/D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAChE,oBAAoB,EAAE,OAAO,CAAC;CACjC;AASD,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;CACxD;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,MAAM,qBA8Q9B;kBA9QQ,QAAQ;;;AAgRjB,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Severity.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Severity.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAMvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAa5D,OAAO,KAA0C,MAAM,OAAO,CAAC;AAW/D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAChE,oBAAoB,EAAE,OAAO,CAAC;CACjC;AASD,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;CACxD;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,MAAM,qBAwQ9B;kBAxQQ,QAAQ;;;AA0QjB,eAAe,QAAQ,CAAC"}

package/lib/esm/components/CaseInformation/Severity.js

@@ -1,9 +1,9 @@
 import { Icon, Popover, PopoverPosition, Tooltip, TooltipPosition } from '@patternfly/react-core';
 import QuestionCircleIcon from '@patternfly/react-icons/dist/js/icons/question-circle-icon';
 import WarningTriangleIcon from '@patternfly/react-icons/dist/js/icons/warning-triangle-icon';
-import { Dropdown, ValueChangedIcon } from '@rh-support/components';
+import { SingleSelectDropdown, ValueChangedIcon } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
-import { autoEnableFtsOnCaseViewEditPage, PreviousCaseTypes, severitySort, showFtsOnCreateCasePage, toOption, toOptions, } from '@rh-support/utils';
+import { autoEnableFtsOnCaseViewEditPage, PreviousCaseTypes, severitySort, showFtsOnCreateCasePage, } from '@rh-support/utils';
 import find from 'lodash/find';
 import findLast from 'lodash/findLast';
 import includes from 'lodash/includes';
@@ -62,10 +62,10 @@ function Severity(props) {
         }
     };
     const onSeverityChange = (option) => {
-        if (option.value.label === selectedSeverity.label) {
+        if (option.label === selectedSeverity.label) {
             return;
         }
-        updateState(option.value.name);
+        updateState(option.value);
         setIsSeverityInValidLocal(option);
         setLocalSeverityChange(true);
     };
@@ -136,6 +136,20 @@ function Severity(props) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [product, version, allProducts, allCaseSeverities, versionsDetails, seviritiesOptions, severity]);
+    const getDropdownOptions = map(filteredSeverities, (option) => ({
+        label: option.label,
+        value: option.name,
+        description: option.additionalInfo,
+        disabled: option.disabled,
+    }));
+    const getSelectedDropdownOption = {
+        label: selectedSeverity.label,
+        value: selectedSeverity.name,
+        description: typeof selectedSeverity.additionalInfo === 'string'
+            ? selectedSeverity.additionalInfo
+            : `${selectedSeverity.additionalInfo}`,
+        disabled: selectedSeverity.disabled,
+    };
     return (React.createElement("div", { className: `form-group ${props.className}`, id: `${props.id}` },
         React.createElement("label", null,
             React.createElement(Trans, null, "Severity")),
@@ -153,36 +167,17 @@ function Severity(props) {
                 React.createElement(WarningTriangleIcon, { color: "#ec7a08", title: "Support Severity Level warning" })))),
         !props.isDisabled && isOnCaseDetailsPage ? (React.createElement(React.Fragment, null,
             React.createElement("div", { onClick: toggleModal },
-                React.createElement(Dropdown, { name: "get-support-severity", placeholder: t(`Select a severity`), title: t(`Select a severity`), list: allCaseSeverities.data
-                        ? toOptions(filteredSeverities, {
-                            labelKey: 'label',
-                            additionalInfoKey: 'additionalInfo',
-                            disabledKey: 'disabled',
-                        })
-                        : [], selectedItem: toOption(selectedSeverity, {
-                        labelKey: 'label',
-                        additionalInfoKey: 'additionalInfo',
-                        disabledKey: 'disabled',
-                    }), disabled: allCaseSeverities.isError ||
+                React.createElement(SingleSelectDropdown, { dataTrackingId: "get-support-severity", selected: getSelectedDropdownOption, options: getDropdownOptions, onSelect: onSeverityChange, isDisabled: allCaseSeverities.isError ||
                         props.isDisabled ||
                         allCaseSeverities.isFetching ||
                         ownersEntitlements.isFetching ||
-                        versionsDetails.isFetching, isLoadingList: props.isFetching, isInValid: allCaseSeverities.isError || isSeverityInValid, required: true, onChange: onSeverityChange, onOuterClick: setIsSeverityInValidLocal, "data-tracking-id": "get-support-severity" })),
-            openUpdateSeverityModal && (React.createElement(UpdateSeverityModal, { isDisabled: props.isFetching, isFetching: props.isFetching, show: openUpdateSeverityModal, onClose: toggleModal })))) : (React.createElement(Dropdown, { name: "get-support-severity", placeholder: t(`Select a severity`), title: t(`Select a severity`), list: allCaseSeverities.data
-                ? toOptions(filteredSeverities, {
-                    labelKey: 'label',
-                    additionalInfoKey: 'additionalInfo',
-                    disabledKey: 'disabled',
-                })
-                : [], selectedItem: toOption(selectedSeverity, {
-                labelKey: 'label',
-                additionalInfoKey: 'additionalInfo',
-                disabledKey: 'disabled',
-            }), disabled: allCaseSeverities.isError ||
-                props.isDisabled ||
-                allCaseSeverities.isFetching ||
-                ownersEntitlements.isFetching ||
-                versionsDetails.isFetching, isLoadingList: props.isFetching, isInValid: allCaseSeverities.isError || isSeverityInValid, required: true, onChange: onSeverityChange, onOuterClick: setIsSeverityInValidLocal, "data-tracking-id": "get-support-severity" }))));
+                        versionsDetails.isFetching, isLoading: props.isFetching, placeholder: t(`Select a severity`), isInvalid: allCaseSeverities.isError || isSeverityInValid, isScrollable: true })),
+            openUpdateSeverityModal && (React.createElement(UpdateSeverityModal, { isDisabled: props.isFetching, isFetching: props.isFetching, show: openUpdateSeverityModal, onClose: toggleModal })))) : (React.createElement("div", null,
+            React.createElement(SingleSelectDropdown, { className: "case-creation-severity-select", dataTrackingId: "get-support-severity", selected: getSelectedDropdownOption, options: getDropdownOptions, onSelect: onSeverityChange, isDisabled: allCaseSeverities.isError ||
+                    props.isDisabled ||
+                    allCaseSeverities.isFetching ||
+                    ownersEntitlements.isFetching ||
+                    versionsDetails.isFetching, isLoading: props.isFetching, placeholder: t(`Select a severity`), isInvalid: allCaseSeverities.isError || isSeverityInValid, isScrollable: true })))));
 }
 Severity.defaultProps = defaultProps;
 export default Severity;

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

@@ -1 +1 @@
-{"version":3,"file":"CaseContactSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseManagement/SendNotifications/CaseContactSelector.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAgBvE,MAAM,WAAW,MAAM;CAAG;AAG1B,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBA8bzC;AAED,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"CaseContactSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseManagement/SendNotifications/CaseContactSelector.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAgBvE,MAAM,WAAW,MAAM;CAAG;AAG1B,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAkczC;AAED,eAAe,mBAAmB,CAAC"}

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

@@ -252,6 +252,7 @@ function CaseContactSelector(props) {
         groupContactToAdd && setGroupContactToAdd(null);
         emailToAdd && setEmailToAdd('');
     };
+    const getCreateNewText = (query) => `Add to your account: ${query}`;
     if (!canSeeEmailNotifications)
         return React.createElement(React.Fragment, null);
     return (React.createElement("div", { className: "form-group pf-v5-u-mb-md" },
@@ -259,10 +260,10 @@ function CaseContactSelector(props) {
             React.createElement(Trans, null, "Send notifications"),
             loggedInUserRights.data.isOrgAdmin() ? (React.createElement(React.Fragment, null,
                 React.createElement("div", { "data-tracking-id": "send-notification-listbox" },
-                    React.createElement(CaseContactsSelectorExternal, { loggedInUserRights: loggedInUserRights.data, selectedAccountNumber: accountNumber, selected: [
+                    React.createElement(CaseContactsSelectorExternal, { groupContactsAndEmails: true, allowCustomEmailAdd: true, loggedInUserRights: loggedInUserRights.data, selectedAccountNumber: accountNumber, selected: [
                             ...customEmailsList.data,
                             ...filter(selectedNotificationContacts, (c) => !c.isInternal),
-                        ], contactsToExclude: !isEmpty(selectedOwner.data) ? [selectedOwner.data] : [], onChange: onNotifiedUserChange, clearButton: true, multiple: true, placeholder: t(`Search for an email address or username of the person you want to notify`), id: "open-case-notifications", name: "open-case-notifications", className: "react-select-custom", renderToken: renderToken, isUpdating: isAssociatesUpdating || customEmailsList.isFetching || isUpdatingCustomEmails, isExportingPDF: isExportingPDF, allowNew: onAddNew, newSelectionPrefix: t('Add to your account: '), customEmails: accountCustomEmails.data || [] })),
+                        ], contactsToExclude: !isEmpty(selectedOwner.data) ? [selectedOwner.data] : [], onChange: onNotifiedUserChange, clearButton: true, multiple: true, placeholder: t(`Search for an email address or username of the person you want to notify`), id: "open-case-notifications", name: "open-case-notifications", className: "react-select-custom", renderToken: renderToken, isUpdating: isAssociatesUpdating || customEmailsList.isFetching || isUpdatingCustomEmails, isExportingPDF: isExportingPDF, customEmails: accountCustomEmails.data || [], canAddNew: onAddNew, getCreateNewText: getCreateNewText })),
                 !showGroupPermissionError && !showAccountPermissionError && (React.createElement("p", { className: "form-instructions" },
                     React.createElement(Trans, null, "Include someone from your account to inform about the status of this case."))),
                 showGroupPermissionError && !isExportingPDF && (React.createElement("p", { className: "form-instructions form-invalid" }, loggedInUserRights.data.isOrgAdmin() && (React.createElement(Trans, null,

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

@@ -12,7 +12,7 @@ const ProductVersionDropdownSelector = forwardRef((props, ref) => {
     const { routeState: { isCaseCreate, isNextBtnClickedToShowValidationError }, } = useContext(RouteContext);
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "product-selector-wrapper" },
-            React.createElement("label", { htmlFor: "product-selector-dropdown-downshift-search", ref: ref },
+            React.createElement("label", { htmlFor: "product-selector-dropdown-search", ref: ref },
                 React.createElement(Trans, null, "Product"),
                 ' ',
                 React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),

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":"AAUA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAQvD,OAAO,EAGH,eAAe,EAElB,MAAM,iCAAiC,CAAC;AAiBzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,qBA8V3C"}
+{"version":3,"file":"SessionRestore.d.ts","sourceRoot":"","sources":["../../../../src/components/SessionRestore/SessionRestore.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAkD,MAAM,OAAO,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAQvD,OAAO,EAGH,eAAe,EAElB,MAAM,iCAAiC,CAAC;AAiBzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,qBA+V3C"}

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

@@ -57,7 +57,8 @@ export function SessionRestore(props) {
      * Fetching previous sessions on load
      */
     useEffect(() => {
-        currentUrlSeSessionId && getIndividualSessionById(sessionRestoreDispatch, currentUrlSeSessionId);
+        currentUrlSeSessionId &&
+            getIndividualSessionById(sessionRestoreDispatch, currentUrlSeSessionId, isCaseCreate, ABTestVariation);
         loadPreviousSessions(sessionRestoreDispatch, caseDispatch);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [sessionRestoreDispatch, caseDispatch]);

package/lib/esm/components/shared/utils.d.ts

@@ -15,5 +15,6 @@ export declare const isPhoneValid: (countryCode: string, phoneLine: string) => b
 export declare const trimAndReplacePlus: (value: string) => string;
 export declare const removeAllSpaces: (value: string) => string;
 export declare const removeAllChars: (value: string) => string;
+export declare const removeSpecialChars: (value: string) => string;
 export declare const getProductObj: (products: Partial<ISEProduct>[], product: string) => Partial<ISEProduct>;
 //# sourceMappingURL=utils.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAGpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD;;;;;;;;GAQG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,EACpC,WAAW,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,iBAAiB,EAC3D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,KAAK,GAAG,kBAErB,CAAC,iBAAiB,CAAC,uBAQ5C;AAED,eAAO,MAAM,YAAY,gBAAiB,MAAM,aAAa,MAAM,KAAG,OAarE,CAAC;AAEF,eAAO,MAAM,kBAAkB,UAAW,MAAM,WAG/C,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,MAAM,WAI5C,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,MAAM,WAI3C,CAAC;AAEF,eAAO,MAAM,aAAa,aAAc,OAAO,CAAC,UAAU,CAAC,EAAE,WAAW,MAAM,wBAG7E,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/utils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAGpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAChD;;;;;;;;GAQG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,EACpC,WAAW,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,iBAAiB,EAC3D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,KAAK,GAAG,kBAErB,CAAC,iBAAiB,CAAC,uBAQ5C;AAED,eAAO,MAAM,YAAY,gBAAiB,MAAM,aAAa,MAAM,KAAG,OAarE,CAAC;AAEF,eAAO,MAAM,kBAAkB,UAAW,MAAM,WAG/C,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,MAAM,WAI5C,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,MAAM,WAI3C,CAAC;AAEF,eAAO,MAAM,kBAAkB,UAAW,MAAM,WAI/C,CAAC;AAEF,eAAO,MAAM,aAAa,aAAc,OAAO,CAAC,UAAU,CAAC,EAAE,WAAW,MAAM,wBAG7E,CAAC"}

package/lib/esm/components/shared/utils.js

@@ -55,6 +55,12 @@ export const removeAllChars = (value) => {
     // to remove all chars, brackets and have only digits
     return value === null || value === void 0 ? void 0 : value.replace(/[^0-9]/g, '');
 };
+export const removeSpecialChars = (value) => {
+    if (!value)
+        return '';
+    // to allow only chars and digits
+    return value === null || value === void 0 ? void 0 : value.replace(/[^a-zA-Z0-9]/g, '');
+};
 export const getProductObj = (products, product) => {
     const productIndex = findIndex(products, (p) => p.product === product);
     return productIndex === -1 ? {} : products[productIndex];

package/lib/esm/reducers/SessionRestoreReducer.d.ts

@@ -58,7 +58,7 @@ export declare enum SessionRestoreConstants {
 export declare const initialSessionRestoreState: ISessionRestoreState;
 export type SessionRestoreDispatchType = (value: IActionType) => void;
 export declare const sessionRestoreReducer: (state: ISessionRestoreState, action: IActionType) => ISessionRestoreState;
-export declare const getIndividualSessionById: (dispatch: SessionReducerDispatchType, sessionId: string | undefined) => Promise<void>;
+export declare const getIndividualSessionById: (dispatch: SessionReducerDispatchType, sessionId: string | undefined, isCaseCreate: boolean, ABTestVariation?: string) => Promise<void>;
 export declare const loadPreviousSessions: (dispatch: SessionReducerDispatchType, caseDispatch: CaseReducerDispatchType) => Promise<void>;
 export declare const createSession: (dispatch: SessionReducerDispatchType, sessionDetails: ISessionDetails, session: ISession) => Promise<string>;
 export declare const updateSession: (dispatch: SessionReducerDispatchType, sessionId: string, sessionDetails: ISessionDetails, session?: ISession) => Promise<void>;

package/lib/esm/reducers/SessionRestoreReducer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SessionRestoreReducer.d.ts","sourceRoot":"","sources":["../../../src/reducers/SessionRestoreReducer.ts"],"names":[],"mappings":"AACA,OAAO,EACH,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,gBAAgB,EAChB,qBAAqB,IAAI,sBAAsB,EAC/C,yBAAyB,IAAI,0BAA0B,EACvD,gCAAgC,IAAI,iCAAiC,EACxE,MAAM,qDAAqD,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,2DAA2D,CAAC;AACzG,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAmB1G,OAAO,EAAE,0BAA0B,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC7F,OAAO,EAAwB,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AAWlF,MAAM,WAAW,aAAa;IAC1B,CAAC,SAAS,EAAE,MAAM,GAAG,YAAY,CAAC;CACrC;AAED,MAAM,WAAW,iBAAiB;IAC9B,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,gBAAgB,EAAE,gBAAgB,EAAE,CAAC;IACrC,kBAAkB,EAAE,gBAAgB,EAAE,CAAC;IACvC,qBAAqB,EAAE,gBAAgB,EAAE,CAAC;CAC7C;AACD,MAAM,WAAW,yBAAyB;IACtC,CAAC,MAAM,EAAE,MAAM,GAAG,iBAAiB,CAAC;CACvC;AACD,MAAM,WAAW,oBAAoB;IACjC,gBAAgB,EAAE,mBAAmB,CAAC,aAAa,CAAC,CAAC;IACrD,eAAe,EAAE,MAAM,CAAC;IACxB,0BAA0B,EAAE,OAAO,CAAC;IACpC,qBAAqB,EAAE,eAAe,CAAC;IACvC,qBAAqB,EAAE,eAAe,CAAC;IACvC,uBAAuB,EAAE,yBAAyB,CAAC;IACnD,WAAW,EAAE,MAAM,CAAC;IACpB,0BAA0B,EAAE,YAAY,GAAG,IAAI,CAAC;CACnD;AACD,MAAM,WAAW,0BAA2B,SAAQ,oBAAoB;IACpE,WAAW,EAAE,YAAY,CAAC;IAC1B,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,gBAAgB,EAAE,gBAAgB,EAAE,CAAC;IACrC,kBAAkB,EAAE,gBAAgB,EAAE,CAAC;IACvC,qBAAqB,EAAE,gBAAgB,EAAE,CAAC;CAC7C;AAED,KAAK,WAAW,GAAG,OAAO,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,CAAC;AAChF,MAAM,MAAM,0BAA0B,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;AAGtE,oBAAY,uBAAuB;IAC/B,WAAW,gBAAgB;IAC3B,YAAY,iBAAiB;IAC7B,aAAa,kBAAkB;IAC/B,oBAAoB,yBAAyB;IAC7C,kBAAkB,uBAAuB;IACzC,uBAAuB,4BAA4B;IACnD,uBAAuB,4BAA4B;IACnD,6BAA6B,kCAAkC;IAC/D,sBAAsB,2BAA2B;IACjD,gCAAgC,qCAAqC;CACxE;AAED,eAAO,MAAM,0BAA0B,EAAE,oBASxC,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAC;AAGtE,eAAO,MAAM,qBAAqB,UAAW,oBAAoB,UAAU,WAAW,KAAG,oBA+FxF,CAAC;AAIF,eAAO,MAAM,wBAAwB,aAAoB,0BAA0B,aAAa,MAAM,GAAG,SAAS,kBAUjH,CAAC;AAIF,eAAO,MAAM,oBAAoB,aACnB,0BAA0B,gBACtB,uBAAuB,kBA8CxC,CAAC;AAIF,eAAO,MAAM,aAAa,aACZ,0BAA0B,kBACpB,eAAe,WACtB,QAAQ,oBAkBpB,CAAC;AAIF,eAAO,MAAM,aAAa,aACZ,0BAA0B,aACzB,MAAM,kBACD,eAAe,YACrB,QAAQ,kBAuBrB,CAAC;AAGF,eAAO,MAAM,qBAAqB,aAAc,0BAA0B,mBAAmB,MAAM,SAElG,CAAC;AASF,wBAAgB,8BAA8B,CAC1C,QAAQ,EAAE,0BAA0B,EACpC,wBAAwB,EAAE,MAAM,EAChC,gBAAgB,EAAE,aAAa,EAC/B,WAAW,EAAE,OAAO,CAAC,YAAY,CAAC,UAuBrC;AAID,wBAAsB,yBAAyB,CAC3C,QAAQ,EAAE,0BAA0B,EACpC,WAAW,EAAE,aAAa,EAC1B,SAAS,EAAE,MAAM,iBAuBpB;AAID,wBAAsB,8BAA8B,CAChD,QAAQ,EAAE,0BAA0B,EACpC,eAAe,EAAE,MAAM,EACvB,8BAA8B,EAAE,yBAAyB,EACzD,MAAM,EAAE,sBAAsB,EAC9B,SAAS,GAAE,gBAAgB,EAAO,EAClC,OAAO,GAAE,MAA2B,EACpC,cAAc,GAAE,MAAM,GAAG,SAAqB,iBA2BjD;AAGD,wBAAsB,2BAA2B,CAC7C,QAAQ,EAAE,0BAA0B,EACpC,eAAe,EAAE,MAAM,EACvB,8BAA8B,EAAE,yBAAyB,EACzD,MAAM,EAAE,sBAAsB,EAC9B,OAAO,EAAE,MAAM,EACf,SAAS,GAAE,gBAAgB,EAAO,EAClC,cAAc,GAAE,MAAM,GAAG,SAAqB,iBAmCjD;AAGD,wBAAsB,2BAA2B,CAC7C,QAAQ,EAAE,0BAA0B,EACpC,eAAe,EAAE,MAAM,EACvB,8BAA8B,EAAE,yBAAyB,EACzD,MAAM,EAAE,sBAAsB,EAC9B,SAAS,EAAE,gBAAgB,EAAE,EAC7B,cAAc,GAAE,MAAM,GAAG,SAAqB,iBA+DjD;AAED,eAAO,MAAM,oBAAoB,eACjB,eAAe,oBACT,0BAA0B,SACtC,MAAM,KACb,gBAAgB,EAIlB,CAAC;AAEF,eAAO,MAAM,YAAY,OACjB,WAAW,oBACG,0BAA0B,SACtC,MAAM,KACb,gBAMD,CAAC;AAEH,wBAAgB,kBAAkB,CAC9B,IAAI,EAAE,mBAAmB,EAAE,EAC3B,gBAAgB,EAAE,0BAA0B,EAC5C,QAAQ,GAAE,MAAU,EACpB,WAAW,GAAE,MAAU,GACxB,gBAAgB,EAAE,CAMpB;AAGD,eAAO,MAAM,iBAAiB,QACrB,mBAAmB,oBACN,0BAA0B,SACtC,MAAM,KACb,gBAOD,CAAC;AAEH,eAAO,MAAM,mBAAmB,QACvB,MAAM,oBACO,0BAA0B,SACtC,MAAM,6BAEb,gBAMD,CAAC;AAEH,eAAO,MAAM,oBAAoB,WACrB,cAAc,oBACJ,0BAA0B,SACtC,MAAM,sBACO,iCAAiC,GAAG,SAAS,KACjE,gBAOD,CAAC;AAEH,eAAO,MAAM,iBAAiB,QACrB,0BAA0B,oBACb,0BAA0B,SACtC,MAAM,sBACO,iCAAiC,GAAG,SAAS,8CAGjE,gBAAgB,EAgBlB,CAAC;AAEF,eAAO,MAAM,cAAc,gFAY1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,gFAYjC,CAAC;AAGF,eAAO,MAAM,gBAAgB,QACpB,MAAM,oBACO,0BAA0B,SACtC,MAAM,6BAEb,gBAMD,CAAC;AAIH,eAAO,MAAM,YAAY,eACT,mBAAmB,mBACd,mBAAmB,EAAE,YAC7B,mBAAmB,EAAE,uBAWjC,CAAC"}
+{"version":3,"file":"SessionRestoreReducer.d.ts","sourceRoot":"","sources":["../../../src/reducers/SessionRestoreReducer.ts"],"names":[],"mappings":"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"}

package/lib/esm/reducers/SessionRestoreReducer.js

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { pcm } from '@cee-eng/hydrajs';
-import { getApiCreationStatus, getApiResourceObject, getApiUpdationStatus, getPastUTCDateFromNow, getResTypeFromUrl, promiseReflection, } from '@rh-support/utils';
+import { getApiCreationStatus, getApiResourceObject, getApiUpdationStatus, getPastUTCDateFromNow, getResTypeFromUrl, getUserAgentForCaseMode, promiseReflection, } from '@rh-support/utils';
 import cloneDeep from 'lodash/cloneDeep';
 import differenceBy from 'lodash/differenceBy';
 import filter from 'lodash/filter';
@@ -123,15 +123,33 @@ export const sessionRestoreReducer = (state, action) => {
     }
 };
 // Function to get individual Session by id
-export const getIndividualSessionById = (dispatch, sessionId) => __awaiter(void 0, void 0, void 0, function* () {
+export const getIndividualSessionById = (dispatch, sessionId, isCaseCreate, ABTestVariation) => __awaiter(void 0, void 0, void 0, function* () {
     if (isEmpty(sessionId))
         return;
     try {
         const sessions = yield getSessions({
             sessionId: sessionId,
         });
+        let sessionItem = sessions[0];
+        if (!sessionItem.session.userAgent) {
+            // session created by console, need to add user agent and A/B test variation
+            const userAgent = getUserAgentForCaseMode(isCaseCreate) + ABTestVariation
+                ? ABTestVariation === 'A'
+                    ? '-A-1'
+                    : '-B-1'
+                : '';
+            sessionItem = Object.assign(Object.assign({}, sessionItem), { session: Object.assign(Object.assign({}, sessionItem.session), { userAgent }) });
+        }
+        else {
+            // session created before running A/B test, need to add A/B test variation
+            if ((ABTestVariation && !sessionItem.session.userAgent.includes('A')) ||
+                !sessionItem.session.userAgent.includes('B')) {
+                const userAgent = sessionItem.session.userAgent + (ABTestVariation === 'A') ? '-A-1' : '-B-1';
+                sessionItem = Object.assign(Object.assign({}, sessionItem), { session: Object.assign(Object.assign({}, sessionItem.session), { userAgent }) });
+            }
+        }
         if (!isEmpty(sessions)) {
-            dispatch({ type: SessionRestoreConstants.setIndividualSession, payload: { sessionItem: sessions[0] } });
+            dispatch({ type: SessionRestoreConstants.setIndividualSession, payload: { sessionItem } });
         }
     }
     catch (error) { }

package/lib/esm/scss/_main.scss

@@ -1012,7 +1012,7 @@ svg.pf-v5-u-ml-xs.icon-size {
 .get-support-severity-modal-text,
 .case-type-selector-text {
     .pf-v5-c-menu-toggle__text {
-        width: 100%;
+        width: 100% !important;
     }
 }
 
@@ -1093,6 +1093,12 @@ svg.pf-v5-u-ml-xs.icon-size {
     height: 32px;
 }
 
+.single-select-toggle-text {
+    span.pf-v5-c-menu-toggle__text {
+        width: 100% !important;
+    }
+}
+
 .gradient.label-container-icon::before {
     content: '';
     display: block;

package/lib/esm/scss/_pf-overrides.scss

@@ -790,3 +790,7 @@ div.case-details-tabs pre {
         min-width: calc(100% + 269px) !important;
     }
 }
+
+.case-creation-severity-select {
+    max-width: min-content !important;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.5.1",
+    "version": "2.5.3",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -25,12 +25,11 @@
         "lib/**/*"
     ],
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.17.36",
+        "@cee-eng/hydrajs": "4.18.0",
         "@cee-eng/ui-toolkit": "1.1.8",
         "@patternfly/patternfly": "5.4.0",
         "@patternfly/react-core": "5.4.0",
         "dompurify": "^2.2.6",
-        "downshift": "^6.0.5",
         "i18next": "^23.15.0",
         "js-markdown-extra": "^1.2.4",
         "js-worker-search": "^1.4.1",
@@ -51,7 +50,7 @@
         "react-virtualized": "^9.22.5"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "4.17.36",
+        "@cee-eng/hydrajs": "4.18.0",
         "@cee-eng/ui-toolkit": "1.1.8",
         "@patternfly/patternfly": "5.4.0",
         "@patternfly/react-core": "5.4.0",
@@ -60,17 +59,16 @@
         "@progress/kendo-licensing": "1.3.5",
         "@progress/kendo-react-pdf": "^5.16.0",
         "@redux-devtools/extension": "^3.3.0",
-        "@rh-support/components": "2.5.1",
-        "@rh-support/react-context": "2.5.1",
+        "@rh-support/components": "2.5.3",
+        "@rh-support/react-context": "2.5.3",
         "@rh-support/types": "2.0.5",
-        "@rh-support/user-permissions": "2.5.0",
-        "@rh-support/utils": "2.5.0",
+        "@rh-support/user-permissions": "2.5.1",
+        "@rh-support/utils": "2.5.1",
         "@types/react-redux": "^7.1.33",
         "@types/redux": "^3.6.0",
         "date-fns": "3.6.0",
         "dompurify": "^2.2.6",
         "dot": "^1.1.3",
-        "downshift": "^6.0.5",
         "history": "4.10.1",
         "i18next": "^23.15.0",
         "js-markdown-extra": "^1.2.4",
@@ -137,5 +135,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "78f51b2cfd60107a49503d13542ba46d29df4d04"
+    "gitHead": "92c1c95e58dc8e6d2df7fd21b3815da9b7d713c9"
 }