@rh-support/troubleshoot 2.7.1 → 2.7.11

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

@@ -8,9 +8,10 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { SingleSelectDropdown, ValueChangedIcon } from '@rh-support/components';
+import { getPortalStatusDropdownOptions, mapSfdcStatusToPortalStatus } from '@rh-support/utils';
+import i18next from 'i18next';
 import isEmpty from 'lodash/isEmpty';
-import map from 'lodash/map';
-import React, { useContext, useState } from 'react';
+import React, { useContext, useMemo, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { CaseValuesToWatch } from '../../shared/Constants';
 import { getChangedValueTooltip } from '../../shared/utils';
@@ -19,6 +20,14 @@ const defaultProps = {
     id: '',
     className: '',
 };
+const STATUS_DESCRIPTIONS = {
+    get restricted() {
+        return i18next.t('Only Red Hat Support can set this status');
+    },
+    get closed() {
+        return i18next.t('Use In Progress to reopen this case');
+    },
+};
 function CaseStatus(props) {
     const { t } = useTranslation();
     const [isCaseStatusInValid, setIsCaseStatusInValid] = useState(false);
@@ -26,29 +35,33 @@ function CaseStatus(props) {
         setIsCaseStatusInValid(isEmpty(selectedItem));
     };
     const { isExportingPDF } = useContext(PDFContext);
-    // value changed logic to show a non local status change
+    const selectedPortalStatus = useMemo(() => mapSfdcStatusToPortalStatus(props.selectedStatus), [props.selectedStatus]);
     const [localStatusChange, setLocalStatusChange] = useState(false);
     const afterLocalChange = () => setLocalStatusChange(false);
     const onCaseStatusChange = (option) => __awaiter(this, void 0, void 0, function* () {
-        if (option.value === props.selectedStatus) {
+        if (option.disabled || option.value === selectedPortalStatus) {
             return;
         }
         yield props.onStatusChange(option.value);
         setLocalStatusChange(true);
         validateCaseStatus(option);
     });
-    const getDropdownOptions = map(props.allStatuses || [], (option) => ({
-        label: option,
-        value: option,
-    }));
+    const statusOptions = getPortalStatusDropdownOptions(props.isClosed, props.isInternal);
+    const getDropdownOptions = statusOptions.map((opt) => {
+        let description;
+        if (opt.disabled) {
+            description = opt.value === 'Closed' ? STATUS_DESCRIPTIONS.closed : STATUS_DESCRIPTIONS.restricted;
+        }
+        return Object.assign({ label: opt.value, value: opt.value, disabled: opt.disabled }, (description ? { description } : {}));
+    });
     const getSelectedDropdownOption = {
-        label: props.selectedStatus,
-        value: props.selectedStatus,
+        label: selectedPortalStatus,
+        value: selectedPortalStatus,
     };
     return (React.createElement("div", { className: `form-group ${props.className}`, id: `${props.id}` },
         React.createElement("h3", { className: "subheading subheading-sm" },
             React.createElement(Trans, null, "Status"),
-            React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, isLocalChange: localStatusChange, value: props.selectedStatus, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.status) }),
+            React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, isLocalChange: localStatusChange, value: selectedPortalStatus, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.status) }),
             React.createElement("span", { className: `form-required ${isExportingPDF ? 'hide-in-pdf' : ''}`, "aria-hidden": true }, "*")),
         React.createElement(SingleSelectDropdown, { placeholder: t(`Select a status`), dataTrackingId: "case-details-status-selector", options: getDropdownOptions, selected: getSelectedDropdownOption, isDisabled: props.hasError || props.isDisabled || props.isFetching, isLoading: props.isFetching, isInvalid: isCaseStatusInValid, onSelect: onCaseStatusChange })));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"CaseType.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/CaseType.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAAoC,MAAM,OAAO,CAAC;AAOzD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,GAAG,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACrB;AAOD,iBAAS,QAAQ,CAAC,KAAK,EAAE,MAAM,qBAqF9B;kBArFQ,QAAQ;;;AAwFjB,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"CaseType.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/CaseType.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAAoC,MAAM,OAAO,CAAC;AAOzD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,GAAG,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;CACrB;AAOD,iBAAS,QAAQ,CAAC,KAAK,EAAE,MAAM,qBAmF9B;kBAnFQ,QAAQ;;;AAsFjB,eAAe,QAAQ,CAAC"}

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

@@ -25,7 +25,6 @@ function CaseType(props) {
     const [isCaseTypeInValid, setIsCaseTypeInValid] = useState(false);
     const { isExportingPDF } = useContext(PDFContext);
     const [isOpen, setIsOpen] = useState(false);
-    const [selected, setSelected] = useState(props.selectedType);
     const onToggleClick = () => {
         setIsOpen(!isOpen);
     };
@@ -33,7 +32,7 @@ function CaseType(props) {
         React.createElement(Flex, { justifyContent: { default: 'justifyContentSpaceBetween' } },
             React.createElement(FlexItem, null,
                 " ",
-                selected || t(`Select a category`)),
+                props.selectedType || t(`Select a category`)),
             React.createElement(FlexItem, null, props.isFetching ? React.createElement(Spinner, { size: "md" }) : ''))));
     const validateCaseType = (selectedItem) => {
         setIsCaseTypeInValid(isEmpty(selectedItem));
@@ -46,7 +45,6 @@ function CaseType(props) {
         setIsOpen(false);
         yield props.onTypeChange(switchedCaseType);
         setLocalTypeChange(true);
-        setSelected(option);
         validateCaseType(option);
     });
     // value changed logic to show a non local type change
@@ -57,7 +55,7 @@ function CaseType(props) {
             React.createElement(Trans, null, "Support type"),
             React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, isLocalChange: localTypeChange, value: props.selectedType, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.type) }),
             React.createElement("span", { className: `form-required ${isExportingPDF ? 'hide-in-pdf' : ''}`, "aria-hidden": true }, "*")),
-        React.createElement(Select, { "data-tracking-id": "case-details-type-selector", isOpen: isOpen, selected: selected, onSelect: (event, val) => onCaseTypeChange(val), onOpenChange: (isOpen) => setIsOpen(isOpen), toggle: toggle, popperProps: { direction: 'down', enableFlip: false }, shouldFocusFirstItemOnOpen: false, shouldFocusToggleOnSelect: true },
+        React.createElement(Select, { "data-tracking-id": "case-details-type-selector", isOpen: isOpen, selected: props.selectedType, onSelect: (event, val) => onCaseTypeChange(val), onOpenChange: (isOpen) => setIsOpen(isOpen), toggle: toggle, popperProps: { direction: 'down', enableFlip: false }, shouldFocusFirstItemOnOpen: false, shouldFocusToggleOnSelect: true },
             React.createElement(SelectList, null, (props.allTypes || []).map((option) => (React.createElement(SelectOption, { value: option, key: option }, option)))))));
 }
 CaseType.defaultProps = defaultProps;

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

@@ -1 +1 @@
-{"version":3,"file":"DateTime.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/DateTime.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,UAAU,MAAM;IACZ,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;IAC/C,cAAc,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAiBD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC7B,WAAkB,EAClB,iBAA4C,EAC5C,cAAsC,EACtC,cAAmB,EACnB,MAAgB,GACnB,EAAE,MAAM,qBAqBR"}
+{"version":3,"file":"DateTime.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/DateTime.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,UAAU,MAAM;IACZ,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iBAAiB,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;IAC/C,cAAc,CAAC,EAAE,IAAI,CAAC,qBAAqB,CAAC;IAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB;AAiBD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC7B,WAAkB,EAClB,iBAA4C,EAC5C,cAAsC,EACtC,cAAmB,EACnB,MAAgB,GACnB,EAAE,MAAM,qBAwBR"}

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

@@ -19,5 +19,5 @@ export default function DateTime({ showToolTip = true, toolTipTimeFormat = defau
     return (React.createElement(React.Fragment, null,
         React.createElement("time", { dateTime: dateTimeString }, formatDateTime(dateTimeString, locale, dateTimeFormat)),
         showToolTip && (React.createElement(Tooltip, { content: React.createElement("time", { dateTime: dateTimeString }, formatDateTime(dateTimeString, locale, toolTipTimeFormat)) },
-            React.createElement(InfoIcon, { className: `pf-v5-u-ml-sm ${isExportingPDF ? 'hide-in-pdf' : ''}` })))));
+            React.createElement(InfoIcon, { className: `pf-v6-u-ml-sm cursor-pointer ${isExportingPDF ? 'hide-in-pdf' : ''}`, style: { color: '#5e40be', width: '1rem', height: '1rem' } })))));
 }

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":"AA8BA,OAAO,KAAkD,MAAM,OAAO,CAAC;AA4BvE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,qBA4fjD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/index.tsx"],"names":[],"mappings":"AAmCA,OAAO,KAAkD,MAAM,OAAO,CAAC;AA4BvE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,qBAmlBjD"}

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

@@ -7,28 +7,31 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+import { useApolloClient } from '@apollo/client/react';
 import { Alert, AlertVariant, Button, ButtonVariant, ExpandableSection, Label, ModalVariant, } from '@patternfly/react-core';
+import ExternalLinkAltIcon from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
 import LockIcon from '@patternfly/react-icons/dist/js/icons/lock-icon';
-import { ToastNotification, useConfirmation } from '@rh-support/components';
-import { CloseCaseModal, fetchCaseSeverities, fetchCaseTypes, GlobalMetadataDispatchContext, GlobalMetadataStateContext, useCanEditCase, } from '@rh-support/react-context';
+import { getDirectErrorMessage, ToastNotification, useConfirmation } from '@rh-support/components';
+import { CloseCaseModal, fetchAllStatuses, fetchCaseSeverities, fetchCaseTypes, GlobalMetadataDispatchContext, GlobalMetadataStateContext, useCanEditCase, } from '@rh-support/react-context';
 import { AbilityContext, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
-import { dtmTrackEventCaseStepEncountered, haventLoadedMetadata, isOpenShiftOnlineProduct, PreviousCaseTypes, toNewCaseTypeMapper, toNewCaseTypeSwitcher, } from '@rh-support/utils';
+import { dtmTrackEventCaseStepEncountered, haventLoadedMetadata, isOpenShiftOnlineProduct, mapSfdcStatusToPortalStatus, PreviousCaseTypes, resolvePortalStatusToApiValue, toNewCaseTypeMapper, toNewCaseTypeSwitcher, } from '@rh-support/utils';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { CaseStatusEnum } from '../../../constants/caseDetailsConstants';
 import { useCaseDispatch, useCaseSelector } from '../../../context/CaseContext';
 import { CaseOverviewDispatchContext, CaseOverviewStateContext } from '../../../context/CaseOverviewContext';
-import { useCaseUpdateErrorMessage } from '../../../hooks/useCaseUpdateErrorMessage';
+import { isGenericNetworkError, useCaseUpdateErrorMessage } from '../../../hooks/useCaseUpdateErrorMessage';
 import { SupportLevelDisplay } from '../../../reducers/CaseConstNTypes';
-import { fetchAllStatuses, fetchCaseHydra, setSeverityUpdating, setStatusUpdating, setTypeUpdating, } from '../../../reducers/CaseOverviewReducer';
-import { updateCaseDetails } from '../../../reducers/CaseReducer';
+import { fetchCaseHydra, setSeverityUpdating, setStatusUpdating, setTypeUpdating, } from '../../../reducers/CaseOverviewReducer';
+import { updateCaseDetailsGraphQL } from '../../../reducers/CaseReducer';
 import Severity from '../../CaseInformation/Severity';
 import { usePostComment } from '../../shared/usePostComment';
 import { ReopenCaseModal } from '../ConfirmationModals/ReopenCaseModal';
 import { PDFContext } from '../PDFContainer';
 import { CaseInformation } from '../Tabs/CaseDetails/CaseInformation';
-import { CaseContactPhoneNumberAlert } from '../Tabs/CaseDetails/CasePhoneNumberConfirmAlert';
+// TODO: Re-enable once phone number verification flow is fully supported with GraphQL
+// import { CaseContactPhoneNumberAlert } from '../Tabs/CaseDetails/CasePhoneNumberConfirmAlert';
 import Summary from '../Tabs/CaseDetails/Summary';
 import CaseOwnerInfo from './CaseOwnerInfo';
 import CaseStatus from './CaseStatus';
@@ -38,7 +41,6 @@ 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);
     const caseOverviewState = useContext(CaseOverviewStateContext);
@@ -49,15 +51,17 @@ export default function CaseOverview(props) {
     const { isExportingPDF, exportPDFButton } = useContext(PDFContext);
     const reopenStatusRef = useRef(null);
     const { postComment, isPostingComment } = usePostComment({ caseNumber: props.caseNumber });
-    const { product, version, status, caseType, createdDate, createdById, ownerId, caseNumber, entitlementSla, cep, accountNumber, isPrivate, isCaseUpdating, contactIsPartner, hotfixRequested, hotfixDelivered, selectedAccountDetails, firstCaseInactivityWarningSentAt, secondCaseInactivityWarningSentAt, } = useCaseSelector((state) => ({
+    const { product, version, status, caseType, createdDate, createdByName, ownerName, isFetchingCaseDetails, isFetchingCaseDetailsError, caseNumber, entitlementSla, cep, accountNumber, isPrivate, isCaseUpdating, contactIsPartner, hotfixRequested, hotfixDelivered, selectedAccountDetails, firstCaseInactivityWarningSentAt, secondCaseInactivityWarningSentAt, } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
         status: state.caseDetails.status,
         caseType: state.caseDetails.caseType,
         caseSeverity: state.caseDetails.severity,
         createdDate: state.caseDetails.createdDate,
-        createdById: state.caseDetails.createdById,
-        ownerId: state.caseDetails.ownerId,
+        createdByName: state.caseDetails.createdByName,
+        ownerName: state.caseDetails.ownerName,
+        isFetchingCaseDetails: state.isFetchingCaseDetails,
+        isFetchingCaseDetailsError: state.isFetchingCaseDetailsError,
         caseNumber: state.caseDetails.caseNumber,
         entitlementSla: state.caseDetails.entitlementSla,
         cep: state.caseDetails.cep,
@@ -74,7 +78,13 @@ export default function CaseOverview(props) {
     const canEditCase = useCanEditCase();
     const caseDispatch = useCaseDispatch();
     const globalMetadataDispatchContext = useContext(GlobalMetadataDispatchContext);
-    const { globalMetadataState: { allCaseTypes, allCaseSeverities, viewAsCustomer, loggedInUsersAccount, loggedInUserRights, }, } = useContext(GlobalMetadataStateContext);
+    const apolloClient = useApolloClient();
+    const existingCaseDetails = useCaseSelector((state) => state.caseDetails, isEqual);
+    const updateOverviewCaseDetails = (payload) => updateCaseDetailsGraphQL(caseDispatch, apolloClient, props.caseNumber, payload, false, {
+        existingCaseDetails,
+    });
+    const { globalMetadataState: { allCaseTypes, allCaseSeverities, allCaseStatuses, viewAsCustomer, loggedInUsersAccount, loggedInUserRights, }, } = useContext(GlobalMetadataStateContext);
+    const canManageCase = loggedInUserRights.data.canManageCases();
     const switchedCaseType = toNewCaseTypeSwitcher(caseType);
     const updatingUser = loggedInUsersAccount.data.name;
     const canSeeManagedByPartnerFlag = contactIsPartner &&
@@ -88,24 +98,24 @@ export default function CaseOverview(props) {
             }
         }
         if (haventLoadedMetadata(allCaseSeverities)) {
-            fetchCaseSeverities(globalMetadataDispatchContext, loggedInUsersAccount.data.secureSupport);
+            fetchCaseSeverities(globalMetadataDispatchContext, apolloClient);
         }
         if (haventLoadedMetadata(allCaseTypes)) {
-            fetchCaseTypes(globalMetadataDispatchContext, loggedInUsersAccount.data.secureSupport);
+            fetchCaseTypes(globalMetadataDispatchContext, apolloClient);
         }
-        if (haventLoadedMetadata(caseOverviewState.allCaseStatuses)) {
-            fetchAllStatuses(caseOverviewDispatch, loggedInUsersAccount.data.secureSupport);
+        if (haventLoadedMetadata(allCaseStatuses)) {
+            fetchAllStatuses(globalMetadataDispatchContext, apolloClient);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         globalMetadataDispatchContext,
+        apolloClient,
         allCaseSeverities,
         allCaseTypes,
-        caseOverviewState.allCaseStatuses,
+        allCaseStatuses,
         caseOverviewState.caseDetailsHydra,
         canSeeCaseOwnerInfo,
         caseNumber,
-        loggedInUsersAccount.data.secureSupport,
     ]);
     const onTypeChange = (type) => __awaiter(this, void 0, void 0, function* () {
         if (canEditCase.alert())
@@ -116,13 +126,25 @@ export default function CaseOverview(props) {
             if (type === PreviousCaseTypes.FEATURE_ENHANCEMENT) {
                 newCaseDetails = Object.assign(Object.assign({}, newCaseDetails), { fts: false });
             }
-            yield updateCaseDetails(caseDispatch, props.caseNumber, newCaseDetails);
+            yield updateOverviewCaseDetails(newCaseDetails);
             setTypeUpdating(caseOverviewDispatch, false);
             ToastNotification.addSuccessMessage(t('Support type has been successfully updated'));
         }
         catch (e) {
             setTypeUpdating(caseOverviewDispatch, false);
-            caseUpdateError.showError(e, t('Support type failed to update'));
+            caseUpdateError.showFieldError(e, t('Support type'), () => onTypeChange(type));
+        }
+    });
+    const applySeverityUpdate = (payLoad) => __awaiter(this, void 0, void 0, function* () {
+        setSeverityUpdating(caseOverviewDispatch, true);
+        try {
+            yield updateOverviewCaseDetails(payLoad);
+            setSeverityUpdating(caseOverviewDispatch, false);
+            ToastNotification.addSuccessMessage(t('Severity has been successfully updated'));
+        }
+        catch (e) {
+            setSeverityUpdating(caseOverviewDispatch, false);
+            caseUpdateError.showFieldError(e, t('Severity'), () => applySeverityUpdate(payLoad));
         }
     });
     const onSeverityChange = (payLoad) => __awaiter(this, void 0, void 0, function* () {
@@ -135,18 +157,12 @@ export default function CaseOverview(props) {
                 severity: payLoad.severity,
             }),
         });
-        setSeverityUpdating(caseOverviewDispatch, true);
-        try {
-            yield updateCaseDetails(caseDispatch, props.caseNumber, payLoad);
-            setSeverityUpdating(caseOverviewDispatch, false);
-            ToastNotification.addSuccessMessage(t('Severity has been successfully updated'));
-        }
-        catch (e) {
-            setSeverityUpdating(caseOverviewDispatch, false);
-            caseUpdateError.showError(e, t('Severity failed to update'));
-        }
+        yield applySeverityUpdate(payLoad);
     });
-    const updateStatusState = (statusVal_1, reopenedAt_1, reopenedBySSOName_1, reopenedReason_1, reopenedReasonOther_1, ...args_1) => __awaiter(this, [statusVal_1, reopenedAt_1, reopenedBySSOName_1, reopenedReason_1, reopenedReasonOther_1, ...args_1], void 0, function* (statusVal, reopenedAt, reopenedBySSOName, reopenedReason, reopenedReasonOther, onStatusUpdate = null) {
+    const showStatusUpdateSuccessToast = () => {
+        ToastNotification.addSuccessMessage(t('Status has been successfully updated'));
+    };
+    const updateStatusState = (statusVal, reopenedAt, reopenedBySSOName, reopenedReason, reopenedReasonOther, onStatusUpdate, options) => __awaiter(this, void 0, void 0, function* () {
         setStatusUpdating(caseOverviewDispatch, true);
         let updateStatusObj = {
             status: statusVal,
@@ -156,34 +172,50 @@ export default function CaseOverview(props) {
             reopenedReasonOther: reopenedReasonOther,
         };
         try {
-            yield updateCaseDetails(caseDispatch, props.caseNumber, updateStatusObj);
+            yield updateOverviewCaseDetails(updateStatusObj);
             setStatusUpdating(caseOverviewDispatch, false);
             onStatusUpdate && (yield onStatusUpdate());
-            ToastNotification.addSuccessMessage(t('Status has been successfully updated'));
+            if ((options === null || options === void 0 ? void 0 : options.showSuccessToast) !== false) {
+                showStatusUpdateSuccessToast();
+            }
+            return true;
         }
         catch (e) {
             setStatusUpdating(caseOverviewDispatch, false);
-            caseUpdateError.showError(e, t('Status failed to update'));
+            const field = t('Status');
+            const fallbackMessage = t('{{field}} could not be updated. Please try again or refresh the page and try once more.', { field });
+            const directMessage = getDirectErrorMessage(e);
+            const message = directMessage && !isGenericNetworkError(directMessage) ? directMessage : fallbackMessage;
+            caseUpdateError.showError(e, {
+                title: t('{{field}} update failed', { field }),
+                message,
+                onRetry: () => updateStatusState(statusVal, reopenedAt, reopenedBySSOName, reopenedReason, reopenedReasonOther, onStatusUpdate, options),
+            });
+            return false;
         }
     });
-    const onStatusChange = (newStatus) => __awaiter(this, void 0, void 0, function* () {
+    const onStatusChange = (newPortalStatus) => __awaiter(this, void 0, void 0, function* () {
         if (canEditCase.alert())
             return;
-        if (status === CaseStatusEnum.CLOSED && newStatus !== CaseStatusEnum.CLOSED) {
-            onCaseReopen(newStatus);
+        const currentPortalStatus = mapSfdcStatusToPortalStatus(status);
+        const newApiStatus = resolvePortalStatusToApiValue(newPortalStatus, status);
+        if (currentPortalStatus === 'Closed' && newPortalStatus !== 'Closed') {
+            onCaseReopen(newPortalStatus);
         }
-        else if (newStatus === CaseStatusEnum.CLOSED) {
+        else if (newPortalStatus === 'Closed') {
             onCaseClose();
         }
         else {
             yield confirm({
                 title: t(`Update the status of the case?`),
-                description: t('Are you sure you want to change the case status to {{newStatus}}?', { newStatus }),
+                description: t('Are you sure you want to change the case status to {{newStatus}}?', {
+                    newStatus: newPortalStatus,
+                }),
                 confirmText: t('Yes, confirm'),
                 cancelText: t('No, cancel'),
                 modalVariant: ModalVariant.small,
             });
-            updateStatusState(newStatus);
+            updateStatusState(newApiStatus);
         }
     });
     const onCaseClose = () => __awaiter(this, void 0, void 0, function* () {
@@ -201,9 +233,11 @@ export default function CaseOverview(props) {
                 updateDiscussionState: true,
                 doNotChangeStatus: true,
             });
+            return true;
         }
         catch (e) {
             caseUpdateError.showError(e, t('Could not post comment after status update'));
+            return false;
         }
     });
     const onToggleDetails = () => {
@@ -216,9 +250,15 @@ export default function CaseOverview(props) {
         const linkText = entitlementSla
             ? t(`${SupportLevelDisplay[entitlementSla] || entitlementSla} support`)
             : t('Standard support');
-        return (React.createElement("a", { href: link, target: "_blank", className: "show-target", rel: "noopener noreferrer", "data-tracking-id": "case-details-support-level-info" }, linkText));
+        return (React.createElement("a", { href: link, target: "_blank", rel: "noopener noreferrer", "data-tracking-id": "case-details-support-level-info" },
+            linkText,
+            ' ',
+            React.createElement("span", { className: "pf-v6-u-ml-sm" },
+                React.createElement(ExternalLinkAltIcon, null))));
     };
-    const isCaseInOpenState = status !== CaseStatusEnum.CLOSED;
+    const portalStatus = mapSfdcStatusToPortalStatus(status);
+    const isCaseClosed = portalStatus === 'Closed';
+    const isCaseInOpenState = portalStatus !== 'Closed' && portalStatus !== 'Archived';
     // To switch from old case type to new support type
     const newCaseTypesArray = toNewCaseTypeMapper(allCaseTypes.data).sort();
     return (React.createElement(React.Fragment, null,
@@ -226,32 +266,31 @@ export default function CaseOverview(props) {
             React.createElement("div", { className: "case-overview-header" },
                 canSeeInactivityWarning && isCaseInOpenState && (React.createElement(React.Fragment, null,
                     ' ',
-                    firstCaseInactivityWarningSentAt && !secondCaseInactivityWarningSentAt && (React.createElement(Alert, { className: "pf-v5-u-mb-md", isInline: true, title: React.createElement(React.Fragment, null,
-                            React.createElement("h3", { className: "pf-v5-u-mb-sm pf-v5-c-alert__title" },
+                    firstCaseInactivityWarningSentAt && !secondCaseInactivityWarningSentAt && (React.createElement(Alert, { className: "pf-v6-u-mb-md", isInline: true, title: React.createElement(React.Fragment, null,
+                            React.createElement("h3", { className: "pf-v6-u-mb-sm pf-v6-c-alert__title" },
                                 React.createElement(Trans, null, "Case inactivity notification")),
-                            React.createElement("p", { className: "pf-v5-u-mb-sm" },
+                            React.createElement("p", { className: "pf-v6-u-mb-sm" },
                                 React.createElement(Trans, null, "The customer has received one warning regarding inactivity."))) })),
-                    firstCaseInactivityWarningSentAt && secondCaseInactivityWarningSentAt && (React.createElement(Alert, { className: "pf-v5-u-mb-md", isInline: true, variant: AlertVariant.warning, title: React.createElement(React.Fragment, null,
-                            React.createElement("h3", { className: "pf-v5-u-mb-sm pf-v5-c-alert__title" },
+                    firstCaseInactivityWarningSentAt && secondCaseInactivityWarningSentAt && (React.createElement(Alert, { className: "pf-v6-u-mb-md", isInline: true, variant: AlertVariant.warning, title: React.createElement(React.Fragment, null,
+                            React.createElement("h3", { className: "pf-v6-u-mb-sm pf-v6-c-alert__title" },
                                 React.createElement(Trans, null, "Case inactivity warning")),
-                            React.createElement("p", { className: "pf-v5-u-mb-sm" },
+                            React.createElement("p", { className: "pf-v6-u-mb-sm" },
                                 React.createElement(Trans, null, "The customer has received two warnings regarding inactivity. This case will be closed soon if we don't receive any input."))) })))),
-                React.createElement(CaseContactPhoneNumberAlert, { isReview: true, tabRef: props.tabsRef }),
-                React.createElement("header", null,
+                React.createElement("header", { className: "pf-v6-u-mb-sm pf-v6-u-mt-lg" },
                     React.createElement("h2", { className: "case-ID" },
                         React.createElement(Trans, null, "Case"),
                         " ",
                         props.caseNumber),
                     React.createElement("div", null,
                         exportPDFButton(props.caseNumber),
-                        React.createElement(Button, Object.assign({ className: `pf-v5-u-ml-md ${isExportingPDF ? 'hide-in-pdf' : ''}`, isDisabled: !canManageCase }, ((showCloseCaseModal || showReOpenCaseModal) &&
+                        (isCaseInOpenState || isCaseClosed) && (React.createElement(Button, Object.assign({ className: `pf-v6-u-ml-md ${isExportingPDF ? 'hide-in-pdf' : ''}`, isDisabled: !canManageCase }, ((showCloseCaseModal || showReOpenCaseModal) &&
                             isCaseUpdating && {
                             isLoading: true,
                         }), { onClick: () => (isCaseInOpenState ? onCaseClose() : onCaseReopen()), variant: isCaseInOpenState ? ButtonVariant.secondary : ButtonVariant.tertiary, "data-tracking-id": isCaseInOpenState
                                 ? 'case-close-btn-case-details-overview'
                                 : 'case-reopen-btn-case-details-overview' }),
-                            React.createElement(Trans, null, isCaseInOpenState ? 'Close case' : 'Reopen case')))),
-                React.createElement("div", { className: `case-details-header-secondary push-bottom-narrow ${isExportingPDF && !viewAsCustomer ? 'hide-in-pdf' : ''}` },
+                            React.createElement(Trans, null, isCaseInOpenState ? 'Close case' : 'Reopen case'))))),
+                React.createElement("div", { className: `case-details-header-secondary push-bottom-narrow pf-v6-u-mb-sm ${isExportingPDF && !viewAsCustomer ? 'hide-in-pdf' : ''}` },
                     React.createElement("span", { className: `case-support-level ${isExportingPDF ? 'hide-in-pdf' : ''}` }, computeSupportLink())),
                 React.createElement("div", { className: "case-details-summary push-bottom-narrow" },
                     React.createElement(Summary, { inlineEditable: true, hideLabel: true })),
@@ -284,33 +323,47 @@ export default function CaseOverview(props) {
                 React.createElement("div", { className: "created-by" },
                     React.createElement("h3", { className: "subheading subheading-sm" },
                         React.createElement(Trans, null, "Created by")),
-                    React.createElement("div", null, createdById),
+                    React.createElement("div", null, createdByName),
                     React.createElement("div", null, createdDate ? React.createElement(DateTime, { dateTimeString: createdDate }) : null)),
-                canSeeCaseOwnerInfo && (React.createElement(CaseOwnerInfo, { owner: ownerId, caseDetailsHydra: caseOverviewState.caseDetailsHydra }))),
+                canSeeCaseOwnerInfo && (React.createElement(CaseOwnerInfo, { owner: ownerName !== null && ownerName !== void 0 ? ownerName : '', isLoading: isFetchingCaseDetails, isError: isFetchingCaseDetailsError, caseDetailsHydra: caseOverviewState.caseDetailsHydra }))),
             React.createElement("div", { className: "case-overview-secondary card card-md card-light push-bottom" },
-                React.createElement("div", { className: "pf-v5-l-grid pf-m-gutter pf-m-all-4-col-on-lg" },
+                React.createElement("div", { className: "pf-v6-l-grid pf-m-gutter pf-m-all-4-col-on-lg" },
                     React.createElement("div", { className: "form-wrapper" },
-                        React.createElement(CaseStatus, { selectedStatus: status, onStatusChange: onStatusChange, isDisabled: !canManageCase || caseOverviewState.allCaseStatuses.isFetching, allStatuses: caseOverviewState.allCaseStatuses.data, isFetching: caseOverviewState.caseStatusUpdating && isCaseUpdating, hasError: caseOverviewState.allCaseStatuses.isError })),
+                        React.createElement(CaseStatus, { selectedStatus: status, onStatusChange: onStatusChange, isDisabled: !canManageCase || allCaseStatuses.isFetching || canEditCase.isCaseNotEditable, isFetching: caseOverviewState.caseStatusUpdating && isCaseUpdating, hasError: allCaseStatuses.isError, isClosed: isCaseClosed, isInternal: loggedInUserRights.data.isInternal() })),
                     React.createElement("div", { className: "form-wrapper" },
-                        React.createElement(CaseType, { selectedType: switchedCaseType, onTypeChange: onTypeChange, isDisabled: !canManageCase || allCaseTypes.isFetching, allTypes: newCaseTypesArray, isFetching: caseOverviewState.caseTypeUpdating && isCaseUpdating, hasError: allCaseTypes.isError })),
+                        React.createElement(CaseType, { selectedType: switchedCaseType, onTypeChange: onTypeChange, isDisabled: !canManageCase ||
+                                allCaseTypes.isFetching ||
+                                isCaseUpdating ||
+                                canEditCase.isCaseNotEditable, allTypes: newCaseTypesArray, isFetching: caseOverviewState.caseTypeUpdating && isCaseUpdating, hasError: allCaseTypes.isError })),
                     React.createElement("div", { className: "form-wrapper" },
-                        React.createElement(Severity, { onSeverityChange: onSeverityChange, isDisabled: !canManageCase, isFetching: caseOverviewState.caseSeverityUpdating && isCaseUpdating })))),
+                        React.createElement(Severity, { onSeverityChange: onSeverityChange, isDisabled: !canManageCase || canEditCase.isCaseNotEditable, isFetching: caseOverviewState.caseSeverityUpdating && isCaseUpdating })))),
             React.createElement(ExpandableSection, { className: "case-details-main", toggleText: t('Case information'), isExpanded: isDetailsExpanded, onToggle: onToggleDetails },
                 React.createElement(CaseInformation, null))),
         showCloseCaseModal && (React.createElement(CloseCaseModal, { onConfirm: (commentBody) => __awaiter(this, void 0, void 0, function* () {
-                yield updateStatusState(CaseStatusEnum.CLOSED);
-                yield postCommentAfterStatusUpdate(commentBody);
-                setShowCaseCloseModal(false);
-                dtmTrackEventCaseStepEncountered('close', caseNumber, product, version);
-            }), isUpdating: (caseOverviewState.caseStatusUpdating && isCaseUpdating) || isPostingComment, onClose: () => {
+                const commentPosted = yield postCommentAfterStatusUpdate(commentBody);
+                if (!commentPosted) {
+                    return false;
+                }
+                const success = yield updateStatusState(CaseStatusEnum.CLOSED, undefined, undefined, undefined, undefined, null, { showSuccessToast: false });
+                if (success) {
+                    showStatusUpdateSuccessToast();
+                    dtmTrackEventCaseStepEncountered('close', caseNumber, product, version);
+                }
+                return success;
+            }), onClose: () => {
                 setShowCaseCloseModal(false);
             }, caseNumber: caseNumber })),
-        showReOpenCaseModal && (React.createElement(ReopenCaseModal, { isInternal: loggedInUserRights.data.isInternal(), onConfirm: (commentBody, newStatus, reopenedAt, reopenedBySSOName, reopenedReason, reopenedReasonOther) => __awaiter(this, void 0, void 0, function* () {
-                yield updateStatusState(newStatus, reopenedAt || null, reopenedBySSOName || null, reopenedReason || null, reopenedReasonOther || null, () => __awaiter(this, void 0, void 0, function* () {
-                    postCommentAfterStatusUpdate(commentBody);
-                }));
-                setShowReopenCaseModal(false);
+        showReOpenCaseModal && (React.createElement(ReopenCaseModal, { isInternal: loggedInUserRights.data.isInternal(), onConfirm: (commentBody, newPortalStatus, reopenedAt, reopenedBySSOName, reopenedReason, reopenedReasonOther) => __awaiter(this, void 0, void 0, function* () {
+                const newApiStatus = resolvePortalStatusToApiValue(newPortalStatus, status);
+                const success = yield updateStatusState(newApiStatus, reopenedAt || null, reopenedBySSOName || null, reopenedReason || null, reopenedReasonOther || null, null, { showSuccessToast: false });
+                if (success) {
+                    setShowReopenCaseModal(false);
+                    showStatusUpdateSuccessToast();
+                    void postCommentAfterStatusUpdate(commentBody).then(() => {
+                        dtmTrackEventCaseStepEncountered('reopen', caseNumber, product, version);
+                    });
+                }
             }), onClose: () => {
                 setShowReopenCaseModal(false);
-            }, caseNumber: caseNumber, reopenStatus: reopenStatusRef.current, allStatuses: caseOverviewState.allCaseStatuses.data, isUpdating: (caseOverviewState.caseStatusUpdating && isCaseUpdating) || isPostingComment, whoIsUpdating: updatingUser }))));
+            }, caseNumber: caseNumber, reopenStatus: reopenStatusRef.current, isUpdating: (caseOverviewState.caseStatusUpdating && isCaseUpdating) || isPostingComment, whoIsUpdating: updatingUser }))));
 }

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":"AAmBA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAwE3E,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,sBAAsB,EAAE,OAAO,CAAC;CACnC;AAUD,eAAO,MAAM,aAAa,+EAohBxB,CAAC"}
+{"version":3,"file":"CaseSolutions.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseSolutions/CaseSolutions.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAwF3E,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,sBAAsB,EAAE,OAAO,CAAC;CACnC;AAUD,eAAO,MAAM,aAAa,+EAmhBxB,CAAC"}