@rh-support/troubleshoot 2.4.10-beta.8 → 2.5.1

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

@@ -17,7 +17,7 @@ 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';
+import { setCaseDetails, setCaseState, updateCaseDetails } from '../../reducers/CaseReducer';
 import { PDFContext } from '../CaseEditView/PDFContainer';
 const defaultProps = {
     inlineEditable: false,
@@ -27,13 +27,16 @@ const defaultProps = {
 function Fts(props) {
     const { t } = useTranslation();
     const caseUpdateError = useCaseUpdateErrorMessage();
-    const { fts, contactInfo24x7, caseNumber, severity, entitlementSla, caseType } = useCaseSelector((state) => ({
+    const { fts, contactInfo24x7, caseNumber, severity, entitlementSla, caseType, phoneCountryCode, phoneAreaCodePrefixLineNumber, ftsContactSameAsOwner, } = useCaseSelector((state) => ({
         fts: state.caseDetails.fts,
         caseNumber: state.caseDetails.caseNumber,
         contactInfo24x7: state.caseDetails.contactInfo24x7,
         severity: state.caseDetails.severity,
         entitlementSla: state.caseDetails.entitlementSla,
         caseType: state.caseDetails.caseType,
+        phoneCountryCode: state.caseDetails.phoneCountryCode,
+        phoneAreaCodePrefixLineNumber: state.caseDetails.phoneAreaCodePrefixLineNumber || '',
+        ftsContactSameAsOwner: state.ftsContactSameAsOwner,
     }), isEqual);
     const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
     const { isExportingPDF } = useContext(PDFContext);
@@ -91,6 +94,19 @@ function Fts(props) {
             return;
         setContactInfoIntoGlobalState(e.target.value);
     };
+    const onSetContactSameAsOwner = (e) => {
+        if (canEditCase.alert())
+            return;
+        setCaseState(caseDispatch, { ftsContactSameAsOwner: e.target.checked });
+        if (!e.target.checked) {
+            setFtsContact('');
+            setContactInfoIntoGlobalState('');
+        }
+        else {
+            setFtsContact(`${phoneCountryCode}-${phoneAreaCodePrefixLineNumber}`);
+            setContactInfoIntoGlobalState(`${phoneCountryCode}-${phoneAreaCodePrefixLineNumber}`);
+        }
+    };
     const onSave = (e) => __awaiter(this, void 0, void 0, function* () {
         setContactInfoIntoGlobalState(contactInfo24X7State);
     });
@@ -112,7 +128,12 @@ function Fts(props) {
         setContactInfoIntoGlobalState(contactInfo24x7);
     };
     useEffect(() => {
+        const phone = `${phoneCountryCode}-${phoneAreaCodePrefixLineNumber}`;
+        if (contactInfo24x7 === phone) {
+            setCaseState(caseDispatch, { ftsContactSameAsOwner: true });
+        }
         setFtsContact(contactInfo24x7);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [contactInfo24x7]);
     useEffect(() => {
         // Reset contactInfo24X7 only on case create
@@ -122,8 +143,14 @@ function Fts(props) {
             onCaseDetailsChange({ contactInfo24x7: '' });
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [fts, oldFts]);
-    const disableFtsNContact = !isEmpty(caseNumber) &&
-        (!isFtsEditableOnEditPage(entitlementSla, severity) || isFtsContactUpdating || isFtsUpdating);
+    useEffect(() => {
+        if (ftsContactSameAsOwner) {
+            setFtsContact(`${phoneCountryCode}-${phoneAreaCodePrefixLineNumber}`);
+            setContactInfoIntoGlobalState(`${phoneCountryCode}-${phoneAreaCodePrefixLineNumber}`);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [phoneAreaCodePrefixLineNumber, phoneCountryCode]);
+    const disableFtsNContact = !isEmpty(caseNumber) && (!isFtsEditableOnEditPage(entitlementSla, severity) || isFtsUpdating);
     const maxLengthErrorMessage = t('Contact information cannot be more than {{limit}} characters.', {
         limit: CONTACT_INFO_24X7_LIMIT,
     });
@@ -134,14 +161,17 @@ function Fts(props) {
     // To disable save button if field is empty or is updating
     const isSaveDisabled = contactInfo24X7State === contactInfo24x7 || isFtsContactUpdating;
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: "form-group pf-u-mb-md" },
+        React.createElement("div", { className: "form-group pf-v5-u-mb-xs" },
             React.createElement("input", { type: "checkbox", id: "get-support-fts", "data-tracking-id": "get-support-fts", disabled: disableFtsNContact, name: "get-support-fts", checked: fts, onChange: onFtsChange }),
             React.createElement("label", { htmlFor: "get-support-fts" },
                 React.createElement(Trans, null, "24x7 Support")),
-            React.createElement(LoadingIndicator, { size: "sm", isInline: true, show: isFtsUpdating, className: "pf-u-ml-sm" })),
+            React.createElement(LoadingIndicator, { size: "sm", isInline: true, show: isFtsUpdating, className: "pf-v5-u-ml-sm" })),
         fts === true && (React.createElement(React.Fragment, null,
-            React.createElement(InlineEdit, { formClassName: "pf-u-mb-md", labelProps: { htmlFor: 'get-support-24-7-contact' }, labelContent: React.createElement(Trans, null, "24x7 Contact"), allowInlineEdit: props.inlineEditable && !disableFtsNContact, hideSaveCancel: props.hideSaveCancel, initialIsEditing: props.initialIsEditing, content: contactInfo24x7, onSave: onSave, onCancel: onCancel, saveDisabled: isSaveDisabled, loadingIndicator: isFtsContactUpdating ? React.createElement(LoadingIndicator, { isInline: true }) : undefined, isExportingPDF: isExportingPDF },
-                React.createElement(TextAreaAutosize, { id: "get-support-24-7-contact", className: `form-control`, name: "get-support-24-7-contact", value: contactInfo24X7State, onChange: onFtsContactChange, disabled: disableFtsNContact, "data-tracking-id": "get-support-24-7-contact" }),
+            React.createElement(InlineEdit, { formClassName: "pf-v5-u-mb-md", labelProps: { htmlFor: 'get-support-24-7-contact' }, labelContent: React.createElement(Trans, null, "24x7 Contact"), allowInlineEdit: props.inlineEditable && !disableFtsNContact, hideSaveCancel: props.hideSaveCancel, initialIsEditing: props.initialIsEditing, content: contactInfo24x7, onSave: onSave, onCancel: onCancel, saveDisabled: isSaveDisabled, loadingIndicator: isFtsContactUpdating ? React.createElement(LoadingIndicator, { isInline: true }) : undefined, isExportingPDF: isExportingPDF },
+                React.createElement("input", { type: "checkbox", id: "same-as-case-owner-phone", name: "same-as-case-owner-phone", "data-tracking-id": "same-as-case-owner-phone", checked: ftsContactSameAsOwner, onChange: onSetContactSameAsOwner }),
+                React.createElement("label", { htmlFor: "same-as-case-owner-phone", className: "pf-v5-u-font-weight-normal pf-v5-u-font-size-md" },
+                    React.createElement(Trans, null, "Same as case owner's phone number")),
+                React.createElement(TextAreaAutosize, { id: "get-support-24-7-contact", className: `form-control`, name: "get-support-24-7-contact", value: contactInfo24X7State, onChange: onFtsContactChange, disabled: disableFtsNContact || ftsContactSameAsOwner, "data-tracking-id": "get-support-24-7-contact" }),
                 React.createElement("p", { className: "form-instructions" },
                     React.createElement(Trans, null, "Please provide contact information where you can be reached at any time to help you with your case."))),
             (contactInfo24X7State === null || contactInfo24X7State === void 0 ? void 0 : contactInfo24X7State.length) > CONTACT_INFO_24X7_LIMIT && (React.createElement("div", { className: "pull-top" },

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"MandatoryPhonePopOver.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/MandatoryPhonePopOver.tsx"],"names":[],"mappings":"AAIA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAG/D,QAAA,MAAM,qBAAqB,yBAmD1B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

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

@@ -0,0 +1,26 @@
+import { Popover } from '@patternfly/react-core';
+import { useSessionStorage } from '@rh-support/components';
+import { GlobalMetadataStateContext } from '@rh-support/react-context';
+import { getConfigField, PCM_CONFIG_FIELD_TYPE } from '@rh-support/utils';
+import React, { useContext, useEffect, useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+const MandatoryPhonePopOver = () => {
+    const { globalMetadataState: { pcmConfig }, } = useContext(GlobalMetadataStateContext);
+    const { t } = useTranslation();
+    const isNewFeatureBannerVisible = getConfigField(pcmConfig.data, 'isNewFeatureBannerVisible', PCM_CONFIG_FIELD_TYPE.FEATURE_FLAG);
+    const [popOverShow, setPopOverShow] = useState(false);
+    const [popOverViewStorageCounter, setPopOverViewStorageCounter] = useSessionStorage('popOverShowCounter', 0);
+    const shouldClose = (_event, _fn) => {
+        setPopOverShow(false);
+        setPopOverViewStorageCounter(popOverViewStorageCounter + 1);
+    };
+    const shouldOpen = (_event, _fn) => {
+        setPopOverShow(true);
+    };
+    useEffect(() => {
+        setPopOverShow(popOverViewStorageCounter < 2);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    return (React.createElement(React.Fragment, null, isNewFeatureBannerVisible && popOverShow && (React.createElement(Popover, { "aria-label": t('Mandatory phone field popover'), headerContent: t('Please include a phone number'), isVisible: popOverShow, shouldClose: shouldClose, shouldOpen: shouldOpen, bodyContent: React.createElement(Trans, null, "We want to be able to help you quickly if we run into any issues with your case. To make sure we can contact you directly, we now require a contact phone number for all new cases."), position: "bottom", triggerRef: () => document.getElementById('case-phone-number') }))));
+};
+export default MandatoryPhonePopOver;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 interface IProps {
     inlineEditable: boolean;
     initialIsEditing?: boolean;
@@ -6,8 +7,9 @@ interface IProps {
     autoFocus?: boolean;
     hideSaveCancel?: boolean;
     supportType?: string;
+    isOnSummaryPage: boolean;
 }
-declare function OpenCaseIssue(props: IProps): JSX.Element;
+declare function OpenCaseIssue(props: IProps): React.JSX.Element;
 declare namespace OpenCaseIssue {
     var defaultProps: Partial<IProps>;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"OpenCaseIssue.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/OpenCaseIssue.tsx"],"names":[],"mappings":"AAYA,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AASD,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,eAkGnC;kBAlGQ,aAAa;;;AAqGtB,eAAe,aAAa,CAAC"}
+{"version":3,"file":"OpenCaseIssue.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/OpenCaseIssue.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAS/D,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,OAAO,CAAC;CAC5B;AASD,iBAAS,aAAa,CAAC,KAAK,EAAE,MAAM,qBA8InC;kBA9IQ,aAAa;;;AAiJtB,eAAe,aAAa,CAAC"}

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

@@ -1,12 +1,14 @@
+import { Progress, ProgressMeasureLocation, ProgressSize, ProgressVariant, TextInput } from '@patternfly/react-core';
 import { InlineEdit } from '@rh-support/components';
 import { PreviousCaseTypes } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
-import React, { useContext, useState } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { RouteContext } from '../../context/RouteContext';
-import { SUMMARY_LENGTH_LIMIT, summaryMaxLengthErrorMessage } from '../../reducers/CaseConstNTypes';
+import { ISSUE_SUMMARY_LENGTH_LIMIT, TITLE_SUMMARY_LENGTH_LIMIT } from '../../reducers/CaseConstNTypes';
 import { setCaseDetails } from '../../reducers/CaseReducer';
+import Description from './Description';
 const defaultProps = {
     initialIsEditing: false,
     required: false,
@@ -15,19 +17,22 @@ const defaultProps = {
     hideSaveCancel: false,
 };
 function OpenCaseIssue(props) {
-    var _a;
     const { t } = useTranslation();
-    const { summary, supportType } = useCaseSelector((state) => ({
+    const { summary, supportType, version, issue } = useCaseSelector((state) => ({
         summary: state.caseDetails.summary,
+        version: state.caseDetails.version,
         supportType: state.caseDetails.caseType,
+        issue: state.caseDetails.issue,
     }));
     const caseDispatch = useCaseDispatch();
-    const [isSummaryInValid, setIsSummaryInValid] = useState(false);
-    const [hasLargeSummary, setHasLargeSummary] = useState(false);
+    const [isSummaryEmpty, setIsSummaryEmpty] = useState(false);
+    const [isIssueEmpty, setIsIssueEmpty] = useState(false);
+    const [hasLargeTitleSummary, setHasLargeTitleSummary] = useState(false);
+    const [hasLargeIssueSummary, setHasLargeIssueSummary] = useState(false);
     const { routeState: { isNextBtnClickedToShowValidationError }, } = useContext(RouteContext);
     const onSummaryBlur = (e) => {
         var _a;
-        setIsSummaryInValid(isEmpty((_a = e.target.value) === null || _a === void 0 ? void 0 : _a.trim()));
+        setIsSummaryEmpty(isEmpty((_a = e.target.value) === null || _a === void 0 ? void 0 : _a.trim()));
     };
     const onCaseDetailsChange = (caseDetails) => {
         setCaseDetails(caseDispatch, caseDetails);
@@ -35,34 +40,54 @@ function OpenCaseIssue(props) {
     const onSummaryChange = (e) => {
         var _a;
         const summaryLocal = isEmpty((_a = e.target.value) === null || _a === void 0 ? void 0 : _a.trim()) ? '' : e.target.value;
-        setHasLargeSummary(summaryLocal.length > SUMMARY_LENGTH_LIMIT);
+        const fullLengthChanges = summaryLocal.length;
+        setHasLargeTitleSummary(fullLengthChanges > TITLE_SUMMARY_LENGTH_LIMIT); //255
         onCaseDetailsChange({ summary: summaryLocal });
-        setIsSummaryInValid(isEmpty(summaryLocal === null || summaryLocal === void 0 ? void 0 : summaryLocal.trim()));
     };
-    const maxLengthErrorMessage = t(summaryMaxLengthErrorMessage, {
-        limit: SUMMARY_LENGTH_LIMIT,
-    });
+    const getVariant = () => {
+        if (getIssueSummaryInvalid())
+            return ProgressVariant.danger;
+        if (!issue)
+            return ProgressVariant.success;
+        if (issue.length > ISSUE_SUMMARY_LENGTH_LIMIT / 2) {
+            return ProgressVariant.warning;
+        }
+        else {
+            return ProgressVariant.success;
+        }
+    };
+    const getTitleSummaryInvalid = () => hasLargeTitleSummary || (isNextBtnClickedToShowValidationError && isSummaryEmpty);
+    const getIssueSummaryInvalid = () => hasLargeIssueSummary || (isNextBtnClickedToShowValidationError && isIssueEmpty);
+    const isIdea = () => supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
+    useEffect(() => {
+        setIsSummaryEmpty(summary ? isEmpty(summary.trim()) : true);
+        setIsIssueEmpty(issue ? isEmpty(issue.trim()) : true);
+        summary && setHasLargeTitleSummary(summary.length > TITLE_SUMMARY_LENGTH_LIMIT);
+        issue && setHasLargeIssueSummary(issue.length > ISSUE_SUMMARY_LENGTH_LIMIT);
+        // @ts-ignore
+    }, [summary, issue]);
     return (React.createElement(React.Fragment, null,
         React.createElement(InlineEdit, { labelProps: {
-                htmlFor: supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT
-                    ? 'get-support-title'
-                    : 'get-support-summary',
+                htmlFor: isIdea() ? 'get-support-title' : 'get-support-summary',
+                style: {
+                    display: 'flex',
+                    justifyContent: 'space-between',
+                    alignItems: 'center',
+                },
             }, labelContent: React.createElement(React.Fragment, null,
-                React.createElement(Trans, null, supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT ? 'Title' : 'Summary'),
+                React.createElement(Trans, null, 'Title'),
                 ' ',
-                !!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: supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT
-                    ? 'get-support-title'
-                    : 'get-support-summary', className: `form-control${isSummaryInValid || hasLargeSummary || (isNextBtnClickedToShowValidationError && !summary)
-                    ? ' form-invalid'
-                    : ''}`, "aria-invalid": isSummaryInValid, "aria-required": !!props.required, required: !!props.required, name: supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT
-                    ? 'get-support-title'
-                    : 'get-support-summary', placeholder: t('i18nkeySummarizeExperience', "Summarize what you're experiencing today"), value: summary, onChange: onSummaryChange, onBlur: onSummaryBlur, autoFocus: !!props.autoFocus, "data-tracking-id": supportType === PreviousCaseTypes.FEATURE_ENHANCEMENT
-                    ? 'get-support-title'
-                    : 'get-support-summary' })),
-        ((_a = summary) === null || _a === void 0 ? void 0 : _a.length) > SUMMARY_LENGTH_LIMIT && (React.createElement("div", { className: "pull-top" },
-            React.createElement("p", { className: "form-instructions form-invalid" },
-                React.createElement(Trans, null, maxLengthErrorMessage))))));
+                !!props.required && (React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))), helperContent: React.createElement("div", { className: "title-summary-counter" },
+                `${summary === null || summary === void 0 ? void 0 : summary.length} / ${TITLE_SUMMARY_LENGTH_LIMIT}`,
+                " "), allowInlineEdit: props.inlineEditable, hideSaveCancel: !!props.hideSaveCancel, initialIsEditing: !!props.initialIsEditing, saveOnBlur: true, collapseOnBlur: !!props.collapseOnBlur && !isSummaryEmpty, content: summary },
+            React.createElement(TextInput, { id: isIdea() ? 'get-support-title' : 'get-support-summary', className: `get-support-summary-input ${getTitleSummaryInvalid() ? ' form-invalid' : ''} ${isEmpty(version) ? 'issue-title-disabled' : ''}`, validated: (summary && (summary === null || summary === void 0 ? void 0 : summary.length) > TITLE_SUMMARY_LENGTH_LIMIT) ||
+                    (isNextBtnClickedToShowValidationError && isEmpty(summary))
+                    ? 'error'
+                    : 'default', "aria-invalid": getTitleSummaryInvalid(), "aria-required": !!props.required, required: !!props.required, name: isIdea() ? 'get-support-title' : 'get-support-summary', placeholder: t('i18nkeySummarizeExperience', 'Create a heading that summarizes your issue'), value: summary, onChange: onSummaryChange, onBlur: onSummaryBlur, autoFocus: !!props.autoFocus, "data-tracking-id": isIdea() ? 'get-support-title' : 'get-support-summary', "aria-disabled": isEmpty(version), isDisabled: isEmpty(version) }),
+            React.createElement(React.Fragment, null, hasLargeTitleSummary && (React.createElement("div", null,
+                React.createElement("p", { className: "form-instructions form-invalid pf-v5-u-danger-color-100 title-summary-error" }, t(`This title exceeds ${TITLE_SUMMARY_LENGTH_LIMIT} characters. Try shortening it.`))))),
+            React.createElement(Description, { isSummarizeInvalid: getIssueSummaryInvalid() }),
+            React.createElement(Progress, { value: issue === null || issue === void 0 ? void 0 : issue.length, min: 0, max: ISSUE_SUMMARY_LENGTH_LIMIT, size: ProgressSize.sm, label: `${issue === null || issue === void 0 ? void 0 : issue.length} / ${ISSUE_SUMMARY_LENGTH_LIMIT}`, valueText: `${issue === null || issue === void 0 ? void 0 : issue.length} / ${ISSUE_SUMMARY_LENGTH_LIMIT}`, measureLocation: ProgressMeasureLocation.top, "aria-label": `Progress - ${issue === null || issue === void 0 ? void 0 : issue.length} / ${ISSUE_SUMMARY_LENGTH_LIMIT}`, variant: getVariant(), title: ' ', className: `pf-v5-u-mt-md ${!isNextBtnClickedToShowValidationError && isEmpty(issue) ? 'gray' : ''}`, id: "summary-progress-bar" }))));
 }
 OpenCaseIssue.defaultProps = defaultProps;
 export default OpenCaseIssue;

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

@@ -1,5 +1,6 @@
 import { ICasePayload } from '@cee-eng/hydrajs/@types/api/public/case';
 import { IDClassNameProps } from '@rh-support/types/shared';
+import React from 'react';
 interface IProps extends IDClassNameProps {
     isDisabled?: boolean;
     isFetching?: boolean;
@@ -12,7 +13,7 @@ export interface ISeverityOptions {
     label: string;
     additionalInfo: string | JSX.Element | JSX.Element[];
 }
-declare function Severity(props: IProps): JSX.Element;
+declare function Severity(props: IProps): React.JSX.Element;
 declare namespace Severity {
     var defaultProps: Partial<IProps>;
 }

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;AAyBrE,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,eAuR9B;kBAvRQ,QAAQ;;;AAyRjB,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Severity.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Severity.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAMvE,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAerE,OAAO,KAA0C,MAAM,OAAO,CAAC;AAW/D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,YAAY,CAAC,KAAK,IAAI,CAAC;IAChE,oBAAoB,EAAE,OAAO,CAAC;CACjC;AASD,MAAM,WAAW,gBAAgB;IAC7B,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,EAAE,MAAM,GAAG,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;CACxD;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,MAAM,qBA8Q9B;kBA9QQ,QAAQ;;;AAgRjB,eAAe,QAAQ,CAAC"}

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

@@ -1,8 +1,9 @@
-import { Popover, PopoverPosition, Tooltip, TooltipPosition } from '@patternfly/react-core';
+import { Icon, Popover, PopoverPosition, Tooltip, TooltipPosition } from '@patternfly/react-core';
+import QuestionCircleIcon from '@patternfly/react-icons/dist/js/icons/question-circle-icon';
 import WarningTriangleIcon from '@patternfly/react-icons/dist/js/icons/warning-triangle-icon';
 import { Dropdown, ValueChangedIcon } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
-import { autoEnableFtsOnCaseViewEditPage, severitySort, showFtsOnCreateCasePage, toOption, toOptions, } from '@rh-support/utils';
+import { autoEnableFtsOnCaseViewEditPage, PreviousCaseTypes, severitySort, showFtsOnCreateCasePage, toOption, toOptions, } from '@rh-support/utils';
 import find from 'lodash/find';
 import findLast from 'lodash/findLast';
 import includes from 'lodash/includes';
@@ -12,7 +13,7 @@ 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 { getIrtForSLAAndSeverity, getOrtForSLAAndSeverity, getSeverityDescription } from '../../reducers/CaseHelpers';
+import { getNewSeverityStringDef, getSeverityDescription } from '../../reducers/CaseHelpers';
 import { setCaseDetails } from '../../reducers/CaseReducer';
 import { PDFContext } from '../CaseEditView/PDFContainer';
 import { CaseValuesToWatch } from '../shared/Constants';
@@ -26,7 +27,7 @@ const defaultProps = {
 };
 function Severity(props) {
     const { t } = useTranslation();
-    const { product, version, caseNumber, severity, entitlementSla, ownersEntitlements, versionsDetails } = useCaseSelector((state) => ({
+    const { product, version, caseNumber, severity, entitlementSla, ownersEntitlements, versionsDetails, caseType } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
         caseNumber: state.caseDetails.caseNumber,
@@ -34,23 +35,25 @@ function Severity(props) {
         entitlementSla: state.caseDetails.entitlementSla,
         ownersEntitlements: state.ownersEntitlements,
         versionsDetails: state.versionsDetails,
+        caseType: state.caseDetails.caseType,
     }), isEqual);
     const { globalMetadataState: { allCaseSeverities, allProducts }, } = useContext(GlobalMetadataStateContext);
     const { isExportingPDF } = useContext(PDFContext);
     const [isSeverityInValid, setIsSeverityInValid] = useState(false);
     const [seviritiesOptions, setSeveritiesOptions] = useState([]);
-    const [doNotShowIRT, setDoNotShowIRT] = useState(false);
+    // const [doNotShowIRT, setDoNotShowIRT] = useState<boolean>(false);
     const [openUpdateSeverityModal, setOpenUpdateSeverityModal] = useState(false);
     const caseDispatch = useCaseDispatch();
     const isOnCaseDetailsPage = !isEmpty(caseNumber);
+    const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
     const updateState = (value) => {
         const casePayload = {
             severity: value,
-            suppliedPhoneNumberVerified: undefined, // Restore Initial State If Severity Changes
         };
         // .. 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);
+        casePayload.fts = casePayload.fts && !isIdea;
         if (isOnCaseDetailsPage) {
             props.onSeverityChange && props.onSeverityChange(casePayload);
         }
@@ -74,30 +77,12 @@ function Severity(props) {
     const [localSeverityChange, setLocalSeverityChange] = useState(false);
     const afterLocalChange = () => setLocalSeverityChange(false);
     const valueComparator = (value, pvalue) => value && value.name && pvalue && pvalue.name && value.name !== pvalue.name;
-    const getAdditionalInfo = (sla, severity) => {
-        if (doNotShowIRT)
-            return React.createElement(React.Fragment, null);
-        const irt = getIrtForSLAAndSeverity(sla, severity);
-        const ort = getOrtForSLAAndSeverity(sla, severity);
-        return isEmpty(irt) ? undefined : irt === ort ? (React.createElement(React.Fragment, null,
-            React.createElement("strong", null, irt),
-            " ",
-            React.createElement(Trans, null, "initial and ongoing response time."))) : (React.createElement(React.Fragment, null,
-            React.createElement("strong", null, irt),
-            " ",
-            React.createElement(Trans, null, "initial and"),
-            " ",
-            React.createElement("strong", null, ort),
-            ' ',
-            React.createElement(Trans, null, "ongoing response time.")));
-    };
-    const slaLocal = entitlementSla;
     const filteredSeverities = map(allCaseSeverities.data, (s) => {
         const sevItem = {
             name: s,
             disabled: isEmpty(find(seviritiesOptions, (severity) => s === severity)),
             label: `${s} - ${getSeverityDescription(s)}`,
-            additionalInfo: getAdditionalInfo(slaLocal, s),
+            additionalInfo: getNewSeverityStringDef(s),
         };
         return sevItem;
     });
@@ -115,7 +100,7 @@ function Severity(props) {
         name: severity,
         disabled: false,
         label: `${severity} - ${getSeverityDescription(severity)}`,
-        additionalInfo: getAdditionalInfo(slaLocal, severity),
+        additionalInfo: getNewSeverityStringDef(severity),
     };
     const toggleModal = () => {
         setOpenUpdateSeverityModal((openUpdateSeverityModal) => !openUpdateSeverityModal);
@@ -130,13 +115,13 @@ function Severity(props) {
             return;
         const productObj = find((_b = allProducts === null || allProducts === void 0 ? void 0 : allProducts.data) === null || _b === void 0 ? void 0 : _b.productsResult, (productItem) => productItem.name === product);
         const versionDetail = find(versionsDetails === null || versionsDetails === void 0 ? void 0 : versionsDetails.data, (spec) => spec.name === version);
-        setDoNotShowIRT(versionDetail === null || versionDetail === void 0 ? void 0 : versionDetail.doNotShowIRT);
+        // setDoNotShowIRT(versionDetail?.doNotShowIRT!);
         let availableSeverities;
-        if (versionDetail === null || versionDetail === void 0 ? void 0 : versionDetail.severities) {
+        if ((versionDetail === null || versionDetail === void 0 ? void 0 : versionDetail.severities) && (versionDetail === null || versionDetail === void 0 ? void 0 : versionDetail.severities.length) !== 0) {
             //first check if at version level, do we have any severity limit
             availableSeverities = versionDetail.severities;
         }
-        else if (productObj === null || productObj === void 0 ? void 0 : productObj.severities) {
+        else if ((productObj === null || productObj === void 0 ? void 0 : productObj.severities) && (productObj === null || productObj === void 0 ? void 0 : productObj.severities.length) !== 0) {
             // second check if at product level, do we have any severity limit
             availableSeverities = productObj.severities;
         }
@@ -161,10 +146,11 @@ function Severity(props) {
                 ' ',
                 React.createElement("a", { href: "/support/policy/severity", target: "_blank" },
                     React.createElement(Trans, null, "Red Hat Support Severity Level Definitions"))), closeBtnAriaLabel: "Close" },
-            React.createElement("i", { "aria-label": "Support Severity Level info", className: "fa fa-question-circle" }))),
+            React.createElement(QuestionCircleIcon, { className: "pf-v5-u-ml-xs icon-size", "aria-label": t(`Support Severity Level info`) }))),
         "\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" }))),
+            React.createElement(Icon, { size: "sm" },
+                React.createElement(WarningTriangleIcon, { color: "#ec7a08", title: "Support Severity Level warning" })))),
         !props.isDisabled && isOnCaseDetailsPage ? (React.createElement(React.Fragment, null,
             React.createElement("div", { onClick: toggleModal },
                 React.createElement(Dropdown, { name: "get-support-severity", placeholder: t(`Select a severity`), title: t(`Select a severity`), list: allCaseSeverities.data
@@ -182,7 +168,7 @@ function Severity(props) {
                         allCaseSeverities.isFetching ||
                         ownersEntitlements.isFetching ||
                         versionsDetails.isFetching, isLoadingList: props.isFetching, isInValid: allCaseSeverities.isError || isSeverityInValid, required: true, onChange: onSeverityChange, onOuterClick: setIsSeverityInValidLocal, "data-tracking-id": "get-support-severity" })),
-            React.createElement(UpdateSeverityModal, { isDisabled: props.isFetching, isFetching: props.isFetching, show: openUpdateSeverityModal, onClose: toggleModal }))) : (React.createElement(Dropdown, { name: "get-support-severity", placeholder: t(`Select a severity`), title: t(`Select a severity`), list: allCaseSeverities.data
+            openUpdateSeverityModal && (React.createElement(UpdateSeverityModal, { isDisabled: props.isFetching, isFetching: props.isFetching, show: openUpdateSeverityModal, onClose: toggleModal })))) : (React.createElement(Dropdown, { name: "get-support-severity", placeholder: t(`Select a severity`), title: t(`Select a severity`), list: allCaseSeverities.data
                 ? toOptions(filteredSeverities, {
                     labelKey: 'label',
                     additionalInfoKey: 'additionalInfo',

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

@@ -1,7 +1,8 @@
 import { IDClassNameProps } from '@rh-support/types/shared';
+import React from 'react';
 interface IProps extends IDClassNameProps {
 }
-declare function SupportLevel(props: IProps): JSX.Element;
+declare function SupportLevel(props: IProps): React.JSX.Element;
 declare namespace SupportLevel {
     var defaultProps: Partial<IProps>;
 }

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":"AAWA,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,EAAE,MAAM,0BAA0B,CAAC;AAI5D,OAAO,KAA0C,MAAM,OAAO,CAAC;AAM/D,UAAU,MAAO,SAAQ,gBAAgB;CAAG;AAO5C,iBAAS,YAAY,CAAC,KAAK,EAAE,MAAM,qBA+HlC;kBA/HQ,YAAY;;;AAiIrB,eAAe,YAAY,CAAC"}

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

@@ -1,7 +1,8 @@
-import { Popover, PopoverPosition, Select, SelectOption, SelectVariant, ValidatedOptions, } from '@patternfly/react-core';
+import { Popover, PopoverPosition, ValidatedOptions } from '@patternfly/react-core';
+import { Select, SelectOption, SelectVariant } from '@patternfly/react-core/deprecated';
 import QuestionCircleIcon from '@patternfly/react-icons/dist/js/icons/question-circle-icon';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
-import { showFtsOnCaseViewEditPage, showFtsOnCreateCasePage } from '@rh-support/utils';
+import { PreviousCaseTypes, showFtsOnCaseViewEditPage, showFtsOnCreateCasePage } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useState } from 'react';
@@ -13,18 +14,20 @@ const defaultProps = {
     className: '',
 };
 function SupportLevel(props) {
-    const { product, caseNumber, severity, entitlementSla, ownersEntitlements } = useCaseSelector((state) => ({
+    const { product, caseNumber, severity, entitlementSla, ownersEntitlements, caseType } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         caseNumber: state.caseDetails.caseNumber,
         severity: state.caseDetails.severity,
         entitlementSla: state.caseDetails.entitlementSla,
         ownersEntitlements: state.ownersEntitlements,
+        caseType: state.caseDetails.caseType,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
     const { globalMetadataState: { allProducts }, } = useContext(GlobalMetadataStateContext);
     const { t } = useTranslation();
     const [isSupportLevelInValid, setIsSupportLevelInValid] = useState(false);
     const [isOpen, setIsOpen] = useState(false);
+    const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
     const onToggle = (isOpen) => {
         setIsOpen(isOpen);
     };
@@ -37,6 +40,7 @@ function SupportLevel(props) {
         casePayload.fts = caseNumber
             ? showFtsOnCaseViewEditPage(selected, severity)
             : showFtsOnCreateCasePage(selected, severity);
+        casePayload.fts = casePayload.fts && !isIdea;
         setIsSupportLevelInValid(isEmpty(selected));
         onCaseDetailsChange(casePayload);
     };
@@ -82,8 +86,8 @@ function SupportLevel(props) {
                     "Learn more about our",
                     ' ',
                     React.createElement("a", { href: "/support/offerings/production/sla", target: "_blank" }, "production support service level agreement"))), closeBtnAriaLabel: "Close" },
-            React.createElement(QuestionCircleIcon, { className: "pf-u-ml-xs icon-size", "aria-label": "Support Level Info" })),
-        React.createElement(Select, { variant: SelectVariant.single, "aria-label": t('Select Support Level'), onToggle: onToggle, onSelect: onEntitlementChange, selections: selectedSla, isOpen: isOpen, "aria-labelledby": 'get-support-supportLevel', isDisabled: ownersEntitlements.isError || isEmpty(ownersEntitlements.data), validated: isSupportLevelInValid ? ValidatedOptions.error : ValidatedOptions.default, "data-tracking-id": "get-support-supportLevel" }, getSlaList().map((sla, index) => (React.createElement(SelectOption, { key: index, value: sla })))),
+            React.createElement(QuestionCircleIcon, { className: "pf-v5-u-ml-xs icon-size", "aria-label": "Support Level Info" })),
+        React.createElement(Select, { variant: SelectVariant.single, "aria-label": t('Select Support Level'), onToggle: (_event, isOpen) => onToggle(isOpen), onSelect: onEntitlementChange, selections: selectedSla, isOpen: isOpen, "aria-labelledby": 'get-support-supportLevel', isDisabled: ownersEntitlements.isError || isEmpty(ownersEntitlements.data), validated: isSupportLevelInValid ? ValidatedOptions.error : ValidatedOptions.default, "data-tracking-id": "get-support-supportLevel" }, getSlaList().map((sla, index) => (React.createElement(SelectOption, { key: index, value: sla })))),
         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,6 @@
+import React from 'react';
 export interface IProps {
     isManageStep?: boolean;
 }
-export default function CaseLanguageSelector(props: IProps): JSX.Element;
+export default function CaseLanguageSelector(props: IProps): React.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,eA8FzD"}
+{"version":3,"file":"CaseLanguageSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/CaseLanguageSelector.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAO/D,MAAM,WAAW,MAAM;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,MAAM,qBA8FzD"}

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

@@ -1,4 +1,5 @@
-import { Select, SelectOption, SelectVariant, ValidatedOptions } from '@patternfly/react-core';
+import { ValidatedOptions } from '@patternfly/react-core';
+import { Select, SelectOption, SelectVariant } from '@patternfly/react-core/deprecated';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import { ability, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
 import isEmpty from 'lodash/isEmpty';
@@ -55,7 +56,7 @@ export default function CaseLanguageSelector(props) {
             React.createElement(Trans, null, "Preferred language"),
             ' ',
             React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
-        React.createElement(Select, { variant: SelectVariant.single, "aria-label": t(`Select a language`), onToggle: onToggle, onSelect: onLanguageChange, selections: caseLanguage, isOpen: isOpen, "aria-labelledby": 'get-support-language', isDisabled: caseLanguages.isError, validated: caseLanguages.isError ? ValidatedOptions.error : ValidatedOptions.default, "data-tracking-id": "preferred-language-select" }, caseLanguages.data.map((sla, index) => (React.createElement(SelectOption, { value: sla, key: index }, Constants.languagesMap[sla])))),
+        React.createElement(Select, { variant: SelectVariant.single, "aria-label": t(`Select a language`), onToggle: (_event, isOpen) => onToggle(isOpen), onSelect: onLanguageChange, selections: caseLanguage, isOpen: isOpen, "aria-labelledby": 'get-support-language', isDisabled: caseLanguages.isError, validated: caseLanguages.isError ? ValidatedOptions.error : ValidatedOptions.default, "data-tracking-id": "preferred-language-select" }, caseLanguages.data.map((sla, index) => (React.createElement(SelectOption, { value: sla, key: index }, Constants.languagesMap[sla])))),
         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

@@ -1,4 +1,5 @@
+import React from 'react';
 export interface IProps {
 }
-export default function CaseManagement(props: IProps): JSX.Element;
+export default function CaseManagement(props: IProps): React.JSX.Element;
 //# sourceMappingURL=CaseManagement.d.ts.map

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":"AAqBA,MAAM,WAAW,MAAM;CAAG;AAC1B,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM,eA6CnD"}
+{"version":3,"file":"CaseManagement.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/CaseManagement.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,MAAM,WAAW,MAAM;CAAG;AAC1B,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM,qBAmDnD"}

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

@@ -1,7 +1,7 @@
-import { Flex, FlexItem } from '@patternfly/react-core';
+import { Grid, GridItem } from '@patternfly/react-core';
 import { useGlobalStateContext } from '@rh-support/react-context';
 import { isSpecialSupportOfferingEnabled } from '@rh-support/utils';
-import { isEqual } from 'lodash';
+import isEqual from 'lodash/isEqual';
 import React from 'react';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { setCaseDetails } from '../../reducers/CaseReducer';
@@ -32,15 +32,18 @@ export default function CaseManagement(props) {
     const isESSCustomer = isSpecialSupportOfferingEnabled((_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult, selectedProduct);
     return (React.createElement("form", null,
         React.createElement(SupportLevel, null),
-        React.createElement(Flex, { direction: { default: 'column', '2xl': 'row' } },
-            React.createElement(FlexItem, { flex: { default: 'flex_1' }, className: "pf-u-mb-xs" },
+        React.createElement(Grid, { hasGutter: true },
+            React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v5-u-mb-xs" },
                 React.createElement(Severity, { showSeverityInfoIcon: true, onSeverityChange: onSeverityChange })),
-            React.createElement(FlexItem, { flex: { default: 'flex_1' }, className: "pf-u-mb-xs" },
+            React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v5-u-mb-xs" },
                 React.createElement(ContactPhoneNumber, null))),
         React.createElement(ContactPhoneNumberAlert, null),
         React.createElement(Fts, { inlineEditable: false }),
-        React.createElement(CaseLanguageSelector, { isManageStep: true }),
-        React.createElement(CaseGroup, { init: true }),
+        React.createElement(Grid, { hasGutter: true },
+            React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v5-u-mb-xs" },
+                React.createElement(CaseLanguageSelector, { isManageStep: true })),
+            React.createElement(GridItem, { span: 12, xl2: 6, className: "pf-v5-u-mb-xs" },
+                React.createElement(CaseGroup, { init: true }))),
         React.createElement(CaseContactSelector, null),
         React.createElement(RHAssociatesSelector, null),
         React.createElement(OpenReferenceNumber, { inlineEditable: false, hideSaveCancel: true }),

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

@@ -1,5 +1,6 @@
+import React from 'react';
 interface IProps {
 }
-export declare function Cep(props: IProps): JSX.Element;
+export declare function Cep(props: IProps): React.JSX.Element;
 export {};
 //# sourceMappingURL=Cep.d.ts.map