@rh-support/troubleshoot 2.6.357 → 2.6.361

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

@@ -1 +1 @@
-{"version":3,"file":"CaseGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseGroup.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAmB5E,UAAU,MAAM;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAWD,iBAAS,SAAS,CAAC,KAAK,EAAE,MAAM,qBAmf/B;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"CaseGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseGroup.tsx"],"names":[],"mappings":"AAyBA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAmB5E,UAAU,MAAM;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAWD,iBAAS,SAAS,CAAC,KAAK,EAAE,MAAM,qBAwf/B;AAED,eAAe,SAAS,CAAC"}

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

@@ -115,7 +115,7 @@ function CaseGroup(props) {
         }
         catch (e) {
             setCaseGroupUpdating(false);
-            caseUpdateError.showError(e, t(`Group failed to update`));
+            caseUpdateError.showFieldError(e, t('Group'), () => onCaseGroupUpdate(caseDetails));
         }
     });
     const onCaseGroupChange = (selection) => __awaiter(this, void 0, void 0, function* () {
@@ -225,6 +225,10 @@ function CaseGroup(props) {
     const onCaseGroupClear = () => __awaiter(this, void 0, void 0, function* () {
         if (canEditCase.alert())
             return;
+        if (isGroupMandatory && caseNumber) {
+            ToastNotification.addDangerMessage(t('Case Group is required for this account and cannot be removed.'));
+            return;
+        }
         const caseDetails = {
             groupNumber: '',
             groupName: '',
@@ -241,7 +245,7 @@ function CaseGroup(props) {
             }
             catch (e) {
                 setCaseGroupUpdating(false);
-                caseUpdateError.showError(e, t(`Group failed to update`));
+                caseUpdateError.showFieldError(e, t('Group'), onCaseGroupClear);
                 return;
             }
         }

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

@@ -1 +1 @@
-{"version":3,"file":"CaseLabels.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseLabels.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAWzD,MAAM,CAAC,OAAO,UAAU,UAAU,sBAmLjC"}
+{"version":3,"file":"CaseLabels.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseLabels.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAYzD,MAAM,CAAC,OAAO,UAAU,UAAU,sBA4LjC"}

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

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { Label, MenuToggle, Select, SelectList, SelectOption, Spinner, } from '@patternfly/react-core';
-import { ToastNotification } from '@rh-support/components';
+import { CaseLabelLoadErrorModal, ToastNotification } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useState } from 'react';
@@ -16,21 +16,21 @@ import { Trans, useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
 import { useCaseSelector } from '../../context/CaseContext';
 import { useCaseLabelLinks } from '../../hooks/useCaseLabelLinkMutations';
+import { useCaseUpdateErrorMessage } from '../../hooks/useCaseUpdateErrorMessage';
 const NUM_VISIBLE_LABELS = 3;
 export default function CaseLabels() {
+    var _a;
     const { t } = useTranslation();
+    const caseUpdateError = useCaseUpdateErrorMessage();
     const canEditCase = useCanEditCase();
-    const { globalMetadataState: { loggedInUser }, } = useContext(GlobalMetadataStateContext);
+    const { globalMetadataState: { loggedInUser, loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
     const isOrgAdmin = loggedInUser.data.isOrgAdmin;
-    const { caseId, salesforceAccountId } = useCaseSelector((state) => {
-        var _a, _b;
-        return ({
-            caseId: state.caseDetails.id,
-            salesforceAccountId: (_b = (_a = state.selectedAccountDetails) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.salesforceAccountId,
-        });
-    }, isEqual);
-    const { availableLabels, assignedLinks, selectedLabelIds, loading, mutating, setAssignedLinks, createLink, deleteLink, } = useCaseLabelLinks(salesforceAccountId, caseId);
+    const { caseId } = useCaseSelector((state) => ({ caseId: state.caseDetails.id }), isEqual);
+    const labelAccountId = (_a = loggedInUsersAccount.data) === null || _a === void 0 ? void 0 : _a.salesforceAccountId;
+    const isLabelAccountReady = !loggedInUsersAccount.isFetching && Boolean(labelAccountId);
+    const { availableLabels, assignedLinks, selectedLabelIds, loading, error, mutating, setAssignedLinks, createLink, deleteLink, refetch, } = useCaseLabelLinks(isLabelAccountReady ? labelAccountId : undefined, caseId);
     const [isOpen, setIsOpen] = useState(false);
+    const [isErrorModalDismissed, setIsErrorModalDismissed] = useState(false);
     const handleSelect = (_event, labelId) => __awaiter(this, void 0, void 0, function* () {
         if (!labelId || typeof labelId !== 'string')
             return;
@@ -51,8 +51,8 @@ export default function CaseLabels() {
                 ToastNotification.addSuccessMessage(t('Label has been added'));
             }
         }
-        catch (_a) {
-            ToastNotification.addDangerMessage(t('Failed to update labels'));
+        catch (e) {
+            caseUpdateError.showFieldError(e, t('Labels'), () => handleSelect(_event, labelId));
         }
     });
     const handleChipRemove = (labelId) => __awaiter(this, void 0, void 0, function* () {
@@ -66,16 +66,17 @@ export default function CaseLabels() {
             setAssignedLinks((prev) => prev.filter((l) => l.linkId !== link.linkId));
             ToastNotification.addSuccessMessage(t('Label has been removed'));
         }
-        catch (_a) {
-            ToastNotification.addDangerMessage(t('Failed to remove label'));
+        catch (e) {
+            caseUpdateError.showFieldError(e, t('Labels'), () => handleChipRemove(labelId));
         }
     });
     const selectedLabels = availableLabels.filter((l) => selectedLabelIds.includes(l.id));
     const haltEvent = (e) => e.stopPropagation();
     const toggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: () => setIsOpen((prev) => !prev), isExpanded: isOpen, isDisabled: loading ||
             mutating ||
+            !!error ||
             !caseId ||
-            (!isOrgAdmin && availableLabels.length === 0) ||
+            (!isOrgAdmin && availableLabels.length === 0 && !error) ||
             canEditCase.isCaseNotEditable, isFullWidth: true, style: { height: '36px' } }, loading || mutating ? (React.createElement(Spinner, { size: "md" })) : selectedLabels.length > 0 ? (React.createElement("span", { style: { display: 'flex', gap: '8px', alignItems: 'center', flexWrap: 'nowrap' } },
         selectedLabels.slice(0, NUM_VISIBLE_LABELS).map((label) => (React.createElement(Label, { key: label.id, variant: "outline", onClose: () => handleChipRemove(label.id), closeBtnAriaLabel: t('Remove label {{name}}', { name: label.name }), onClick: haltEvent }, label.name))),
         selectedLabels.length > NUM_VISIBLE_LABELS && (React.createElement("span", { style: {
@@ -87,11 +88,15 @@ export default function CaseLabels() {
     if (!caseId)
         return null;
     return (React.createElement("div", { className: "form-group" },
+        React.createElement(CaseLabelLoadErrorModal, { isOpen: !!error && !isErrorModalDismissed, onRetry: () => {
+                setIsErrorModalDismissed(false);
+                refetch();
+            }, onClose: () => setIsErrorModalDismissed(true) }),
         React.createElement("label", { htmlFor: "case-labels" },
             React.createElement(Trans, null, "Labels")),
         React.createElement(Select, { id: "case-labels", "data-tracking-id": "case-labels", role: "menu", isOpen: isOpen, onSelect: handleSelect, onOpenChange: () => setIsOpen(false), toggle: toggle, shouldFocusFirstItemOnOpen: false, isScrollable: true, popperProps: { direction: 'down', enableFlip: false } },
             React.createElement(SelectList, { id: "case-labels-listbox" }, availableLabels.map((label) => (React.createElement(SelectOption, { key: label.id, value: label.id, hasCheckbox: true, isSelected: selectedLabelIds.includes(label.id) }, label.name))))),
-        !loading && availableLabels.length === 0 && (React.createElement("p", { className: "form-instructions" }, isOrgAdmin ? (React.createElement(Trans, null,
+        !loading && !error && availableLabels.length === 0 && (React.createElement("p", { className: "form-instructions" }, isOrgAdmin ? (React.createElement(Trans, null,
             React.createElement("strong", null, "No labels available:"),
             " You haven't created any labels yet.",
             ' ',

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

@@ -68,7 +68,7 @@ function Fts(props) {
         }
         catch (e) {
             setFtsContactUpdating(false);
-            caseUpdateError.showError(e, t(`Failed to update the case`));
+            caseUpdateError.showFieldError(e, t('24x7 Support'), () => onCaseFtsContactUpdate(caseDetails));
         }
     });
     const onCaseFtsUpdate = (caseDetails) => __awaiter(this, void 0, void 0, function* () {
@@ -82,7 +82,7 @@ function Fts(props) {
         }
         catch (e) {
             setFtsUpdating(false);
-            caseUpdateError.showError(e, t(`Failed to update the case`));
+            caseUpdateError.showFieldError(e, t('24x7 Support'), () => onCaseFtsUpdate(caseDetails));
         }
     });
     const onFtsChange = (e) => __awaiter(this, void 0, void 0, function* () {

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

@@ -1 +1 @@
-{"version":3,"file":"Severity.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Severity.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAMvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAc5D,OAAO,KAA0C,MAAM,OAAO,CAAC;AAW/D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAChE,oBAAoB,EAAE,OAAO,CAAC;CACjC;AASD,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;CACxD;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,MAAM,qBA0R9B;kBA1RQ,QAAQ;;;AA4RjB,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Severity.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Severity.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAMvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAa5D,OAAO,KAA0C,MAAM,OAAO,CAAC;AAW/D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAChE,oBAAoB,EAAE,OAAO,CAAC;CACjC;AASD,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;CACxD;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,MAAM,qBA+R9B;kBA/RQ,QAAQ;;;AAiSjB,eAAe,QAAQ,CAAC"}

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

@@ -3,7 +3,7 @@ import QuestionCircleIcon from '@patternfly/react-icons/dist/js/icons/question-c
 import WarningTriangleIcon from '@patternfly/react-icons/dist/js/icons/warning-triangle-icon';
 import { SingleSelectDropdown, ValueChangedIcon } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
-import { autoEnableFtsOnCaseViewEditPage, PreviousCaseTypes, severitySort, showFtsOnCreateCasePage, } from '@rh-support/utils';
+import { getFtsForSeverityChange, PreviousCaseTypes, severitySort, } from '@rh-support/utils';
 import find from 'lodash/find';
 import findLast from 'lodash/findLast';
 import includes from 'lodash/includes';
@@ -56,12 +56,11 @@ function Severity(props) {
         const casePayload = {
             severity: value,
         };
-        // Auto-enable 24x7 only for severity 1; uncheck it when leaving severity 1.
-        !isOnCaseDetailsPage && (casePayload.fts = showFtsOnCreateCasePage(entitlementSla, value, ftsCreateOptions));
-        if (isOnCaseDetailsPage) {
-            casePayload.fts = autoEnableFtsOnCaseViewEditPage(entitlementSla, value);
+        // Always send an explicit fts flag so CasePatch clears 24x7 when leaving severity 1.
+        casePayload.fts = getFtsForSeverityChange(entitlementSla, value, Object.assign({ isCaseEdit: isOnCaseDetailsPage }, ftsCreateOptions));
+        if (isIdea) {
+            casePayload.fts = false;
         }
-        casePayload.fts = casePayload.fts && !isIdea;
         if (isOnCaseDetailsPage) {
             props.onSeverityChange && props.onSeverityChange(casePayload);
         }
@@ -110,8 +109,11 @@ function Severity(props) {
         label: `${severity} - ${getSeverityDescription(severity)}`,
         additionalInfo: getNewSeverityStringDef(severity),
     };
-    const toggleModal = () => {
-        setOpenUpdateSeverityModal((openUpdateSeverityModal) => !openUpdateSeverityModal);
+    const openSeverityModal = () => {
+        setOpenUpdateSeverityModal(true);
+    };
+    const closeSeverityModal = () => {
+        setOpenUpdateSeverityModal(false);
     };
     useEffect(() => {
         var _a, _b, _c;
@@ -174,13 +176,12 @@ function Severity(props) {
             React.createElement(Icon, { size: "sm" },
                 React.createElement(WarningTriangleIcon, { color: "#ec7a08", title: "Support Severity Level warning" })))),
         !props.isDisabled && isOnCaseDetailsPage ? (React.createElement(React.Fragment, null,
-            React.createElement("div", { onClick: toggleModal },
-                React.createElement(SingleSelectDropdown, { dataTrackingId: "get-support-severity", selected: getSelectedDropdownOption, options: getDropdownOptions, onSelect: onSeverityChange, isDisabled: allCaseSeverities.isError ||
-                        props.isDisabled ||
-                        allCaseSeverities.isFetching ||
-                        ownersEntitlements.isFetching ||
-                        versionsDetails.isFetching, isLoading: props.isFetching, placeholder: t(`Select a severity`), isInvalid: allCaseSeverities.isError || isSeverityInValid, isScrollable: true, isModalOpen: openUpdateSeverityModal })),
-            openUpdateSeverityModal && (React.createElement(UpdateSeverityModal, { isDisabled: props.isFetching, isFetching: props.isFetching, show: openUpdateSeverityModal, onClose: toggleModal })))) : (React.createElement("div", null,
+            React.createElement(SingleSelectDropdown, { dataTrackingId: "get-support-severity", selected: getSelectedDropdownOption, options: getDropdownOptions, onSelect: onSeverityChange, isDisabled: allCaseSeverities.isError ||
+                    props.isDisabled ||
+                    allCaseSeverities.isFetching ||
+                    ownersEntitlements.isFetching ||
+                    versionsDetails.isFetching, isLoading: props.isFetching, placeholder: t(`Select a severity`), isInvalid: allCaseSeverities.isError || isSeverityInValid, isScrollable: true, isModalOpen: openUpdateSeverityModal, onMenuToggle: openSeverityModal }),
+            openUpdateSeverityModal && (React.createElement(UpdateSeverityModal, { isDisabled: props.isFetching, isFetching: props.isFetching, show: openUpdateSeverityModal, onClose: closeSeverityModal })))) : (React.createElement("div", null,
             React.createElement(SingleSelectDropdown, { className: "case-creation-severity-select", dataTrackingId: "get-support-severity", selected: getSelectedDropdownOption, options: getDropdownOptions, onSelect: onSeverityChange, isDisabled: allCaseSeverities.isError ||
                     props.isDisabled ||
                     allCaseSeverities.isFetching ||

package/lib/esm/components/CaseManagement/CaseLabelsCreate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseLabelsCreate.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/CaseLabelsCreate.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAYjF,wFAAwF;AACxF,MAAM,CAAC,OAAO,UAAU,gBAAgB,sBAgLvC"}
+{"version":3,"file":"CaseLabelsCreate.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/CaseLabelsCreate.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAqE,MAAM,OAAO,CAAC;AAY1F,wFAAwF;AACxF,MAAM,CAAC,OAAO,UAAU,gBAAgB,sBA6NvC"}

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

@@ -9,11 +9,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { useApolloClient } from '@apollo/client/react';
 import { Label, MenuToggle, Select, SelectList, SelectOption, Spinner, } from '@patternfly/react-core';
+import { CaseLabelLoadErrorModal } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
-import { GET_CASE_LABELS, } from '@rh-support/utils';
+import { fetchAllAccountCaseLabels } from '@rh-support/utils';
 import isEqual from 'lodash/isEqual';
 import unescape from 'lodash/unescape';
-import React, { useCallback, useContext, useEffect, useState } from 'react';
+import React, { useCallback, useContext, useEffect, useMemo, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
@@ -21,40 +22,65 @@ import { setCaseState } from '../../reducers/CaseReducer';
 const NUM_VISIBLE_LABELS = 3;
 /** Case creation Labels dropdown — selection is stored and linked after case create. */
 export default function CaseLabelsCreate() {
+    var _a, _b, _c;
     const { t } = useTranslation();
     const client = useApolloClient();
     const caseDispatch = useCaseDispatch();
-    const { globalMetadataState: { loggedInUser }, } = useContext(GlobalMetadataStateContext);
+    const { globalMetadataState: { loggedInUser, loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
     const isOrgAdmin = loggedInUser.data.isOrgAdmin;
-    const { salesforceAccountId, selectedLabelIds } = useCaseSelector((state) => {
-        var _a, _b, _c;
+    const { salesforceAccountIdFromSelected, isSelectedAccountFetching, selectedAccountNumber, selectedLabelIds } = useCaseSelector((state) => {
+        var _a, _b, _c, _d, _e, _f, _g;
         return ({
-            salesforceAccountId: (_b = (_a = state.selectedAccountDetails) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.salesforceAccountId,
-            selectedLabelIds: (_c = state.selectedLabelIds) !== null && _c !== void 0 ? _c : [],
+            salesforceAccountIdFromSelected: (_b = (_a = state.selectedAccountDetails) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.salesforceAccountId,
+            isSelectedAccountFetching: (_d = (_c = state.selectedAccountDetails) === null || _c === void 0 ? void 0 : _c.isFetching) !== null && _d !== void 0 ? _d : false,
+            selectedAccountNumber: (_f = (_e = state.selectedAccountDetails) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f.accountNumber,
+            selectedLabelIds: (_g = state.selectedLabelIds) !== null && _g !== void 0 ? _g : [],
         });
     }, isEqual);
+    const salesforceAccountId = useMemo(() => {
+        var _a, _b;
+        if (salesforceAccountIdFromSelected) {
+            return salesforceAccountIdFromSelected;
+        }
+        const loggedInAccountNumber = (_a = loggedInUsersAccount.data) === null || _a === void 0 ? void 0 : _a.accountNumber;
+        const loggedInSalesforceAccountId = (_b = loggedInUsersAccount.data) === null || _b === void 0 ? void 0 : _b.salesforceAccountId;
+        if (loggedInSalesforceAccountId &&
+            (!selectedAccountNumber || selectedAccountNumber === loggedInAccountNumber)) {
+            return loggedInSalesforceAccountId;
+        }
+        return undefined;
+    }, [
+        salesforceAccountIdFromSelected,
+        (_a = loggedInUsersAccount.data) === null || _a === void 0 ? void 0 : _a.accountNumber,
+        (_b = loggedInUsersAccount.data) === null || _b === void 0 ? void 0 : _b.salesforceAccountId,
+        selectedAccountNumber,
+    ]);
+    const isAccountLoading = isSelectedAccountFetching || loggedInUsersAccount.isFetching;
+    const labelAccountId = salesforceAccountId !== null && salesforceAccountId !== void 0 ? salesforceAccountId : (_c = loggedInUsersAccount.data) === null || _c === void 0 ? void 0 : _c.salesforceAccountId;
     const [availableLabels, setAvailableLabels] = useState([]);
     const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(undefined);
     const [isOpen, setIsOpen] = useState(false);
+    const [isErrorModalDismissed, setIsErrorModalDismissed] = useState(false);
     const updateSelectedLabelIds = (nextIds) => {
         setCaseState(caseDispatch, { selectedLabelIds: nextIds });
     };
     const fetchLabels = useCallback(() => __awaiter(this, void 0, void 0, function* () {
-        var _a, _b, _c, _d;
-        if (!salesforceAccountId) {
+        if (!labelAccountId) {
+            if (isAccountLoading) {
+                setLoading(true);
+                return;
+            }
+            setLoading(false);
             setAvailableLabels([]);
             return;
         }
         setLoading(true);
+        setError(undefined);
         try {
-            const { data } = yield client.query({
-                query: GET_CASE_LABELS,
-                variables: { where: { Account__c: { eq: salesforceAccountId } } },
-                fetchPolicy: 'cache-first',
-            });
-            const edges = (_d = (_c = (_b = (_a = data === null || data === void 0 ? void 0 : data.redhat_support_uiapi) === null || _a === void 0 ? void 0 : _a.query) === null || _b === void 0 ? void 0 : _b.RedHatSupportCaseLabel__c) === null || _c === void 0 ? void 0 : _c.edges) !== null && _d !== void 0 ? _d : [];
-            setAvailableLabels(edges
-                .map(({ node }) => {
+            const labelNodes = yield fetchAllAccountCaseLabels(client, labelAccountId);
+            setAvailableLabels(labelNodes
+                .map((node) => {
                 var _a, _b;
                 return ({
                     id: node.Id,
@@ -63,13 +89,14 @@ export default function CaseLabelsCreate() {
             })
                 .filter((label) => label.id && label.name));
         }
-        catch (_e) {
+        catch (e) {
+            setError(e);
             setAvailableLabels([]);
         }
         finally {
             setLoading(false);
         }
-    }), [client, salesforceAccountId]);
+    }), [client, isAccountLoading, labelAccountId]);
     useEffect(() => {
         fetchLabels();
     }, [fetchLabels]);
@@ -85,7 +112,7 @@ export default function CaseLabelsCreate() {
     };
     const selectedLabels = availableLabels.filter((label) => selectedLabelIds.includes(label.id));
     const haltEvent = (e) => e.stopPropagation();
-    const toggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: () => setIsOpen((prev) => !prev), isExpanded: isOpen, isDisabled: loading || (!isOrgAdmin && availableLabels.length === 0), isFullWidth: true, style: { height: '36px' } }, loading ? (React.createElement(Spinner, { size: "md" })) : selectedLabels.length > 0 ? (React.createElement("span", { style: { display: 'flex', gap: '8px', alignItems: 'center', flexWrap: 'nowrap' } },
+    const toggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: () => setIsOpen((prev) => !prev), isExpanded: isOpen, isDisabled: loading || isAccountLoading || !!error || (!isOrgAdmin && availableLabels.length === 0 && !error), isFullWidth: true, style: { height: '36px' } }, loading || isAccountLoading ? (React.createElement(Spinner, { size: "md" })) : selectedLabels.length > 0 ? (React.createElement("span", { style: { display: 'flex', gap: '8px', alignItems: 'center', flexWrap: 'nowrap' } },
         selectedLabels.slice(0, NUM_VISIBLE_LABELS).map((label) => (React.createElement(Label, { key: label.id, variant: "outline", onClose: () => handleChipRemove(label.id), closeBtnAriaLabel: t('Remove label {{name}}', { name: label.name }), onClick: haltEvent }, label.name))),
         selectedLabels.length > NUM_VISIBLE_LABELS && (React.createElement("span", { style: {
                 color: 'var(--pf-t--global--text--color--link--default)',
@@ -94,11 +121,15 @@ export default function CaseLabelsCreate() {
                 cursor: 'pointer',
             } }, t('{{count}} more', { count: selectedLabels.length - NUM_VISIBLE_LABELS }))))) : availableLabels.length === 0 ? (t('No label assigned')) : (t('Select labels'))));
     return (React.createElement("div", { className: "form-group" },
+        React.createElement(CaseLabelLoadErrorModal, { isOpen: !!error && !isErrorModalDismissed, onRetry: () => {
+                setIsErrorModalDismissed(false);
+                fetchLabels();
+            }, onClose: () => setIsErrorModalDismissed(true) }),
         React.createElement("label", { htmlFor: "case-labels-create" },
             React.createElement(Trans, null, "Labels")),
         React.createElement(Select, { id: "case-labels-create", "data-tracking-id": "case-labels-create", role: "menu", isOpen: isOpen, onSelect: handleSelect, onOpenChange: () => setIsOpen(false), toggle: toggle, shouldFocusFirstItemOnOpen: false, isScrollable: true, popperProps: { direction: 'down', enableFlip: false } },
             React.createElement(SelectList, { id: "case-labels-create-listbox" }, availableLabels.map((label) => (React.createElement(SelectOption, { key: label.id, value: label.id, hasCheckbox: true, isSelected: selectedLabelIds.includes(label.id) }, label.name))))),
-        !loading && availableLabels.length === 0 && (React.createElement("p", { className: "form-instructions" }, isOrgAdmin ? (React.createElement(Trans, null,
+        !loading && !isAccountLoading && !error && availableLabels.length === 0 && (React.createElement("p", { className: "form-instructions" }, isOrgAdmin ? (React.createElement(Trans, null,
             React.createElement("strong", null, "No labels available:"),
             " You haven't created any labels yet.",
             ' ',

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

@@ -99,7 +99,7 @@ export function Cep(props) {
             ToastNotification.addSuccessMessage(t(`Consultant Engagement in Progress has been updated successfully`));
         }
         catch (e) {
-            caseUpdateError.showError(e, t(`Consultant Engagement in Progress failed to update`));
+            caseUpdateError.showFieldError(e, t('Consultant Engagement in Progress'), () => cepUpdate(caseDetails));
         }
     });
     const onCancel = () => {

package/lib/esm/components/CaseManagement/NoClusterIDReasonSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NoClusterIDReasonSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/NoClusterIDReasonSelector.tsx"],"names":[],"mappings":"AAWA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,UAAU,MAAM;IACZ,uBAAuB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,4BAA4B,EAAE,MAAM,CAAC;IACrC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,yBAAyB,GAAI,OAAO,MAAM,sBAwL/C,CAAC;AAEF,OAAO,EAAE,yBAAyB,EAAE,CAAC"}
+{"version":3,"file":"NoClusterIDReasonSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/NoClusterIDReasonSelector.tsx"],"names":[],"mappings":"AAWA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,UAAU,MAAM;IACZ,uBAAuB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,oBAAoB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,4BAA4B,EAAE,MAAM,CAAC;IACrC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,QAAA,MAAM,yBAAyB,GAAI,OAAO,MAAM,sBAqL/C,CAAC;AAEF,OAAO,EAAE,yBAAyB,EAAE,CAAC"}

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

@@ -46,9 +46,7 @@ const NoClusterIDReasonSelector = (props) => {
         const cleaned = value.trim().length === 0 ? '' : value;
         setInputValue(cleaned);
         setHasLargeReasonExplanation(cleaned.length > SESSION_NO_CLUSTER_REASON_LENGTH_LIMIT);
-        if (!props.onReasonInputBoxBlur) {
-            (_a = props.onReasonInputBoxChanged) === null || _a === void 0 ? void 0 : _a.call(props, cleaned);
-        }
+        (_a = props.onReasonInputBoxChanged) === null || _a === void 0 ? void 0 : _a.call(props, cleaned);
     };
     const handleInputBlur = () => {
         var _a;

package/lib/esm/components/CaseManagement/OpenShiftClusterId.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OpenShiftClusterId.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenShiftClusterId.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAuB/D,eAAO,MAAM,oBAAoB,yBAShC,CAAC;AAEF,eAAO,MAAM,uBAAuB,yBAInC,CAAC;AAEF,eAAO,MAAM,4BAA4B,yBAYxC,CAAC;AAEF,eAAO,MAAM,qBAAqB,yBAIjC,CAAC;AAEF,UAAU,MAAM;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,qBAmT/C"}
+{"version":3,"file":"OpenShiftClusterId.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenShiftClusterId.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAuB/D,eAAO,MAAM,oBAAoB,yBAShC,CAAC;AAEF,eAAO,MAAM,uBAAuB,yBAInC,CAAC;AAEF,eAAO,MAAM,4BAA4B,yBAYxC,CAAC;AAEF,eAAO,MAAM,qBAAqB,yBAIjC,CAAC;AAEF,UAAU,MAAM;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,qBAkT/C"}

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

@@ -232,7 +232,7 @@ export function OpenShiftClusterId(props) {
         return null;
     return (React.createElement("div", { className: `${props.className ? props.className : ''}` },
         !showV3TextBox && (React.createElement(OpenshiftDropdownV4, { openshiftDisplayName: openshiftDisplayName, openshiftClusterIDState: openshiftClusterID || selectedReason, onClusterIdStateUpdate: onClusterIdStateUpdate, isClusterIdInvalid: isNextBtnClickedToShowValidationError &&
-                ((isEmpty(openshiftClusterID) && isEmpty(selectedReason)) || isClusterIdInvalid), clusterIdDropdownFormInstructions: clusterIdDropdownFormInstructions(), onClusterClear: resetClusterData, isV3: product === 'OpenShift Container Platform' && !showV3TextBox })),
+                ((isEmpty(openshiftClusterID) && isEmpty(selectedReason)) || isClusterIdInvalid), clusterIdDropdownFormInstructions: clusterIdDropdownFormInstructions(), onClusterClear: resetClusterData })),
         noClusterIdReasonExplanation !== 'v3-cluster' && dontKnowSelected && !showV3TextBox && (React.createElement(NoClusterIDReasonSelector, { noClusterIdReasonExplanation: noClusterIdReasonExplanation, noClusterIdReason: noClusterIdReason, onReasonInputBoxChanged: onReasonExplanationInputBoxChanged, onReasonChange: onReasonChange, isInValid: isInVaidNoClusterIdReason, isCustomer: isCustomer })),
         (v3Selected || showV3TextBox) && (React.createElement(OpenShiftV3Inputbox, { v3ClusterName: v3ClusterName, onReasonInputBoxChanged: v3ClusterNameInputBoxChanged, isInValid: isEmpty(v3ClusterName.trim()) && isNextBtnClickedToShowValidationError, v3Selected: v3Selected }))));
 }

package/lib/esm/components/CaseManagement/OpenshiftDropdownV4.d.ts

@@ -7,7 +7,6 @@ interface IProps extends IDClassNameProps {
     isClusterIdInvalid: boolean;
     clusterIdDropdownFormInstructions?: JSX.Element;
     onClusterClear: () => void;
-    isV3: boolean;
     isDisabled?: boolean;
     noClusterIdReasonExplanation?: string;
     openshiftDisplayName?: string;

package/lib/esm/components/CaseManagement/OpenshiftDropdownV4.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OpenshiftDropdownV4.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenshiftDropdownV4.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAgB5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAI5D,OAAO,KAA2D,MAAM,OAAO,CAAC;AAOhF,UAAU,MAAO,SAAQ,gBAAgB;IACrC,uBAAuB,EAAE,MAAM,CAAC;IAChC,sBAAsB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzF,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iCAAiC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAChD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,uBAAuB,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;CAC3C;AAsBD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAyfzC;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"OpenshiftDropdownV4.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenshiftDropdownV4.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAgB5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAI5D,OAAO,KAA2D,MAAM,OAAO,CAAC;AAOhF,UAAU,MAAO,SAAQ,gBAAgB;IACrC,uBAAuB,EAAE,MAAM,CAAC;IAChC,sBAAsB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzF,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iCAAiC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAChD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,uBAAuB,CAAC,EAAE,CAAC,GAAG,KAAA,KAAK,IAAI,CAAC;CAC3C;AAsBD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAmfzC;AAED,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

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

@@ -117,8 +117,8 @@ function OpenshiftDropdownV4(props) {
     const dropdownOptions = useMemo(() => [
         { type: 'checkbox', key: 'show-hide-archived-clusters', label: t('Show archived clusters') },
         { type: 'option', key: 'dont-have-id', label: t("I don't have my Cluster ID") },
-        ...(props.isV3 ? [{ type: 'option', key: 'v3-cluster', label: t('The case is for a v3 cluster') }] : []),
-    ], [props.isV3, t]);
+        { type: 'option', key: 'v3-cluster', label: t('The case is for a v3 cluster') },
+    ], [t]);
     // Use the keyboard navigation hook
     const { focusedItemIndex, onInputKeyDown } = useSelectKeyboardNavigator({
         list: dropdownOptions,
@@ -145,13 +145,9 @@ function OpenshiftDropdownV4(props) {
     const dropdownHeaderOptions = useMemo(() => [
         React.createElement(SelectOption, { hasCheckbox: true, key: "show-archived-clusters", "aria-label": t('Show archived clusters'), id: "show-archived-clusters", className: "archived-clusters-checkbox", "data-tracking-id": "show-hide-archived-clusters", value: { type: 'checkbox' }, isSelected: showArchivedClusters }, t('Show archived clusters')),
         React.createElement(Divider, { component: "div", key: 'cluster-id-options-divider-e' }),
-        React.createElement(SelectOption, { key: 'dont-have-id', value: createState('dont-have-id', t("I don't have my Cluster ID")), "data-tracking-id": "dont-have-cluster-id", isFocused: focusedItemIndex === 1 }, "I don't have my Cluster ID"),
-        ...(props.isV3
-            ? [
-                React.createElement(SelectOption, { key: 'v3-cluster', value: createState('v3-cluster', t('The case is for a v3 cluster')), "data-tracking-id": "v3-cluster-case", isFocused: focusedItemIndex === 2 }, t('The case is for a v3 cluster')),
-            ]
-            : []),
-    ], [showArchivedClusters, focusedItemIndex, props.isV3, t]);
+        React.createElement(SelectOption, { key: 'dont-have-id', value: createState('dont-have-id', t("I don't have my Cluster ID")), "data-tracking-id": "dont-have-cluster-id", isFocused: focusedItemIndex === 1 }, t("I don't have my Cluster ID")),
+        React.createElement(SelectOption, { key: 'v3-cluster', value: createState('v3-cluster', t('The case is for a v3 cluster')), "data-tracking-id": "v3-cluster-case", isFocused: focusedItemIndex === 2 }, t('The case is for a v3 cluster')),
+    ], [showArchivedClusters, focusedItemIndex, t]);
     const getClusterOptions = (clusters, total = totalResultsNo) => {
         const clustersResponseGrouped = groupBy(clusters, 'console_url') || [];
         const domainNames = Object.keys(clustersResponseGrouped) || [];
@@ -294,8 +290,6 @@ function OpenshiftDropdownV4(props) {
     }, [props.openshiftClusterIDState, props.openshiftDisplayName, props.noClusterIdReasonExplanation]);
     // need to get clusters when user opens the dropdown
     // as the api response is cached np extra call is made on open/close
-    // added observing props.isV3 because re-render
-    // is needed when user on overview page changing version
     useEffect(() => {
         if (!isOpen)
             return;
@@ -314,7 +308,7 @@ function OpenshiftDropdownV4(props) {
             isUnmounted = true;
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [props.isV3, showArchivedClusters, isOpen, inputVal]);
+    }, [showArchivedClusters, isOpen, inputVal]);
     const onTextInputChange = (_event, value) => {
         setInputVal(value);
         props.onClusterIdStateUpdate({ external_cluster_id: value });

package/lib/esm/components/CaseManagement/RHAssociatesSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RHAssociatesSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/RHAssociatesSelector.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAS5D,MAAM,WAAW,MAAM;CAAG;AAG1B,iBAAS,oBAAoB,CAAC,KAAK,EAAE,MAAM,qBAoN1C;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC"}
+{"version":3,"file":"RHAssociatesSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/RHAssociatesSelector.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAU5D,MAAM,WAAW,MAAM;CAAG;AAG1B,iBAAS,oBAAoB,CAAC,KAAK,EAAE,MAAM,qBAqN1C;AAED,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

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

@@ -23,11 +23,13 @@ import React, { useContext, useRef, useState } from 'react';
 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 } from '../../reducers/CaseReducer';
 import { PDFContext } from '../CaseEditView/PDFContainer';
 import { ContactSelectorInternal } from '../shared/input/ContactSelectorInternal';
 function RHAssociatesSelector(props) {
     const { t } = useTranslation();
+    const caseUpdateError = useCaseUpdateErrorMessage();
     const { globalMetadataState: { loggedInUser, loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
     const [isRHAssociatesUpdating, setIsRHAssociatesUpdating] = useState(false);
     const ability = useContext(AbilityContext);
@@ -51,7 +53,7 @@ function RHAssociatesSelector(props) {
         }
         catch (e) {
             setIsRHAssociatesUpdating(false);
-            ToastNotification.addDangerMessage(t(`Red Hat associate failed to update`));
+            caseUpdateError.showFieldError(e, t('Red Hat associate'), () => onRhAssociateAdded(addedUsers));
         }
     });
     const onRhAssociateRemoved = (removedUsers) => __awaiter(this, void 0, void 0, function* () {
@@ -64,7 +66,7 @@ function RHAssociatesSelector(props) {
         }
         catch (e) {
             setIsRHAssociatesUpdating(false);
-            ToastNotification.addDangerMessage(t(`Red Hat associate failed to get removed`));
+            caseUpdateError.showFieldError(e, t('Red Hat associate'), () => onRhAssociateRemoved(removedUsers));
         }
     });
     const onNotifiedUserChange = (selectedContacts_1, ...args_1) => __awaiter(this, [selectedContacts_1, ...args_1], void 0, function* (selectedContacts, throwTrackEventOnAdd = false) {

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;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;AAiBvE,MAAM,WAAW,MAAM;CAAG;AAG1B,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAudzC;AAED,eAAe,mBAAmB,CAAC"}

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

@@ -28,6 +28,7 @@ import React, { useContext, useEffect, useRef, useState } from 'react';
 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 { PDFContext } from '../../CaseEditView/PDFContainer';
 import { useCustomEmails } from '../../CaseEditView/Tabs/CaseDetails/useCustomEmails';
@@ -38,6 +39,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 caseUpdateError = useCaseUpdateErrorMessage();
     const { accountNumber, caseNumber, contactSsoUsername, selectedNotificationContacts, selectedOwner, customEmailsList, product, selectedCaseGroupUsers, ownersCaseGroups, groupNumber, createdById, version, isCaseOwnerUpdating, } = useCaseSelector((state) => ({
         accountNumber: state.caseDetails.accountNumberRef,
         caseNumber: state.caseDetails.caseNumber,
@@ -78,7 +80,7 @@ function CaseContactSelector(props) {
         }
         catch (e) {
             setIsAssociatesUpdating(false);
-            ToastNotification.addDangerMessage(t(`Contact failed to update`));
+            caseUpdateError.showFieldError(e, t('Contact'), () => onCaseContactAdded(addedUsers));
         }
     });
     const onCaseContactRemoved = (removedUsers) => __awaiter(this, void 0, void 0, function* () {
@@ -91,7 +93,7 @@ function CaseContactSelector(props) {
         }
         catch (e) {
             setIsAssociatesUpdating(false);
-            ToastNotification.addDangerMessage(t(`Contact failed to update`));
+            caseUpdateError.showFieldError(e, t('Contact'), () => onCaseContactRemoved(removedUsers));
         }
     });
     const addCaseContact = (toAdd) => __awaiter(this, void 0, void 0, function* () {

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

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

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

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

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

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