@rh-support/troubleshoot 1.0.7 → 1.0.8

package/lib/esm/components/AccountInfo/OwnerSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OwnerSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountInfo/OwnerSelector.tsx"],"names":[],"mappings":"AA2BA,UAAU,MAAM;CAAG;AAEnB,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,eA0NnC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"OwnerSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountInfo/OwnerSelector.tsx"],"names":[],"mappings":"AA4BA,UAAU,MAAM;CAAG;AAEnB,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,eA2NnC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/lib/esm/components/AccountInfo/OwnerSelector.js

@@ -19,11 +19,13 @@ import { Typeahead } from 'react-bootstrap-typeahead';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { RouteContext } from '../../context/RouteContext';
+import { useCaseUpdateErrorMessage } from '../../hooks/useCaseUpdateErrorMessage';
 import { setCaseOwner, setNotifiedUser, updateCaseDetails } from '../../reducers/CaseReducer';
 import { CaseValuesToWatch } from '../shared/Constants';
 import { getChangedValueTooltip } from '../shared/utils';
 function OwnerSelector(props) {
     const { t } = useTranslation();
+    const caseUpdateError = useCaseUpdateErrorMessage();
     const { accountNumber, caseNumber, selectedNotificationContacts, selectedOwner, selectedCaseGroupUsers } = useCaseSelector((state) => ({
         accountNumber: state.caseDetails.accountNumberRef,
         caseNumber: state.caseDetails.caseNumber,
@@ -105,7 +107,7 @@ function OwnerSelector(props) {
         }
         catch (e) {
             setCaseOwnerUpdating(false);
-            ToastNotification.addDangerMessage(t(`Owner failed to update`));
+            caseUpdateError.showError(e, t(`Owner failed to update`));
         }
     });
     /**

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

@@ -1 +1 @@
-{"version":3,"file":"CaseDetailsAside.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsAside.tsx"],"names":[],"mappings":"AA0BA,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAMD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,eAkQ7C"}
+{"version":3,"file":"CaseDetailsAside.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsAside.tsx"],"names":[],"mappings":"AA0BA,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAMD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,eAgS7C"}

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

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Button, Checkbox, Switch, Tooltip } from '@patternfly/react-core';
+import { Button, Checkbox, Popover, PopoverPosition, Switch, Tooltip } from '@patternfly/react-core';
 import AngleDoubleLeftIcon from '@patternfly/react-icons/dist/js/icons/angle-double-left-icon';
 import AngleDoubleRightIcon from '@patternfly/react-icons/dist/js/icons/angle-double-right-icon';
 import ListIcon from '@patternfly/react-icons/dist/js/icons/list-icon';
@@ -65,7 +65,7 @@ export function CaseDetailsAside(props) {
     };
     const { getOriginalCaseView, updateOriginalCaseView } = useUserPreferences();
     const [viewAsInternalPref, setViewAsInternalPref] = useState();
-    const [isDefaultBoxChecked, setIsDefaultBoxChecked] = useState(false);
+    const [isDefaultBoxChecked, setIsDefaultBoxChecked] = useState(true);
     useEffect(() => {
         const userPreferredCaseView = () => __awaiter(this, void 0, void 0, function* () {
             try {
@@ -73,7 +73,6 @@ export function CaseDetailsAside(props) {
                 const finalIsRetrievedInternal = !!+isRetrievedInternal; // converting backend string -> num -> bool
                 if (finalIsRetrievedInternal != null) {
                     setViewAsInternalPref(finalIsRetrievedInternal);
-                    !finalIsRetrievedInternal && setIsDefaultBoxChecked(true);
                 }
                 if (finalIsRetrievedInternal === false) {
                     !preferredOrDefaultCaseView() && toggleViewAsCustomerFlag(globalMetadataDispatchContext);
@@ -115,28 +114,40 @@ export function CaseDetailsAside(props) {
         !isXLScreen && toggleAside(false);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [breakPoint]);
-    const onDefaultCheckboxChange = (e) => {
+    const onDefaultCheckboxChange = (e) => __awaiter(this, void 0, void 0, function* () {
         try {
-            //if user is unchecking the box we look for it being checked
-            if (isDefaultBoxChecked) {
-                updateOriginalCaseView(+viewAsCustomer);
+            if (viewAsInternalPref !== undefined) {
+                yield updateOriginalCaseView(+!viewAsInternalPref);
                 setIsDefaultBoxChecked(!isDefaultBoxChecked);
             }
-            else if (isDefaultBoxChecked === false) {
-                updateOriginalCaseView(0);
-                setIsDefaultBoxChecked(true);
+            else if (viewAsInternalPref === undefined) {
+                yield updateOriginalCaseView(viewAsCustomer);
+                // the else is to initialize a value for the pref.  If user does not have one (undefined) we initialize with the default permission (viewascustomer).
             }
+            ToastNotification.addSuccessMessage(t('Successfully set the default case view'), React.createElement("p", null,
+                React.createElement(Trans, null,
+                    "You can view these settings in ",
+                    React.createElement("a", { href: "/support/cases/#/manage/preferences" }, "Preferences"))));
         }
         catch (error) {
-            setIsDefaultBoxChecked(isDefaultBoxChecked);
+            console.log(error);
         }
-    };
+    });
     const onCaseSwitchChange = (e) => {
+        setIsDefaultBoxChecked(!isDefaultBoxChecked);
         toggleViewAsCustomerFlag(globalMetadataDispatchContext);
     };
     const isSideBarExpanded = (_a = caseDetailsAsidePanelRef.current) === null || _a === void 0 ? void 0 : _a.expanded;
     if (isFetchingCaseDetails || isFetchingCaseDetailsError)
         return null;
+    const renderCasePrefPopoverText = () => {
+        if (viewAsCustomer) {
+            return t('Hide internal information that is unavailable to customers.');
+        }
+        else {
+            return t('View internal information available to Red Hat associates only.');
+        }
+    };
     return (React.createElement("aside", { className: `grid-aside ${isSideBarExpanded ? '' : 'sidebar-collapsed'}` },
         React.createElement("pfe-collapse-toggle", { "aria-controls": "case-details-aside-content", onClick: onToggleAside }, isSideBarExpanded ? (React.createElement("div", { className: "sidebar-header" },
             React.createElement(Button, { variant: "link", isInline: true, title: t('Collapse sidebar') },
@@ -146,9 +157,9 @@ export function CaseDetailsAside(props) {
             React.createElement(Tooltip, { content: t('Expand sidebar'), position: "left" },
                 React.createElement(Button, { variant: "link" },
                     React.createElement(AngleDoubleLeftIcon, { size: "md" }))),
-            canSeeToggleCustomerView && (React.createElement(Tooltip, { content: t('Internal view'), position: "left" },
+            canSeeToggleCustomerView && (React.createElement(Tooltip, { content: viewAsCustomer ? t('External view') : t('Internal view'), position: "left" },
                 React.createElement(Button, { variant: "link", onClick: () => setSectionToScollRef(toggleCustomerViewRef), className: "sidebar-section-toggle-btn" },
-                    React.createElement(LockIcon, { size: "md" })))),
+                    React.createElement(LockIcon, { size: "md", className: viewAsCustomer ? 'blueLock' : 'greyLock' })))),
             !isLoadingRecommendations && allDocs.length > 0 && (React.createElement(Tooltip, { content: t('Top recommendations'), position: "left" },
                 React.createElement(Button, { variant: "link", onClick: () => setSectionToScollRef(topSolutionsRef), className: "sidebar-section-toggle-btn" },
                     React.createElement(ListIcon, { size: "md" })))),
@@ -159,14 +170,18 @@ export function CaseDetailsAside(props) {
             React.createElement("div", { className: "grid-aside-content" },
                 React.createElement("div", null,
                     canSeeToggleCustomerView && (React.createElement("div", { className: "pf-u-display-flex customer-view-toggle", ref: toggleCustomerViewRef },
-                        React.createElement("span", { className: "customer-view-switch-label" }, preferredOrDefaultCaseView() ? t('Customer view') : t('Internal view')),
+                        React.createElement("span", { className: "customer-view-switch-label" },
+                            preferredOrDefaultCaseView() ? t('Customer view') : t('Internal view'),
+                            React.createElement(Popover, { "aria-label": "Preferred-default-case-view-popover", position: PopoverPosition.top, bodyContent: React.createElement("p", { className: 'pref-case-popover-text' },
+                                    React.createElement(Trans, null, renderCasePrefPopoverText())), showClose: false },
+                                React.createElement("i", { "aria-label": "Preferred-default-case-view-info-icon", className: "fa fa-question-circle" }))),
                         React.createElement(Switch, { title: preferredOrDefaultCaseView() ? t('Customer view') : t('Internal view'), "data-tracking-id": preferredOrDefaultCaseView()
                                 ? 'disable-view-as-customer'
                                 : 'enable-view-as-customer', "aria-label": preferredOrDefaultCaseView()
                                 ? 'disable view as customer'
                                 : 'enable view as customer', id: "customer-view-switch", className: "pf-u-ml-auto", isChecked: preferredOrDefaultCaseView(), onChange: onCaseSwitchChange }))),
                     canSeeToggleCustomerView && (React.createElement("div", null,
-                        React.createElement(Checkbox, { label: t('Set to default'), isChecked: isDefaultBoxChecked, onChange: onDefaultCheckboxChange, id: "set-default-view-checkbox", name: "default-view-checkbox", isDisabled: !viewAsCustomer, className: 'defaultViewCheckbox' })))),
+                        React.createElement(Checkbox, { label: t('Set to default'), isChecked: isDefaultBoxChecked, onChange: onDefaultCheckboxChange, id: "set-default-view-checkbox", name: "default-view-checkbox", isDisabled: isDefaultBoxChecked, className: 'defaultViewCheckbox' })))),
                 React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading top solutions') } },
                     React.createElement(CaseSolutions, { caseNumber: caseNumber, ref: topSolutionsRef, isSecureSupportAccount: isSecureSupportAccount })),
                 !caseEscalations.isFetching && canViewACESection && (React.createElement(ErrorBoundary, null,

package/lib/esm/components/CaseEditView/CaseOverview/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/index.tsx"],"names":[],"mappings":"AAwCA,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,eAmejD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/index.tsx"],"names":[],"mappings":"AAyCA,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,eAoejD"}

package/lib/esm/components/CaseEditView/CaseOverview/index.js

@@ -17,6 +17,7 @@ import React, { useContext, useEffect, useReducer, useRef, useState } from 'reac
 import { Trans, useTranslation } from 'react-i18next';
 import { CaseStatusEnum } from '../../../constants/caseDetailsConstants';
 import { useCaseDispatch, useCaseSelector } from '../../../context/CaseContext';
+import { useCaseUpdateErrorMessage } from '../../../hooks/useCaseUpdateErrorMessage';
 import { SupportLevelDisplay } from '../../../reducers/CaseConstNTypes';
 import { caseOverviewReducer, fetchAllStatuses, fetchCaseHydra, initialCaseViewState, setSeverityUpdating, setStatusUpdating, setTypeUpdating, } from '../../../reducers/CaseOverviewReducer';
 import { updateCaseDetails } from '../../../reducers/CaseReducer';
@@ -33,6 +34,7 @@ import DateTime from './DateTime';
 export default function CaseOverview(props) {
     const ability = useContext(AbilityContext);
     const { t } = useTranslation();
+    const caseUpdateError = useCaseUpdateErrorMessage();
     const canManageCase = ability.can(resourceActions.UPDATE, resources.CASE_DETAILS);
     const canSeeCaseOwnerInfo = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_OWNER);
     const canSeeInactivityWarning = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_ACTIVITY_WARNING);
@@ -112,7 +114,7 @@ export default function CaseOverview(props) {
         }
         catch (e) {
             setTypeUpdating(caseOverviewDispatch, false);
-            ToastNotification.addDangerMessage(t('Case type failed to update'));
+            caseUpdateError.showError(e, t('Case type failed to update'));
         }
     });
     const onSeverityChange = (payLoad) => __awaiter(this, void 0, void 0, function* () {
@@ -133,7 +135,7 @@ export default function CaseOverview(props) {
         }
         catch (e) {
             setSeverityUpdating(caseOverviewDispatch, false);
-            ToastNotification.addDangerMessage(t('Severity failed to update'));
+            caseUpdateError.showError(e, t('Severity failed to update'));
         }
     });
     const updateStatusState = (statusVal, reopenedAt, reopenedBySSOName, reopenedReason, reopenedReasonOther, onStatusUpdate = null) => __awaiter(this, void 0, void 0, function* () {
@@ -153,7 +155,7 @@ export default function CaseOverview(props) {
         }
         catch (e) {
             setStatusUpdating(caseOverviewDispatch, false);
-            ToastNotification.addDangerMessage(t('Status failed to update'));
+            caseUpdateError.showError(e, t('Status failed to update'));
         }
     });
     const onStatusChange = (newStatus) => __awaiter(this, void 0, void 0, function* () {
@@ -191,7 +193,7 @@ export default function CaseOverview(props) {
             });
         }
         catch (e) {
-            ToastNotification.addDangerMessage('Could not post comment after status update');
+            caseUpdateError.showError(e, t('Could not post comment after status update'));
         }
     });
     const onToggleDetails = () => {

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

@@ -1 +1 @@
-{"version":3,"file":"CaseSolutions.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseSolutions/CaseSolutions.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAsD,MAAM,OAAO,CAAC;AA8D3E,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,sBAAsB,EAAE,OAAO,CAAC;CACnC;AAUD,eAAO,MAAM,aAAa,+EAmYxB,CAAC"}
+{"version":3,"file":"CaseSolutions.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseSolutions/CaseSolutions.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAsD,MAAM,OAAO,CAAC;AA+D3E,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,sBAAsB,EAAE,OAAO,CAAC;CACnC;AAUD,eAAO,MAAM,aAAa,+EAoYxB,CAAC"}

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

@@ -30,6 +30,7 @@ import React, { forwardRef, useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../../context/CaseContext';
 import { useRecommendationDispatchContext, useRecommendationStateContext, } from '../../../context/RecommendationContext';
+import { useCaseUpdateErrorMessage } from '../../../hooks/useCaseUpdateErrorMessage';
 import { updateCaseDetails } from '../../../reducers/CaseReducer';
 import { fetchRecommendations } from '../../../reducers/RecommendationsReducer';
 import { CaseSolutionsItem } from './CaseSolutionsItem';
@@ -79,6 +80,7 @@ const titleFix = (recommendations, allDocs) => __awaiter(void 0, void 0, void 0,
 // pins and links both have thier 'linked' field set as true.
 // A recommendation can be both link and pin. We use pinnedBy and linkedBy fileds to identify them
 export const CaseSolutions = forwardRef((props, ref) => {
+    const caseUpdateError = useCaseUpdateErrorMessage();
     const { product, version, summary, description, recomendationsObj, isFetchingCaseDetails } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
@@ -158,8 +160,8 @@ export const CaseSolutions = forwardRef((props, ref) => {
             }
             else {
                 isPinned !== undefined || isLinked !== undefined
-                    ? ToastNotification.addDangerMessage(t('Could not unpin the solution'))
-                    : ToastNotification.addDangerMessage(t('Could not pin the solution'));
+                    ? caseUpdateError.showError(error, t('Could not unpin the solution'))
+                    : caseUpdateError.showError(error, t('Could not pin the solution'));
             }
             setIsPinLoading((prevPiningMap) => delete prevPiningMap[recommendationToUpdate.resourceId]);
         }

package/lib/esm/components/CaseEditView/Tabs/CaseActionPlan/CaseActionPlan.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseActionPlan.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseActionPlan/CaseActionPlan.tsx"],"names":[],"mappings":"AAiBA,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAMD,iBAAS,cAAc,CAAC,KAAK,EAAE,MAAM,eAgHpC;kBAhHQ,cAAc;;;AAmHvB,eAAe,cAAc,CAAC"}
+{"version":3,"file":"CaseActionPlan.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseActionPlan/CaseActionPlan.tsx"],"names":[],"mappings":"AAkBA,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAMD,iBAAS,cAAc,CAAC,KAAK,EAAE,MAAM,eAiHpC;kBAjHQ,cAAc;;;AAoHvB,eAAe,cAAc,CAAC"}

package/lib/esm/components/CaseEditView/Tabs/CaseActionPlan/CaseActionPlan.js

@@ -14,12 +14,14 @@ import isEmpty from 'lodash/isEmpty';
 import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContext';
+import { useCaseUpdateErrorMessage } from '../../../../hooks/useCaseUpdateErrorMessage';
 import { updateCaseDetails } from '../../../../reducers/CaseReducer';
 const defaultProps = {
     caseNumber: undefined,
 };
 function CaseActionPlan(props) {
     const { t } = useTranslation();
+    const caseUpdateError = useCaseUpdateErrorMessage();
     const ability = useContext(AbilityContext);
     const canUpdateActionPlan = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_ACTION_PLAN_EDIT);
     const { globalMetadataState: { loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
@@ -45,7 +47,7 @@ function CaseActionPlan(props) {
             setIsUpdating(false);
         }
         catch (e) {
-            ToastNotification.addDangerMessage(t(`Action plan failed to update`));
+            caseUpdateError.showError(e, t('Action plan failed to update'));
             setIsUpdating(false);
         }
     });

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseAlternateId.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseAlternateId.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseAlternateId.tsx"],"names":[],"mappings":"AAgBA,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAOD,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eA4HrC;kBA5HQ,eAAe;;;AA+HxB,eAAe,eAAe,CAAC"}
+{"version":3,"file":"CaseAlternateId.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseAlternateId.tsx"],"names":[],"mappings":"AAiBA,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAOD,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eA6HrC;kBA7HQ,eAAe;;;AAgIxB,eAAe,eAAe,CAAC"}

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

@@ -16,6 +16,7 @@ import isEqual from 'lodash/isEqual';
 import React, { useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContext';
+import { useCaseUpdateErrorMessage } from '../../../../hooks/useCaseUpdateErrorMessage';
 import { ALTERNATE_CASE_ID_LIMIT } from '../../../../reducers/CaseConstNTypes';
 import { setCaseDetails, updateCaseDetails } from '../../../../reducers/CaseReducer';
 import { CaseValuesToWatch } from '../../../shared/Constants';
@@ -26,6 +27,7 @@ const defaultProps = {
 };
 function CaseAlternateId(props) {
     const { t } = useTranslation();
+    const caseUpdateError = useCaseUpdateErrorMessage();
     const { alternateId, caseNumber } = useCaseSelector((state) => ({
         alternateId: state.caseDetails.alternateId,
         caseNumber: state.caseDetails.caseNumber,
@@ -59,8 +61,8 @@ function CaseAlternateId(props) {
             setIsUpdating(false);
         }
         catch (e) {
+            caseUpdateError.showError(e, t('Alternate case ID failed to update'));
             setIsUpdating(false);
-            ToastNotification.addDangerMessage(t(`Alternate case ID failed to update`));
             throw e;
         }
     });

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseHostname.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseHostname.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseHostname.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAY5D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,cAAc,EAAE,OAAO,CAAC;CAC3B;AAMD,iBAAS,YAAY,CAAC,KAAK,EAAE,MAAM,eAuKlC;kBAvKQ,YAAY;;;AA0KrB,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"CaseHostname.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseHostname.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAa5D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,cAAc,EAAE,OAAO,CAAC;CAC3B;AAMD,iBAAS,YAAY,CAAC,KAAK,EAAE,MAAM,eAwKlC;kBAxKQ,YAAY;;;AA2KrB,OAAO,EAAE,YAAY,EAAE,CAAC"}

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

@@ -17,6 +17,7 @@ import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContext';
+import { useCaseUpdateErrorMessage } from '../../../../hooks/useCaseUpdateErrorMessage';
 import { HOSTNAME_LENGTH_LIMIT } from '../../../../reducers/CaseConstNTypes';
 import { updateCaseDetails } from '../../../../reducers/CaseReducer';
 import { CaseValuesToWatch } from '../../../shared/Constants';
@@ -31,6 +32,7 @@ function CaseHostname(props) {
     }), isEqual);
     const caseDispatch = useCaseDispatch();
     const { t } = useTranslation();
+    const caseUpdateError = useCaseUpdateErrorMessage();
     const [hostnameState, setHostnameState] = useState(hostname);
     const [isHostnameUpdating, setIsHostnameUpdating] = useState(false);
     const canUseHostName = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.HOSTNAME);
@@ -61,7 +63,7 @@ function CaseHostname(props) {
         }
         catch (e) {
             setIsHostnameUpdating(false);
-            ToastNotification.addDangerMessage(t(`Hostname failed to updated`));
+            caseUpdateError.showError(e, t('Hostname failed to updated'));
             throw e;
         }
     });

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseInternalStatus.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseInternalStatus.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseInternalStatus.tsx"],"names":[],"mappings":"AAgBA,MAAM,CAAC,OAAO,UAAU,kBAAkB,gBAuDzC"}
+{"version":3,"file":"CaseInternalStatus.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseInternalStatus.tsx"],"names":[],"mappings":"AAiBA,MAAM,CAAC,OAAO,UAAU,kBAAkB,gBAwDzC"}

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

@@ -14,9 +14,11 @@ import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { shallowEqual } from 'react-redux';
 import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContext';
+import { useCaseUpdateErrorMessage } from '../../../../hooks/useCaseUpdateErrorMessage';
 import { updateCaseDetails } from '../../../../reducers/CaseReducer';
 export default function CaseInternalStatus() {
     const { t } = useTranslation();
+    const caseUpdateError = useCaseUpdateErrorMessage();
     const { internalStatus, caseNumber } = useCaseSelector((state) => ({
         internalStatus: state.caseDetails.internalStatus,
         caseNumber: state.caseDetails.caseNumber,
@@ -41,7 +43,7 @@ export default function CaseInternalStatus() {
         }
         catch (e) {
             setIsIStatusUpdating(false);
-            ToastNotification.addDangerMessage(t(`Case Internal Status failed to update`));
+            caseUpdateError.showError(e, t('Case Internal Status failed to update'));
         }
     });
     return (React.createElement("div", { className: "form-group" },

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenshiftClusterId.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseOpenshiftClusterId.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenshiftClusterId.tsx"],"names":[],"mappings":"AA0BA,wBAAgB,sBAAsB,gBAmRrC"}
+{"version":3,"file":"CaseOpenshiftClusterId.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseOpenshiftClusterId/CaseOpenshiftClusterId.tsx"],"names":[],"mappings":"AA2BA,wBAAgB,sBAAsB,gBAoRrC"}

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

@@ -16,12 +16,14 @@ import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../../../../context/CaseContext';
+import { useCaseUpdateErrorMessage } from '../../../../../hooks/useCaseUpdateErrorMessage';
 import { setCaseDetails, updateCaseDetails } from '../../../../../reducers/CaseReducer';
 import { getIsClusterIdInvalid, isClusterIdEnabledForProduct, } from '../../../../../utils/caseOpenshiftClusterIdUtils';
 import { NoClusterIDReasonSelector } from '../../../../CaseManagement/NoClusterIDReasonSelector';
 import { discoverV4ClusterIdLink, discoverV4ClusterIdLinkError, isInvalidErrorMessage, v3Tov4TransitionLink, } from '../../../../CaseManagement/OpenShiftClusterId';
 import { OpenshiftDropdownV4 } from '../../../../CaseManagement/OpenshiftDropdownV4';
 export function CaseOpenshiftClusterId() {
+    const caseUpdateError = useCaseUpdateErrorMessage();
     const { openshiftClusterID, product, version, caseNumber, openshiftClusterVersion, noClusterIdReason, noClusterIdReasonExplanation, selectedAccountDetails, description, } = useCaseSelector((state) => ({
         openshiftClusterID: state.caseDetails.openshiftClusterID,
         product: state.caseDetails.product,
@@ -117,7 +119,7 @@ export function CaseOpenshiftClusterId() {
         catch (e) {
             if (showToast) {
                 setIsClusterIdUpdating(false);
-                ToastNotification.addDangerMessage(t(`OpenShift Cluster ID failed to updated`));
+                caseUpdateError.showError(e, t(`OpenShift Cluster ID failed to updated`));
             }
         }
     });

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/ProductVersion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductVersion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/ProductVersion.tsx"],"names":[],"mappings":"AAsBA,UAAU,MAAM;IACZ,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACvC;AAYD,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eAmQrC;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ProductVersion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/ProductVersion.tsx"],"names":[],"mappings":"AAuBA,UAAU,MAAM;IACZ,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACvC;AAYD,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eAoQrC;AAED,eAAe,eAAe,CAAC"}

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

@@ -19,6 +19,7 @@ import uniq from 'lodash/uniq';
 import React, { useContext, useEffect, useMemo, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContext';
+import { useCaseUpdateErrorMessage } from '../../../../hooks/useCaseUpdateErrorMessage';
 import { getVersionsDetails, setCaseDetails, updateCaseDetails } from '../../../../reducers/CaseReducer';
 const getVersions = (products, product) => {
     const allProductsIndex = findIndex(products, (p) => p.product === product);
@@ -30,6 +31,7 @@ const checkIsTopProduct = (products, product) => {
 };
 function ProductNVersion(props) {
     const { t } = useTranslation();
+    const caseUpdateError = useCaseUpdateErrorMessage();
     const [versions, setVersions] = useState([]);
     const [isProductUpdating, setIsProductUpdating] = useState(false);
     const [isVersionUpdating, setIsVersionUpdating] = useState(false);
@@ -109,7 +111,7 @@ function ProductNVersion(props) {
                 setIsProductUpdating(false);
                 setIsVersionUpdating(false);
                 setIsProductInvalid(false);
-                ToastNotification.addDangerMessage(t(`Product and Version failed to update`));
+                caseUpdateError.showError(e, t('Product and Version failed to update'));
             }
         }
         else {
@@ -154,10 +156,10 @@ function ProductNVersion(props) {
             setIsVersionUpdating(false);
             setIsProductInvalid(false);
             if (onlyVersionChanged) {
-                ToastNotification.addDangerMessage(t(`Version failed to update`));
+                caseUpdateError.showError(e, t('Version failed to update'));
             }
             else {
-                ToastNotification.addDangerMessage(t(`Your product failed to update`));
+                caseUpdateError.showError(e, t('Your product failed to update'));
             }
         }
     });

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/Summary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Summary.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/Summary.tsx"],"names":[],"mappings":"AAYA,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAOD,iBAAS,OAAO,CAAC,KAAK,EAAE,MAAM,eAgI7B;kBAhIQ,OAAO;;;AAmIhB,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Summary.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/Summary.tsx"],"names":[],"mappings":"AAaA,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAOD,iBAAS,OAAO,CAAC,KAAK,EAAE,MAAM,eAiI7B;kBAjIQ,OAAO;;;AAoIhB,eAAe,OAAO,CAAC"}

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

@@ -14,6 +14,7 @@ import isEqual from 'lodash/isEqual';
 import React, { useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContext';
+import { useCaseUpdateErrorMessage } from '../../../../hooks/useCaseUpdateErrorMessage';
 import { SUMMARY_LENGTH_LIMIT, summaryMaxLengthErrorMessage } from '../../../../reducers/CaseConstNTypes';
 import { setCaseDetails, updateCaseDetails } from '../../../../reducers/CaseReducer';
 const defaultProps = {
@@ -22,6 +23,7 @@ const defaultProps = {
 };
 function Summary(props) {
     const { t } = useTranslation();
+    const caseUpdateError = useCaseUpdateErrorMessage();
     const maxLengthErrorMessage = t(summaryMaxLengthErrorMessage, {
         limit: SUMMARY_LENGTH_LIMIT,
     });
@@ -61,7 +63,7 @@ function Summary(props) {
         }
         catch (e) {
             setIsSummaryUpdating(false);
-            ToastNotification.addDangerMessage(t(`Summary failed to updated`));
+            caseUpdateError.showError(e, t(`Summary failed to updated`));
             throw e;
         }
     });

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":"AAqCA,OAAO,EAAkB,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAqB5F,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,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,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,WAAW,EAAE,CAAC;CACjC;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,eAqfxC"}
+{"version":3,"file":"PostComment.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/PostComment.tsx"],"names":[],"mappings":"AAsCA,OAAO,EAAkB,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAqB5F,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,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,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,EAAE,WAAW,EAAE,CAAC;CACjC;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,eAsfxC"}

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

@@ -22,6 +22,7 @@ import { useDropzone } from 'react-dropzone';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContext';
 import { CaseDetailsCacheNamespaces } from '../../../../enums/cache';
+import { useCaseUpdateErrorMessage } from '../../../../hooks/useCaseUpdateErrorMessage';
 import { DiscussionType } from '../../../../reducers/CaseDiscussionTabReducer';
 import { addingNotifiedUsers, checkForCaseStatusToggleOnAttachOrComment, setNotifiedUser, } from '../../../../reducers/CaseReducer';
 import { CaseDetailsCacheUtils } from '../../../../utils/caseDetailsCacheUtils';
@@ -33,6 +34,7 @@ import { useMarkdownFileUploader } from './PostComment/useMarkdownFileUploader';
 import { VerifyCaseStatusModal } from './VerifyCaseStatusModal/VerifyCaseStatusModal';
 export function PostComment(props) {
     const { t } = useTranslation();
+    const caseUpdateError = useCaseUpdateErrorMessage();
     let { caseNumber } = props;
     const [isTextAreaFocused, setIsTextAreaFocused] = useState(false);
     const canAddAttachments = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.ATTACHMENTS);
@@ -188,7 +190,7 @@ export function PostComment(props) {
                 ToastNotification.addSuccessMessage(t('Comment submitted'));
             }
             catch (e) {
-                ToastNotification.addDangerMessage(t('Could not submit comment'));
+                caseUpdateError.showError(e, t('Could not submit comment'));
             }
             finally {
                 setIsProcessing(false);

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

@@ -1 +1 @@
-{"version":3,"file":"VerifyCaseStatusModal.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/VerifyCaseStatusModal/VerifyCaseStatusModal.tsx"],"names":[],"mappings":"AAiBA,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,eAqIlD"}
+{"version":3,"file":"VerifyCaseStatusModal.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/CaseEditView/Tabs/CaseDiscussion/VerifyCaseStatusModal/VerifyCaseStatusModal.tsx"],"names":[],"mappings":"AAkBA,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,eAsIlD"}

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

@@ -15,10 +15,12 @@ import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useReducer, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../../../../context/CaseContext';
+import { useCaseUpdateErrorMessage } from '../../../../../hooks/useCaseUpdateErrorMessage';
 import { caseOverviewReducer, fetchAllStatuses, initialCaseViewState, setStatusUpdating, } from '../../../../../reducers/CaseOverviewReducer';
 import { updateCaseDetails } from '../../../../../reducers/CaseReducer';
 export function VerifyCaseStatusModal(props) {
     const { t } = useTranslation();
+    const caseUpdateError = useCaseUpdateErrorMessage();
     const [caseOverviewState, caseOverviewDispatch] = useReducer(caseOverviewReducer, initialCaseViewState);
     const canManageCase = ability.can(resourceActions.UPDATE, resources.CASE_DETAILS);
     const [showDropdown, setShowDropdown] = useState(false);
@@ -71,7 +73,7 @@ export function VerifyCaseStatusModal(props) {
             }
             catch (e) {
                 setStatusUpdating(caseOverviewDispatch, false);
-                ToastNotification.addDangerMessage(t('Status failed to update'));
+                caseUpdateError.showError(e, t('Status failed to update'));
             }
         }
         else {

package/lib/esm/components/CaseEditView/Tabs/CasePrivateNotes/CasePrivateNotes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CasePrivateNotes.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CasePrivateNotes/CasePrivateNotes.tsx"],"names":[],"mappings":"AAYA,QAAA,MAAM,YAAY;;CAEjB,CAAC;AAEF,aAAK,YAAY,GAAG,OAAO,YAAY,CAAC;AAExC,UAAU,MAAO,SAAQ,YAAY;CAAG;AAExC,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,eAoGtC;kBApGQ,gBAAgB;;;;;AAuGzB,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"CasePrivateNotes.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CasePrivateNotes/CasePrivateNotes.tsx"],"names":[],"mappings":"AAaA,QAAA,MAAM,YAAY;;CAEjB,CAAC;AAEF,aAAK,YAAY,GAAG,OAAO,YAAY,CAAC;AAExC,UAAU,MAAO,SAAQ,YAAY;CAAG;AAExC,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,eAqGtC;kBArGQ,gBAAgB;;;;;AAwGzB,eAAe,gBAAgB,CAAC"}

package/lib/esm/components/CaseEditView/Tabs/CasePrivateNotes/CasePrivateNotes.js

@@ -15,12 +15,14 @@ import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../../../context/CaseContext';
+import { useCaseUpdateErrorMessage } from '../../../../hooks/useCaseUpdateErrorMessage';
 import { updateCaseDetails } from '../../../../reducers/CaseReducer';
 const defaultProps = {
     caseNumber: undefined,
 };
 function CasePrivateNotes(props) {
     const { t } = useTranslation();
+    const caseUpdateError = useCaseUpdateErrorMessage();
     const ability = useContext(AbilityContext);
     const canUpdatePrivateNotes = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_PRIVATE_NOTES_EDIT);
     const notes = useCaseSelector((state) => state.caseDetails.notes, isEqual);
@@ -46,7 +48,7 @@ function CasePrivateNotes(props) {
             setIsUpdating(false);
         }
         catch (e) {
-            ToastNotification.addDangerMessage(t(`Failed to update notes`));
+            caseUpdateError.showError(e, t(`Failed to update notes`));
             setIsUpdating(false);
         }
     });

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":"AAiBA,UAAU,MAAM;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAID,iBAAS,SAAS,CAAC,KAAK,EAAE,MAAM,eA2N/B;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"CaseGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseGroup.tsx"],"names":[],"mappings":"AAkBA,UAAU,MAAM;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAID,iBAAS,SAAS,CAAC,KAAK,EAAE,MAAM,eA4N/B;AAED,eAAe,SAAS,CAAC"}

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

@@ -16,12 +16,14 @@ import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
+import { useCaseUpdateErrorMessage } from '../../hooks/useCaseUpdateErrorMessage';
 import { setCaseDetails, setSelectedCaseGroupUsers, updateCaseDetails } from '../../reducers/CaseReducer';
 import { CaseValuesToWatch } from '../shared/Constants';
 import { getChangedValueTooltip } from '../shared/utils';
 const emptyCaseGroup = { groupNum: '', name: '', isPrivate: false, isDefault: false, defaultMembers: [], members: [] };
 function CaseGroup(props) {
     const { t } = useTranslation();
+    const caseUpdateError = useCaseUpdateErrorMessage();
     const { groupNumber, caseNumber, accountNumber, selectedAccountDetails, ownersCaseGroups, groupName } = useCaseSelector((state) => ({
         caseNumber: state.caseDetails.caseNumber,
         groupNumber: state.caseDetails.groupNumber,
@@ -93,7 +95,7 @@ function CaseGroup(props) {
         }
         catch (e) {
             setCaseGroupUpdating(false);
-            ToastNotification.addDangerMessage(t(`Group failed to update`));
+            caseUpdateError.showError(e, t(`Group failed to update`));
         }
     });
     const onCaseGroupChange = (selection) => __awaiter(this, void 0, void 0, function* () {

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

@@ -1 +1 @@
-{"version":3,"file":"Fts.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Fts.tsx"],"names":[],"mappings":"AAYA,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAQD,iBAAS,GAAG,CAAC,KAAK,EAAE,MAAM,eA8KzB;kBA9KQ,GAAG;;;AAiLZ,eAAe,GAAG,CAAC"}
+{"version":3,"file":"Fts.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Fts.tsx"],"names":[],"mappings":"AAaA,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAQD,iBAAS,GAAG,CAAC,KAAK,EAAE,MAAM,eA+KzB;kBA/KQ,GAAG;;;AAkLZ,eAAe,GAAG,CAAC"}

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

@@ -15,6 +15,7 @@ import isEqual from 'lodash/isEqual';
 import React, { useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
+import { useCaseUpdateErrorMessage } from '../../hooks/useCaseUpdateErrorMessage';
 import { CONTACT_INFO_24X7_LIMIT } from '../../reducers/CaseConstNTypes';
 import { setCaseDetails, updateCaseDetails } from '../../reducers/CaseReducer';
 const defaultProps = {
@@ -24,6 +25,7 @@ const defaultProps = {
 };
 function Fts(props) {
     const { t } = useTranslation();
+    const caseUpdateError = useCaseUpdateErrorMessage();
     const { fts, contactInfo24x7, caseNumber, severity, entitlementSla } = useCaseSelector((state) => ({
         fts: state.caseDetails.fts,
         caseNumber: state.caseDetails.caseNumber,
@@ -49,7 +51,7 @@ function Fts(props) {
         }
         catch (e) {
             setFtsContactUpdating(false);
-            ToastNotification.addDangerMessage(t(`Failed to update the case`));
+            caseUpdateError.showError(e, t(`Failed to update the case`));
         }
     });
     const onCaseFtsUpdate = (caseDetails) => __awaiter(this, void 0, void 0, function* () {
@@ -61,7 +63,7 @@ function Fts(props) {
         }
         catch (e) {
             setFtsUpdating(false);
-            ToastNotification.addDangerMessage(t(`Failed to update the case`));
+            caseUpdateError.showError(e, t(`Failed to update the case`));
         }
     });
     const onFtsChange = (e) => __awaiter(this, void 0, void 0, function* () {

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

@@ -1 +1 @@
-{"version":3,"file":"Cep.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/Cep.tsx"],"names":[],"mappings":"AAoCA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,eAiShC"}
+{"version":3,"file":"Cep.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/Cep.tsx"],"names":[],"mappings":"AAqCA,UAAU,MAAM;CAAG;AAEnB,wBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,eAkShC"}

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

@@ -18,11 +18,13 @@ import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { useCaseDetailsPageStateContext } from '../../context/CaseDetailsPageContext';
 import { useCaseDiscussionTabDispatchContext, useCaseDiscussionTabStateContext, } from '../../context/CaseDiscussionTabContext';
+import { useCaseUpdateErrorMessage } from '../../hooks/useCaseUpdateErrorMessage';
 import { updateDiscussionStateComments } from '../../reducers/CaseDiscussionTabReducer';
 import { checkForCaseStatusToggleOnAttachOrComment, postCepDetails, setCaseDetails, setCaseState, updateCaseDetails, } from '../../reducers/CaseReducer';
 export function Cep(props) {
     var _a, _b, _c, _d, _e, _f;
     const { t } = useTranslation();
+    const caseUpdateError = useCaseUpdateErrorMessage();
     const { cep, caseNumber, status, cepDetails, isPostingCep, isCaseUpdating } = useCaseSelector((state) => ({
         cep: state.caseDetails.cep,
         caseNumber: state.caseDetails.caseNumber,
@@ -91,7 +93,7 @@ export function Cep(props) {
             ToastNotification.addSuccessMessage(t(`Consultant Engagement in Progress has been updated successfully`));
         }
         catch (e) {
-            ToastNotification.addDangerMessage(t(`Consultant Engagement in Progress failed to update`));
+            caseUpdateError.showError(e, t(`Consultant Engagement in Progress failed to update`));
         }
     });
     const onCancel = () => {

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":"AAaA,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;CAC3B;AAUD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,eAiEpD"}
+{"version":3,"file":"EditDescription.d.ts","sourceRoot":"","sources":["../../../../src/components/EditDescription/EditDescription.tsx"],"names":[],"mappings":"AAaA,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;CAC3B;AAUD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,eAoEpD"}

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

@@ -9,7 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { kase } from '@cee-eng/hydrajs';
 import { encodeAngularBrackets, linkifyBZIDs, linkifyWithCaseIDs } from '@cee-eng/ui-toolkit';
-import { InlineEdit, LoadingIndicator, TextAreaAutosize, ToastNotification, useFetch } from '@rh-support/components';
+import { InlineEdit, LoadingIndicator, TextAreaAutosize, ToastNotification } from '@rh-support/components';
 import isEqual from 'lodash/isEqual';
 import React, { useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -32,22 +32,25 @@ export default function EditDescription(props) {
     }), isEqual);
     const caseDispatch = useCaseDispatch();
     const [localDescription, setLocalDescription] = useState(description);
-    const updateCaseFetch = useFetch(kase.updateCase);
+    const [isUpdating, setIsUpdating] = useState(false);
     const [isDescriptionTextAreaFocused, setDescriptionTextAreaFocused] = useState(false);
     const onDescriptionSave = () => __awaiter(this, void 0, void 0, function* () {
         setDescriptionTextAreaFocused(false);
         if (localDescription === description)
             return;
         try {
+            setIsUpdating(true);
             const caseDetails = { description: localDescription };
             // Only GS4 internal can edit description
-            yield updateCaseFetch.request(caseNumber, caseDetails, true);
+            yield kase.updateCase(caseNumber, caseDetails, true);
+            setIsUpdating(false);
             setCaseDetails(caseDispatch, caseDetails);
             ToastNotification.addSuccessMessage(t('Case description has been successfully updated'));
         }
         catch (e) {
+            setLocalDescription(description);
+            setIsUpdating(false);
             ToastNotification.addDangerMessage(t('Case description failed to update'));
-            throw e;
         }
     });
     const onDescriptionChange = (event) => {
@@ -55,7 +58,7 @@ export default function EditDescription(props) {
     };
     const descriptionErrorMessage = t(LargeDescriptionErrorMessage, { limit: DESCRIPTION_LENGTH_LIMIT });
     return (React.createElement(InlineEdit, { labelContent: React.createElement(React.Fragment, null,
-            React.createElement(Trans, null, "Description")), loadingIndicator: updateCaseFetch.isFetching ? React.createElement(LoadingIndicator, { size: "xs" }) : null, labelProps: { htmlFor: 'edit-description' }, content: React.createElement("div", { dangerouslySetInnerHTML: { __html: linkifiedDescription(localDescription) } }), allowInlineEdit: !!props.inlineEditable, saveDisabled: localDescription === description || updateCaseFetch.isFetching, usePreformattedTag: true, onSave: onDescriptionSave },
-        React.createElement(TextAreaAutosize, { id: "edit-description", name: "edit-description", className: `form-control${hasLargeCaseDescription ? ' form-invalid' : ''}`, value: localDescription, disabled: updateCaseFetch.isFetching, onChange: onDescriptionChange, "data-tracking-id": "edit-description" }),
+            React.createElement(Trans, null, "Description")), loadingIndicator: isUpdating ? React.createElement(LoadingIndicator, { size: "xs" }) : null, labelProps: { htmlFor: 'edit-description' }, content: React.createElement("div", { dangerouslySetInnerHTML: { __html: linkifiedDescription(localDescription) } }), allowInlineEdit: !!props.inlineEditable, saveDisabled: localDescription === description || isUpdating, usePreformattedTag: true, onSave: onDescriptionSave },
+        React.createElement(TextAreaAutosize, { id: "edit-description", name: "edit-description", className: `form-control${hasLargeCaseDescription ? ' form-invalid' : ''}`, value: localDescription, disabled: isUpdating, onChange: onDescriptionChange, "data-tracking-id": "edit-description" }),
         React.createElement("p", { className: "form-instructions" }, `${hasLargeCaseDescription && isDescriptionTextAreaFocused ? descriptionErrorMessage : ''}`)));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"UpdateSeverityModal.d.ts","sourceRoot":"","sources":["../../../../src/components/UpdateSeverityModal/UpdateSeverityModal.tsx"],"names":[],"mappings":"AAsCA,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,MAAM,eA4YxD"}
+{"version":3,"file":"UpdateSeverityModal.d.ts","sourceRoot":"","sources":["../../../../src/components/UpdateSeverityModal/UpdateSeverityModal.tsx"],"names":[],"mappings":"AAuCA,UAAU,MAAM;IACZ,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,MAAM,eA6YxD"}

package/lib/esm/components/UpdateSeverityModal/UpdateSeverityModal.js

@@ -22,6 +22,7 @@ import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { useCaseDetailsPageStateContext } from '../../context/CaseDetailsPageContext';
 import { useCaseDiscussionTabDispatchContext, useCaseDiscussionTabStateContext, } from '../../context/CaseDiscussionTabContext';
+import { useCaseUpdateErrorMessage } from '../../hooks/useCaseUpdateErrorMessage';
 import { updateDiscussionStateComments } from '../../reducers/CaseDiscussionTabReducer';
 import { getIrtForSLAAndSeverity, getOrtForSLAAndSeverity, getSeverityDescription } from '../../reducers/CaseHelpers';
 import { caseOverviewReducer, initialCaseViewState, setSeverityUpdating } from '../../reducers/CaseOverviewReducer';
@@ -29,6 +30,7 @@ import { checkForCaseStatusToggleOnAttachOrComment, setCaseDetails, updateCaseDe
 export default function UpdateSeverityModal(props) {
     const { show, onClose, isDisabled, isFetching } = props;
     const { t } = useTranslation();
+    const caseUpdateError = useCaseUpdateErrorMessage();
     const [descriptionValue, setDescriptionValue] = useState('');
     const [caseOverviewState, caseOverviewDispatch] = useReducer(caseOverviewReducer, initialCaseViewState);
     const caseDispatch = useCaseDispatch();
@@ -176,7 +178,7 @@ export default function UpdateSeverityModal(props) {
                     });
                     setCaseDetails(caseDispatch, { status: 'Waiting on Customer' });
                     onSuccessfulSubmit();
-                    ToastNotification.addDangerMessage(t(`Failed to update case status. Please try again`));
+                    caseUpdateError.showError(e, t(`Failed to update case status. Please try again`));
                 }
             }
             catch (e) {
@@ -187,7 +189,7 @@ export default function UpdateSeverityModal(props) {
                 reUpdateSeverity(caseDetails.caseSeverity);
                 onClose();
                 setSeverityUpdating(caseOverviewDispatch, false);
-                ToastNotification.addDangerMessage(t(`Couldn't post severity update comment. Please try again`));
+                caseUpdateError.showError(e, t(`Couldn't post severity update comment. Please try again`));
             }
         }
         catch (e) {
@@ -195,7 +197,7 @@ export default function UpdateSeverityModal(props) {
                 severity: currentSeverity,
             });
             onSuccessfulSubmit();
-            ToastNotification.addDangerMessage(t('Severity failed to update'));
+            caseUpdateError.showError(e, t('Severity failed to update'));
         }
         finally {
             yield updateDiscussionStateComments(dispatchDiscussion, caseDetails.caseNumber, allDiscussions, sort, caseFeedbacksHydra.data, discussionFiltersListState);

package/lib/esm/hooks/useCaseUpdateErrorMessage.d.ts

@@ -0,0 +1,4 @@
+export declare function useCaseUpdateErrorMessage(): {
+    showError: (e: any, message500: any) => void;
+};
+//# sourceMappingURL=useCaseUpdateErrorMessage.d.ts.map

package/lib/esm/hooks/useCaseUpdateErrorMessage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCaseUpdateErrorMessage.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCaseUpdateErrorMessage.ts"],"names":[],"mappings":"AAGA,wBAAgB,yBAAyB;;EAaxC"}

package/lib/esm/hooks/useCaseUpdateErrorMessage.js

@@ -0,0 +1,16 @@
+import { formattedApiErrorMessage, ToastNotification } from '@rh-support/components';
+import { useTranslation } from 'react-i18next';
+export function useCaseUpdateErrorMessage() {
+    const { t } = useTranslation();
+    const showError = (e, message500) => {
+        const errorMessage = formattedApiErrorMessage(e, {
+            '500': { title: t('There was a problem with your request'), message: message500 },
+            '403': {
+                title: t('There was a problem with your request'),
+                message: t('You are not authorized to update this case.'),
+            },
+        });
+        ToastNotification.addDangerMessage(errorMessage);
+    };
+    return { showError };
+}

package/lib/esm/scss/_main.scss

@@ -949,3 +949,11 @@ div.pf-c-alert.ea-rule-alert > div.pf-c-alert__description > p {
 div.defaultViewCheckbox {
     grid-gap: 0px;
 }
+
+p.pref-case-popover-text {
+    font-size: 16px;
+}
+
+.blueLock {
+    color: #06c;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "1.0.7",
+    "version": "1.0.8",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -73,10 +73,10 @@
         "@patternfly/react-core": "4.202.16",
         "@progress/kendo-drawing": "^1.6.0",
         "@progress/kendo-react-pdf": "^3.12.0",
-        "@rh-support/components": "1.2.4",
-        "@rh-support/react-context": "1.0.5",
+        "@rh-support/components": "1.2.5",
+        "@rh-support/react-context": "1.0.6",
         "@rh-support/types": "0.2.0",
-        "@rh-support/user-permissions": "1.0.4",
+        "@rh-support/user-permissions": "1.0.5",
         "@rh-support/utils": "1.0.3",
         "@types/react-redux": "^7.1.12",
         "@types/redux": "^3.6.0",
@@ -142,5 +142,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "b69cce6cf363373e3cb9ea6bbfc0515b04974f3a"
+    "gitHead": "99871945be699eeae0ed20023dd6708b2a0d422d"
 }