@rh-support/troubleshoot 2.7.53 → 2.7.57

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

@@ -1 +1 @@
-{"version":3,"file":"Case.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/Case.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAS,mBAAmB,EAAiD,MAAM,kBAAkB,CAAC;AAoB7G,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC;CACnC;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,MAAM,qBA+QzC"}
+{"version":3,"file":"Case.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/Case.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAS,mBAAmB,EAAiD,MAAM,kBAAkB,CAAC;AAoB7G,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC;CACnC;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,MAAM,qBAkRzC"}

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

@@ -126,6 +126,8 @@ export default function Case(props) {
                 if (currentCaseRef.current !== targetCaseNumber)
                     return;
                 const caseSalesforceId = typeof (caseDetails === null || caseDetails === void 0 ? void 0 : caseDetails.id) === 'string' ? caseDetails.id : undefined;
+                // Case watchers are loaded when the Management tab / CaseContactSelector mounts
+                // (local pill state owns adds/deletes after that).
                 if (canSeeRMEs && caseSalesforceId) {
                     fetchCaseEscalations((action) => currentCaseRef.current === targetCaseNumber && caseDetailsPageDispatch(action), caseSalesforceId, apolloClient, true, includeSecureSupportCases);
                 }

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

@@ -12,7 +12,7 @@ import CaseLabels from '../../../CaseInformation/CaseLabels';
 import Fts from '../../../CaseInformation/Fts';
 // import { Cep } from '../../../CaseManagement/Cep';
 // import { RHAssociatesSelector } from '../../../CaseManagement/RHAssociatesSelector';
-// import CaseContactSelector from '../../../CaseManagement/SendNotifications/CaseContactSelector';
+import CaseContactSelector from '../../../CaseManagement/SendNotifications/CaseContactSelector';
 import { PartnerCaseHelper } from '../../ShareCase/PartnerCaseHelper';
 // TODO: Uncomment when Share with partner is re-enabled
 // import { ShareWithPartner } from '../../ShareCase/PartnerShare';
@@ -39,11 +39,7 @@ export default function CaseDetailsManagement(props) {
     // const accountNumber = caseState.caseDetails.accountNumber;
     const showCaseGroupField = useShowCaseGroupField();
     const ability = useContext(AbilityContext);
-    // const canSeeEmailNotifications = ability.can(
-    //     resourceActions.PATCH,
-    //     resources.CASE_DETAILS,
-    //     CaseDetailsFields.CASE_DETAILS_SEND_NOTIFICATIONS
-    // );
+    const canSeeEmailNotifications = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_SEND_NOTIFICATIONS);
     const canSeeInternalStatus = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_INTERNAL_STATUS);
     const canSeeSBRGroups = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_SBR_GROUP);
     return (React.createElement(React.Fragment, null,
@@ -64,6 +60,7 @@ export default function CaseDetailsManagement(props) {
                     React.createElement(FlexItem, { flex: { default: 'flex_1' } },
                         React.createElement(CaseLabels, null))),
                 React.createElement(CaseReferenceNumber, null),
+                canSeeEmailNotifications && React.createElement(CaseContactSelector, null),
                 React.createElement(Fts, { inlineEditable: true }),
                 React.createElement(SFDCUrl, null)))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"PostComment.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/PostComment.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAW7F,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAmB5E,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,WAAW,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,qBAicxC"}
+{"version":3,"file":"PostComment.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/PostComment.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAW7F,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAmB5E,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACrC,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,WAAW,EAAE,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC,mBAAmB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,qBA4cxC"}

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

@@ -214,7 +214,7 @@ export function PostComment(props) {
     const checkCommentSignature = derivedPlainText.replace(commentSignature, '');
     const isCommentEmpty = isEmpty(checkCommentSignature === null || checkCommentSignature === void 0 ? void 0 : checkCommentSignature.trim());
     const onPostComment = () => __awaiter(this, void 0, void 0, function* () {
-        var _a, _b;
+        var _a, _b, _c, _d;
         if (canEditCase.alert())
             return;
         if (!commentText)
@@ -257,8 +257,14 @@ export function PostComment(props) {
             ToastNotification.addSuccessMessage(t('Comment submitted'));
             setCssCommentAgreed(false);
         }
-        catch (_c) {
-            ToastNotification.addDangerMessage(t('Could not submit comment. Please refresh the page and try again.'));
+        catch (error) {
+            const statusCode = (_c = error === null || error === void 0 ? void 0 : error.statusCode) !== null && _c !== void 0 ? _c : (_d = error === null || error === void 0 ? void 0 : error.networkError) === null || _d === void 0 ? void 0 : _d.statusCode;
+            if (statusCode === 403) {
+                ToastNotification.addDangerMessage(t('Could not submit comment. Remove or rephrase code/stack-trace text and try again.'));
+            }
+            else {
+                ToastNotification.addDangerMessage(t('Could not submit comment. Please refresh the page and try again.'));
+            }
         }
         finally {
             setIsProcessing(false);

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

@@ -1 +1 @@
-{"version":3,"file":"ContactPhoneNumber.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/ContactPhoneNumber.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAkE/D,wBAAgB,kBAAkB,sBAyTjC"}
+{"version":3,"file":"ContactPhoneNumber.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/ContactPhoneNumber.tsx"],"names":[],"mappings":"AAYA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAoF/D,wBAAgB,kBAAkB,sBAqUjC"}

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

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { ValidatedOptions } from '@patternfly/react-core';
-import { getExactCountry, getPhoneObj, PhoneInput } from '@rh-support/components';
+import { getCountryByIso2, getExactCountry, getPhoneObj, getPreferredCountryIso2FromTimezone, PhoneInput, } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
@@ -23,7 +23,7 @@ import { setCaseDetails, setCaseState } from '../../reducers/CaseReducer';
 import { PDFContext } from '../CaseEditView/PDFContainer';
 import { removeAllChars, trimAndReplacePlus } from '../shared/utils';
 import { ContactPhoneNumberPopOver } from './ContactPhoneNumberPopOver';
-function parsePhone(rawPhone) {
+function parsePhone(rawPhone, preferredCountryIso2) {
     var _a;
     const trimmedPhone = rawPhone === null || rawPhone === void 0 ? void 0 : rawPhone.trim();
     if (!trimmedPhone) {
@@ -37,7 +37,19 @@ function parsePhone(rawPhone) {
             shouldNotSetPhoneCountryCode: false,
         };
     }
+    const preferredCountry = getCountryByIso2(preferredCountryIso2 || '');
     const rawDigits = removeAllChars(trimmedPhone);
+    if (preferredCountry && rawDigits) {
+        const dial = String(preferredCountry.dialCode);
+        const nationalNumber = rawDigits.startsWith(dial) && rawDigits.length > dial.length + 6
+            ? rawDigits.substring(dial.length)
+            : rawDigits;
+        return {
+            phoneCountryCode: `+${dial}`,
+            phoneAreaCodePrefixLineNumber: nationalNumber,
+            shouldNotSetPhoneCountryCode: false,
+        };
+    }
     if (rawDigits.length > 10) {
         const exactCountry = getExactCountry(rawDigits);
         const dialCode = !isEmpty(exactCountry) ? String(exactCountry['dialCode']) : '';
@@ -118,7 +130,7 @@ export function ContactPhoneNumber() {
         }
     };
     const onCountryCodeChange = (phoneCountryCode) => {
-        setCaseState(caseDispatch, { hasUserUpdatedSuppliedPhone: true });
+        setCaseState(caseDispatch, Object.assign({ hasUserUpdatedSuppliedPhone: true }, (phoneCountryCode ? { shouldNotSetPhoneCountryCode: false } : {})));
         setCaseDetails(caseDispatch, { phoneCountryCode });
     };
     const maxLengthErrorMessage = t('Phone number cannot be more than {{limit}} digits.', {
@@ -175,7 +187,8 @@ export function ContactPhoneNumber() {
                                 : 'False';
                     }
                     else {
-                        const parsed = parsePhone(loggedInUser.data.phone);
+                        const preferredIso2 = getPreferredCountryIso2FromTimezone(loggedInUser.data.timezone || loggedInUser.data.normalizedTZ);
+                        const parsed = parsePhone(loggedInUser.data.phone, preferredIso2);
                         _phoneCountryCode = parsed.phoneCountryCode;
                         _phoneAreaCodePrefixLineNumber = parsed.phoneAreaCodePrefixLineNumber;
                         setCaseState(caseDispatch, {
@@ -193,7 +206,8 @@ export function ContactPhoneNumber() {
                 }
                 else {
                     // Opening case for another owner — use phone already on selectedOwner
-                    const parsed = parsePhone(selectedOwnerPhone);
+                    const preferredIso2 = getPreferredCountryIso2FromTimezone(loggedInUser.data.timezone || loggedInUser.data.normalizedTZ);
+                    const parsed = parsePhone(selectedOwnerPhone, preferredIso2);
                     _phoneAreaCodePrefixLineNumber = parsed.phoneAreaCodePrefixLineNumber;
                     _phoneCountryCode = parsed.phoneCountryCode;
                     setCaseState(caseDispatch, { shouldNotSetPhoneCountryCode: parsed.shouldNotSetPhoneCountryCode });
@@ -273,7 +287,7 @@ export function ContactPhoneNumber() {
             React.createElement(Trans, null, "Case owner's phone number"),
             React.createElement("span", { className: `form-required ${isExportingPDF ? 'hide-in-pdf' : ''}`, "aria-hidden": true }, "*"),
             ContactPhoneNumberPopOver()),
-        React.createElement(PhoneInput, { phoneValue: localFullPhone, countryCode: phoneCountryCode, onPhoneValueChange: onPhoneChange, onCountryCodeChange: onCountryCodeChange, validations: isPhoneNumberValid, invalid: invalid, setInvalid: setInvalid, isLoading: isCasePhoneUpdating, shouldNotSetCountryCode: shouldNotSetPhoneCountryCode, isDisabled: isCasePhoneUpdating }),
+        React.createElement(PhoneInput, { phoneValue: localFullPhone, countryCode: phoneCountryCode, onPhoneValueChange: onPhoneChange, onCountryCodeChange: onCountryCodeChange, validations: isPhoneNumberValid, invalid: invalid, setInvalid: setInvalid, isLoading: isCasePhoneUpdating, shouldNotSetCountryCode: shouldNotSetPhoneCountryCode, preferredCountryIso2: getPreferredCountryIso2FromTimezone(loggedInUser.data.timezone || loggedInUser.data.normalizedTZ), isDisabled: isCasePhoneUpdating }),
         !invalid &&
             getPhone.length <= PHONE_LIMIT &&
             !(isPhoneNumberEmpty && isNextBtnClickedToShowValidationError) &&

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

@@ -14,6 +14,8 @@ import CaseLabelsCreate from './CaseLabelsCreate';
 import CaseLanguageSelector from './CaseLanguageSelector';
 // import { Cep } from './Cep';
 import OpenReferenceNumber from './OpenReferenceNumber';
+// import { RHAssociatesSelector } from './RHAssociatesSelector';
+import CaseContactSelector from './SendNotifications/CaseContactSelector';
 export default function CaseManagement(props) {
     const caseDispatch = useCaseDispatch();
     const showCaseGroupField = useShowCaseGroupField();
@@ -36,5 +38,6 @@ export default function CaseManagement(props) {
         React.createElement(Grid, { hasGutter: true },
             React.createElement(GridItem, { span: 12, xl2: 12, className: "pf-v6-u-mb-xs" },
                 React.createElement(CaseLabelsCreate, null))),
+        React.createElement(CaseContactSelector, null),
         React.createElement(OpenReferenceNumber, { inlineEditable: false, hideSaveCancel: true })));
 }

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

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

@@ -7,11 +7,13 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import { useApolloClient } from '@apollo/client/react';
 import { Button, Tooltip, TooltipPosition } from '@patternfly/react-core';
+import ExclamationCircleIcon from '@patternfly/react-icons/dist/js/icons/exclamation-circle-icon';
 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 { dtmTrackEventCaseStepEncountered, fetchCaseWatcherContactsByCaseNumber, isCaseWatcherLimitExceededError, } from '@rh-support/utils';
 import difference from 'lodash/difference';
 import differenceBy from 'lodash/differenceBy';
 import filter from 'lodash/filter';
@@ -29,11 +31,13 @@ import { Token } from 'react-bootstrap-typeahead';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../../context/CaseContext';
 import { useCaseUpdateErrorMessage } from '../../../hooks/useCaseUpdateErrorMessage';
-import { addingNotifiedUsers, deleteNotifiedUsers, setNotifiedUser, setSelectedCaseGroupUsers, } from '../../../reducers/CaseReducer';
+import { MAX_NOTIFICATION_CONTACTS, MAX_NOTIFICATION_CONTACTS_WITH_OVERFLOW } from '../../../reducers/CaseConstNTypes';
+import { createCaseWatchers, deleteCaseWatchers, setNotifiedUser, setSelectedCaseGroupUsers, } from '../../../reducers/CaseReducer';
 import { PDFContext } from '../../CaseEditView/PDFContainer';
 import { useCustomEmails } from '../../CaseEditView/Tabs/CaseDetails/useCustomEmails';
 import { AddContactToGroupModal } from './AddContactToGroupModal';
 import { NonOrgCaseNotifyeesSelector } from './NonOrgCaseNotifyeesSelector';
+import { SendNotificationsPopOver } from './SendNotificationsPopOver';
 function CaseContactSelector(props) {
     var _a;
     const ability = useContext(AbilityContext);
@@ -41,11 +45,12 @@ function CaseContactSelector(props) {
     const [isAssociatesUpdating, setIsAssociatesUpdating] = useState(false);
     const { t } = useTranslation();
     const caseUpdateError = useCaseUpdateErrorMessage();
-    const { accountNumber, caseNumber, contactSsoUsername, selectedNotificationContacts, selectedOwner, customEmailsList, product, selectedCaseGroupUsers, ownersCaseGroups, groupNumber, createdById, version, isCaseOwnerUpdating, selectedAccountDetails, } = useCaseSelector((state) => ({
+    const apolloClient = useApolloClient();
+    const { accountNumber, caseNumber, caseSalesforceId, contactSsoUsername, selectedOwner, customEmailsList, product, selectedCaseGroupUsers, ownersCaseGroups, groupNumber, createdById, version, isCaseOwnerUpdating, selectedAccountDetails, } = useCaseSelector((state) => ({
         accountNumber: state.caseDetails.accountNumberRef,
         caseNumber: state.caseDetails.caseNumber,
+        caseSalesforceId: state.caseDetails.id,
         contactSsoUsername: state.caseDetails.contactSSOName,
-        selectedNotificationContacts: state.selectedNotificationContacts,
         selectedOwner: state.selectedOwner,
         customEmailsList: state.customEmailsList,
         selectedCaseGroupUsers: state.selectedCaseGroupUsers,
@@ -72,51 +77,155 @@ function CaseContactSelector(props) {
     const nonOrgTypeaheadRef = useRef(null);
     const canEditCase = useCanEditCase();
     const toolTipRef = useRef();
-    const onCaseContactAdded = (addedUsers) => __awaiter(this, void 0, void 0, function* () {
-        const addesUsersSso = map(addedUsers, (u) => ({ ssoUsername: u.ssoUsername }));
+    const [localNotificationContacts, setLocalNotificationContacts] = useState([]);
+    const localNotificationContactsRef = useRef([]);
+    localNotificationContactsRef.current = localNotificationContacts;
+    const hasLocalEditsRef = useRef(false);
+    const apolloClientRef = useRef(apolloClient);
+    apolloClientRef.current = apolloClient;
+    const caseDispatchRef = useRef(caseDispatch);
+    caseDispatchRef.current = caseDispatch;
+    const syncLocalNotificationContacts = (contacts) => {
+        hasLocalEditsRef.current = true;
+        localNotificationContactsRef.current = contacts;
+        setLocalNotificationContacts(contacts);
+        setNotifiedUser(caseDispatchRef.current, contacts);
+    };
+    const clearLocalNotificationContacts = () => {
+        hasLocalEditsRef.current = false;
+        localNotificationContactsRef.current = [];
+        setLocalNotificationContacts([]);
+        setNotifiedUser(caseDispatchRef.current, []);
+    };
+    // GET watchers only when Management tab (this component) mounts — never on option select / create watcher.
+    useEffect(() => {
+        hasLocalEditsRef.current = false;
+        if (!caseNumber || !canSeeEmailNotifications) {
+            clearLocalNotificationContacts();
+            return;
+        }
+        let cancelled = false;
+        (() => __awaiter(this, void 0, void 0, function* () {
+            try {
+                const contacts = yield fetchCaseWatcherContactsByCaseNumber(apolloClientRef.current, caseNumber);
+                if (cancelled)
+                    return;
+                if (hasLocalEditsRef.current) {
+                    const local = localNotificationContactsRef.current;
+                    const serverBySso = new Map(contacts.map((c) => [c.ssoUsername, c]));
+                    const mergedLocal = local.map((c) => {
+                        const server = serverBySso.get(c.ssoUsername);
+                        return server ? Object.assign(Object.assign({}, c), server) : c;
+                    });
+                    const localSso = new Set(local.map((c) => c.ssoUsername));
+                    const onlyOnServer = contacts.filter((c) => !localSso.has(c.ssoUsername));
+                    const merged = uniqBy([...onlyOnServer, ...mergedLocal], 'ssoUsername');
+                    // Hydrate from GET without marking as a user edit.
+                    localNotificationContactsRef.current = merged;
+                    setLocalNotificationContacts(merged);
+                    setNotifiedUser(caseDispatchRef.current, merged);
+                    return;
+                }
+                localNotificationContactsRef.current = contacts;
+                setLocalNotificationContacts(contacts);
+                setNotifiedUser(caseDispatchRef.current, contacts);
+            }
+            catch (_a) { }
+        }))();
+        return () => {
+            cancelled = true;
+            hasLocalEditsRef.current = false;
+            localNotificationContactsRef.current = [];
+            setLocalNotificationContacts([]);
+            setNotifiedUser(caseDispatchRef.current, []);
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [caseNumber, canSeeEmailNotifications]);
+    const getSelectedNotificationCount = () => customEmailsList.data.length + localNotificationContacts.length;
+    const addCaseContact = (toAdd) => __awaiter(this, void 0, void 0, function* () {
+        if (!toAdd.length)
+            return;
+        const currentCount = getSelectedNotificationCount();
+        if (currentCount >= MAX_NOTIFICATION_CONTACTS_WITH_OVERFLOW) {
+            clearNonOrgTypeahead();
+            return;
+        }
+        const contactsBeforeAdd = localNotificationContactsRef.current;
+        const alreadyAtLimit = currentCount >= MAX_NOTIFICATION_CONTACTS;
+        const toAddSso = new Set(map(toAdd, (c) => c.ssoUsername));
+        // Show pills from local selection immediately (before any create / GET).
+        const optimistic = uniqBy([
+            ...contactsBeforeAdd,
+            ...toAdd.map((c) => (Object.assign(Object.assign(Object.assign({}, c), { isInternal: false }), (alreadyAtLimit ? { isNotificationOverLimit: true } : {})))),
+        ], 'ssoUsername');
+        syncLocalNotificationContacts(optimistic);
+        clearNonOrgTypeahead();
+        if (isEmpty(caseNumber)) {
+            return;
+        }
+        if (!caseSalesforceId) {
+            syncLocalNotificationContacts(contactsBeforeAdd);
+            throw new Error('Case Salesforce Id is required to add a watcher');
+        }
+        if (alreadyAtLimit) {
+            return;
+        }
         setIsAssociatesUpdating(true);
         try {
-            yield addingNotifiedUsers(caseDispatch, caseNumber, addesUsersSso);
+            const created = yield createCaseWatchers(caseDispatch, apolloClient, caseSalesforceId, toAdd);
+            const merged = localNotificationContactsRef.current.map((contact) => {
+                const match = find(created, (c) => c.ssoUsername === contact.ssoUsername);
+                return match ? Object.assign(Object.assign(Object.assign({}, contact), match), { isInternal: false }) : contact;
+            });
+            const mergedSso = new Set(map(merged, (c) => c.ssoUsername));
+            const missing = filter(created, (c) => !mergedSso.has(c.ssoUsername)).map((c) => (Object.assign(Object.assign({}, c), { isInternal: false })));
+            syncLocalNotificationContacts(uniqBy([...merged, ...missing], 'ssoUsername'));
             setIsAssociatesUpdating(false);
             ToastNotification.addSuccessMessage(t(`Contact has been successfully added`));
         }
         catch (e) {
             setIsAssociatesUpdating(false);
-            caseUpdateError.showFieldError(e, t('Contact'), () => onCaseContactAdded(addedUsers));
+            if (isCaseWatcherLimitExceededError(e)) {
+                syncLocalNotificationContacts(localNotificationContactsRef.current.map((c) => toAddSso.has(c.ssoUsername) ? Object.assign(Object.assign({}, c), { isNotificationOverLimit: true }) : c));
+                return;
+            }
+            syncLocalNotificationContacts(filter(localNotificationContactsRef.current, (c) => !toAddSso.has(c.ssoUsername)));
+            caseUpdateError.showFieldError(e, t('Contact'), () => addCaseContact(toAdd));
+            throw e;
         }
     });
-    const onCaseContactRemoved = (removedUsers) => __awaiter(this, void 0, void 0, function* () {
-        const ssoUsers = map(removedUsers, (u) => u.ssoUsername);
+    const removeCaseContact = (toRemove) => __awaiter(this, void 0, void 0, function* () {
+        const current = localNotificationContactsRef.current;
+        const toRemoveWithWatcherIds = map(toRemove, (item) => {
+            const fromState = find(current, (c) => c.ssoUsername === item.ssoUsername);
+            return (fromState !== null && fromState !== void 0 ? fromState : item);
+        });
+        const toRemoveSso = map(toRemoveWithWatcherIds, (item) => item.ssoUsername);
+        const before = current;
+        syncLocalNotificationContacts(filter(current, (item) => !toRemoveSso.includes(item.ssoUsername)));
+        const persistedToRemove = filter(toRemoveWithWatcherIds, (c) => Boolean(c.caseWatcherId));
+        if (isEmpty(caseNumber) || persistedToRemove.length === 0) {
+            return;
+        }
         setIsAssociatesUpdating(true);
         try {
-            yield deleteNotifiedUsers(caseDispatch, caseNumber, ssoUsers);
+            yield deleteCaseWatchers(caseDispatch, apolloClient, persistedToRemove);
             setIsAssociatesUpdating(false);
             ToastNotification.addSuccessMessage(t(`Contact has been successfully removed`));
         }
         catch (e) {
             setIsAssociatesUpdating(false);
-            caseUpdateError.showFieldError(e, t('Contact'), () => onCaseContactRemoved(removedUsers));
-        }
-    });
-    const addCaseContact = (toAdd) => __awaiter(this, void 0, void 0, function* () {
-        const newContacts = [...selectedNotificationContacts, ...toAdd];
-        if (!isEmpty(caseNumber)) {
-            yield onCaseContactAdded(toAdd);
-        }
-        clearNonOrgTypeahead();
-        toAdd.length && setNotifiedUser(caseDispatch, uniqBy([...newContacts], 'ssoUsername'));
-    });
-    const removeCaseContact = (toRemove) => __awaiter(this, void 0, void 0, function* () {
-        const toRemoveSso = map(toRemove, (item) => item.ssoUsername);
-        const newContacts = filter(selectedNotificationContacts, (item) => !toRemoveSso.includes(item.ssoUsername));
-        if (!isEmpty(caseNumber)) {
-            yield onCaseContactRemoved(toRemove);
+            syncLocalNotificationContacts(before);
+            caseUpdateError.showFieldError(e, t('Contact'), () => removeCaseContact(toRemove));
+            throw e;
         }
-        toRemove.length && setNotifiedUser(caseDispatch, uniqBy([...newContacts], 'ssoUsername'));
     });
+    const totalSelectedContactsCount = getSelectedNotificationCount();
+    const isOverContactLimit = totalSelectedContactsCount > MAX_NOTIFICATION_CONTACTS;
     const processCaseContacts = (selectedContacts) => __awaiter(this, void 0, void 0, function* () {
-        const toAdd = filter(differenceBy(selectedContacts, selectedNotificationContacts, 'ssoUsername'), (item) => item.ssoUsername !== contactSsoUsername);
-        const toRemove = filter(intersectionBy(selectedContacts, selectedNotificationContacts, 'ssoUsername'), (item) => !item.isInternal && item.ssoUsername !== contactSsoUsername);
+        const toAdd = filter(differenceBy(selectedContacts, localNotificationContacts, 'ssoUsername'), (item) => item.ssoUsername !== contactSsoUsername);
+        // Chip X / toggle: Typeahead passes only the changed contact(s), not the full selection.
+        const toRemove = filter(intersectionBy(selectedContacts, localNotificationContacts, 'ssoUsername'), (item) => item.ssoUsername !== contactSsoUsername);
         (toAdd.length || toRemove.length) && clearErrorState();
         if ((toAdd || []).length > 0) {
             if (loggedInUserRights.data.isOrgAdmin()) {
@@ -198,43 +307,40 @@ function CaseContactSelector(props) {
     });
     const onNotifiedUserChange = (...args_1) => __awaiter(this, [...args_1], void 0, function* (selectedContacts = [], throwTrackEvent = false) {
         // check if selection changed
-        const alreadySelected = [
-            ...customEmailsList.data,
-            ...filter(selectedNotificationContacts, (c) => !c.isInternal),
-        ];
+        const alreadySelected = [...customEmailsList.data, ...localNotificationContacts];
         if (alreadySelected.length !== 1 && xor(alreadySelected, selectedContacts).length === 0)
             return;
         if (canEditCase.alert())
             return;
         const allSelectedContacts = [...selectedContacts];
-        const selectedCustomEmails = remove(allSelectedContacts, (item) => item.customOption || item.emailAddress).map((item) => item.label || item.emailAddress || item.ssoUsername);
+        const selectedCustomEmails = remove(allSelectedContacts, (item) => item.customOption || (item.emailAddress && !item.ssoUsername)).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 */
+    /** Reset notification contacts when selected account number changes */
     useEffect(() => {
         if (accountNumber === previousAccountNumber || isEmpty(previousAccountNumber))
             return;
-        setNotifiedUser(caseDispatch, []);
+        syncLocalNotificationContacts([]);
     }, [accountNumber, caseDispatch, previousAccountNumber]);
     const isCurrentUserCaseContact = contactSsoUsername === loggedInUser.data.ssoUsername;
     const isCurrentUserCaseCreator = loggedInUserRights.data.getUserFullName() === createdById;
-    const isCurrentUserSelectedExternalNotifiedUser = () => !!find(selectedNotificationContacts, (c) => !c.isInternal && c.ssoUsername === loggedInUser.data.ssoUsername);
+    const isCurrentUserSelectedExternalNotifiedUser = () => !!find(localNotificationContacts, (c) => !c.isInternal && c.ssoUsername === loggedInUser.data.ssoUsername);
     const showAddWatchButton = () => !isCurrentUserCaseContact &&
         loggedInUserRights.data.isExternal() &&
         !isCurrentUserSelectedExternalNotifiedUser();
     const showRemoveWatchButton = () => loggedInUserRights.data.isExternal() &&
         (isCurrentUserSelectedExternalNotifiedUser() || isCurrentUserCaseContact);
     const addCurrentUser = () => __awaiter(this, void 0, void 0, function* () {
-        onNotifiedUserChange([...selectedNotificationContacts, ...customEmailsList.data, loggedInUser.data], true);
+        onNotifiedUserChange([...localNotificationContacts, ...customEmailsList.data, loggedInUser.data], true);
     });
     const removeCurrentUser = () => {
         if (isCurrentUserSelectedExternalNotifiedUser()) {
             onNotifiedUserChange([
-                ...filter(selectedNotificationContacts, (contact) => contact.ssoUsername !== loggedInUser.data.ssoUsername),
+                ...filter(localNotificationContacts, (contact) => contact.ssoUsername !== loggedInUser.data.ssoUsername),
                 ...customEmailsList.data,
             ]);
         }
@@ -266,40 +372,38 @@ function CaseContactSelector(props) {
     if (!canSeeEmailNotifications)
         return React.createElement(React.Fragment, null);
     return (React.createElement("div", { className: "form-group pf-v6-u-mb-md" },
-        React.createElement("label", { className: "react-typeahead-label-wrapper", htmlFor: "get-support-notifications" },
+        React.createElement("label", { htmlFor: "open-case-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, { isDisabled: isUpdatingCustomEmails || isAssociatesUpdating, groupContactsAndEmails: true, allowCustomEmailAdd: true, contactSsoUsername: contactSsoUsername !== null && contactSsoUsername !== void 0 ? contactSsoUsername : '', loggedInUserRights: loggedInUserRights.data, selectedAccountNumber: accountNumber, salesforceAccountId: (_a = selectedAccountDetails.data) === null || _a === void 0 ? void 0 : _a.salesforceAccountId, 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 ||
-                            isCaseOwnerUpdating, isExportingPDF: isExportingPDF, customEmails: accountCustomEmails.data || [], canAddNew: onAddNew, getCreateNewText: getCreateNewText })),
-                !showGroupPermissionError && !showAccountPermissionError && (React.createElement("p", { className: "form-instructions" },
-                    React.createElement(Trans, null, "Include someone from your account to inform about the status of this case."))),
-                showGroupPermissionError && !isExportingPDF && (React.createElement("p", { className: "form-instructions form-invalid" }, loggedInUserRights.data.isOrgAdmin() && (React.createElement(Trans, null,
-                    "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, { className: "add-watcher-button", variant: "secondary", onClick: addCurrentUser, type: "button", "data-tracking-id": "case-add-me-watcher", isDisabled: isUpdatingCustomEmails || isAssociatesUpdating },
-                    React.createElement(Trans, null, "Add me as a watcher"))),
-                caseNumber && showRemoveWatchButton() && !isExportingPDF && (React.createElement("div", { className: "remove-me-as-watcher pf-v6-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("div", { className: "pf-v6-u-display-inline-block", ref: toolTipRef },
-                        React.createElement(Button, { className: "remove-watcher-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, { className: "remove-watcher-button", variant: "secondary", onClick: removeCurrentUser, isDisabled: isUpdatingCustomEmails || isAssociatesUpdating, 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: t('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 })))));
+            SendNotificationsPopOver()),
+        loggedInUserRights.data.isOrgAdmin() ? (React.createElement(React.Fragment, null,
+            React.createElement("div", { "data-tracking-id": "send-notification-listbox" },
+                React.createElement(CaseContactsSelectorExternal, { isDisabled: isUpdatingCustomEmails || isAssociatesUpdating, groupContactsAndEmails: true, allowCustomEmailAdd: true, contactSsoUsername: contactSsoUsername !== null && contactSsoUsername !== void 0 ? contactSsoUsername : '', loggedInUserRights: loggedInUserRights.data, selectedAccountNumber: accountNumber, salesforceAccountId: (_a = selectedAccountDetails.data) === null || _a === void 0 ? void 0 : _a.salesforceAccountId, selected: [...customEmailsList.data, ...localNotificationContacts], contactsToExclude: !isEmpty(selectedOwner.data) ? [selectedOwner.data] : [], onChange: onNotifiedUserChange, clearButton: true, multiple: true, maxSelections: MAX_NOTIFICATION_CONTACTS, placeholder: t('Search contacts by name, email, or username'), id: "open-case-notifications", name: "open-case-notifications", className: "react-select-custom", renderToken: renderToken, isUpdating: isAssociatesUpdating ||
+                        customEmailsList.isFetching ||
+                        isUpdatingCustomEmails ||
+                        isCaseOwnerUpdating, isExportingPDF: isExportingPDF, customEmails: accountCustomEmails.data || [], canAddNew: onAddNew, getCreateNewText: getCreateNewText, noOptionsFoundMessage: t('No email address associated with your account matches your search.') })),
+            !showGroupPermissionError && !showAccountPermissionError && !isOverContactLimit && (React.createElement("p", { className: "form-instructions" },
+                React.createElement(Trans, null, "Include someone from your account to inform about the status of this case."))),
+            isOverContactLimit && !isExportingPDF && (React.createElement("p", { className: "form-instructions form-invalid" },
+                React.createElement(ExclamationCircleIcon, { color: "#c9190b", className: "pf-v6-u-mr-sm" }),
+                React.createElement(Trans, { i18nKey: "You can add up to {{limit}} people. Remove someone before adding another.", values: { limit: MAX_NOTIFICATION_CONTACTS } }))),
+            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, { className: "add-watcher-button", variant: "secondary", onClick: addCurrentUser, type: "button", "data-tracking-id": "case-add-me-watcher", isDisabled: isUpdatingCustomEmails || isAssociatesUpdating },
+                React.createElement(Trans, null, "Add me as a watcher"))),
+            caseNumber && showRemoveWatchButton() && !isExportingPDF && (React.createElement("div", { className: "remove-me-as-watcher pf-v6-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("div", { className: "pf-v6-u-display-inline-block", ref: toolTipRef },
+                    React.createElement(Button, { className: "remove-watcher-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, { className: "remove-watcher-button", variant: "secondary", onClick: removeCurrentUser, isDisabled: isUpdatingCustomEmails || isAssociatesUpdating, 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: t('Enter an email address or username for the person you want to notify'), isDisabled: isAssociatesUpdating || customEmailsList.isFetching || isUpdatingCustomEmails, selectedItems: [...customEmailsList.data, ...localNotificationContacts], 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/SendNotificationsPopOver.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SendNotificationsPopOver.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseManagement/SendNotifications/SendNotificationsPopOver.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,wBAAwB,yBAyBpC,CAAC"}

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

@@ -0,0 +1,10 @@
+import { Popover, PopoverPosition } from '@patternfly/react-core';
+import QuestionCircleIcon from '@patternfly/react-icons/dist/js/icons/question-circle-icon';
+import React from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+export const SendNotificationsPopOver = () => {
+    const { t } = useTranslation();
+    return (React.createElement(Popover, { "aria-label": t('Who can receive notifications info'), position: PopoverPosition.top, headerContent: React.createElement(Trans, null, "Who can receive notifications?"), bodyContent: React.createElement("p", null,
+            React.createElement(Trans, null, "Only verified contacts associated with your account can be added. Notification emails include limited case details, so recipients must sign in to the Customer Portal to view the full update.")), closeBtnAriaLabel: t('Close') },
+        React.createElement(QuestionCircleIcon, { className: "pf-v6-u-ml-xs icon-size cursor-pointer", "aria-label": t('Who can receive notifications info'), color: "#5e40be" })));
+};

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

@@ -21,7 +21,7 @@ import CaseLanguageSelector from '../CaseManagement/CaseLanguageSelector';
 // 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();
@@ -111,5 +111,6 @@ export default function IdeaInformation() {
                 React.createElement(Grid, { hasGutter: true },
                     React.createElement(GridItem, { span: 12, xl2: 12, className: "pf-v6-u-mb-xs" },
                         React.createElement(CaseLabelsCreate, null))),
+                React.createElement(CaseContactSelector, null),
                 React.createElement(OpenReferenceNumber, { inlineEditable: false, hideSaveCancel: true }))))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Review.d.ts","sourceRoot":"","sources":["../../../../src/components/Review/Review.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA4B,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAsBlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AACD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,qBAmG3C"}
+{"version":3,"file":"Review.d.ts","sourceRoot":"","sources":["../../../../src/components/Review/Review.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAsBlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AACD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,qBAmG3C"}