@rh-support/troubleshoot 1.0.47-beta.32 → 1.0.48

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":"AACA,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AASrE,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,eAoD9B;kBApDQ,QAAQ;;;AAuDjB,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"CaseType.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/CaseType.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AASrE,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,eAmD9B;kBAnDQ,QAAQ;;;AAsDjB,eAAe,QAAQ,CAAC"}

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

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { Dropdown, ValueChangedIcon } from '@rh-support/components';
-import { toOldCaseTypeSwitcher, toOption, toOptions } from '@rh-support/utils';
+import { toOption, toOptions } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import React, { useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -25,11 +25,10 @@ function CaseType(props) {
         setIsCaseTypeInValid(isEmpty(selectedItem));
     };
     const onCaseTypeChange = (option) => __awaiter(this, void 0, void 0, function* () {
-        const switchedCaseType = toOldCaseTypeSwitcher(option.value);
-        if (switchedCaseType === props.selectedType) {
+        if (option.value === props.selectedType) {
             return;
         }
-        yield props.onTypeChange(switchedCaseType);
+        yield props.onTypeChange(option.value);
         setLocalTypeChange(true);
         validateCaseType(option);
     });
@@ -38,10 +37,10 @@ function CaseType(props) {
     const afterLocalChange = () => setLocalTypeChange(false);
     return (React.createElement("div", { className: `form-group ${props.className}`, id: `${props.id}` },
         React.createElement("h3", { className: "subheading subheading-sm" },
-            React.createElement(Trans, null, "Support type"),
+            React.createElement(Trans, null, "Case type"),
             React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, isLocalChange: localTypeChange, value: props.selectedType, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.type) }),
             React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
-        React.createElement(Dropdown, { name: "open-support-type", placeholder: t(`Select`), title: t(`Select a category`), list: props.allTypes ? toOptions(props.allTypes) : [], selectedItem: toOption(props.selectedType), disabled: props.hasError || props.isDisabled, isLoadingList: props.isFetching, isInValid: isCaseTypeInValid, required: true, onChange: onCaseTypeChange, onOuterClick: validateCaseType, "data-tracking-id": "case-details-type-selector" })));
+        React.createElement(Dropdown, { name: "open-case-type", placeholder: t(`Select`), title: t(`Select a category`), list: props.allTypes ? toOptions(props.allTypes) : [], selectedItem: toOption(props.selectedType), disabled: props.hasError || props.isDisabled, isLoadingList: props.isFetching, isInValid: isCaseTypeInValid, required: true, onChange: onCaseTypeChange, onOuterClick: validateCaseType, "data-tracking-id": "case-details-type-selector" })));
 }
 CaseType.defaultProps = defaultProps;
 export default CaseType;

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":"AA6CA,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,eAqejD"}
+{"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

@@ -11,7 +11,7 @@ import { Alert, AlertVariant, Button, ButtonVariant, ExpandableSection, Label }
 import { ToastNotification, useConfirmation } from '@rh-support/components';
 import { CloseCaseModal, fetchCaseSeverities, fetchCaseTypes, GlobalMetadataDispatchContext, GlobalMetadataStateContext, useCanEditCase, } from '@rh-support/react-context';
 import { AbilityContext, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
-import { haventLoadedMetadata, isOpenShiftOnlineProduct, toNewCaseTypeMapper, toNewCaseTypeSwitcher, } from '@rh-support/utils';
+import { haventLoadedMetadata, isOpenShiftOnlineProduct } from '@rh-support/utils';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useReducer, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -26,6 +26,7 @@ import { usePostComment } from '../../shared/usePostComment';
 import { ReopenCaseModal } from '../ConfirmationModals/ReopenCaseModal';
 import { PDFContext } from '../PDFContainer';
 import { CaseInformation } from '../Tabs/CaseDetails/CaseInformation';
+import Summary from '../Tabs/CaseDetails/Summary';
 import CaseOwnerInfo from './CaseOwnerInfo';
 import CaseStatus from './CaseStatus';
 import CaseType from './CaseType';
@@ -72,7 +73,6 @@ export default function CaseOverview(props) {
     const { isCaseUpdating, contactIsPartner, hotfixRequested, hotfixDelivered, selectedAccountDetails, caseDetails: { firstCaseInactivityWarningSentAt, secondCaseInactivityWarningSentAt }, } = caseState;
     const globalMetadataDispatchContext = useContext(GlobalMetadataDispatchContext);
     const { globalMetadataState: { allCaseTypes, allCaseSeverities, viewAsCustomer, loggedInUsersAccount, loggedInUserRights, }, } = useContext(GlobalMetadataStateContext);
-    const switchedCaseType = toNewCaseTypeSwitcher(caseType);
     const updatingUser = loggedInUsersAccount.data.name;
     const canSeeManagedByPartnerFlag = contactIsPartner &&
         ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_MANAGED_BY_PARTNER_FLAG);
@@ -110,11 +110,11 @@ export default function CaseOverview(props) {
         try {
             yield updateCaseDetails(caseDispatch, props.caseNumber, { caseType: type });
             setTypeUpdating(caseOverviewDispatch, false);
-            ToastNotification.addSuccessMessage(t('Support type has been successfully updated'));
+            ToastNotification.addSuccessMessage(t('Case type has been successfully updated'));
         }
         catch (e) {
             setTypeUpdating(caseOverviewDispatch, false);
-            caseUpdateError.showError(e, t('Support type failed to update'));
+            caseUpdateError.showError(e, t('Case type failed to update'));
         }
     });
     const onSeverityChange = (payLoad) => __awaiter(this, void 0, void 0, function* () {
@@ -209,8 +209,6 @@ export default function CaseOverview(props) {
         return (React.createElement("a", { href: link, target: "_blank", className: "show-target", rel: "noopener noreferrer", "data-tracking-id": "case-details-support-level-info" }, linkText));
     };
     const isCaseInOpenState = status !== CaseStatusEnum.CLOSED;
-    // To switch from old case type to new support type
-    const newCaseTypesArray = toNewCaseTypeMapper(allCaseTypes.data).sort();
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "case-overview push-bottom-wide" },
             React.createElement("div", { className: "case-overview-header" },
@@ -242,6 +240,8 @@ export default function CaseOverview(props) {
                             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("span", { className: "case-support-level" }, computeSupportLink())),
+                React.createElement("div", { className: "case-details-summary push-bottom-narrow" },
+                    React.createElement(Summary, { inlineEditable: true, hideLabel: true })),
                 canSeeManagedByPartnerFlag && (React.createElement(Label, { className: "push-right-narrow", color: "green" },
                     React.createElement(Trans, null, "Managed by a partner"))),
                 canSeeInternalFlags && (React.createElement(React.Fragment, null,
@@ -275,9 +275,9 @@ export default function CaseOverview(props) {
                     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("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: caseType, onTypeChange: onTypeChange, isDisabled: !canManageCase || allCaseTypes.isFetching, allTypes: allCaseTypes.data, 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, { onCaseDetailsPage: true, onSeverityChange: onSeverityChange, isDisabled: !canManageCase, 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* () {

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":"AA2BA,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAOD,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eA+KrC;kBA/KQ,eAAe;;;AAkLxB,eAAe,eAAe,CAAC"}
+{"version":3,"file":"CaseAlternateId.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseAlternateId.tsx"],"names":[],"mappings":"AA2BA,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAOD,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eA0KrC;kBA1KQ,eAAe;;;AA6KxB,eAAe,eAAe,CAAC"}

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

@@ -66,7 +66,7 @@ function CaseAlternateId(props) {
             setIsUpdating(false);
         }
         catch (e) {
-            caseUpdateError.showError(e, t('Personal reference number failed to update'));
+            caseUpdateError.showError(e, t('Alternate case ID failed to update'));
             setIsUpdating(false);
             throw e;
         }
@@ -82,7 +82,7 @@ function CaseAlternateId(props) {
         setAlternateIdState(alternateId);
         setIsCancelClicked(!isCancelClicked);
     };
-    const maxLengthErrorMessage = t('Personal reference number cannot be more than {{limit}} characters.', {
+    const maxLengthErrorMessage = t('Alternate case ID cannot be more than {{limit}} characters.', {
         limit: ALTERNATE_CASE_ID_LIMIT,
     });
     // Conditions to disable save button
@@ -100,7 +100,7 @@ function CaseAlternateId(props) {
     });
     return (React.createElement(React.Fragment, null,
         React.createElement(NewInlineEdit, { labelProps: { htmlFor: 'case-details-alternate-id' }, labelContent: React.createElement(React.Fragment, null,
-                React.createElement(Trans, null, "Personal reference number"),
+                React.createElement(Trans, null, "Alternate case ID"),
                 React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, isLocalChange: localAltIDChange, value: alternateId, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.altID) }),
                 ' ',
                 React.createElement(Tooltip, { trigger: 'mouseenter focus', position: TooltipPosition.top, content: React.createElement(Trans, null, "Add your internal tracking ID to better identify and organize support issues.") },
@@ -117,9 +117,7 @@ function CaseAlternateId(props) {
                     React.createElement(Spinner, { isSVG: true, size: "lg", className: "pf-u-ml-2xl pf-u-mr-xl" }))))),
         (alternateIdState === null || alternateIdState === void 0 ? void 0 : alternateIdState.length) > ALTERNATE_CASE_ID_LIMIT && (React.createElement("div", { className: "pull-top" },
             React.createElement("p", { className: "form-instructions form-invalid" },
-                React.createElement(Trans, null, maxLengthErrorMessage)))),
-        React.createElement("p", { className: "form-instructions" },
-            React.createElement(Trans, null, "Add a personal or company reference number to help you connect, organize, and track cases."))));
+                React.createElement(Trans, null, maxLengthErrorMessage))))));
 }
 CaseAlternateId.defaultProps = defaultProps;
 export default CaseAlternateId;

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

@@ -1 +1 @@
-{"version":3,"file":"CaseInformation.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseInformation.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAYvD,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC;CACnC;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,eA4HpD"}
+{"version":3,"file":"CaseInformation.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseInformation.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAavD,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC;CACnC;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,eA6HpD"}

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

@@ -13,6 +13,7 @@ import { Hostname } from '../ImproveCase/Hostname';
 import KtQuestions from '../ImproveCase/KtQuestions';
 import { AllProductsSelector } from '../ProductSelector/AllProductsSelector';
 import Description from './Description';
+import { FileDiag } from './FileDiag';
 import OpenCaseIssue from './OpenCaseIssue';
 export default function CaseInformation(props) {
     const { t } = useTranslation();
@@ -89,9 +90,10 @@ export default function CaseInformation(props) {
             canManageCase(loggedInUserJwtToken) && (React.createElement(React.Fragment, null,
             React.createElement("form", { onSubmit: handleFormSubmit },
                 skippedTroubleshooting && (React.createElement(AllProductsSelector, { isDropdownSelected: true, routeProps: props.routeProps, loadTCOnChange: true, checkEntitledProduct: true })),
-                React.createElement(Hostname, null),
                 React.createElement(OpenShiftClusterId, null),
+                React.createElement(Hostname, null),
                 skippedTroubleshooting && React.createElement(OpenCaseIssue, { inlineEditable: false, required: true }),
                 React.createElement(Description, { inlineEditable: false }),
-                React.createElement(KtQuestions, null))))));
+                React.createElement(KtQuestions, null),
+                React.createElement(FileDiag, null))))));
 }

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

@@ -24,11 +24,11 @@ export default function CaseType(props) {
             validateCaseType(option);
         };
         return (React.createElement("div", { className: "form-group" },
-            React.createElement("label", { htmlFor: "open-support-type" },
-                React.createElement(Trans, null, "Support type"),
+            React.createElement("label", { htmlFor: "open-case-type" },
+                React.createElement(Trans, null, "Case type"),
                 ' ',
                 React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
-            React.createElement(Dropdown, { id: "open-support-type", name: "open-support-type", placeholder: t(`Select a category`), title: t(`Select a category`), list: allCaseTypes.data ? toOptions(allCaseTypes.data) : [], selectedItem: toOption(caseType), disabled: allCaseTypes.isError, isLoadingList: allCaseTypes.isFetching, isInValid: isCaseTypeInValid, required: true, onChange: onCaseTypeChange, onOuterClick: validateCaseType, "data-tracking-id": "open-support-type" })));
+            React.createElement(Dropdown, { id: "open-case-type", name: "open-case-type", placeholder: t(`Select a category`), title: t(`Select a category`), list: allCaseTypes.data ? toOptions(allCaseTypes.data) : [], selectedItem: toOption(caseType), disabled: allCaseTypes.isError, isLoadingList: allCaseTypes.isFetching, isInValid: isCaseTypeInValid, required: true, onChange: onCaseTypeChange, onOuterClick: validateCaseType, "data-tracking-id": "open-case-type" })));
     }, [
         allCaseTypes.data,
         allCaseTypes.isError,

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

@@ -1 +1 @@
-{"version":3,"file":"Description.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Description.tsx"],"names":[],"mappings":"AAkBA,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,MAAM,eAkGhD"}
+{"version":3,"file":"Description.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Description.tsx"],"names":[],"mappings":"AAkBA,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,MAAM,eAiGhD"}

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

@@ -46,7 +46,7 @@ export default function Description(props) {
             React.createElement(Trans, null, "What are you experiencing? What are you expecting to happen?"),
             ' ',
             isKT1Required && (React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))), labelProps: { htmlFor: 'open-case-ktQ1-issue' }, content: issue, allowInlineEdit: !!props.inlineEditable, hideSaveCancel: !!props.hideSaveCancel, initialIsEditing: isEmpty(issue), usePreformattedTag: true, saveOnBlur: true },
-        React.createElement(TextArea, { id: "open-case-ktQ1-issue", name: "open-case-ktQ1-issue", className: `form-control${isDescriptionInvalid(issue) || (showValidationErrorAlert && isEmpty(issue)) ? ' form-invalid' : ''}`, "aria-invalid": (issue === null || issue === void 0 ? void 0 : issue.length) > CASE_DEATILS_ISSUE_LIMIT ? 'true' : 'false', "aria-required": isKT1Required, isRequired: isKT1Required, value: issue, isDisabled: isEmpty(issue) && hasLargeCaseDescription && !setIssueTextAreaFocused, onChange: onKTQ1IssueChange, onFocus: onKTQ1IssueFocusChange, onBlur: onKTQ1IssueFocusChange, "data-tracking-id": "open-case-ktQ1-issue", placeholder: t('Please enter an elaborate description') }),
+        React.createElement(TextArea, { id: "open-case-ktQ1-issue", name: "open-case-ktQ1-issue", className: `form-control${isDescriptionInvalid(issue) || (showValidationErrorAlert && isEmpty(issue)) ? ' form-invalid' : ''}`, "aria-invalid": (issue === null || issue === void 0 ? void 0 : issue.length) > CASE_DEATILS_ISSUE_LIMIT ? 'true' : 'false', "aria-required": isKT1Required, isRequired: isKT1Required, value: issue, isDisabled: isEmpty(issue) && hasLargeCaseDescription && !setIssueTextAreaFocused, onChange: onKTQ1IssueChange, onFocus: onKTQ1IssueFocusChange, onBlur: onKTQ1IssueFocusChange, "data-tracking-id": "open-case-ktQ1-issue" }),
         React.createElement("p", { className: "form-instructions", "data-tracking-id": "large-20k-warning-ktQ1-environment" }, `${(issue === null || issue === void 0 ? void 0 : issue.length) > CASE_DEATILS_ISSUE_LIMIT
             ? `Description cannot be more than ${CASE_DEATILS_ISSUE_LIMIT} characters`
             : ''}`),

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

@@ -39,12 +39,12 @@ function OpenCaseIssue(props) {
     });
     return (React.createElement(React.Fragment, null,
         React.createElement(InlineEdit, { labelProps: { htmlFor: 'open-case-summary' }, labelContent: React.createElement(React.Fragment, null,
-                React.createElement(Trans, null, "Summary"),
+                React.createElement(Trans, null, "Issue summary"),
                 ' ',
                 !!props.required && (React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))), allowInlineEdit: props.inlineEditable, hideSaveCancel: !!props.hideSaveCancel, initialIsEditing: !!props.initialIsEditing, saveOnBlur: true, collapseOnBlur: !!props.collapseOnBlur && !isSummaryInValid, content: summary },
             React.createElement("input", { type: "text", id: "open-case-summary", className: `form-control${isSummaryInValid || hasLargeSummary || (showValidationErrorAlert && !summary)
                     ? ' form-invalid'
-                    : ''}`, "aria-invalid": isSummaryInValid, "aria-required": !!props.required, required: !!props.required, name: "open-case-summary", placeholder: t("Summarize what you're experiencing today"), value: summary, onChange: onSummaryChange, onBlur: onSummaryBlur, autoFocus: !!props.autoFocus, "data-tracking-id": "open-case-summary" })),
+                    : ''}`, "aria-invalid": isSummaryInValid, "aria-required": !!props.required, required: !!props.required, name: "open-case-summary", placeholder: t('Enter a description'), value: summary, onChange: onSummaryChange, onBlur: onSummaryBlur, autoFocus: !!props.autoFocus, "data-tracking-id": "open-case-summary" })),
         (summary === null || summary === void 0 ? void 0 : summary.length) > SUMMARY_LENGTH_LIMIT && (React.createElement("div", { className: "pull-top" },
             React.createElement("p", { className: "form-instructions form-invalid" },
                 React.createElement(Trans, null, maxLengthErrorMessage))))));

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

@@ -3,8 +3,9 @@ import { IDClassNameProps } from '@rh-support/types/shared';
 interface IProps extends IDClassNameProps {
     isDisabled?: boolean;
     isFetching?: boolean;
-    onSeverityChange?: (casePayload: Partial<ICasePayload>) => void;
+    onSeverityChange: (casePayload: Partial<ICasePayload>) => void;
     showSeverityInfoIcon: boolean;
+    onCaseDetailsPage?: boolean;
 }
 export interface ISeverityOptions {
     disabled: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"Severity.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Severity.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAKvE,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAwBrE,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAChE,oBAAoB,EAAE,OAAO,CAAC;CACjC;AASD,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;CACxD;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,MAAM,eAoR9B;kBApRQ,QAAQ;;;AAsRjB,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Severity.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Severity.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAKvE,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAuBrE,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAC/D,oBAAoB,EAAE,OAAO,CAAC;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AASD,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;CACxD;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,MAAM,eA8Q9B;kBA9QQ,QAAQ;;;AAgRjB,eAAe,QAAQ,CAAC"}

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

@@ -11,9 +11,8 @@ import isEqual from 'lodash/isEqual';
 import map from 'lodash/map';
 import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
+import { useCaseSelector } from '../../context/CaseContext';
 import { getIrtForSLAAndSeverity, getOrtForSLAAndSeverity, getSeverityDescription } from '../../reducers/CaseHelpers';
-import { setCaseDetails } from '../../reducers/CaseReducer';
 import { CaseValuesToWatch } from '../shared/Constants';
 import { getChangedValueTooltip } from '../shared/utils';
 import UpdateSeverityModal from '../UpdateSeverityModal/UpdateSeverityModal';
@@ -39,18 +38,13 @@ function Severity(props) {
     const [seviritiesOptions, setSeveritiesOptions] = useState([]);
     const [doNotShowIRT, setDoNotShowIRT] = useState(false);
     const [openUpdateSeverityModal, setOpenUpdateSeverityModal] = useState(false);
-    const caseDispatch = useCaseDispatch();
-    const isOnCaseDetailsPage = !isEmpty(caseNumber);
     const updateState = (value) => {
         const casePayload = { severity: value };
-        // .. change fts on sev change only while creating case or when we change to sev1
-        !isOnCaseDetailsPage && (casePayload.fts = showFtsOnCreateCasePage(entitlementSla, value));
-        isOnCaseDetailsPage && autoEnableFtsOnCaseViewEditPage(entitlementSla, value) && (casePayload.fts = true);
-        if (isOnCaseDetailsPage) {
-            props.onSeverityChange && props.onSeverityChange(casePayload);
-        }
-        else {
-            setCaseDetails(caseDispatch, casePayload);
+        // .. change fts on sev change only while creating case or wchen we change to sev1
+        isEmpty(caseNumber) && (casePayload.fts = showFtsOnCreateCasePage(entitlementSla, value));
+        !isEmpty(caseNumber) && autoEnableFtsOnCaseViewEditPage(entitlementSla, value) && (casePayload.fts = true);
+        if (props.onSeverityChange) {
+            props.onSeverityChange(casePayload);
         }
     };
     const onSeverityChange = (option) => {
@@ -140,7 +134,7 @@ function Severity(props) {
             availableSeverities = (_c = allCaseSeverities.data) !== null && _c !== void 0 ? _c : [];
         }
         setSeveritiesOptions(availableSeverities.sort((sevA, sevB) => severitySort(sevA, sevB)));
-        const shouldUpdateSeverityOnCaseCreate = !isOnCaseDetailsPage && (!severity || !includes(availableSeverities, severity));
+        const shouldUpdateSeverityOnCaseCreate = !caseNumber && (!severity || !includes(availableSeverities, severity));
         if (shouldUpdateSeverityOnCaseCreate) {
             updateState(availableSeverities[0]);
         }
@@ -160,7 +154,7 @@ function Severity(props) {
             "\u00A0",
             filteredSeverities.filter((s) => s.disabled).length !== 0 && (React.createElement(Tooltip, { position: TooltipPosition.top, content: React.createElement(Trans, null, "Only the enabled severity levels are supported for selected product and version.") },
                 React.createElement(WarningTriangleIcon, { color: "#ec7a08", size: "sm", title: "Support Severity Level warning" })))),
-        !props.isDisabled && isOnCaseDetailsPage ? (React.createElement(React.Fragment, null,
+        !props.isDisabled && props.onCaseDetailsPage === true ? (React.createElement(React.Fragment, null,
             React.createElement("div", { onClick: toggleModal },
                 React.createElement(Dropdown, { name: "open-case-severity", placeholder: t(`Select a severity`), title: t(`Select a severity`), list: allCaseSeverities.data
                         ? toOptions(filteredSeverities, {

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

@@ -1 +1 @@
-{"version":3,"file":"SupportLevel.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/SupportLevel.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAU5D,UAAU,MAAO,SAAQ,gBAAgB;CAAG;AAO5C,iBAAS,YAAY,CAAC,KAAK,EAAE,MAAM,eA4HlC;kBA5HQ,YAAY;;;AA8HrB,eAAe,YAAY,CAAC"}
+{"version":3,"file":"SupportLevel.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/SupportLevel.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAUrE,UAAU,MAAO,SAAQ,gBAAgB;CAAG;AAO5C,iBAAS,YAAY,CAAC,KAAK,EAAE,MAAM,eAuHlC;kBAvHQ,YAAY;;;AAyHrB,eAAe,YAAY,CAAC"}

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

@@ -1,9 +1,10 @@
-import { Popover, PopoverPosition, Select, SelectOption, SelectVariant, ValidatedOptions, } from '@patternfly/react-core';
+import { Popover, PopoverPosition } from '@patternfly/react-core';
+import { Dropdown } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
-import { showFtsOnCaseViewEditPage, showFtsOnCreateCasePage } from '@rh-support/utils';
+import { showFtsOnCaseViewEditPage, showFtsOnCreateCasePage, toOption, toOptions } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
-import React, { useContext, useEffect, useState } from 'react';
+import React, { useContext, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { setCaseDetails } from '../../reducers/CaseReducer';
@@ -23,54 +24,49 @@ function SupportLevel(props) {
     const { globalMetadataState: { allProducts }, } = useContext(GlobalMetadataStateContext);
     const { t } = useTranslation();
     const [isSupportLevelInValid, setIsSupportLevelInValid] = useState(false);
-    const [isOpen, setIsOpen] = useState(false);
-    const onToggle = (isOpen) => {
-        setIsOpen(isOpen);
-    };
     const onCaseDetailsChange = (caseDetails) => {
         setCaseDetails(caseDispatch, caseDetails);
     };
-    const onEntitlementChange = (event, selected) => {
-        setIsOpen(false);
-        const casePayload = { entitlementSla: selected };
+    const onEntitlementChange = (option) => {
+        const casePayload = { entitlementSla: option.value.slaProcessId };
         casePayload.fts = caseNumber
-            ? showFtsOnCaseViewEditPage(selected, severity)
-            : showFtsOnCreateCasePage(selected, severity);
-        setIsSupportLevelInValid(isEmpty(selected));
+            ? showFtsOnCaseViewEditPage(option.value.slaProcessId, severity)
+            : showFtsOnCreateCasePage(option.value.slaProcessId, severity);
+        validateSupportLevel(option);
         onCaseDetailsChange(casePayload);
     };
+    const validateSupportLevel = (selectedItem) => {
+        const isInvalid = isEmpty(selectedItem) || isEmpty(selectedItem.label);
+        setIsSupportLevelInValid(isInvalid);
+    };
     const getSlaList = () => {
         var _a, _b;
         const entitledProduct = ((_b = (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult) !== null && _b !== void 0 ? _b : []).find((entitledProduct) => entitledProduct.product === product);
         if (entitledProduct && entitledProduct.serviceLevels) {
-            return entitledProduct.serviceLevels.split(';') || [];
+            return toOptions(entitledProduct.serviceLevels.split(';').map((serviceLevel) => ({ slaProcessId: serviceLevel })), { labelKey: 'slaProcessId' });
         }
         else {
-            return ownersEntitlements.data ? ownersEntitlements.data.map((sla) => sla.slaProcessId) : [];
+            return ownersEntitlements.data ? toOptions(ownersEntitlements.data, { labelKey: 'slaProcessId' }) : [];
         }
     };
+    const slaProcessId = entitlementSla;
     const getSelectedSla = () => {
         var _a, _b;
         const entitledProduct = ((_b = (_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult) !== null && _b !== void 0 ? _b : []).find((entitledProduct) => entitledProduct.product === product);
         // if sla is empty then it means either first time this component is rendered or product has changed.
-        if (isEmpty(entitlementSla) && entitledProduct && entitledProduct.preferredServiceLevel) {
+        if (isEmpty(slaProcessId) && entitledProduct && entitledProduct.preferredServiceLevel) {
             return entitledProduct.preferredServiceLevel;
         }
         else {
-            return isEmpty(entitlementSla) && !isEmpty(ownersEntitlements.data)
+            return isEmpty(slaProcessId) && !isEmpty(ownersEntitlements.data)
                 ? ownersEntitlements.data[0].slaProcessId
-                : entitlementSla;
+                : slaProcessId;
         }
     };
     const selectedSla = getSelectedSla();
-    useEffect(() => {
-        if (!selectedSla || entitlementSla)
-            return;
-        if (entitlementSla !== selectedSla) {
-            onCaseDetailsChange({ entitlementSla: selectedSla });
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [selectedSla, entitlementSla]);
+    if (slaProcessId !== selectedSla) {
+        onCaseDetailsChange({ entitlementSla: selectedSla });
+    }
     return (React.createElement("div", { className: `form-group ${props.className}`, id: `${props.id}` },
         React.createElement("label", { htmlFor: "open-case-support-level" },
             React.createElement(Trans, null, "Support level"),
@@ -82,7 +78,7 @@ function SupportLevel(props) {
                     ' ',
                     React.createElement("a", { href: "/support/offerings/production/sla", target: "_blank" }, "production support service level agreement"))), closeBtnAriaLabel: "Close" },
             React.createElement("i", { "aria-label": "Support Level info", className: "fa fa-question-circle" })),
-        React.createElement(Select, { variant: SelectVariant.single, "aria-label": t('Select Support Level'), onToggle: onToggle, onSelect: onEntitlementChange, selections: selectedSla, isOpen: isOpen, "aria-labelledby": 'open-case-support-level', isDisabled: ownersEntitlements.isError || isEmpty(ownersEntitlements.data), validated: isSupportLevelInValid ? ValidatedOptions.error : ValidatedOptions.default, "data-tracking-id": "open-case-support-level" }, [getSlaList(), ''].map((sla, index) => (React.createElement(SelectOption, { value: sla, key: index })))),
+        React.createElement(Dropdown, { id: "open-case-support-level", name: "open-case-support-level", placeholder: "Select", title: `Select Support Level`, list: getSlaList(), selectedItem: toOption({ slaProcessId: selectedSla }, { labelKey: 'slaProcessId' }), disabled: ownersEntitlements.isError || isEmpty(ownersEntitlements.data), isLoadingList: ownersEntitlements.isFetching, isInValid: isSupportLevelInValid, required: true, onChange: onEntitlementChange, onOuterClick: validateSupportLevel, "data-tracking-id": "open-case-support-level" }),
         isEmpty(ownersEntitlements.data) && (React.createElement("p", { className: "form-instructions" }, ownersEntitlements.isError ? t('Error loading support levels') : t('No active subscriptions')))));
 }
 SupportLevel.defaultProps = defaultProps;

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

@@ -1,5 +1,4 @@
 export interface IProps {
-    isManageStep?: boolean;
 }
 export default function CaseLanguageSelector(props: IProps): JSX.Element;
 //# sourceMappingURL=CaseLanguageSelector.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"CaseLanguageSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/CaseLanguageSelector.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,MAAM;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,MAAM,eAuFzD"}
+{"version":3,"file":"CaseLanguageSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/CaseLanguageSelector.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,MAAM;CAAG;AAE1B,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,MAAM,eAmDzD"}

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

@@ -1,58 +1,38 @@
-import { Select, SelectOption, SelectVariant, ValidatedOptions } from '@patternfly/react-core';
+import { Dropdown } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
-import { ability, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
-import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
-import React, { useContext, useEffect, useState } from 'react';
+import map from 'lodash/map';
+import React, { useContext } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
-import { getDescriptionWOQues } from '../../reducers/CaseHelpers';
-import { setCaseDetails, setDetectedLanguage } from '../../reducers/CaseReducer';
+import { setCaseDetails } from '../../reducers/CaseReducer';
+import Constants from '../shared/Constants';
 export default function CaseLanguageSelector(props) {
     const { t } = useTranslation();
-    const { summary, issue, environment, periodicityOfIssue, timeFramesAndUrgency, caseLanguage, isLoadingLang } = useCaseSelector((state) => ({
-        summary: state.caseDetails.summary,
-        issue: state.caseDetails.issue,
-        environment: state.caseDetails.environment,
-        periodicityOfIssue: state.caseDetails.periodicityOfIssue,
-        timeFramesAndUrgency: state.caseDetails.timeFramesAndUrgency,
+    const { caseLanguage, isLoadingLang } = useCaseSelector((state) => ({
         caseLanguage: state.caseDetails.caseLanguage,
         isLoadingLang: state.isLoadingLang,
     }), isEqual);
-    const [isOpen, setIsOpen] = useState(false);
-    const onToggle = (isOpen) => {
-        setIsOpen(isOpen);
-    };
-    const canUseLanguageDetection = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseDetailsFields.CASE_LANGUAGE_DETECTION);
     const caseDispatch = useCaseDispatch();
     const { globalMetadataState: { caseLanguages }, } = useContext(GlobalMetadataStateContext);
     const onCaseDetailsChange = (caseDetails) => {
         setCaseDetails(caseDispatch, caseDetails);
     };
-    const onLanguageChange = (event, selection) => {
-        setIsOpen(false);
-        onCaseDetailsChange({ caseLanguage: selection });
+    const onLanguageChange = (selection) => {
+        onCaseDetailsChange({ caseLanguage: selection.value });
+    };
+    const languagesList = map(caseLanguages.data, (cl) => ({
+        label: Constants.languagesMap[cl] || cl,
+        value: cl,
+    }));
+    const selectedLanguage = {
+        label: Constants.languagesMap[caseLanguage] || caseLanguage,
+        value: caseLanguage,
     };
-    useEffect(() => {
-        if (!props.isManageStep || !isEmpty(caseLanguage) || isLoadingLang || !canUseLanguageDetection)
-            return;
-        setDetectedLanguage(caseDispatch, summary, getDescriptionWOQues(issue, environment, periodicityOfIssue, timeFramesAndUrgency));
-    }, [
-        caseDispatch,
-        environment,
-        issue,
-        caseLanguage,
-        periodicityOfIssue,
-        summary,
-        timeFramesAndUrgency,
-        isLoadingLang,
-        canUseLanguageDetection,
-        props.isManageStep,
-    ]);
     return (React.createElement("div", { className: "form-group" },
         React.createElement("label", { htmlFor: "open-case-language" },
             React.createElement(Trans, null, "Preferred language")),
-        React.createElement(Select, { variant: SelectVariant.single, "aria-label": t(`Select a language`), onToggle: onToggle, onSelect: onLanguageChange, selections: caseLanguage, isOpen: isOpen, "aria-labelledby": 'open-case-language', isDisabled: caseLanguages.isError, validated: caseLanguages.isError ? ValidatedOptions.error : ValidatedOptions.default }, caseLanguages.data.map((sla, index) => (React.createElement(SelectOption, { value: sla, key: index })))),
+        React.createElement(Dropdown, { id: "open-case-language", name: "open-case-language", placeholder: "Select a language", title: t(`Select a language`), list: languagesList, selectedItem: selectedLanguage, disabled: caseLanguages.isError, isLoadingList: caseLanguages.isFetching || isLoadingLang, onChange: onLanguageChange, isInValid: caseLanguages.isError, "data-tracking-id": "open-case-language-selector" }),
         React.createElement("p", { className: "form-instructions" },
             React.createElement(Trans, null, "Select a language for communicating with our support engineers"))));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"CaseManagement.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/CaseManagement.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,MAAM;CAAG;AAC1B,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM,eAwBnD"}
+{"version":3,"file":"CaseManagement.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/CaseManagement.tsx"],"names":[],"mappings":"AAmBA,MAAM,WAAW,MAAM;CAAG;AAC1B,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM,eAyEnD"}

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

@@ -1,5 +1,11 @@
-import React, { useContext } from 'react';
+import { AbilityContext, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
+import isEmpty from 'lodash/isEmpty';
+import isEqual from 'lodash/isEqual';
+import React, { useContext, useEffect } from 'react';
 import { AppMetadataStateContext } from '../../context/AppMetadataContext';
+import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
+import { getDescriptionWOQues } from '../../reducers/CaseHelpers';
+import { setCaseDetails, setDetectedLanguage } from '../../reducers/CaseReducer';
 import CaseGroup from '../CaseInformation/CaseGroup';
 import Fts from '../CaseInformation/Fts';
 import Severity from '../CaseInformation/Severity';
@@ -10,19 +16,51 @@ import OpenAlternateID from './OpenAlternateID';
 import { RHAssociatesSelector } from './RHAssociatesSelector';
 import CaseContactSelector from './SendNotifications/CaseContactSelector';
 export default function CaseManagement(props) {
+    const { summary, issue, environment, periodicityOfIssue, timeFramesAndUrgency, caseLanguage, isLoadingLang } = useCaseSelector((state) => ({
+        summary: state.caseDetails.summary,
+        issue: state.caseDetails.issue,
+        environment: state.caseDetails.environment,
+        periodicityOfIssue: state.caseDetails.periodicityOfIssue,
+        timeFramesAndUrgency: state.caseDetails.timeFramesAndUrgency,
+        caseLanguage: state.caseDetails.caseLanguage,
+        isLoadingLang: state.isLoadingLang,
+    }), isEqual);
+    const caseDispatch = useCaseDispatch();
     const { appMetadataState: { nextButtonRef }, } = useContext(AppMetadataStateContext);
+    const ability = useContext(AbilityContext);
+    const canSeeEmailNotifications = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_SEND_NOTIFICATIONS);
+    const canUseLanguageDetection = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseDetailsFields.CASE_LANGUAGE_DETECTION);
+    /** One time on section load */
+    useEffect(() => {
+        if (!isEmpty(caseLanguage) || isLoadingLang || !canUseLanguageDetection)
+            return;
+        setDetectedLanguage(caseDispatch, summary, getDescriptionWOQues(issue, environment, periodicityOfIssue, timeFramesAndUrgency));
+    }, [
+        caseDispatch,
+        environment,
+        issue,
+        caseLanguage,
+        periodicityOfIssue,
+        summary,
+        timeFramesAndUrgency,
+        isLoadingLang,
+        canUseLanguageDetection,
+    ]);
     const handleFormSubmit = (e) => {
         e.preventDefault();
         // simulating click
         nextButtonRef.current.click();
     };
+    const onSeverityChange = (payload) => {
+        setCaseDetails(caseDispatch, payload);
+    };
     return (React.createElement("form", { onSubmit: handleFormSubmit },
         React.createElement(SupportLevel, null),
-        React.createElement(Severity, { showSeverityInfoIcon: true }),
+        React.createElement(Severity, { showSeverityInfoIcon: true, onSeverityChange: onSeverityChange }),
         React.createElement(Fts, { inlineEditable: false }),
-        React.createElement(CaseLanguageSelector, { isManageStep: true }),
         React.createElement(CaseGroup, { init: true }),
-        React.createElement(CaseContactSelector, null),
+        React.createElement(CaseLanguageSelector, null),
+        canSeeEmailNotifications && React.createElement(CaseContactSelector, null),
         React.createElement(RHAssociatesSelector, null),
         React.createElement(OpenAlternateID, { inlineEditable: false, hideSaveCancel: true }),
         React.createElement(Cep, null)));

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

@@ -1 +1 @@
-{"version":3,"file":"CaseContactSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseManagement/SendNotifications/CaseContactSelector.tsx"],"names":[],"mappings":"AA6CA,MAAM,WAAW,MAAM;CAAG;AAG1B,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,eAuczC;AAED,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"CaseContactSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseManagement/SendNotifications/CaseContactSelector.tsx"],"names":[],"mappings":"AA4CA,MAAM,WAAW,MAAM;CAAG;AAG1B,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,eA8bzC;AAED,eAAe,mBAAmB,CAAC"}