@rh-support/troubleshoot 2.4.10-beta.8 → 2.5.1

package/lib/esm/components/CaseManagement/RHAssociatesSelector.js

@@ -11,6 +11,7 @@ import { Button, Tooltip, TooltipPosition } from '@patternfly/react-core';
 import { ToastNotification } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import { AbilityContext, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
+import { dtmTrackEventCaseStepEncountered } from '@rh-support/utils';
 import differenceBy from 'lodash/differenceBy';
 import filter from 'lodash/filter';
 import find from 'lodash/find';
@@ -31,11 +32,13 @@ function RHAssociatesSelector(props) {
     const [isRHAssociatesUpdating, setIsRHAssociatesUpdating] = useState(false);
     const ability = useContext(AbilityContext);
     const { isExportingPDF } = useContext(PDFContext);
-    const { caseNumber, contactSsoUsername, selectedOwner, selectedNotificationContacts } = useCaseSelector((state) => ({
+    const { caseNumber, contactSsoUsername, product, selectedOwner, selectedNotificationContacts, version } = useCaseSelector((state) => ({
         caseNumber: state.caseDetails.caseNumber,
         contactSsoUsername: state.caseDetails.contactSSOName,
         selectedOwner: state.selectedOwner,
         selectedNotificationContacts: state.selectedNotificationContacts,
+        product: state.caseDetails.product,
+        version: state.caseDetails.version,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
     const onRhAssociateAdded = (addedUsers) => __awaiter(this, void 0, void 0, function* () {
@@ -64,7 +67,7 @@ function RHAssociatesSelector(props) {
             ToastNotification.addDangerMessage(t(`Red Hat associate failed to get removed`));
         }
     });
-    const onNotifiedUserChange = (selectedContacts) => __awaiter(this, void 0, void 0, function* () {
+    const onNotifiedUserChange = (selectedContacts_1, ...args_1) => __awaiter(this, [selectedContacts_1, ...args_1], void 0, function* (selectedContacts, throwTrackEventOnAdd = false) {
         const toAdd = filter(differenceBy(selectedContacts, selectedNotificationContacts, 'ssoUsername'), (item) => item.ssoUsername !== contactSsoUsername);
         const toRemove = filter(differenceBy(selectedNotificationContacts, selectedContacts, 'ssoUsername'), (item) => item.isInternal && item.ssoUsername !== contactSsoUsername);
         let newContacts = [];
@@ -72,6 +75,9 @@ function RHAssociatesSelector(props) {
             newContacts = [...selectedNotificationContacts, ...toAdd];
             if (!isEmpty(caseNumber)) {
                 yield onRhAssociateAdded(toAdd);
+                if (throwTrackEventOnAdd) {
+                    dtmTrackEventCaseStepEncountered('follow', caseNumber, product, version);
+                }
             }
         }
         else if ((toRemove || []).length > 0) {
@@ -90,9 +96,9 @@ function RHAssociatesSelector(props) {
         !isCurrentUserSelectedInternalNotifiedUser();
     const showRemoveWatchButton = () => (loggedInUserRights.data.isInternal() && isCurrentUserSelectedInternalNotifiedUser()) ||
         contactSsoUsername === loggedInUser.data.ssoUsername;
-    const addCurrentUser = () => {
-        onNotifiedUserChange([Object.assign(Object.assign({}, loggedInUser.data), { accountNumber: loggedInUserRights.data.getAccountNumber() })]);
-    };
+    const addCurrentUser = () => __awaiter(this, void 0, void 0, function* () {
+        onNotifiedUserChange([Object.assign(Object.assign({}, loggedInUser.data), { accountNumber: loggedInUserRights.data.getAccountNumber() })], true);
+    });
     const removeCurrentUser = () => {
         if (isCurrentUserSelectedInternalNotifiedUser()) {
             onNotifiedUserChange(filter(selectedNotificationContacts, (contact) => contact.ssoUsername !== loggedInUser.data.ssoUsername));
@@ -107,16 +113,16 @@ function RHAssociatesSelector(props) {
     if (!canNotifyRHAssociates)
         return React.createElement(React.Fragment, null);
     return (React.createElement(React.Fragment, null, canNotifyRHAssociates && (React.createElement("div", { className: "form-group" },
-        React.createElement("label", { htmlFor: "get-support-notifications" },
-            React.createElement(Trans, null, "Red Hat associates")),
-        React.createElement(ContactSelectorInternal, { className: "push-bottom-narrow", selectedContacts: filter(selectedNotificationContacts, (c) => c.isInternal), showSelectedContacts: true, contactsToExclude: !isEmpty(selectedOwner.data) ? [{ ssoUsername: selectedOwner.data.ssoUsername }] : [], id: "open-case-rh-notifications", name: "open-case-rh-notifications", multiple: true, contactListParams: {
-                internal: false,
-                isInternalContact: true,
-            }, placeholder: t(`Add an internal associate to watch this case`), onSelect: onNotifiedUserChange, renderToken: renderToken, isUpdating: isRHAssociatesUpdating, "data-tracking-id": "case-contact-select-rh-watcher" }),
+        React.createElement("label", { className: "react-typeahead-label-wrapper", htmlFor: "get-support-notifications" },
+            React.createElement(Trans, null, "Red Hat associates"),
+            React.createElement(ContactSelectorInternal, { className: "push-bottom-narrow", selectedContacts: filter(selectedNotificationContacts, (c) => c.isInternal), showSelectedContacts: true, contactsToExclude: !isEmpty(selectedOwner.data) ? [{ ssoUsername: selectedOwner.data.ssoUsername }] : [], id: "open-case-rh-notifications", name: "open-case-rh-notifications", multiple: true, contactListParams: {
+                    internal: false, // to get non-ldap contacts only
+                    isInternalContact: true,
+                }, placeholder: t(`Add an internal associate to watch this case`), onSelect: onNotifiedUserChange, renderToken: renderToken, isUpdating: isRHAssociatesUpdating, "data-tracking-id": "case-contact-select-rh-watcher" })),
         caseNumber && showAddWatchButton() && !isExportingPDF && (React.createElement(Button, { variant: "secondary", onClick: addCurrentUser, type: "button", "data-tracking-id": "case-add-me-rh-watcher" },
             React.createElement(Trans, null, "Add me as a watcher"))),
-        caseNumber && showRemoveWatchButton() && !isExportingPDF && (React.createElement("div", { ref: toolTipRef, className: "remove-me-as-watcher pf-u-display-inline-block" }, isCurrentUserCaseContact ? (React.createElement(React.Fragment, null,
-            React.createElement(Tooltip, { trigger: 'mouseenter focus', reference: toolTipRef, position: TooltipPosition.top, content: React.createElement(Trans, null, "You are case contact and therefore you cannot be removed as watcher") }),
+        caseNumber && showRemoveWatchButton() && !isExportingPDF && (React.createElement("div", { ref: toolTipRef, className: "remove-me-as-watcher pf-v5-u-display-inline-block" }, isCurrentUserCaseContact ? (React.createElement(React.Fragment, null,
+            React.createElement(Tooltip, { trigger: 'mouseenter focus', triggerRef: toolTipRef, position: TooltipPosition.top, content: React.createElement(Trans, null, "You are case contact and therefore you cannot be removed as watcher") }),
             React.createElement(Button, { variant: "tertiary", onClick: removeCurrentUser, type: "button", isDisabled: true, "data-tracking-id": "case-remove-me-rh-watcher-case-contact" },
                 React.createElement(Trans, null, "Remove me as a watcher")))) : (React.createElement(Button, { variant: "secondary", onClick: removeCurrentUser, type: "button", "data-tracking-id": "case-remove-me-rh-watcher" },
             React.createElement(Trans, null, "Remove me as a watcher")))))))));

package/lib/esm/components/CaseManagement/SendNotifications/AddContactToGroupModal.d.ts

@@ -1,4 +1,5 @@
 import { ICaseGroup, IGroupUser } from '@cee-eng/hydrajs/@types/api/public/caseGroups';
+import React from 'react';
 interface IProps {
     accountNumber: string;
     selectedCaseGroup: ICaseGroup;
@@ -6,6 +7,6 @@ interface IProps {
     onAddSuccess: () => void;
     onClose: () => void;
 }
-export declare function AddContactToGroupModal(props: IProps): JSX.Element;
+export declare function AddContactToGroupModal(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=AddContactToGroupModal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AddContactToGroupModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseManagement/SendNotifications/AddContactToGroupModal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAMvF,UAAU,MAAM;IACZ,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,UAAU,CAAC;IAC9B,eAAe,EAAE,UAAU,CAAC;IAC5B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AACD,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,eAuDnD"}
+{"version":3,"file":"AddContactToGroupModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseManagement/SendNotifications/AddContactToGroupModal.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAGvF,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,MAAM;IACZ,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,UAAU,CAAC;IAC9B,eAAe,EAAE,UAAU,CAAC;IAC5B,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AACD,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,qBAuDnD"}

package/lib/esm/components/CaseManagement/SendNotifications/AddCustomEmailToAccountModal.d.ts

@@ -1,9 +1,10 @@
+import React from 'react';
 interface IProps {
     customEmailAddress: string;
     accountNumber: string;
     onAddSuccess: () => void;
     onClose: () => void;
 }
-export declare function AddCustomEmailToAccount(props: IProps): JSX.Element;
+export declare function AddCustomEmailToAccount(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=AddCustomEmailToAccountModal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AddCustomEmailToAccountModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseManagement/SendNotifications/AddCustomEmailToAccountModal.tsx"],"names":[],"mappings":"AAOA,UAAU,MAAM;IACZ,kBAAkB,EAAE,MAAM,CAAC;IAC3B,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AACD,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,eAiHpD"}
+{"version":3,"file":"AddCustomEmailToAccountModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseManagement/SendNotifications/AddCustomEmailToAccountModal.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,UAAU,MAAM;IACZ,kBAAkB,EAAE,MAAM,CAAC;IAC3B,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AACD,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,qBAsGpD"}

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

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { customEmail } from '@cee-eng/hydrajs';
-import { Button, Form, FormGroup, Modal, ModalVariant, TextInput, ValidatedOptions } from '@patternfly/react-core';
+import { Button, Form, FormGroup, FormHelperText, HelperText, HelperTextItem, Modal, ModalVariant, TextInput, ValidatedOptions, } from '@patternfly/react-core';
 import { ToastNotification, useFetch } from '@rh-support/components';
 import isEmpty from 'lodash/isEmpty';
 import React, { useState } from 'react';
@@ -40,27 +40,28 @@ export function AddCustomEmailToAccount(props) {
         setIsSaveButtonClicked(false);
         props.onClose && props.onClose();
     };
+    const firstNameValidated = !isSaveButtonClicked
+        ? ValidatedOptions.default
+        : isEmpty(firstName.trim())
+            ? ValidatedOptions.error
+            : ValidatedOptions.default;
     return (React.createElement(Modal, { variant: ModalVariant.medium, title: t('Add a notification email to your account'), isOpen: true, onClose: handleClose, onEscapePress: handleClose, actions: [
             React.createElement(Button, { spinnerAriaValueText: isFetching ? t('Adding') : undefined, isLoading: isFetching, key: "confirm", variant: "primary", onClick: onAdd, isDisabled: isFetching || (isSaveButtonClicked && isEmpty(firstName.trim())) },
                 React.createElement(Trans, null, "Add to account")),
             React.createElement(Button, { key: "cancel", variant: "link", onClick: handleClose, isDisabled: isFetching },
                 React.createElement(Trans, null, "Cancel")),
         ] },
-        React.createElement("p", { className: "pf-u-mb-lg" },
+        React.createElement("p", { className: "pf-v5-u-mb-lg" },
             React.createElement(Trans, null, "Note: This email will be added at an account level, not a case level.")),
         React.createElement(Form, null,
             React.createElement(FormGroup, { label: t('New email address'), fieldId: "custom-email-address", isRequired: true },
-                React.createElement(TextInput, { id: "custom-email", isDisabled: true, value: props.customEmailAddress, className: "form-control", isRequired: true })),
-            React.createElement(FormGroup, { label: t('First name'), fieldId: "custom-email-firstName", validated: !isSaveButtonClicked
-                    ? ValidatedOptions.default
-                    : isEmpty(firstName.trim())
-                        ? ValidatedOptions.error
-                        : ValidatedOptions.default, isRequired: true, helperTextInvalid: t('First name cannot be empty') },
-                React.createElement(TextInput, { id: "custom-email-firstName", value: firstName, className: "form-control", isRequired: true, type: "text", validated: !isSaveButtonClicked
-                        ? ValidatedOptions.default
-                        : isEmpty(firstName.trim())
-                            ? ValidatedOptions.error
-                            : ValidatedOptions.default, onChange: onFirstNameChange, "aria-label": t('First name'), placeholder: t('First name'), maxLength: 254 })),
-            React.createElement(FormGroup, { label: t('Last name'), fieldId: "custom-email-lastName", className: "pf-u-mb-md" },
-                React.createElement(TextInput, { id: "custom-email-lastName", value: lastName, className: "form-control", type: "text", onChange: onLastNameChange, "aria-label": t('Last name'), placeholder: t('Last name'), maxLength: 254 })))));
+                React.createElement(TextInput, { id: "custom-email", isDisabled: true, value: props.customEmailAddress, isRequired: true })),
+            React.createElement(FormGroup, { label: t('First name'), fieldId: "custom-email-firstName", isRequired: true },
+                firstNameValidated === 'error' && (React.createElement(FormHelperText, null,
+                    React.createElement(HelperText, null,
+                        React.createElement(HelperTextItem, { variant: "error" },
+                            React.createElement(Trans, null, "First name cannot be empty"))))),
+                React.createElement(TextInput, { id: "custom-email-firstName", value: firstName, isRequired: true, type: "text", validated: firstNameValidated, onChange: (_event, firstName) => onFirstNameChange(firstName), "aria-label": t('First name'), placeholder: t('First name'), maxLength: 254 })),
+            React.createElement(FormGroup, { label: t('Last name'), fieldId: "custom-email-lastName", className: "pf-v5-u-mb-md" },
+                React.createElement(TextInput, { id: "custom-email-lastName", value: lastName, type: "text", onChange: (_event, lastName) => onLastNameChange(lastName), "aria-label": t('Last name'), placeholder: t('Last name'), maxLength: 254 })))));
 }

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

@@ -1,5 +1,6 @@
+import React from 'react';
 export interface IProps {
 }
-declare function CaseContactSelector(props: IProps): JSX.Element;
+declare function CaseContactSelector(props: IProps): React.JSX.Element;
 export default CaseContactSelector;
 //# sourceMappingURL=CaseContactSelector.d.ts.map

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":"AAuCA,MAAM,WAAW,MAAM;CAAG;AAG1B,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,eA6azC;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,qBA8bzC;AAED,eAAe,mBAAmB,CAAC"}

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

@@ -11,6 +11,7 @@ import { Button, Tooltip, TooltipPosition } from '@patternfly/react-core';
 import { CaseContactsSelectorExternal, getHydraContactLabel, PromisifyModal, ToastNotification, usePrevious, } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
 import { AbilityContext, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
+import { dtmTrackEventCaseStepEncountered } from '@rh-support/utils';
 import differenceBy from 'lodash/differenceBy';
 import filter from 'lodash/filter';
 import find from 'lodash/find';
@@ -34,7 +35,7 @@ function CaseContactSelector(props) {
     const canSeeEmailNotifications = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_SEND_NOTIFICATIONS);
     const [isAssociatesUpdating, setIsAssociatesUpdating] = useState(false);
     const { t } = useTranslation();
-    const { accountNumber, caseNumber, contactSsoUsername, selectedNotificationContacts, selectedOwner, customEmailsList, selectedCaseGroupUsers, ownersCaseGroups, groupNumber, createdById, } = useCaseSelector((state) => ({
+    const { accountNumber, caseNumber, contactSsoUsername, selectedNotificationContacts, selectedOwner, customEmailsList, product, selectedCaseGroupUsers, ownersCaseGroups, groupNumber, createdById, version, } = useCaseSelector((state) => ({
         accountNumber: state.caseDetails.accountNumberRef,
         caseNumber: state.caseDetails.caseNumber,
         contactSsoUsername: state.caseDetails.contactSSOName,
@@ -45,6 +46,8 @@ function CaseContactSelector(props) {
         groupNumber: state.caseDetails.groupNumber,
         ownersCaseGroups: state.ownersCaseGroups,
         createdById: state.caseDetails.createdById,
+        product: state.caseDetails.product,
+        version: state.caseDetails.version,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
     const { addCustomEmail, canAddCustomEmail, hideCustomEmails, deleteCustomEmail, isUpdatingCustomEmails, isEmailValid, showAddEmailToAccountModal, } = useCustomEmails({
@@ -185,7 +188,7 @@ function CaseContactSelector(props) {
         }
         return hasGroupAccess;
     });
-    const onNotifiedUserChange = (selectedContacts = []) => __awaiter(this, void 0, void 0, function* () {
+    const onNotifiedUserChange = (...args_1) => __awaiter(this, [...args_1], void 0, function* (selectedContacts = [], throwTrackEvent = false) {
         // check if selection changed
         const alreadySelected = [
             ...customEmailsList.data,
@@ -199,6 +202,9 @@ function CaseContactSelector(props) {
         const selectedCustomEmails = remove(allSelectedContacts, (item) => item.customOption || item.emailAddress).map((item) => item.label || item.emailAddress || item.ssoUsername);
         yield processCustomEmails(selectedCustomEmails);
         yield processCaseContacts(allSelectedContacts);
+        if (throwTrackEvent) {
+            dtmTrackEventCaseStepEncountered('follow', caseNumber, product, version);
+        }
     });
     /** Reset all non-internal selectedNotificationContacts when selected account number changes */
     useEffect(() => {
@@ -214,9 +220,9 @@ function CaseContactSelector(props) {
         !isCurrentUserSelectedExternalNotifiedUser();
     const showRemoveWatchButton = () => loggedInUserRights.data.isExternal() &&
         (isCurrentUserSelectedExternalNotifiedUser() || isCurrentUserCaseContact);
-    const addCurrentUser = () => {
-        onNotifiedUserChange([...selectedNotificationContacts, ...customEmailsList.data, loggedInUser.data]);
-    };
+    const addCurrentUser = () => __awaiter(this, void 0, void 0, function* () {
+        onNotifiedUserChange([...selectedNotificationContacts, ...customEmailsList.data, loggedInUser.data], true);
+    });
     const removeCurrentUser = () => {
         if (isCurrentUserSelectedExternalNotifiedUser()) {
             onNotifiedUserChange([
@@ -248,37 +254,37 @@ function CaseContactSelector(props) {
     };
     if (!canSeeEmailNotifications)
         return React.createElement(React.Fragment, null);
-    return (React.createElement("div", { className: "form-group pf-u-mb-md" },
-        React.createElement("label", { htmlFor: "get-support-notifications" },
-            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: [
-                        ...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 || [] })),
-            !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,
-                "Please",
-                ' ',
-                React.createElement(Button, { variant: "link", isInline: true, component: "span", onClick: onAddContactToGroupBtnClick }, "add this person to the selected group"),
-                ' ',
-                "if you want to send notifications about this case.")))),
-            showAccountPermissionError && !isExportingPDF && (React.createElement("p", { className: "form-instructions form-invalid" }, loggedInUserRights.data.isOrgAdmin() && (React.createElement(Trans, null,
-                emailToAdd,
-                " is not listed under your account. You can always",
-                ' ',
-                React.createElement(Button, { variant: "link", isInline: true, component: "span", onClick: onAddEmailToAccountBtnClick }, "add them at the account level"))))),
-            caseNumber && showAddWatchButton() && !isExportingPDF && (React.createElement(Button, { variant: "secondary", onClick: addCurrentUser, type: "button", "data-tracking-id": "case-add-me-watcher" },
-                React.createElement(Trans, null, "Add me as a watcher"))),
-            caseNumber && showRemoveWatchButton() && !isExportingPDF && (React.createElement("div", { ref: toolTipRef, className: "remove-me-as-watcher pf-u-display-inline-block" }, isCurrentUserCaseContact ? (React.createElement(React.Fragment, null,
-                React.createElement(Tooltip, { trigger: 'mouseenter focus', reference: toolTipRef, position: TooltipPosition.top, content: React.createElement(Trans, null, "You are case contact and therefore you cannot be removed as watcher") }),
-                React.createElement(Button, { variant: "tertiary", onClick: removeCurrentUser, type: "button", isDisabled: true, "data-tracking-id": "case-remove-me-watcher" },
-                    React.createElement(Trans, null, "Remove me as a watcher")))) : (React.createElement(Button, { variant: "secondary", onClick: removeCurrentUser, type: "button", "data-tracking-id": "case-remove-me-watcher" },
-                React.createElement(Trans, null, "Remove me as a watcher"))))))) : (React.createElement(NonOrgCaseNotifyeesSelector, { id: "open-case-notifications", placeholder: "Enter an email address or username for the person you want to notify", isDisabled: isAssociatesUpdating || customEmailsList.isFetching || isUpdatingCustomEmails, selectedItems: [
-                ...customEmailsList.data,
-                ...filter(selectedNotificationContacts, (c) => !c.isInternal),
-            ], dataTrackingId: "non-org-admin-contact-selector", onChange: onNotifiedUserChange, isChipDisabled: !isCurrentUserCaseCreator && !!caseNumber, accountNumber: accountNumber, groupNumber: groupNumber, typeaheadRef: nonOrgTypeaheadRef, contactSsoUsername: contactSsoUsername }))));
+    return (React.createElement("div", { className: "form-group pf-v5-u-mb-md" },
+        React.createElement("label", { className: "react-typeahead-label-wrapper", htmlFor: "get-support-notifications" },
+            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: [
+                            ...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 || [] })),
+                !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,
+                    "Please",
+                    ' ',
+                    React.createElement(Button, { variant: "link", isInline: true, component: "span", onClick: onAddContactToGroupBtnClick }, "add this person to the selected group"),
+                    ' ',
+                    "if you want to send notifications about this case.")))),
+                showAccountPermissionError && !isExportingPDF && (React.createElement("p", { className: "form-instructions form-invalid" }, loggedInUserRights.data.isOrgAdmin() && (React.createElement(Trans, null,
+                    emailToAdd,
+                    " is not listed under your account. You can always",
+                    ' ',
+                    React.createElement(Button, { variant: "link", isInline: true, component: "span", onClick: onAddEmailToAccountBtnClick }, "add them at the account level"))))),
+                caseNumber && showAddWatchButton() && !isExportingPDF && (React.createElement(Button, { variant: "secondary", onClick: addCurrentUser, type: "button", "data-tracking-id": "case-add-me-watcher" },
+                    React.createElement(Trans, null, "Add me as a watcher"))),
+                caseNumber && showRemoveWatchButton() && !isExportingPDF && (React.createElement("div", { ref: toolTipRef, className: "remove-me-as-watcher pf-v5-u-display-inline-block" }, isCurrentUserCaseContact ? (React.createElement(React.Fragment, null,
+                    React.createElement(Tooltip, { trigger: 'mouseenter focus', triggerRef: toolTipRef, position: TooltipPosition.top, content: React.createElement(Trans, null, "You are case contact and therefore you cannot be removed as watcher") }),
+                    React.createElement(Button, { variant: "tertiary", onClick: removeCurrentUser, type: "button", isDisabled: true, "data-tracking-id": "case-remove-me-watcher" },
+                        React.createElement(Trans, null, "Remove me as a watcher")))) : (React.createElement(Button, { variant: "secondary", onClick: removeCurrentUser, type: "button", "data-tracking-id": "case-remove-me-watcher" },
+                    React.createElement(Trans, null, "Remove me as a watcher"))))))) : (React.createElement(NonOrgCaseNotifyeesSelector, { id: "open-case-notifications", placeholder: "Enter an email address or username for the person you want to notify", isDisabled: isAssociatesUpdating || customEmailsList.isFetching || isUpdatingCustomEmails, selectedItems: [
+                    ...customEmailsList.data,
+                    ...filter(selectedNotificationContacts, (c) => !c.isInternal),
+                ], dataTrackingId: "non-org-admin-contact-selector", onChange: onNotifiedUserChange, isChipDisabled: !isCurrentUserCaseCreator && !!caseNumber, accountNumber: accountNumber, groupNumber: groupNumber, typeaheadRef: nonOrgTypeaheadRef, contactSsoUsername: contactSsoUsername })))));
 }
 export default CaseContactSelector;

package/lib/esm/components/CaseManagement/SendNotifications/NonOrgCaseNotifyeesSelector.d.ts

@@ -13,6 +13,6 @@ interface IProps extends IDClassNameProps {
     typeaheadRef: React.MutableRefObject<any>;
     contactSsoUsername: string;
 }
-export declare function NonOrgCaseNotifyeesSelector(props: IProps): JSX.Element;
+export declare function NonOrgCaseNotifyeesSelector(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=NonOrgCaseNotifyeesSelector.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"NonOrgCaseNotifyeesSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseManagement/SendNotifications/NonOrgCaseNotifyeesSelector.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAwB,oBAAoB,EAAY,MAAM,wBAAwB,CAAC;AAE9F,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAA+B,MAAM,OAAO,CAAC;AAIpD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,aAAa,EAAE,oBAAoB,EAAE,CAAC;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,aAAa,EAAE,oBAAoB,EAAE,KAAK,IAAI,CAAC;IAC1D,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAC1C,kBAAkB,EAAE,MAAM,CAAC;CAC9B;AAeD,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,eA4JxD"}
+{"version":3,"file":"NonOrgCaseNotifyeesSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseManagement/SendNotifications/NonOrgCaseNotifyeesSelector.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAwB,oBAAoB,EAAY,MAAM,wBAAwB,CAAC;AAE9F,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAA+B,MAAM,OAAO,CAAC;AAIpD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,aAAa,EAAE,oBAAoB,EAAE,CAAC;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,CAAC,aAAa,EAAE,oBAAoB,EAAE,KAAK,IAAI,CAAC;IAC1D,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAC1C,kBAAkB,EAAE,MAAM,CAAC;CAC9B;AAeD,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,qBA4JxD"}

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

@@ -26,12 +26,10 @@ import React, { useContext, useState } from 'react';
 import { Highlighter, Token, Typeahead } from 'react-bootstrap-typeahead';
 import { Trans } from 'react-i18next';
 const isCustomEmailAddress = (user) => {
-    var _a;
-    return !!((_a = user) === null || _a === void 0 ? void 0 : _a.emailAddress);
+    return !!(user === null || user === void 0 ? void 0 : user.emailAddress);
 };
 const isContact = (user) => {
-    var _a;
-    return !!((_a = user) === null || _a === void 0 ? void 0 : _a.ssoUsername);
+    return !!(user === null || user === void 0 ? void 0 : user.ssoUsername);
 };
 const getKey = (option) => {
     if (isCustomEmailAddress(option))
@@ -119,7 +117,7 @@ export function NonOrgCaseNotifyeesSelector(props) {
             React.createElement(Typeahead, { id: props.id, "data-tracking-id": props.dataTrackingId, onChange: onItemSelect, onInputChange: onInputChange, open: notifyeesList.length > 0, ref: props.typeaheadRef, selected: props.selectedItems, placeholder: props.placeholder, disabled: props.isDisabled || isFetching, options: notifyeesList, renderToken: renderToken, multiple: true, filterBy: () => true, labelKey: getHydraContactLabel, renderMenuItemChildren: renderMenuItemChildren, onBlur: onBlur, isInvalid: showGroupPermissionError || showAccountPermissionError }),
             props.selectedItems.length > 0 && !showAccountPermissionError && !showAccountPermissionError && (React.createElement("p", { className: "form-instructions" },
                 React.createElement(Trans, null, "Enter an email address or username for the person you want to notify"))),
-            React.createElement("p", { className: "pf-c-form__helper-text pf-m-error", style: { color: '#c9190b' } },
+            React.createElement("p", { className: "pf-v5-c-form__helper-text pf-m-error", style: { color: '#c9190b' } },
                 showGroupPermissionError && (React.createElement(Trans, null,
                     inputVal,
                     " was not found under the selected group. Please contact your Org Admin to add them to this group.")),

package/lib/esm/components/ConfirmationModals/NoAttachmentSelectedModal.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 interface IProps {
     isOpen: boolean;
     onClose: () => void;
     onConfirm: () => void;
 }
-export declare function NoAttachmentSelectedModal(props: IProps): JSX.Element;
+export declare function NoAttachmentSelectedModal(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=NoAttachmentSelectedModal.d.ts.map

package/lib/esm/components/ConfirmationModals/NoAttachmentSelectedModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NoAttachmentSelectedModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ConfirmationModals/NoAttachmentSelectedModal.tsx"],"names":[],"mappings":"AAqBA,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;CACzB;AAID,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,eAuJtD"}
+{"version":3,"file":"NoAttachmentSelectedModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ConfirmationModals/NoAttachmentSelectedModal.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAiBvE,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;CACzB;AAID,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,qBAuJtD"}

package/lib/esm/components/ConfirmationModals/NoAttachmentSelectedModal.js

@@ -70,7 +70,7 @@ export function NoAttachmentSelectedModal(props) {
         else {
             actionButtons = [
                 React.createElement(FileSelectorButton, { key: "file-selector-btn", buttonLabel: t('Upload a file'), className: "pf-m-primary", "data-tracking-id": "no-attachment-file-selector-button", isSessionId: true }),
-                React.createElement(Button, { key: "skip-file", onClick: props.onConfirm, className: "pf-u-ml-sm", "data-tracking-id": "submit-without-attachment", variant: ButtonVariant.secondary },
+                React.createElement(Button, { key: "skip-file", onClick: props.onConfirm, className: "pf-v5-u-ml-sm", "data-tracking-id": "submit-without-attachment", variant: ButtonVariant.secondary },
                     React.createElement(Trans, null, "Yes, I'm sure")),
             ];
         }
@@ -94,10 +94,10 @@ export function NoAttachmentSelectedModal(props) {
     };
     return (React.createElement(Modal, { id: "no-attachment-selected", title: t(getModalTitle()), "aria-describedby": "no-attachment-selected-modal", isOpen: props.isOpen, onClose: props.onClose, showClose: true, actions: getModalActionButtons(), variant: ModalVariant.large, "data-tracking-id": "no-attachment-selected-modal-body" },
         !isAnyFileAttachedLocal && (React.createElement(React.Fragment, null,
-            React.createElement("p", { className: "pf-u-mb-md" },
+            React.createElement("p", { className: "pf-v5-u-mb-md" },
                 React.createElement(Trans, null, "Uploading an attachment will speed up your case's resolution time")),
             React.createElement(FileEARule, { isInline: true }))),
         React.createElement(FileUpload, { idToUploadTo: activeSessionId, onUploadClick: onFileUploadClick, isSessionId: true, needsAnalyzing: true, autoUploadOnSelect: loggedInUsersAccount.data.secureSupport ? false : true, isSecureSupport: loggedInUsersAccount.data.secureSupport, isPrivate: false }),
-        !canUseSessionManagement && isAnyFileAttachedLocal && (React.createElement(Button, { className: "pf-u-mt-sm", variant: ButtonVariant.primary, onClick: props.onConfirm, "data-tracking-id": "no-attachment-modal-create-case" },
+        !canUseSessionManagement && isAnyFileAttachedLocal && (React.createElement(Button, { className: "pf-v5-u-mt-sm", variant: ButtonVariant.primary, onClick: props.onConfirm, "data-tracking-id": "no-attachment-modal-create-case" },
             React.createElement(Trans, null, "Create Case")))));
 }

package/lib/esm/components/ConfirmationModals/PreCaseConfirmationModals.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export declare enum PreCaseConfirmationModalsEnum {
     CSS_MODAL = "cssModal",
     PREFERRED_GS4_Modal = "preferredGS4Modal",
@@ -9,6 +10,6 @@ interface IProps {
     onModalClose: () => void;
     onConfirm: () => void;
 }
-export default function PreCaseConfirmationModals(props: IProps): JSX.Element;
+export default function PreCaseConfirmationModals(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=PreCaseConfirmationModals.d.ts.map

package/lib/esm/components/ConfirmationModals/PreCaseConfirmationModals.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreCaseConfirmationModals.d.ts","sourceRoot":"","sources":["../../../../src/components/ConfirmationModals/PreCaseConfirmationModals.tsx"],"names":[],"mappings":"AAOA,oBAAY,6BAA6B;IACrC,SAAS,aAAa;IACtB,mBAAmB,sBAAsB;IACzC,UAAU,cAAc;IACxB,mBAAmB,sBAAsB;CAC5C;AAED,UAAU,MAAM;IACZ,qBAAqB,EAAE,6BAA6B,CAAC;IACrD,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,KAAK,EAAE,MAAM,eAwB9D"}
+{"version":3,"file":"PreCaseConfirmationModals.d.ts","sourceRoot":"","sources":["../../../../src/components/ConfirmationModals/PreCaseConfirmationModals.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,oBAAY,6BAA6B;IACrC,SAAS,aAAa;IACtB,mBAAmB,sBAAsB;IACzC,UAAU,cAAc;IACxB,mBAAmB,sBAAsB;CAC5C;AAED,UAAU,MAAM;IACZ,qBAAqB,EAAE,6BAA6B,CAAC;IACrD,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,SAAS,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,KAAK,EAAE,MAAM,qBAqB9D"}

package/lib/esm/components/ConfirmationModals/PreCaseConfirmationModals.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import { ConfirmedStateSideSupportModal } from './ConfirmedStateSideSupportModal';
 import { NoAttachmentSelectedModal } from './NoAttachmentSelectedModal';
 import { PreferredSecureSupportModal } from './PreferredSecureSupportModal';
 import ROCMModal from './ROCMModal';
@@ -19,7 +18,6 @@ export default function PreCaseConfirmationModals(props) {
         onModalClose && onModalClose();
     };
     return (React.createElement(React.Fragment, null,
-        confirmationModalType === PreCaseConfirmationModalsEnum.CSS_MODAL && (React.createElement(ConfirmedStateSideSupportModal, { isOpen: true, onClose: closeModal })),
         confirmationModalType === PreCaseConfirmationModalsEnum.PREFERRED_GS4_Modal && (React.createElement(PreferredSecureSupportModal, { isOpen: true, onClose: closeModal })),
         confirmationModalType === PreCaseConfirmationModalsEnum.ROCM_MODAL && (React.createElement(ROCMModal, { isOpen: true, onClose: closeModal, onConfirm: props.onConfirm })),
         confirmationModalType === PreCaseConfirmationModalsEnum.NO_ATTACHMENT_MODAL && (React.createElement(NoAttachmentSelectedModal, { isOpen: true, onClose: closeModal, onConfirm: props.onConfirm }))));

package/lib/esm/components/ConfirmationModals/PreferredSecureSupportModal.d.ts

@@ -1,7 +1,8 @@
+import React from 'react';
 interface IProps {
     isOpen: boolean;
     onClose: () => void;
 }
-export declare const PreferredSecureSupportModal: (props: IProps) => JSX.Element;
+export declare const PreferredSecureSupportModal: (props: IProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=PreferredSecureSupportModal.d.ts.map

package/lib/esm/components/ConfirmationModals/PreferredSecureSupportModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PreferredSecureSupportModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ConfirmationModals/PreferredSecureSupportModal.tsx"],"names":[],"mappings":"AAIA,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,2BAA2B,UAAW,MAAM,gBAiCxD,CAAC"}
+{"version":3,"file":"PreferredSecureSupportModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ConfirmationModals/PreferredSecureSupportModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,2BAA2B,UAAW,MAAM,sBAiCxD,CAAC"}

package/lib/esm/components/ConfirmationModals/ROCMModal.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 interface IProps {
     isOpen: boolean;
     onClose: () => void;
     onConfirm: () => void;
 }
-export default function ROCMModal(props: IProps): JSX.Element;
+export default function ROCMModal(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=ROCMModal.d.ts.map

package/lib/esm/components/ConfirmationModals/ROCMModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ROCMModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ConfirmationModals/ROCMModal.tsx"],"names":[],"mappings":"AAIA,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,MAAM,eAyB9C"}
+{"version":3,"file":"ROCMModal.d.ts","sourceRoot":"","sources":["../../../../src/components/ConfirmationModals/ROCMModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,MAAM;IACZ,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,KAAK,EAAE,MAAM,qBAyB9C"}

package/lib/esm/components/Cve/CveItem.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ICVEWorkflowRecommendation } from '../../models/caseCreationWorkflows';
+interface IProp {
+    cve: ICVEWorkflowRecommendation;
+    isExpanded: boolean;
+    index: number;
+}
+export declare const CveItem: (props: IProp) => React.JSX.Element;
+export {};
+//# sourceMappingURL=CveItem.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CveItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Cve/CveItem.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAKrD,OAAO,EAAE,0BAA0B,EAAkB,MAAM,oCAAoC,CAAC;AAShG,UAAU,KAAK;IACX,GAAG,EAAE,0BAA0B,CAAC;IAChC,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACjB;AAaD,eAAO,MAAM,OAAO,UAAW,KAAK,sBA2NnC,CAAC"}