@rh-support/troubleshoot 2.7.1 → 2.7.11

package/lib/esm/components/Cve/CveModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CveModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Cve/CveModal.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAU1C,eAAO,MAAM,QAAQ,yBAuEpB,CAAC"}
+{"version":3,"file":"CveModal.d.ts","sourceRoot":"","sources":["../../../../src/components/Cve/CveModal.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAW1C,eAAO,MAAM,QAAQ,yBAkFpB,CAAC"}

package/lib/esm/components/Cve/CveModal.js

@@ -1,4 +1,4 @@
-import { Badge, Button, Flex, FlexItem, Modal, ModalVariant } from '@patternfly/react-core';
+import { Badge, Button, Flex, FlexItem, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant, } from '@patternfly/react-core';
 import ExternalLinkAltIcon from '@patternfly/react-icons/dist/esm/icons/external-link-alt-icon';
 import { getAccessHostname } from '@rh-support/utils';
 import isEqual from 'lodash/isEqual';
@@ -12,6 +12,7 @@ import { RouteContext } from '../../context/RouteContext';
 import { SessionRestoreStateContext } from '../../context/SessionRestoreContext';
 import { setCaseState } from '../../reducers/CaseReducer';
 import { AppRouteSections } from '../../reducers/RouteConstNTypes';
+import { trackClickedResourcesSequence } from '../../utils/visitedResourcesUtils';
 import { CvePanel } from './CvePanel';
 export const CveModal = () => {
     const caseDispatch = useCaseDispatch();
@@ -32,14 +33,14 @@ export const CveModal = () => {
         const cveTitles = join(map(cveWorkflowRecommendation, 'title'), ',');
         return `https://${getAccessHostname()}/labs/cvechecker/?source=pcm&session=${activeSessionId}&id=${cveTitles}`;
     };
-    return (React.createElement(Modal, { variant: ModalVariant.medium, title: React.createElement(Flex, { alignItems: { default: 'alignItemsCenter' } },
-            React.createElement(FlexItem, { spacer: { default: 'spacerSm' } }, cveWorkflowRecommendation.length > 1 ? (React.createElement(Trans, null, "Handpicked for these CVEs")) : (React.createElement(Trans, null, "Handpicked for this CVE"))),
-            React.createElement(Badge, { isRead: true }, size(cveWorkflowRecommendation))), isOpen: isCveModalOpened &&
-            activeSection === (isCaseCreate ? AppRouteSections.SUMMARIZE : AppRouteSections.TROUBLESHOOT), onClose: handleModalToggle, titleIconVariant: "info", disableFocusTrap: true, className: "cve-modal-fade-in-effect", onEscapePress: handleEscapePress, actions: [
-            React.createElement(Button, { key: "cve-checker-link", "data-tracking-id": "cve-checker-link", target: "_blank", variant: "secondary", isInline: true, component: "a", href: generateCveCheckerUrl() },
-                React.createElement(Trans, null, "Red Hat CVE Checker"),
-                " ",
-                React.createElement(ExternalLinkAltIcon, { className: "pf-v5-u-ml-sm" })),
-        ] },
-        React.createElement(CvePanel, null)));
+    return (React.createElement(Modal, { variant: ModalVariant.medium, isOpen: isCveModalOpened &&
+            activeSection === (isCaseCreate ? AppRouteSections.SUMMARIZE : AppRouteSections.TROUBLESHOOT), onClose: handleModalToggle, disableFocusTrap: true, className: "cve-modal-fade-in-effect", onEscapePress: handleEscapePress },
+        React.createElement(ModalHeader, { title: React.createElement(Flex, { alignItems: { default: 'alignItemsCenter' } },
+                React.createElement(FlexItem, { spacer: { default: 'spacerSm' } }, cveWorkflowRecommendation.length > 1 ? (React.createElement(Trans, null, "Handpicked for these CVEs")) : (React.createElement(Trans, null, "Handpicked for this CVE"))),
+                React.createElement(Badge, { isRead: true }, size(cveWorkflowRecommendation))) }),
+        React.createElement(ModalBody, null,
+            React.createElement(CvePanel, null)),
+        React.createElement(ModalFooter, null,
+            React.createElement(Button, { icon: React.createElement(ExternalLinkAltIcon, { className: "pf-v6-u-ml-sm" }), key: "cve-checker-link", "data-tracking-id": "cve-checker-link", target: "_blank", variant: "secondary", isInline: true, component: "a", href: generateCveCheckerUrl(), onClick: () => trackClickedResourcesSequence('CVE recommendations', generateCveCheckerUrl(), 'Red Hat CVE Checker') },
+                React.createElement(Trans, null, "Red Hat CVE Checker")))));
 };

package/lib/esm/components/Cve/CvePanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CvePanel.d.ts","sourceRoot":"","sources":["../../../../src/components/Cve/CvePanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,UAAU,MAAM;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,UAAW,MAAM,sBAyCrC,CAAC"}
+{"version":3,"file":"CvePanel.d.ts","sourceRoot":"","sources":["../../../../src/components/Cve/CvePanel.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,UAAU,MAAM;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,GAAI,OAAO,MAAM,sBAkDrC,CAAC"}

package/lib/esm/components/Cve/CvePanel.js

@@ -2,22 +2,30 @@ import { Accordion, AccordionContent, AccordionItem, AccordionToggle } from '@pa
 import isEqual from 'lodash/isEqual';
 import map from 'lodash/map';
 import slice from 'lodash/slice';
-import React, { useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import { useCaseSelector } from '../../context/CaseContext';
 import { CveItem } from './CveItem';
 export const CvePanel = (props) => {
-    var _a;
     const { cveWorkflowRecommendation } = useCaseSelector((state) => ({
         cveWorkflowRecommendation: state.cveWorkflowRecommendation,
     }), isEqual);
-    const [expanded, setExpanded] = useState(((_a = cveWorkflowRecommendation === null || cveWorkflowRecommendation === void 0 ? void 0 : cveWorkflowRecommendation[0]) === null || _a === void 0 ? void 0 : _a.title) || '');
-    const handleToggle = (id) => setExpanded(id === expanded ? '' : id);
+    const [expanded, setExpanded] = useState(true);
+    const prevCveIds = useRef([]);
+    // Auto-expand accordion whenever CVE data changes
+    useEffect(() => {
+        const currentCveIds = (cveWorkflowRecommendation === null || cveWorkflowRecommendation === void 0 ? void 0 : cveWorkflowRecommendation.map((cve) => cve.title || cve.nid)) || [];
+        const cveIdsChanged = !isEqual(prevCveIds.current, currentCveIds);
+        if (cveIdsChanged && currentCveIds.length > 0) {
+            setExpanded(true);
+            prevCveIds.current = currentCveIds;
+        }
+    }, [cveWorkflowRecommendation]);
+    const handleToggle = () => setExpanded(!expanded);
     const renderAccordionItem = (cve, index) => {
-        const isExpanded = expanded === (cve === null || cve === void 0 ? void 0 : cve.title);
-        return (React.createElement(AccordionItem, { key: `cve-item-${index}` },
-            React.createElement(AccordionToggle, { onClick: () => handleToggle(cve.title), isExpanded: isExpanded, id: `cve-toggle-${index}`, "data-tracking-id": "cve-accordion-toggle" }, cve.title),
-            React.createElement(AccordionContent, { id: `cve-content-${index}`, isHidden: !isExpanded },
-                React.createElement(CveItem, { cve: cve, isExpanded: isExpanded, index: index }))));
+        return (React.createElement(AccordionItem, { isExpanded: expanded, key: `cve-item-${index}` },
+            React.createElement(AccordionToggle, { onClick: handleToggle, id: `cve-toggle-${index}`, "data-tracking-id": "cve-accordion-toggle" }, cve.title),
+            React.createElement(AccordionContent, { id: `cve-content-${index}` },
+                React.createElement(CveItem, { cve: cve, isExpanded: expanded, index: index }))));
     };
-    return (React.createElement(Accordion, { isBordered: true, displaySize: 'default', asDefinitionList: false, className: `${props.className ? props.className : ''}` }, map(slice(cveWorkflowRecommendation, 0, 4), renderAccordionItem)));
+    return (React.createElement(Accordion, { isBordered: false, displaySize: 'default', asDefinitionList: false, className: `${props.className ? props.className : ''}` }, map(slice(cveWorkflowRecommendation, 0, 4), renderAccordionItem)));
 };

package/lib/esm/components/Cve/CveSidebar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CveSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Cve/CveSidebar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,UAAU,yBA6BtB,CAAC"}
+{"version":3,"file":"CveSidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/Cve/CveSidebar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,eAAO,MAAM,UAAU,yBA+BtB,CAAC"}

package/lib/esm/components/Cve/CveSidebar.js

@@ -1,4 +1,4 @@
-import { Badge } from '@patternfly/react-core';
+import { Badge, Card, CardBody, CardHeader, CardTitle, Flex, FlexItem } from '@patternfly/react-core';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import size from 'lodash/size';
@@ -13,11 +13,12 @@ export const CveSidebar = () => {
     if (isEmpty(cveWorkflowRecommendation)) {
         return null;
     }
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "card card-white card-support file-diag pf-v5-u-mb-md" },
-            React.createElement("h3", { className: "card-heading popular-solutions green-card-heading card-header-bg" },
-                React.createElement("span", { className: "pf-v5-u-mr-sm" }, cveWorkflowRecommendation.length > 1 ? (React.createElement(Trans, null, "Handpicked for these CVEs")) : (React.createElement(Trans, null, "Handpicked for this CVE"))),
-                React.createElement(Badge, { isRead: true }, size(cveWorkflowRecommendation))),
-            React.createElement("div", { className: "card-body" },
-                React.createElement(CvePanel, null)))));
+    return (React.createElement(Card, { className: "pf-v6-u-mb-lg" },
+        React.createElement(CardHeader, null,
+            React.createElement(CardTitle, null,
+                React.createElement(Flex, { alignItems: { default: 'alignItemsCenter' } },
+                    React.createElement(FlexItem, { spacer: { default: 'spacerSm' } }, cveWorkflowRecommendation.length > 1 ? (React.createElement(Trans, null, "Handpicked for these CVEs")) : (React.createElement(Trans, null, "Handpicked for this CVE"))),
+                    React.createElement(Badge, { isRead: true }, size(cveWorkflowRecommendation))))),
+        React.createElement(CardBody, null,
+            React.createElement(CvePanel, null))));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"EditDescription.d.ts","sourceRoot":"","sources":["../../../../src/components/EditDescription/EditDescription.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAQpD,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;CAC3B;AAUD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBAgEpD"}
+{"version":3,"file":"EditDescription.d.ts","sourceRoot":"","sources":["../../../../src/components/EditDescription/EditDescription.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA+B,MAAM,OAAO,CAAC;AASpD,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;CAC3B;AAUD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,qBAiEpD"}

package/lib/esm/components/EditDescription/EditDescription.js

@@ -16,6 +16,7 @@ import React, { useContext, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useParams } from 'react-router-dom';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
+import { useCaseUpdateErrorMessage } from '../../hooks/useCaseUpdateErrorMessage';
 import { setCaseDetails } from '../../reducers/CaseReducer';
 import { PDFContext } from '../CaseEditView/PDFContainer';
 const linkifiedDescription = (text) => {
@@ -26,6 +27,7 @@ const linkifiedDescription = (text) => {
 };
 export default function EditDescription(props) {
     const { t } = useTranslation();
+    const caseUpdateError = useCaseUpdateErrorMessage();
     const { caseNumber } = useParams();
     const { description, hasLargeCaseDescription } = useCaseSelector((state) => ({
         description: state.caseDetails.description,
@@ -41,7 +43,7 @@ export default function EditDescription(props) {
         try {
             setIsUpdating(true);
             const caseDetails = { description: localDescription };
-            // Only GS4 internal can edit description
+            //Only GS4 internal can edit description
             yield kase.updateCase(caseNumber, caseDetails, true);
             setIsUpdating(false);
             setCaseDetails(caseDispatch, caseDetails);
@@ -50,7 +52,7 @@ export default function EditDescription(props) {
         catch (e) {
             setLocalDescription(description);
             setIsUpdating(false);
-            ToastNotification.addDangerMessage(t('Case description failed to update'));
+            caseUpdateError.showFieldError(e, t('Description'), onDescriptionSave);
         }
     });
     const onDescriptionChange = (event) => {

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

@@ -1 +1 @@
-{"version":3,"file":"IdeaInformation.d.ts","sourceRoot":"","sources":["../../../../src/components/IdeaInformation/IdeaInformation.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAiBrD,MAAM,CAAC,OAAO,UAAU,eAAe,sBA6ItC"}
+{"version":3,"file":"IdeaInformation.d.ts","sourceRoot":"","sources":["../../../../src/components/IdeaInformation/IdeaInformation.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAoBrD,MAAM,CAAC,OAAO,UAAU,eAAe,sBA0JtC"}

package/lib/esm/components/IdeaInformation/IdeaInformation.js

@@ -1,35 +1,40 @@
+import { useApolloClient } from '@apollo/client/react';
 import { Grid, GridItem } from '@patternfly/react-core';
 import { AlertMessage, AlertType, LoadingIndicator } from '@rh-support/components';
 import { fetchCaseSeverities, fetchCaseTypes, fetchLanguageMetadata, GlobalMetadataDispatchContext, GlobalMetadataStateContext, } from '@rh-support/react-context';
-import { canManageCase, haventLoadedMetadata } from '@rh-support/utils';
+import { haventLoadedMetadata } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
+import { useShowCaseGroupField } from '../../hooks/useCaseGroupUiState';
 import { setCaseDetails } from '../../reducers/CaseReducer';
 import CaseGroup from '../CaseInformation/CaseGroup';
 import { ContactPhoneNumber } from '../CaseInformation/ContactPhoneNumber';
-import { ContactPhoneNumberAlert } from '../CaseInformation/ContactPhoneNumberAlert';
+// TODO: Re-enable once phone number verification flow is fully supported with GraphQL
+// import { ContactPhoneNumberAlert } from '../CaseInformation/ContactPhoneNumberAlert';
 import Severity from '../CaseInformation/Severity';
 import SupportLevel from '../CaseInformation/SupportLevel';
+import CaseLabelsCreate from '../CaseManagement/CaseLabelsCreate';
 import CaseLanguageSelector from '../CaseManagement/CaseLanguageSelector';
-import { Cep } from '../CaseManagement/Cep';
+// import { Cep } from '../CaseManagement/Cep';
 import OpenReferenceNumber from '../CaseManagement/OpenReferenceNumber';
 import { RHAssociatesSelector } from '../CaseManagement/RHAssociatesSelector';
-import CaseContactSelector from '../CaseManagement/SendNotifications/CaseContactSelector';
+// import CaseContactSelector from '../CaseManagement/SendNotifications/CaseContactSelector';
 import KtQuestions from '../ImproveCase/KtQuestions';
 export default function IdeaInformation() {
     const { t } = useTranslation();
-    const { globalMetadataState: { allCaseTypes, allCaseSeverities, caseLanguages, loggedInUser, loggedInUserJwtToken, loggedInUsersAccount, }, } = useContext(GlobalMetadataStateContext);
+    const { globalMetadataState: { allCaseTypes, allCaseSeverities, caseLanguages, loggedInUser, loggedInUserJwtToken, loggedInUsersAccount, loggedInUserRights, }, } = useContext(GlobalMetadataStateContext);
     const dispatchToGlobalMetadataReducer = useContext(GlobalMetadataDispatchContext);
-    const { contactSSOName, selectedAccountDetails, ownersCaseGroups, hasInvalidEntitlements } = useCaseSelector((state) => ({
+    const apolloClient = useApolloClient();
+    const { contactSSOName, selectedAccountDetails, ownersCaseGroups } = useCaseSelector((state) => ({
         contactSSOName: state.caseDetails.contactSSOName,
         ownersCaseGroups: state.ownersCaseGroups,
         selectedAccountDetails: state.selectedAccountDetails,
-        hasInvalidEntitlements: state.hasInvalidEntitlements,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
+    const showCaseGroupField = useShowCaseGroupField();
     const isMetadataLoading = () => {
         return !isMetadataLoadingError() && (loggedInUser.isFetching || selectedAccountDetails.isFetching);
     };
@@ -48,13 +53,13 @@ export default function IdeaInformation() {
         }
         const allPromisses = [];
         if (haventLoadedMetadata(allCaseTypes)) {
-            allPromisses.push(fetchCaseTypes(dispatchToGlobalMetadataReducer, loggedInUsersAccount.data.secureSupport));
+            allPromisses.push(fetchCaseTypes(dispatchToGlobalMetadataReducer, apolloClient));
         }
         if (haventLoadedMetadata(allCaseSeverities)) {
-            allPromisses.push(fetchCaseSeverities(dispatchToGlobalMetadataReducer, loggedInUsersAccount.data.secureSupport));
+            allPromisses.push(fetchCaseSeverities(dispatchToGlobalMetadataReducer, apolloClient));
         }
         if (haventLoadedMetadata(caseLanguages)) {
-            allPromisses.push(fetchLanguageMetadata(dispatchToGlobalMetadataReducer));
+            allPromisses.push(fetchLanguageMetadata(dispatchToGlobalMetadataReducer, apolloClient));
         }
         Promise.all(allPromisses);
     }, [
@@ -66,45 +71,46 @@ export default function IdeaInformation() {
         loggedInUserJwtToken,
         selectedAccountDetails,
         loggedInUsersAccount.data.secureSupport,
+        apolloClient,
     ]);
     const onSeverityChange = (payload) => {
         setCaseDetails(caseDispatch, payload);
     };
     return (React.createElement(React.Fragment, null,
         React.createElement(LoadingIndicator, { show: isMetadataLoading(), size: "lg" }),
-        React.createElement(AlertMessage, { variant: AlertType.DANGER, className: "pf-v5-u-mb-md", title: t("Sorry, we're having a problem gathering your information."), show: isMetadataLoadingError(), isInline: true }),
-        React.createElement(AlertMessage, { show: !canManageCase(loggedInUserJwtToken), variant: AlertType.DANGER, className: "pf-v5-u-mb-md", isInline: true },
+        React.createElement(AlertMessage, { variant: AlertType.DANGER, className: "pf-v6-u-mb-md", title: t("Sorry, we're having a problem gathering your information."), show: isMetadataLoadingError(), isInline: true }),
+        React.createElement(AlertMessage, { show: !loggedInUserRights.data.canManageCases(), variant: AlertType.DANGER, className: "pf-v6-u-mb-md", isInline: true },
             React.createElement(Trans, { i18nKey: "i18ManageCaseContactCustomerService" },
                 "You need additional access to manage cases.\u00A0 Please contact",
                 ' ',
                 React.createElement("a", { href: "/support/contact/customerService" }, "Customer Service"),
                 " for assistance.")),
-        React.createElement(AlertMessage, { show: hasInvalidEntitlements, variant: AlertType.DANGER, className: "pf-v5-u-mb-md", isInline: true },
+        React.createElement(AlertMessage, { show: !loggedInUserRights.data.isEntitled(), variant: AlertType.DANGER, className: "pf-v6-u-mb-md", isInline: true },
             React.createElement(Trans, { i18nKey: "i18ValidEntitlementContactCustomerService" },
                 "You need a valid entitlement to create a case.\u00A0 Please contact",
                 ' ',
                 React.createElement("a", { href: "/support/contact/customerService" }, "Customer Service"),
                 " for assistance.")),
-        !hasInvalidEntitlements &&
+        loggedInUserRights.data.isEntitled() &&
             !isMetadataLoading() &&
             !isMetadataLoadingError() &&
-            canManageCase(loggedInUserJwtToken) && (React.createElement(React.Fragment, null,
+            loggedInUserRights.data.canManageCases() && (React.createElement(React.Fragment, null,
             React.createElement("form", null,
                 React.createElement(KtQuestions, { onlyShowKT4: true }),
                 React.createElement(SupportLevel, null),
                 React.createElement(Grid, { hasGutter: true },
-                    React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v5-u-mb-xl" },
+                    React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v6-u-mb-xl" },
                         React.createElement(Severity, { showSeverityInfoIcon: true, onSeverityChange: onSeverityChange })),
-                    React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v5-u-mb-xl" },
+                    React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v6-u-mb-xl" },
                         React.createElement(ContactPhoneNumber, null))),
-                React.createElement(ContactPhoneNumberAlert, null),
                 React.createElement(Grid, { hasGutter: true },
-                    React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v5-u-mb-xs" },
+                    React.createElement(GridItem, { span: 12, xl2: showCaseGroupField ? 6 : 12, className: "pf-v6-u-mb-xs" },
                         React.createElement(CaseLanguageSelector, { isManageStep: true })),
-                    React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v5-u-mb-xs" },
-                        React.createElement(CaseGroup, { init: true }))),
-                React.createElement(CaseContactSelector, null),
+                    showCaseGroupField && (React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v6-u-mb-xs" },
+                        React.createElement(CaseGroup, { init: true })))),
+                React.createElement(Grid, { hasGutter: true },
+                    React.createElement(GridItem, { span: 12, xl2: 12, className: "pf-v6-u-mb-xs" },
+                        React.createElement(CaseLabelsCreate, null))),
                 React.createElement(RHAssociatesSelector, null),
-                React.createElement(OpenReferenceNumber, { inlineEditable: false, hideSaveCancel: true }),
-                React.createElement(Cep, null))))));
+                React.createElement(OpenReferenceNumber, { inlineEditable: false, hideSaveCancel: true }))))));
 }

package/lib/esm/components/ImproveCase/Hostname.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Hostname.d.ts","sourceRoot":"","sources":["../../../../src/components/ImproveCase/Hostname.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAQ1C,UAAU,MAAM;CAAG;AAEnB,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,qBAyDrC"}
+{"version":3,"file":"Hostname.d.ts","sourceRoot":"","sources":["../../../../src/components/ImproveCase/Hostname.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAQ1C,UAAU,MAAM;CAAG;AAEnB,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,qBAwDrC"}

package/lib/esm/components/ImproveCase/Hostname.js

@@ -1,4 +1,4 @@
-import { Button } from '@patternfly/react-core';
+import { Button, TextInput } from '@patternfly/react-core';
 import { AbilityContext, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
 import React, { useContext } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -25,7 +25,7 @@ export function Hostname(props) {
     return (React.createElement("div", { className: "form-group" },
         React.createElement("label", { htmlFor: "get-support-hostname" },
             React.createElement(Trans, null, "Hostname")),
-        React.createElement("input", { type: "text", id: "get-support-hostname", className: `form-control${lengthError ? ' form-invalid' : ''}`, "aria-required": false, required: false, name: "get-support-hostname", value: hostname, onChange: onHostnameChange, "data-tracking-id": "get-support-hostname", "aria-invalid": lengthError, placeholder: t('Enter a related hostname') }),
+        React.createElement(TextInput, { name: "get-support-hostname", value: hostname, "aria-required": false, required: false, id: "get-support-hostname", onChange: onHostnameChange, "data-tracking-id": "get-support-hostname", "aria-invalid": lengthError, placeholder: t('Enter a related hostname'), validated: lengthError ? 'error' : 'default' }),
         lengthError && (React.createElement("p", { className: "form-instructions form-invalid" },
             React.createElement(Trans, null,
                 "More than ",

package/lib/esm/components/ImproveCase/KtQuestions.js

@@ -97,8 +97,8 @@ function KtQuestions(props) {
                     (timeFramesAndUrgency && (timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length) > KT4_QUESTION_MAX_LIMIT)
                     ? 'error'
                     : 'default', "aria-invalid": timeFramesAndUrgency && (timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length) > KT4_QUESTION_MAX_LIMIT ? 'true' : 'false', id: "ktQ4-timeFramesAndUrgency", value: timeFramesAndUrgency, onChange: (e, value) => onKtQ4Change(value, e), "aria-required": isKT4Required, "data-tracking-id": "get-support-ktQ4-timeFramesAndUrgency", placeholder: t('Describe the user or financial impact. Tell us about any legal, national, or medical urgency.'), isRequired: isKT4Required, resizeOrientation: "vertical", rows: 5 }),
-            React.createElement("p", { className: "form-instructions pf-v5-u-danger-color-100", "data-tracking-id": "large-4k-warning-ktQ4-environment" }, `${(timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length) > KT4_QUESTION_MAX_LIMIT ? KT4_QUESTION_ERROR_MESSAGE : ''}`),
-            React.createElement(Progress, { value: timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length, min: 0, max: KT4_QUESTION_MAX_LIMIT, size: ProgressSize.sm, label: `${timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length} / ${KT4_QUESTION_MAX_LIMIT}`, valueText: `${timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length} / ${KT4_QUESTION_MAX_LIMIT}`, measureLocation: ProgressMeasureLocation.top, "aria-label": `Progress - ${timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length} / ${KT4_QUESTION_MAX_LIMIT}`, variant: getVariantQ4(), title: ' ', className: `pf-v5-u-mt-md kt-progress-bar`, id: "summary-progress-bar" })),
+            React.createElement("p", { className: "form-instructions pf-v6-u-danger-color-100", "data-tracking-id": "large-4k-warning-ktQ4-environment" }, `${(timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length) > KT4_QUESTION_MAX_LIMIT ? KT4_QUESTION_ERROR_MESSAGE : ''}`),
+            React.createElement(Progress, { value: timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length, min: 0, max: KT4_QUESTION_MAX_LIMIT, size: ProgressSize.sm, label: `${timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length} / ${KT4_QUESTION_MAX_LIMIT}`, valueText: `${timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length} / ${KT4_QUESTION_MAX_LIMIT}`, measureLocation: ProgressMeasureLocation.top, "aria-label": `Progress - ${timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length} / ${KT4_QUESTION_MAX_LIMIT}`, variant: getVariantQ4(), title: ' ', className: `pf-v6-u-mt-md kt-progress-bar`, id: "summary-progress-bar" })),
         !props.onlyShowKT4 && (React.createElement(React.Fragment, null,
             React.createElement(InlineEdit, { labelProps: { htmlFor: 'ktQ2-environment' }, labelContent: React.createElement(React.Fragment, null,
                     t(KtQuestionConstant.environment),
@@ -107,8 +107,8 @@ function KtQuestions(props) {
                 React.createElement(TextArea, { id: "ktQ2-environment", validated: environment && (environment === null || environment === void 0 ? void 0 : environment.length) > CASE_DEATILS_ENVIRONMENT_LIMIT
                         ? 'error'
                         : 'default', value: environment, onChange: (e, value) => onKtQ2Change(value, e), "aria-required": isKT2Required, isRequired: isKT2Required, "data-tracking-id": "get-support-ktQ2-environment", "aria-invalid": environment && (environment === null || environment === void 0 ? void 0 : environment.length) > CASE_DEATILS_ENVIRONMENT_LIMIT ? 'true' : 'false', resizeOrientation: "vertical", placeholder: t('Please provide details about the location, device, software version, etc. where you encounter this issue'), rows: 5 }),
-                React.createElement("p", { className: "form-instructions pf-v5-u-danger-color-100", "data-tracking-id": "large-4k-warning-ktQ2-environment" }, `${(environment === null || environment === void 0 ? void 0 : environment.length) > CASE_DEATILS_ENVIRONMENT_LIMIT ? KTQ2LengthError : ''}`),
-                React.createElement(Progress, { value: environment === null || environment === void 0 ? void 0 : environment.length, min: 0, max: CASE_DEATILS_ENVIRONMENT_LIMIT, size: ProgressSize.sm, label: `${environment === null || environment === void 0 ? void 0 : environment.length} / ${CASE_DEATILS_ENVIRONMENT_LIMIT}`, valueText: `${environment === null || environment === void 0 ? void 0 : environment.length} / ${CASE_DEATILS_ENVIRONMENT_LIMIT}`, measureLocation: ProgressMeasureLocation.top, "aria-label": `Progress - ${environment === null || environment === void 0 ? void 0 : environment.length} / ${CASE_DEATILS_ENVIRONMENT_LIMIT}`, variant: getVariantQ2(), title: ' ', className: `pf-v5-u-mt-md  kt-progress-bar`, id: "summary-progress-bar" })),
+                React.createElement("p", { className: "form-instructions pf-v6-u-danger-color-100", "data-tracking-id": "large-4k-warning-ktQ2-environment" }, `${(environment === null || environment === void 0 ? void 0 : environment.length) > CASE_DEATILS_ENVIRONMENT_LIMIT ? KTQ2LengthError : ''}`),
+                React.createElement(Progress, { value: environment === null || environment === void 0 ? void 0 : environment.length, min: 0, max: CASE_DEATILS_ENVIRONMENT_LIMIT, size: ProgressSize.sm, label: `${environment === null || environment === void 0 ? void 0 : environment.length} / ${CASE_DEATILS_ENVIRONMENT_LIMIT}`, valueText: `${environment === null || environment === void 0 ? void 0 : environment.length} / ${CASE_DEATILS_ENVIRONMENT_LIMIT}`, measureLocation: ProgressMeasureLocation.top, "aria-label": `Progress - ${environment === null || environment === void 0 ? void 0 : environment.length} / ${CASE_DEATILS_ENVIRONMENT_LIMIT}`, variant: getVariantQ2(), title: ' ', className: `pf-v6-u-mt-md  kt-progress-bar`, id: "summary-progress-bar" })),
             React.createElement(InlineEdit, { labelProps: { htmlFor: 'ktQ3-periodicityOfIssue' }, labelContent: React.createElement(React.Fragment, null,
                     t(KtQuestionConstant.periodicityOfIssue),
                     ' ',
@@ -118,8 +118,8 @@ function KtQuestions(props) {
                         : 'default', value: periodicityOfIssue, onChange: (e, value) => onKtQ3Change(value, e), "aria-required": isKT3Required, isRequired: isKT3Required, "data-tracking-id": "get-support-ktQ3-periodicityOfIssue", "aria-invalid": periodicityOfIssue && (periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length) > CASE_DEATILS_PERIODICITYOFISSUE_LIMIT
                         ? 'true'
                         : 'false', resizeOrientation: "vertical", placeholder: t('Describe when and how often the problem occurs, e.g., daily, after specific actions, at particular times of day, etc.'), rows: 5 }),
-                React.createElement("p", { className: "form-instructions pf-v5-u-danger-color-100", "data-tracking-id": "large-4k-warning-ktQ3-environment" }, `${(periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length) > CASE_DEATILS_PERIODICITYOFISSUE_LIMIT ? KTQ3LengthError : ''}`),
-                React.createElement(Progress, { value: periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length, min: 0, max: KTQUESTION_MAX_LIMIT, size: ProgressSize.sm, label: `${periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length} / ${KTQUESTION_MAX_LIMIT}`, valueText: `${periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length} / ${KTQUESTION_MAX_LIMIT}`, measureLocation: ProgressMeasureLocation.top, "aria-label": `Progress - ${periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length} / ${KTQUESTION_MAX_LIMIT}`, variant: getVariantQ3(), title: ' ', className: `pf-v5-u-mt-md kt-progress-bar`, id: "summary-progress-bar" }))))));
+                React.createElement("p", { className: "form-instructions pf-v6-u-danger-color-100", "data-tracking-id": "large-4k-warning-ktQ3-environment" }, `${(periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length) > CASE_DEATILS_PERIODICITYOFISSUE_LIMIT ? KTQ3LengthError : ''}`),
+                React.createElement(Progress, { value: periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length, min: 0, max: KTQUESTION_MAX_LIMIT, size: ProgressSize.sm, label: `${periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length} / ${KTQUESTION_MAX_LIMIT}`, valueText: `${periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length} / ${KTQUESTION_MAX_LIMIT}`, measureLocation: ProgressMeasureLocation.top, "aria-label": `Progress - ${periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length} / ${KTQUESTION_MAX_LIMIT}`, variant: getVariantQ3(), title: ' ', className: `pf-v6-u-mt-md kt-progress-bar`, id: "summary-progress-bar" }))))));
 }
 KtQuestions.defaultProps = defaultProps;
 export default KtQuestions;

package/lib/esm/components/OpenCase/CaseTypeIcons/BugIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BugIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/OpenCase/CaseTypeIcons/BugIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,OAAO,UAAW,SAAS,sBAWvC,CAAC"}
+{"version":3,"file":"BugIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/OpenCase/CaseTypeIcons/BugIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,OAAO,GAAI,OAAO,SAAS,sBAWvC,CAAC"}

package/lib/esm/components/OpenCase/CaseTypeIcons/CertificationIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CertificationIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/OpenCase/CaseTypeIcons/CertificationIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,UAAW,SAAS,sBAuBjD,CAAC"}
+{"version":3,"file":"CertificationIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/OpenCase/CaseTypeIcons/CertificationIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,GAAI,OAAO,SAAS,sBAuBjD,CAAC"}

package/lib/esm/components/OpenCase/CaseTypeIcons/CustomerServiceIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomerServiceIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/OpenCase/CaseTypeIcons/CustomerServiceIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB,UAAW,SAAS,sBAmBnD,CAAC"}
+{"version":3,"file":"CustomerServiceIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/OpenCase/CaseTypeIcons/CustomerServiceIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB,GAAI,OAAO,SAAS,sBAmBnD,CAAC"}

package/lib/esm/components/OpenCase/CaseTypeIcons/DocumentationIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentationIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/OpenCase/CaseTypeIcons/DocumentationIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,UAAW,SAAS,sBAWjD,CAAC"}
+{"version":3,"file":"DocumentationIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/OpenCase/CaseTypeIcons/DocumentationIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,GAAI,OAAO,SAAS,sBAWjD,CAAC"}

package/lib/esm/components/OpenCase/CaseTypeIcons/GearIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GearIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/OpenCase/CaseTypeIcons/GearIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,UAAW,SAAS,sBAexC,CAAC"}
+{"version":3,"file":"GearIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/OpenCase/CaseTypeIcons/GearIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,GAAI,OAAO,SAAS,sBAexC,CAAC"}

package/lib/esm/components/OpenCase/CaseTypeIcons/IdeaIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IdeaIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/OpenCase/CaseTypeIcons/IdeaIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,UAAW,SAAS,sBAexC,CAAC"}
+{"version":3,"file":"IdeaIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/OpenCase/CaseTypeIcons/IdeaIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,GAAI,OAAO,SAAS,sBAexC,CAAC"}

package/lib/esm/components/OpenCase/CaseTypeIcons/RcaIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RcaIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/OpenCase/CaseTypeIcons/RcaIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,OAAO,UAAW,SAAS,sBAevC,CAAC"}
+{"version":3,"file":"RcaIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/OpenCase/CaseTypeIcons/RcaIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,OAAO,GAAI,OAAO,SAAS,sBAevC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"OpenCase.d.ts","sourceRoot":"","sources":["../../../../src/components/OpenCase/OpenCase.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAMlE,MAAM,WAAW,MAAM;IACnB,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,EAAE,OAAO,CAAC;IAC1C,aAAa,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAChE;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,MAAM,qBAuC7C"}
+{"version":3,"file":"OpenCase.d.ts","sourceRoot":"","sources":["../../../../src/components/OpenCase/OpenCase.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAMlE,MAAM,WAAW,MAAM;IACnB,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,EAAE,OAAO,CAAC;IAC1C,aAAa,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAChE;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,MAAM,qBA4B7C"}

package/lib/esm/components/OpenCase/OpenCase.js

@@ -1,22 +1,16 @@
 import { ability, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
-import isEqual from 'lodash/isEqual';
 import React from 'react';
-import { useCaseSelector } from '../../context/CaseContext';
 import { AccountSelector } from '../AccountInfo/AccountSelector';
 import { OwnerSelector } from '../AccountInfo/OwnerSelector';
 import ProductSelector from '../ProductSelector/ProductSelector';
 import SupportTypeSelectorPage from './SupportTypeSelectorPage';
 export default function OpenCase(props) {
     const canChangeAccountInfo = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.ACCOUNT_AND_OWNER);
-    const { ABTestVariation } = useCaseSelector((state) => ({
-        ABTestVariation: state.ABTestVariation,
-    }), isEqual);
-    const isATestvariation = ABTestVariation === 'A';
     return (React.createElement("form", null,
         canChangeAccountInfo && (React.createElement(React.Fragment, null,
             React.createElement(AccountSelector, { "data-tracking-id": "get-support-account-selector" }),
             React.createElement(OwnerSelector, { "data-tracking-id": "get-support-owner-selector" }))),
-        isATestvariation && (React.createElement("div", { className: "form-group" },
-            React.createElement(ProductSelector, { routeProps: props.routeProps, userSeenRecommendations: props.userSeenRecommendations, userClickedNextonRecommendations: props.userClickedNextonRecommendations, resultsRowRef: props.resultsRowRef, isOnGetSupportPage: true }))),
+        React.createElement("div", { className: "form-group" },
+            React.createElement(ProductSelector, { routeProps: props.routeProps, userSeenRecommendations: props.userSeenRecommendations, userClickedNextonRecommendations: props.userClickedNextonRecommendations, resultsRowRef: props.resultsRowRef, isOnGetSupportPage: true })),
         React.createElement(SupportTypeSelectorPage, null)));
 }

package/lib/esm/components/OpenCase/SupportTypeIcons/BugIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BugIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/OpenCase/SupportTypeIcons/BugIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,OAAO,UAAW,SAAS,sBAWvC,CAAC"}
+{"version":3,"file":"BugIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/OpenCase/SupportTypeIcons/BugIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,OAAO,GAAI,OAAO,SAAS,sBAWvC,CAAC"}

package/lib/esm/components/OpenCase/SupportTypeIcons/CertificationIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CertificationIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/OpenCase/SupportTypeIcons/CertificationIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,UAAW,SAAS,sBAuBjD,CAAC"}
+{"version":3,"file":"CertificationIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/OpenCase/SupportTypeIcons/CertificationIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,GAAI,OAAO,SAAS,sBAuBjD,CAAC"}

package/lib/esm/components/OpenCase/SupportTypeIcons/CustomerServiceIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomerServiceIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/OpenCase/SupportTypeIcons/CustomerServiceIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB,UAAW,SAAS,sBAmBnD,CAAC"}
+{"version":3,"file":"CustomerServiceIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/OpenCase/SupportTypeIcons/CustomerServiceIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB,GAAI,OAAO,SAAS,sBAmBnD,CAAC"}

package/lib/esm/components/OpenCase/SupportTypeIcons/DocumentationIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentationIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/OpenCase/SupportTypeIcons/DocumentationIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,UAAW,SAAS,sBAWjD,CAAC"}
+{"version":3,"file":"DocumentationIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/OpenCase/SupportTypeIcons/DocumentationIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,iBAAiB,GAAI,OAAO,SAAS,sBAWjD,CAAC"}

package/lib/esm/components/OpenCase/SupportTypeIcons/GearIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GearIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/OpenCase/SupportTypeIcons/GearIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,UAAW,SAAS,sBAexC,CAAC"}
+{"version":3,"file":"GearIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/OpenCase/SupportTypeIcons/GearIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,GAAI,OAAO,SAAS,sBAexC,CAAC"}

package/lib/esm/components/OpenCase/SupportTypeIcons/IdeaIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IdeaIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/OpenCase/SupportTypeIcons/IdeaIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,UAAW,SAAS,sBAexC,CAAC"}
+{"version":3,"file":"IdeaIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/OpenCase/SupportTypeIcons/IdeaIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,GAAI,OAAO,SAAS,sBAexC,CAAC"}

package/lib/esm/components/OpenCase/SupportTypeIcons/RcaIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RcaIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/OpenCase/SupportTypeIcons/RcaIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,OAAO,UAAW,SAAS,sBAevC,CAAC"}
+{"version":3,"file":"RcaIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/OpenCase/SupportTypeIcons/RcaIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,OAAO,GAAI,OAAO,SAAS,sBAevC,CAAC"}

package/lib/esm/components/OpenCase/SupportTypeSelectorPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SupportTypeSelectorPage.d.ts","sourceRoot":"","sources":["../../../../src/components/OpenCase/SupportTypeSelectorPage.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAiB/D,MAAM,CAAC,OAAO,UAAU,uBAAuB,sBA6M9C"}
+{"version":3,"file":"SupportTypeSelectorPage.d.ts","sourceRoot":"","sources":["../../../../src/components/OpenCase/SupportTypeSelectorPage.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAiB/D,MAAM,CAAC,OAAO,UAAU,uBAAuB,sBAkM9C"}

package/lib/esm/components/OpenCase/SupportTypeSelectorPage.js

@@ -1,19 +1,20 @@
+import { useApolloClient } from '@apollo/client/react';
 import { Bullseye, Card, CardBody, Gallery, GalleryItem, Split, SplitItem } from '@patternfly/react-core';
 import { LoadingIndicator } from '@rh-support/components';
 import { fetchCaseTypes, useGlobalDispatchContext, useGlobalStateContext } from '@rh-support/react-context';
 import { haventLoadedMetadata, NewCaseTypes, PreviousCaseTypes } from '@rh-support/utils';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useState } from 'react';
-import { Trans, useTranslation } from 'react-i18next';
+import { Trans } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { RouteContext } from '../../context/RouteContext';
 import { getUpdatedDescription } from '../../reducers/CaseHelpers';
 import { setCaseDetails } from '../../reducers/CaseReducer';
 import { BugIcon, CertificationIcon, CustomerServiceIcon, DocumentationIcon, GearIcon, IdeaIcon, RcaIcon, } from './SupportTypeIcons';
 export default function SupportTypeSelectorPage() {
-    const { t } = useTranslation();
-    const { globalMetadataState: { allCaseTypes, loggedInUsersAccount }, } = useGlobalStateContext();
+    const { globalMetadataState: { allCaseTypes }, } = useGlobalStateContext();
     const globalDispatch = useGlobalDispatchContext();
+    const apolloClient = useApolloClient();
     const [selectedSupportType, setSelectedSupportType] = useState('');
     const { routeState: { isNextBtnClickedToShowValidationError }, } = useContext(RouteContext);
     const { caseType, isFetchingSelectedAccountDetails, issue, timeFramesAndUrgency, v3ClusterName } = useCaseSelector((state) => ({
@@ -28,16 +29,10 @@ export default function SupportTypeSelectorPage() {
     useEffect(() => {
         if (haventLoadedMetadata(allCaseTypes)) {
             // Load support types.
-            fetchCaseTypes(globalDispatch, loggedInUsersAccount.data.secureSupport);
+            fetchCaseTypes(globalDispatch, apolloClient);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
-    // To handle support type selection change
-    const onChange = (labelledById, _event) => {
-        const newSelected = labelledById === selectedSupportType ? null : labelledById;
-        setSelectedSupportType(newSelected);
-        setCaseDetails(caseDispatch, { caseType: newSelected });
-    };
     // To handle enter and key down events for the support type card
     const onKeyDown = (event) => {
         if (event.target !== event.currentTarget) {
@@ -138,15 +133,15 @@ export default function SupportTypeSelectorPage() {
             React.createElement(Trans, null, "What can we help you with?"),
             React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
         (allCaseTypes.isFetching || (isFetchingSelectedAccountDetails && haventLoadedMetadata(allCaseTypes))) && (React.createElement(LoadingIndicator, { size: "lg", show: true })),
-        React.createElement(Gallery, { hasGutter: true, className: "pf-v5-u-mt-sm" }, SupportTypesArray.map((supportTypesArrayValues) => (React.createElement(GalleryItem, { key: supportTypesArrayValues.id },
-            React.createElement(Card, { id: supportTypesArrayValues.oldSupportType, key: supportTypesArrayValues.oldSupportType, className: `support-types-card${isNextBtnClickedToShowValidationError && !caseType ? ' support-types-invalid' : ''}`, isSelectable: true, isSelectableRaised: true, onKeyDown: onKeyDown, onClick: onSupportTypeClick, onSelectableInputChange: (_event, labelledById) => onChange(labelledById, _event), isSelected: !!caseType && supportTypesArrayValues.oldSupportType === caseType, hasSelectableInput: true, isFullHeight: true, selectableInputAriaLabel: t(supportTypesArrayValues.supportTypeHeading), "data-tracking-id": supportTypesArrayValues.dataTrackingID, tabIndex: 0 },
+        React.createElement(Gallery, { hasGutter: true, className: "pf-v6-u-mt-sm" }, SupportTypesArray.map((supportTypesArrayValues) => (React.createElement(GalleryItem, { key: supportTypesArrayValues.id },
+            React.createElement(Card, { id: supportTypesArrayValues.oldSupportType, key: supportTypesArrayValues.oldSupportType, className: `support-types-card cursor-pointer${isNextBtnClickedToShowValidationError && !caseType ? ' support-types-invalid' : ''}`, isSelectable: true, onKeyDown: onKeyDown, onClick: onSupportTypeClick, isSelected: !!caseType && supportTypesArrayValues.oldSupportType === caseType, isFullHeight: true, "data-tracking-id": supportTypesArrayValues.dataTrackingID, tabIndex: 0 },
                 React.createElement(CardBody, null, supportTypesArrayValues.icon ? (React.createElement(Split, null,
-                    React.createElement(SplitItem, { className: "pf-v5-u-pr-lg" },
+                    React.createElement(SplitItem, { className: "pf-v6-u-pr-lg" },
                         React.createElement(Bullseye, null, supportTypesArrayValues.icon && supportTypesArrayValues.icon)),
                     React.createElement(SplitItem, { isFilled: true },
-                        React.createElement("header", { className: "pf-v5-u-font-family-redhatVF-heading-sans-serif" },
+                        React.createElement("header", { className: "pf-v6-u-font-family-redhatVF-heading-sans-serif" },
                             React.createElement(Trans, null, supportTypesArrayValues.supportTypeHeading)),
                         React.createElement(Trans, null, supportTypesArrayValues.supportTypeDescription)))) : (React.createElement(Bullseye, null,
-                    React.createElement("header", { className: "pf-v5-u-font-family-redhatVF-heading-sans-serif" },
+                    React.createElement("header", { className: "pf-v6-u-font-family-redhatVF-heading-sans-serif" },
                         React.createElement(Trans, null, supportTypesArrayValues.supportTypeHeading))))))))))));
 }

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

@@ -6,7 +6,6 @@ interface IProps {
     routeProps: RouteComponentProps<IRouteUrlParams>;
     loadTCOnChange?: boolean;
     showTCAfterButtonClicked?: boolean;
-    checkEntitledProduct?: boolean;
     isOnSummaryPage?: boolean;
     isOnGetSupportPage?: boolean;
     isOnReviewPage?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"AllProductsSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/AllProductsSelector.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAuC,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAMvG,UAAU,MAAM;IACZ,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAQD;;;;;;;GAOG;AACH,QAAA,MAAM,mBAAmB,4EA4KvB,CAAC;AAGH,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"AllProductsSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/AllProductsSelector.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAMvD,OAAO,EAAuC,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAMvG,UAAU,MAAM;IACZ,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAOD;;;;;;;GAOG;AACH,QAAA,MAAM,mBAAmB,4EAoJvB,CAAC;AAGH,OAAO,EAAE,mBAAmB,EAAE,CAAC"}