@rh-support/troubleshoot 2.6.32 → 2.6.34

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":"AAgBA,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"}
+{"version":3,"file":"AddCustomEmailToAccountModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseManagement/SendNotifications/AddCustomEmailToAccountModal.tsx"],"names":[],"mappings":"AAmBA,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,qBA+GpD"}

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

@@ -8,11 +8,11 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { customEmail } from '@cee-eng/hydrajs';
-import { Button, Form, FormGroup, FormHelperText, HelperText, HelperTextItem, Modal, ModalFooter, ModalVariant, TextInput, ValidatedOptions, } from '@patternfly/react-core';
+import { Button, ButtonVariant, Form, FormGroup, FormHelperText, HelperText, HelperTextItem, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant, TextInput, ValidatedOptions, } from '@patternfly/react-core';
 import { ToastNotification, useFetch } from '@rh-support/components';
 import isEmpty from 'lodash/isEmpty';
 import React, { useState } from 'react';
-import { Trans, useTranslation } from 'react-i18next';
+import { useTranslation } from 'react-i18next';
 export function AddCustomEmailToAccount(props) {
     const { t } = useTranslation();
     const { request, isFetching } = useFetch(customEmail.addCustomEmailToAccount, { propgateErrors: true });
@@ -45,23 +45,21 @@ export function AddCustomEmailToAccount(props) {
         : 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 },
-        React.createElement("p", { className: "pf-v6-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, 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-v6-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 }))),
+    return (React.createElement(Modal, { isOpen: true, onClose: handleClose, variant: ModalVariant.medium, "aria-labelledby": "add-email-modal-title", "aria-describedby": "add-email-modal-body" },
+        React.createElement(ModalHeader, { title: t('Add a notification email to your account'), labelId: "add-email-modal-title" }),
+        React.createElement(ModalBody, { id: "add-email-modal-body" },
+            React.createElement("p", { className: "pf-v6-u-mb-md" }, t('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, isRequired: true, "aria-label": t('New email address') })),
+                React.createElement(FormGroup, { label: t('First name'), fieldId: "custom-email-firstName", isRequired: true },
+                    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 }),
+                    firstNameValidated === ValidatedOptions.error && (React.createElement(FormHelperText, null,
+                        React.createElement(HelperText, null,
+                            React.createElement(HelperTextItem, { variant: ValidatedOptions.error }, t('First name cannot be empty')))))),
+                React.createElement(FormGroup, { label: t('Last name'), fieldId: "custom-email-lastName" },
+                    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 })))),
         React.createElement(ModalFooter, null,
-            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(Button, { key: "confirm", variant: ButtonVariant.primary, onClick: onAdd, isDisabled: isFetching || (isSaveButtonClicked && isEmpty(firstName.trim())), spinnerAriaValueText: isFetching ? t('Loading') : undefined, isLoading: isFetching }, t('Add to account')),
+            React.createElement(Button, { key: "cancel", variant: ButtonVariant.link, onClick: handleClose, isDisabled: isFetching }, t('Cancel')))));
 }

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":"AAyBA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAgBvE,MAAM,WAAW,MAAM;CAAG;AAG1B,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAsdzC;AAED,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"CaseContactSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseManagement/SendNotifications/CaseContactSelector.tsx"],"names":[],"mappings":"AA2BA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAgBvE,MAAM,WAAW,MAAM;CAAG;AAG1B,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAsdzC;AAED,eAAe,mBAAmB,CAAC"}

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

@@ -16,6 +16,8 @@ import difference from 'lodash/difference';
 import differenceBy from 'lodash/differenceBy';
 import filter from 'lodash/filter';
 import find from 'lodash/find';
+import intersection from 'lodash/intersection';
+import intersectionBy from 'lodash/intersectionBy';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import map from 'lodash/map';
@@ -110,7 +112,7 @@ function CaseContactSelector(props) {
     });
     const processCaseContacts = (selectedContacts) => __awaiter(this, void 0, void 0, function* () {
         const toAdd = filter(differenceBy(selectedContacts, selectedNotificationContacts, 'ssoUsername'), (item) => item.ssoUsername !== contactSsoUsername);
-        const toRemove = filter(differenceBy(selectedNotificationContacts, selectedContacts, 'ssoUsername'), (item) => !item.isInternal && item.ssoUsername !== contactSsoUsername);
+        const toRemove = filter(intersectionBy(selectedContacts, selectedNotificationContacts, 'ssoUsername'), (item) => !item.isInternal && item.ssoUsername !== contactSsoUsername);
         (toAdd.length || toRemove.length) && clearErrorState();
         if ((toAdd || []).length > 0) {
             if (loggedInUserRights.data.isOrgAdmin()) {
@@ -127,7 +129,7 @@ function CaseContactSelector(props) {
     });
     const processCustomEmails = (selectedCustomEmails) => __awaiter(this, void 0, void 0, function* () {
         const currentEmails = customEmailsList.data.map((item) => item.emailAddress);
-        const toRemoveEmails = difference(currentEmails, selectedCustomEmails);
+        const toRemoveEmails = intersection(currentEmails, selectedCustomEmails);
         const toAddEmails = difference(selectedCustomEmails, currentEmails);
         (toAddEmails.length || toRemoveEmails.length) && clearErrorState();
         if ((toAddEmails || []).length > 0) {

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":"AAgBA,OAAO,EAAwB,oBAAoB,EAAY,MAAM,wBAAwB,CAAC;AAE9F,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,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;AAqCD,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,qBAiNxD"}
+{"version":3,"file":"NonOrgCaseNotifyeesSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseManagement/SendNotifications/NonOrgCaseNotifyeesSelector.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAwB,oBAAoB,EAAY,MAAM,wBAAwB,CAAC;AAE9F,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,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;AA+BD,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,qBAuMxD"}

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

@@ -19,7 +19,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { accounts } from '@cee-eng/hydrajs';
-import { Button, Flex, FlexItem, Label, LabelGroup, Menu, MenuContent, MenuItem, MenuList, Popper, TextInput, } from '@patternfly/react-core';
+import { Button, Flex, FlexItem, Label, LabelGroup, Menu, MenuContent, MenuItem, MenuList, Popper, TextInputGroup, TextInputGroupMain, } from '@patternfly/react-core';
 import { getHydraContactLabel, useFetch } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import React, { useContext, useEffect, useRef, useState } from 'react';
@@ -42,7 +42,7 @@ const CustomHighlighter = ({ search, children }) => {
         return React.createElement(React.Fragment, null, children);
     const regex = new RegExp(`(${search})`, 'gi');
     const parts = children.split(regex);
-    return (React.createElement(React.Fragment, null, parts.map((part, index) => regex.test(part) ? (React.createElement("mark", { key: index, style: { backgroundColor: '#fff3cd' } }, part)) : (part))));
+    return (React.createElement(React.Fragment, null, parts.map((part, index) => regex.test(part) ? (React.createElement("mark", { key: index, style: { backgroundColor: '#FFF3CD' } }, part)) : (part))));
 };
 export function NonOrgCaseNotifyeesSelector(props) {
     const [inputVal, setInputVal] = useState('');
@@ -60,15 +60,13 @@ export function NonOrgCaseNotifyeesSelector(props) {
         }
     }, [props.typeaheadRef]);
     const onItemSelect = (option) => {
-        const newSelected = [...props.selectedItems, option];
-        props.onChange && props.onChange(newSelected);
+        props.onChange && props.onChange([option]);
         setInputVal('');
         clearList();
         setIsDropdownOpen(false);
     };
     const onRemoveItem = (optionToRemove) => {
-        const newSelected = props.selectedItems.filter((item) => getKey(item) !== getKey(optionToRemove));
-        props.onChange && props.onChange(newSelected);
+        props.onChange && props.onChange([optionToRemove]);
     };
     const onAddClick = () => __awaiter(this, void 0, void 0, function* () {
         var _a, _b, _c;
@@ -84,11 +82,7 @@ export function NonOrgCaseNotifyeesSelector(props) {
                 const { ssoName } = c, rest = __rest(c, ["ssoName"]);
                 return Object.assign({ ssoUsername: ssoName }, rest);
             });
-            setNotifyeesList([
-                ...mappedContacts,
-                { emailAddress: notificationAddress.email, caseNumber: '' },
-            ]);
-            setIsDropdownOpen(true);
+            setNotifyeesList([...mappedContacts, { emailAddress: notificationAddress.email }]);
         }
         else {
             if (notificationAddress === null || notificationAddress === void 0 ? void 0 : notificationAddress.email) {
@@ -140,11 +134,11 @@ export function NonOrgCaseNotifyeesSelector(props) {
     const renderSelectedItems = () => {
         if (props.selectedItems.length === 0)
             return null;
-        return (React.createElement(LabelGroup, { style: { marginBottom: '8px' } }, props.selectedItems.map((option, index) => {
+        return (React.createElement(LabelGroup, { "aria-label": "Selected contacts" }, props.selectedItems.map((option, index) => {
             const isContactOption = isContact(option);
             const isCurrentUserCaseContact = isContactOption && option.ssoUsername === props.contactSsoUsername;
             const isDisabled = (props.isChipDisabled && isContactOption) || isCurrentUserCaseContact;
-            return (React.createElement(Label, { key: getKey(option) || index, onClose: () => onRemoveItem(option), isDisabled: isDisabled, closeBtnAriaLabel: `Remove ${getHydraContactLabel(option)}`, variant: "outline" }, getHydraContactLabel(option)));
+            return (React.createElement(Label, { key: getKey(option) || index, onClose: () => onRemoveItem(option), isDisabled: isDisabled, closeBtnAriaLabel: `Remove ${getHydraContactLabel(option)}`, variant: "outline", color: "blue" }, getHydraContactLabel(option)));
         })));
     };
     const menu = (React.createElement(Menu, { ref: menuRef },
@@ -154,16 +148,13 @@ export function NonOrgCaseNotifyeesSelector(props) {
     return (React.createElement(Flex, null,
         React.createElement(FlexItem, { grow: { sm: 'grow' } },
             React.createElement("div", null,
-                renderSelectedItems(),
                 React.createElement(Flex, null,
                     React.createElement(FlexItem, { grow: { sm: 'grow' } },
-                        React.createElement(Popper, { trigger: React.createElement(TextInput, { ref: inputRef, id: props.id, "data-tracking-id": props.dataTrackingId, value: inputVal, onChange: (event, value) => onInputChange(value), placeholder: props.placeholder, isDisabled: props.isDisabled || isFetching, onBlur: onBlur, validated: showGroupPermissionError || showAccountPermissionError ? 'error' : 'default' }), popper: menu, isVisible: isDropdownOpen && notifyeesList.length > 0, position: "start" })),
-                    React.createElement(FlexItem, null,
-                        React.createElement(Button, { variant: "primary", onClick: onAddClick, isLoading: props.isDisabled || isFetching, spinnerAriaValueText: props.isDisabled ? 'Loading' : undefined, isDisabled: !(inputVal || '').trim() || props.isDisabled || isFetching, "data-tracking-id": `${props.dataTrackingId}-add-btn` },
-                            React.createElement(Trans, null, "Add"))))),
-            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-v6-c-form__helper-text pf-m-error", style: { color: '#c9190b' } },
+                        React.createElement(Popper, { trigger: React.createElement(TextInputGroup, null,
+                                React.createElement(TextInputGroupMain, { ref: inputRef, id: props.id, "data-tracking-id": props.dataTrackingId, value: inputVal, onChange: (_, value) => onInputChange(value), placeholder: props.placeholder, disabled: props.isDisabled || isFetching, onBlur: onBlur }, renderSelectedItems())), popper: menu, isVisible: isDropdownOpen && notifyeesList.length > 0, position: "start" })),
+                    React.createElement(Button, { variant: "primary", onClick: onAddClick, isLoading: props.isDisabled || isFetching, spinnerAriaValueText: props.isDisabled ? 'Loading' : undefined, isDisabled: !(inputVal || '').trim() || props.isDisabled || isFetching, "data-tracking-id": `${props.dataTrackingId}-add-btn`, className: "send-notifications-add" },
+                        React.createElement(Trans, null, "Add")))),
+            React.createElement("p", { className: "pf-v6-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/scss/_main.scss

@@ -1312,3 +1312,7 @@ svg.pf-v6-u-ml-xs.icon-size {
 .remote-session-button:disabled {
     color: var(--pf-v6-c-button--disabled--Color);
 }
+
+.send-notifications-add:disabled {
+    color: var(--pf-v6-c-button--disabled--Color) !important;
+}

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

@@ -107,6 +107,7 @@
 }
 
 .pf-v6-c-alert {
+    margin-top: 24px;
     .pf-v6-c-alert__title {
         font-weight: 600 !important;
         font-size: 15px;
@@ -330,6 +331,10 @@
     color: var(--pf-v6-c-button--Color);
 }
 
+.pf-m-aria-disabled {
+    color: var(--pf-v6-c-button--disabled--Color) !important;
+}
+
 // Override disable color on darker backgrounds
 .case-overview-secondary,
 #review {
@@ -822,3 +827,7 @@ div.case-details-tabs pre {
     padding-left: 1.5rem;
     padding-right: 1.5rem;
 }
+
+.pf-v6-c-alert {
+    margin-top: 0;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.6.32",
+    "version": "2.6.34",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -134,5 +134,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "84eef7e2917784ff0ee4e573265279e2b37ea74c"
+    "gitHead": "976f134e20f3bf65b6bf613d6f39060724683cf9"
 }