@rh-support/troubleshoot 0.3.0 → 0.3.3

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

@@ -1 +1 @@
-{"version":3,"file":"AccountSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountInfo/AccountSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAKnC,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAarE,UAAU,MAAO,SAAQ,gBAAgB;CAAG;AAE5C,eAAO,MAAM,YAAY,EAAE,MAG1B,CAAC;AAEF,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eAyIrC;kBAzIQ,eAAe;;;AA6IxB,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"AccountSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountInfo/AccountSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAKnC,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAYrE,UAAU,MAAO,SAAQ,gBAAgB;CAAG;AAE5C,eAAO,MAAM,YAAY,EAAE,MAG1B,CAAC;AAEF,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eA6HrC;kBA7HQ,eAAe;;;AAiIxB,OAAO,EAAE,eAAe,EAAE,CAAC"}

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

@@ -2,7 +2,6 @@ import './css/accountSelector.css';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { AccountSelectorInternal, GlobalMetadataStateContext } from '@rh-support/react-context';
 import { AbilityContext, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
-import { getConfigField, PCM_CONFIG_FIELD_TYPE } from '@rh-support/utils';
 import isArray from 'lodash/isArray';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
@@ -23,14 +22,13 @@ function AccountSelector(props) {
     }), isEqual);
     const isSelectedAccountSubscriptionAbused = ((_a = selectedAccountDetails === null || selectedAccountDetails === void 0 ? void 0 : selectedAccountDetails.data) === null || _a === void 0 ? void 0 : _a.subscriptionAbuse) || false;
     const caseDispatch = useCaseDispatch();
-    const { globalMetadataState: { pcmConfig, bookmarkedAccounts, bookmarkedGroupAccounts, loggedInUserRights, managedAccounts, loggedInUsersAccount, }, } = useContext(GlobalMetadataStateContext);
+    const { globalMetadataState: { bookmarkedGroupAccounts, loggedInUserRights, managedAccounts, loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
     const { t } = useTranslation();
     /** Various Abilities */
     const ability = useContext(AbilityContext);
     const canAccessManagedAccounts = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.MANAGED_ACCOUNTS);
     const canBookmarkAccounts = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.BOOKMARK_ACCOUNTS);
     const canUseFindMyAccount = loggedInUserRights.data.isAccountDifferentFromLoggedInAccount(accountNumber);
-    const isGroupBookmarkEnabled = getConfigField(pcmConfig.data, 'isGroupBookmarkEnabled', PCM_CONFIG_FIELD_TYPE.FEATURE_FLAG);
     //
     const onAccountChange = (account) => {
         if (selectedAccountDetails.data.accountNumber === account.accountNumber)
@@ -74,7 +72,7 @@ function AccountSelector(props) {
             canUseFindMyAccount && (React.createElement("button", { role: "link", className: "btn btn-link btn-app find-my-account pf-u-ml-auto", onClick: onFindMyAccountClick, disabled: selectedAccountDetails.isFetching, "data-tracking-id": "open-case-find-my-account" },
                 React.createElement(Trans, null, "Find my account")))),
         React.createElement("div", { className: "account-selector-wrapper" },
-            React.createElement(AccountSelectorInternal, { selectedAccounts: [selectedAccount], canBookmarkAccount: canBookmarkAccounts, bookmarkedAccounts: isGroupBookmarkEnabled ? bookmarkedGroupAccounts.data : bookmarkedAccounts.data, id: "account-or-bookmark-selector", className: "account-selector", name: "account-or-bookmark-selector", placeholder: t(`Search for an account ${loggedInUserRights.data.isExternal() ? '' : 'or select a bookmark'} `), onSelect: onInternalAccountSelect, disabled: loggedInUserRights.data.isExternal() || selectedAccountDetails.isFetching, isInValid: isSelectedAccountSubscriptionAbused, restrictedOnSubscriptionAbuse: true })),
+            React.createElement(AccountSelectorInternal, { selectedAccounts: [selectedAccount], canBookmarkAccount: canBookmarkAccounts, bookmarkedAccounts: bookmarkedGroupAccounts.data, id: "account-or-bookmark-selector", className: "account-selector", name: "account-or-bookmark-selector", placeholder: t(`Search for an account ${loggedInUserRights.data.isExternal() ? '' : 'or select a bookmark'} `), onSelect: onInternalAccountSelect, disabled: loggedInUserRights.data.isExternal() || selectedAccountDetails.isFetching, isInValid: isSelectedAccountSubscriptionAbused, restrictedOnSubscriptionAbuse: true })),
         canAccessManagedAccounts && (React.createElement(ManagedAccountsDropdown, { className: "managed-account-selector", onManagedAccountChange: onManagedAccountChange, managedAccounts: managedAccounts, selectedAccountNumber: accountNumber, disabled: selectedAccountDetails.isFetching })),
         isSelectedAccountSubscriptionAbused && (React.createElement("p", { className: "form-instructions form-invalid" },
             React.createElement(InfoCircleIcon, null),

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

@@ -1 +1 @@
-{"version":3,"file":"ManagedAccountsDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountInfo/ManagedAccountsDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAGhF,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAM7G,UAAU,MAAO,SAAQ,gBAAgB;IACrC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,eAAe,EAAE,mBAAmB,CAAC,OAAO,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC;IACxE,sBAAsB,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,iBAAiB,CAAC,sBAAsB,CAAC,CAAC,KAAK,IAAI,CAAC;IAChG,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAOD,iBAAS,uBAAuB,CAAC,KAAK,EAAE,MAAM,eA4D7C;kBA5DQ,uBAAuB;;;AA8DhC,OAAO,EAAE,uBAAuB,EAAE,CAAC"}
+{"version":3,"file":"ManagedAccountsDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountInfo/ManagedAccountsDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,wCAAwC,CAAC;AAGhF,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAM7G,UAAU,MAAO,SAAQ,gBAAgB;IACrC,qBAAqB,EAAE,MAAM,CAAC;IAC9B,eAAe,EAAE,mBAAmB,CAAC,OAAO,CAAC,sBAAsB,CAAC,EAAE,CAAC,CAAC;IACxE,sBAAsB,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,iBAAiB,CAAC,sBAAsB,CAAC,CAAC,KAAK,IAAI,CAAC;IAChG,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAOD,iBAAS,uBAAuB,CAAC,KAAK,EAAE,MAAM,eA6D7C;kBA7DQ,uBAAuB;;;AA+DhC,OAAO,EAAE,uBAAuB,EAAE,CAAC"}

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

@@ -25,9 +25,8 @@ function ManagedAccountsDropdown(props) {
         setSelectedItem(toOption(item, { labelKey: getLabelForAccountOption }));
     }, [props.managedAccounts.data, props.selectedAccountNumber]);
     // Only accounts that have granted access permission to partner should be listed
-    const managedAccountsOptions = props.managedAccounts.data
-        .filter((account) => account.partnerCaseAccess === 'All')
-        .map((account) => (Object.assign({ actionItem: (React.createElement(React.Fragment, null, account.subscriptionAbuse && (React.createElement("span", { className: "form-instructions form-invalid pf-u-text-nowrap pf-u-pr-sm" },
+    const managedAccountsWithPermission = () => props.managedAccounts.data.filter((account) => account.partnerCaseAccess === 'All') || [];
+    const managedAccountsOptions = managedAccountsWithPermission().map((account) => (Object.assign({ actionItem: (React.createElement(React.Fragment, null, account.subscriptionAbuse && (React.createElement("span", { className: "form-instructions form-invalid pf-u-text-nowrap pf-u-pr-sm" },
             ' ',
             React.createElement(InfoCircleIcon, null),
             " ",
@@ -35,7 +34,7 @@ function ManagedAccountsDropdown(props) {
     return (React.createElement(Dropdown, { className: `push-top ${props.className}`, id: props.id, placeholder: "Select a managed account", list: toOptions(managedAccountsOptions, {
             childrenKey: 'children',
             actionItemKey: 'actionItem',
-        }), selectedItem: selectedItem, title: `Select a managed account`, onChange: props.onManagedAccountChange, disabled: props.disabled }));
+        }), selectedItem: selectedItem, title: `Select a managed account`, onChange: props.onManagedAccountChange, disabled: props.disabled || managedAccountsWithPermission.length === 0 }));
 }
 ManagedAccountsDropdown.defaultProps = defaultProps;
 export { ManagedAccountsDropdown };

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

@@ -219,7 +219,7 @@ export function CaseOpenshiftClusterId() {
     }
     else {
         return (React.createElement(React.Fragment, null,
-            React.createElement(OpenshiftDropdownV4, { openshiftDisplayName: displayName.current, openshiftClusterIDState: localOpenshiftClusterIDState || selectedReason, onClusterIdStateUpdate: onClusterIdSave, isClusterIdInvalid: (isEmpty(localOpenshiftClusterIDState) && isEmpty(selectedReason)) || isClusterIdInvalid, clusterIdDropdownFormInstructions: clusterIdDropdownFormInstructions(), onClusterClear: resetClusterData, isV4: majorVersion === '4', isDisabled: isClusterIdUpdating, noClusterIdReasonExplanation: noClusterIdReasonExplanation }),
+            React.createElement(OpenshiftDropdownV4, { openshiftDisplayName: displayName.current, openshiftClusterIDState: localOpenshiftClusterIDState || selectedReason, onClusterIdStateUpdate: onClusterIdSave, isClusterIdInvalid: (isEmpty(localOpenshiftClusterIDState) && isEmpty(selectedReason)) || isClusterIdInvalid, clusterIdDropdownFormInstructions: clusterIdDropdownFormInstructions(), onClusterClear: resetClusterData, isNotV3: majorVersion !== '3', isDisabled: isClusterIdUpdating, noClusterIdReasonExplanation: noClusterIdReasonExplanation }),
             noClusterIdReasonExplanation !== 'v3-cluster' &&
                 (dontKnowSelected || noClusterIdReasonExplanation || noClusterIdReason) && (React.createElement(NoClusterIDReasonSelector, { noClusterIdReasonExplanation: noClusterIdReasonExplanation, noClusterIdReason: noClusterIdReason, onReasonInputBoxChanged: debounceFn, onReasonChange: onReasonChange, isInValid: isInVaidNoClusterIdReason, isCustomer: isCustomer, isDisabled: isReasonUpdating })),
             React.createElement(LoadingIndicator, { show: isClusterIdUpdating, size: "xs" })));

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":"AAaA,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,eA2FhD"}
+{"version":3,"file":"Description.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/Description.tsx"],"names":[],"mappings":"AAcA,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,eA4FhD"}

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

@@ -1,4 +1,5 @@
-import { InlineEdit, TextAreaAutosize } from '@rh-support/components';
+import { TextArea } from '@patternfly/react-core';
+import { InlineEdit } from '@rh-support/components';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useState } from 'react';
@@ -10,7 +11,7 @@ import { getUpdatedDescription } from '../../reducers/CaseHelpers';
 import { setCaseDetails } from '../../reducers/CaseReducer';
 export default function Description(props) {
     const { t } = useTranslation();
-    const { description, hasLargeCaseDescription, issue, environment, periodicityOfIssue, timeFramesAndUrgency, v3ClusterName, } = useCaseSelector((state) => ({
+    const { hasLargeCaseDescription, issue, environment, periodicityOfIssue, timeFramesAndUrgency, v3ClusterName } = useCaseSelector((state) => ({
         description: state.caseDetails.description,
         issue: state.caseDetails.issue,
         environment: state.caseDetails.environment,
@@ -20,27 +21,31 @@ export default function Description(props) {
         v3ClusterName: state.v3ClusterName,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
-    const { routeState: { showValidationErrorAlert }, } = useContext(RouteContext);
+    const [hasFocusedLostKT4, setHasFocusedLostKT4] = useState(false);
     const [isIssueTextAreaFocused, setIssueTextAreaFocused] = useState(false);
     const onKTQ1IssueFocusChange = (e) => {
         setIssueTextAreaFocused(e.type === 'focus');
+        e.type === 'blur' && setHasFocusedLostKT4(true);
     };
     const onCaseDetailsChange = (caseDetails) => {
         setCaseDetails(caseDispatch, caseDetails);
     };
-    const onKTQ1IssueChange = (e) => {
-        var _a;
-        const ktQ1Local = isEmpty((_a = e.target.value) === null || _a === void 0 ? void 0 : _a.trim()) ? '' : e.target.value;
+    const onKTQ1IssueChange = (value, e) => {
+        const ktQ1Local = isEmpty(value === null || value === void 0 ? void 0 : value.trim()) ? '' : value;
         const newDescription = getUpdatedDescription(ktQ1Local, environment, periodicityOfIssue, timeFramesAndUrgency, v3ClusterName);
         onCaseDetailsChange({ issue: ktQ1Local, description: newDescription });
     };
-    const isKT1Required = isEmpty(environment) && isEmpty(periodicityOfIssue) && isEmpty(timeFramesAndUrgency);
+    const isKT1Required = true;
+    const { routeState: { showValidationErrorAlert }, } = useContext(RouteContext);
     const descriptionErrorMessage = t(LargeDescriptionErrorMessage, { limit: DESCRIPTION_LENGTH_LIMIT });
-    const isDescriptionInvalid = (isEmpty(description) || hasLargeCaseDescription) && showValidationErrorAlert;
+    const isDescriptionInvalid = (issue) => {
+        return (hasFocusedLostKT4 && isEmpty(issue)) || showValidationErrorAlert;
+    };
     return (React.createElement(InlineEdit, { labelContent: React.createElement(React.Fragment, null,
             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(TextAreaAutosize, { id: "open-case-ktQ1-issue", name: "open-case-ktQ1-issue", className: `form-control${isDescriptionInvalid ? ' form-invalid' : ''}`, "aria-invalid": isDescriptionInvalid, "aria-required": isKT1Required, required: isKT1Required, value: issue, disabled: isEmpty(issue) && hasLargeCaseDescription && !setIssueTextAreaFocused, onChange: onKTQ1IssueChange, onFocus: onKTQ1IssueFocusChange, onBlur: onKTQ1IssueFocusChange, "data-tracking-id": "open-case-ktQ1-issue" }),
+        React.createElement(TextArea, { id: "open-case-ktQ1-issue", name: "open-case-ktQ1-issue", className: `form-control${isDescriptionInvalid(issue) ? ' form-invalid' : ''}`, "aria-invalid": (issue === null || issue === void 0 ? void 0 : issue.length) > 20000 ? '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) > 20000 ? 'Description cannot be more than 20000 characters' : ''}`),
         React.createElement("p", { className: "form-instructions" }, `${hasLargeCaseDescription && isIssueTextAreaFocused ? descriptionErrorMessage : ''}`)));
 }

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

@@ -81,7 +81,7 @@ function Fts(props) {
         if (canEditCase.alert())
             return;
         setFtsContact(e.target.value);
-        if (props.inlineEditable)
+        if (props.inlineEditable && !isEmpty(caseNumber))
             return;
         setContactInfoIntoGlobalState(e.target.value);
     };

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

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

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

@@ -7,8 +7,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { Modal, ModalVariant, Popover, PopoverPosition } from '@patternfly/react-core';
-import { Input, LoadingIndicator, TextAreaResizable, ToastNotification, useConfirmation } from '@rh-support/components';
+import { Button, Form, FormGroup, Modal, ModalVariant, Popover, PopoverPosition, TextArea, TextInput, ValidatedOptions, } from '@patternfly/react-core';
+import { LoadingIndicator, ToastNotification, useConfirmation } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
 import { AbilityContext, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
 import isEmpty from 'lodash/isEmpty';
@@ -21,7 +21,7 @@ import { useCaseDiscussionTabDispatchContext, useCaseDiscussionTabStateContext,
 import { updateDiscussionStateComments } from '../../reducers/CaseDiscussionTabReducer';
 import { checkForCaseStatusToggleOnAttachOrComment, postCepDetails, setCaseDetails, setCaseState, updateCaseDetails, } from '../../reducers/CaseReducer';
 export function Cep(props) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e, _f;
     const { t } = useTranslation();
     const { cep, caseNumber, status, cepDetails, isPostingCep, isCaseUpdating } = useCaseSelector((state) => ({
         cep: state.caseDetails.cep,
@@ -42,6 +42,7 @@ export function Cep(props) {
     const { sort, allDiscussions, discussionFiltersListState } = useCaseDiscussionTabStateContext();
     const { caseDetailsPageState: { caseFeedbacksHydra }, } = useCaseDetailsPageStateContext();
     const canEditCase = useCanEditCase();
+    const [saveButtonIsClicked, setSaveButtonIsClicked] = useState(false);
     /** Sync cepDetailsLocal with cepDetails from reducer */
     useEffect(() => {
         setCepDetailsLocal(cepDetails);
@@ -96,8 +97,12 @@ export function Cep(props) {
     const onCancel = () => {
         setIsCepModalOpen(false);
         setCepDetailsLocal(cepDetails);
+        setSaveButtonIsClicked(false);
     };
     const onSubmit = () => {
+        setSaveButtonIsClicked(true);
+        if (isFormInvalid)
+            return;
         setIsCepModalOpen(false);
         if (!isEmpty(caseNumber)) {
             cepUpdate({ cep: true });
@@ -119,9 +124,11 @@ export function Cep(props) {
     const onCepNotesChange = (value) => {
         setCepDetailsLocal(Object.assign(Object.assign({}, cepDetailsLocal), { notes: value }));
     };
-    const isSubmitButtonDisabled = isEmpty((_a = cepDetailsLocal.contactName) === null || _a === void 0 ? void 0 : _a.trim()) ||
+    const isFormInvalid = isEmpty((_a = cepDetailsLocal.contactName) === null || _a === void 0 ? void 0 : _a.trim()) ||
         isEmpty((_b = cepDetailsLocal.workingHours) === null || _b === void 0 ? void 0 : _b.trim()) ||
-        isEmpty((_c = cepDetailsLocal.contactInformation) === null || _c === void 0 ? void 0 : _c.trim());
+        isEmpty((_c = cepDetailsLocal.contactInformation) === null || _c === void 0 ? void 0 : _c.trim()) ||
+        isCaseUpdating ||
+        isPostingCep;
     if (!canUseCep) {
         return React.createElement(React.Fragment, null);
     }
@@ -134,44 +141,28 @@ export function Cep(props) {
         ' ',
         React.createElement(LoadingIndicator, { show: isCaseUpdating && isPostingCep, isInline: true, size: "sm" }),
         React.createElement(Modal, { id: "cep-details-modal", title: t('Consultant engagement is in progress'), "aria-describedby": "cep-modal-description", isOpen: isCepModalOpen, showClose: true, variant: ModalVariant.large, onClose: onCancel, actions: [
-                React.createElement("button", { key: "confirm", className: "btn btn-app btn-primary", onClick: onSubmit, disabled: isSubmitButtonDisabled, "data-tracking-id": "cep-details-save" },
+                React.createElement(Button, { key: "confirm", variant: "primary", className: "btn btn-app btn-primary", onClick: onSubmit, isDisabled: saveButtonIsClicked && isFormInvalid, "data-tracking-id": "cep-details-save" },
                     React.createElement(Trans, null, "Submit")),
-                React.createElement("button", { key: "link", className: "btn btn-app btn-link", onClick: onCancel, "data-tracking-id": "cep-details-cancel" },
+                React.createElement(Button, { key: "link", className: "btn btn-app btn-link", variant: "link", onClick: onCancel, "data-tracking-id": "cep-details-cancel", isDisabled: isCaseUpdating || isPostingCep },
                     React.createElement(Trans, null, "Cancel")),
             ] },
-            React.createElement("p", { className: "kicker kicker-sm" },
+            React.createElement("p", null,
                 React.createElement(Trans, null, "Please provide the contact information of Consulting personnel troubleshooting the customer issue.")),
-            React.createElement("p", { className: "kicker kicker-sm push-top-narrow", id: "cep-madal-description" },
+            React.createElement("p", { className: "push-top-narrow", id: "cep-madal-description" },
                 React.createElement(Trans, null, "If requested, Red Hat Support will use this information to initiate direct contact (i.e. phone, chat) with listed contact(s) in order to provide faster assistance. The primary method of communication will continue to be this support ticket.")),
-            React.createElement("form", { className: "push-top", action: "", onSubmit: onSubmit },
-                React.createElement("div", { className: "form-group" },
-                    React.createElement("label", { htmlFor: "cep-contact-name" },
-                        React.createElement(Trans, null, "Contact name"),
-                        "\u00A0",
-                        React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
-                    React.createElement(Input, { type: "text", id: "cep-contact-name", className: `form-control`, "aria-required": true, isRequired: true, maxLength: 254, ariaLabel: t('cep-contact-name'), onChange: onCepContactNameChange, isSpaceAllowed: false }),
-                    React.createElement("p", { className: "form-instructions" },
-                        React.createElement(Trans, null, "Provide main contact(s) troubleshooting the issue."))),
-                React.createElement("div", { className: "form-group" },
-                    React.createElement("label", { htmlFor: "cep-workingHours" },
-                        React.createElement(Trans, null, "Availability/Working hours"),
-                        "\u00A0",
-                        React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
-                    React.createElement(Input, { type: "text", id: "cep-workingHours", className: `form-control`, "aria-required": true, isRequired: true, maxLength: 254, placeholder: 'M-F 9:00am - 5:00pm EDT', ariaLabel: t('cep-workingHours'), onChange: onCepWorkingHoursChange, isSpaceAllowed: false }),
-                    React.createElement("p", { className: "form-instructions" },
-                        React.createElement(Trans, null, "Indicate working hours, time zone; specify if not available on certain dates (i.e. weekends, holidays)."))),
-                React.createElement("div", { className: "form-group" },
-                    React.createElement("label", { htmlFor: "cep-contactInformation" },
-                        React.createElement(Trans, null, "Contact information"),
-                        "\u00A0",
-                        React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
-                    React.createElement(TextAreaResizable, { id: "cep-contactInformation", className: `form-control`, "aria-required": true, isRequired: true, maxLength: 2000, name: "cep-contactInformation", value: cepDetailsLocal.contactInformation, onChange: onCepContactInformationsChange, "aria-label": "auto resizing text area example", isSpaceAllowed: false, autoResize: true }),
-                    React.createElement("p", { className: "form-instructions" },
-                        React.createElement(Trans, null, "Please provide phone number, chat ID or email."))),
-                React.createElement("div", { className: "form-group" },
-                    React.createElement("label", { htmlFor: "cep-notes" },
-                        React.createElement(Trans, null, "Notes")),
-                    React.createElement(TextAreaResizable, { id: "cep-notes", className: `form-control`, "aria-required": false, isRequired: false, maxLength: 2000, name: "cep-notes", value: cepDetailsLocal.notes, onChange: onCepNotesChange, isSpaceAllowed: false, autoResize: true }),
-                    React.createElement("p", { className: "form-instructions" },
-                        React.createElement(Trans, null, "Provide any pertinent information that Red Hat Support should be aware of that's not already captured in the issue statement or comments.")))))));
+            React.createElement(Form, { className: "push-top-narrow" },
+                React.createElement(FormGroup, { label: t('Contact name'), isRequired: true, fieldId: "cep-contact-name", helperText: t('Provide main contact(s) troubleshooting the issue.') },
+                    React.createElement(TextInput, { type: "text", id: "cep-contact-name", isRequired: true, maxLength: 254, "aria-label": t('Contact name'), onChange: onCepContactNameChange, validated: saveButtonIsClicked && isEmpty((_d = cepDetailsLocal.contactName) === null || _d === void 0 ? void 0 : _d.trim())
+                            ? ValidatedOptions.error
+                            : ValidatedOptions.default })),
+                React.createElement(FormGroup, { label: t('Availability/Working hours'), isRequired: true, fieldId: "cep-workingHours", helperText: t('Indicate working hours, time zone; specify if not available on certain dates (i.e. weekends, holidays).') },
+                    React.createElement(TextInput, { type: "text", id: "cep-workingHours", isRequired: true, maxLength: 254, "aria-label": t('Availability/Working hours'), onChange: onCepWorkingHoursChange, validated: saveButtonIsClicked && isEmpty((_e = cepDetailsLocal.workingHours) === null || _e === void 0 ? void 0 : _e.trim())
+                            ? ValidatedOptions.error
+                            : ValidatedOptions.default })),
+                React.createElement(FormGroup, { label: t('Contact information'), isRequired: true, fieldId: "cep-contactInformation", helperText: t('Please provide phone number, chat ID or email.') },
+                    React.createElement(TextArea, { id: "cep-contactInformation", "aria-required": true, isRequired: true, maxLength: 2000, name: "cep-contactInformation", value: cepDetailsLocal.contactInformation, onChange: onCepContactInformationsChange, "aria-label": "auto resizing text area example", autoResize: true, validated: saveButtonIsClicked && isEmpty((_f = cepDetailsLocal.contactInformation) === null || _f === void 0 ? void 0 : _f.trim())
+                            ? ValidatedOptions.error
+                            : ValidatedOptions.default })),
+                React.createElement(FormGroup, { label: t('Notes'), fieldId: "cep-notes", helperText: t("Provide any pertinent information that Red Hat Support should be aware of that's not already captured in the issue statement or comments.") },
+                    React.createElement(TextArea, { id: "cep-notes", "aria-required": false, isRequired: false, maxLength: 2000, name: "cep-notes", value: cepDetailsLocal.notes, onChange: onCepNotesChange, autoResize: true }))))));
 }

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

@@ -206,7 +206,7 @@ export function OpenShiftClusterId() {
         return null;
     return (React.createElement(React.Fragment, null,
         !isOpenShiftV3 && (React.createElement(OpenshiftDropdownV4, { openshiftDisplayName: openshiftDisplayName, openshiftClusterIDState: openshiftClusterID || selectedReason, onClusterIdStateUpdate: onClusterIdStateUpdate, isClusterIdInvalid: showValidationErrorAlert &&
-                ((isEmpty(openshiftClusterID) && isEmpty(selectedReason)) || isClusterIdInvalid), clusterIdDropdownFormInstructions: clusterIdDropdownFormInstructions(), onClusterClear: resetClusterData, isV4: majorVersion === '4' })),
+                ((isEmpty(openshiftClusterID) && isEmpty(selectedReason)) || isClusterIdInvalid), clusterIdDropdownFormInstructions: clusterIdDropdownFormInstructions(), onClusterClear: resetClusterData, isNotV3: majorVersion !== '3' })),
         noClusterIdReasonExplanation !== 'v3-cluster' && dontKnowSelected && !isOpenShiftV3 && (React.createElement(NoClusterIDReasonSelector, { noClusterIdReasonExplanation: noClusterIdReasonExplanation, noClusterIdReason: noClusterIdReason, onReasonInputBoxChanged: onReasonExplanationInputBoxChanged, onReasonChange: onReasonChange, isInValid: isInVaidNoClusterIdReason, isCustomer: isCustomer })),
         (v3Selected || isOpenShiftV3) && (React.createElement(OpenShiftV3Inputbox, { v3ClusterName: v3ClusterName, onReasonInputBoxChanged: v3ClusterNameInputBoxChanged, isInValid: isEmpty(v3ClusterName.trim()) && showValidationErrorAlert, v3Selected: v3Selected }))));
 }

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"OpenshiftDropdownV4.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenshiftDropdownV4.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAG5E,OAAO,EAAE,gBAAgB,EAAuB,MAAM,0BAA0B,CAAC;AAUjF,UAAU,MAAO,SAAQ,gBAAgB;IACrC,uBAAuB,EAAE,MAAM,CAAC;IAChC,sBAAsB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzF,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iCAAiC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAChD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAuBD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,eA4WzC;kBA5WQ,mBAAmB;;;AA+W5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"OpenshiftDropdownV4.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenshiftDropdownV4.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAC;AAG5E,OAAO,EAAE,gBAAgB,EAAuB,MAAM,0BAA0B,CAAC;AAUjF,UAAU,MAAO,SAAQ,gBAAgB;IACrC,uBAAuB,EAAE,MAAM,CAAC;IAChC,sBAAsB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzF,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iCAAiC,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IAChD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4BAA4B,CAAC,EAAE,MAAM,CAAC;IACtC,oBAAoB,CAAC,EAAE,MAAM,CAAC;CACjC;AAuBD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,eA4WzC;kBA5WQ,mBAAmB;;;AA+W5B,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

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

@@ -99,7 +99,7 @@ function OpenshiftDropdownV4(props) {
             React.createElement(Checkbox, { label: t('Show archived clusters'), key: "show-archived-clusters", "aria-label": t('Show archived clusters'), id: "show-archived-clusters", "data-tracking-id": "show-hide-archived-clusters", isChecked: showArchivedClusters, className: "archived-clusters-checkbox" })),
         React.createElement(Divider, { component: "div", key: 'cluster-id-options-divider-e' }),
         React.createElement(SelectOption, { key: 'dont-have-id', value: createState('dont-have-id', t("I don't have my Cluster ID")) }),
-        ...(!props.isV4
+        ...(!props.isNotV3
             ? [
                 React.createElement(SelectOption, { key: 'v3-cluster', value: createState('v3-cluster', t('The case is for a v3 cluster')) }),
             ]
@@ -231,7 +231,7 @@ function OpenshiftDropdownV4(props) {
     }, []);
     // need to get clusters when user opens the dropdown
     // as the api response is cached np extra call is made on open/close
-    // added observing props.isV4 because re-render
+    // added observing props.isNotV3 because re-render
     // is needed when user on overview page changing version
     useEffect(() => {
         if (!isOpen)
@@ -251,7 +251,7 @@ function OpenshiftDropdownV4(props) {
             isUnmounted = true;
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [props.isV4, showArchivedClusters, isOpen, inputVal]);
+    }, [props.isNotV3, showArchivedClusters, isOpen, inputVal]);
     useEffect(() => {
         if (props.isClusterIdInvalid) {
             setValidated('error');

package/lib/esm/components/ImproveCase/KtQuestions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KtQuestions.d.ts","sourceRoot":"","sources":["../../../../src/components/ImproveCase/KtQuestions.tsx"],"names":[],"mappings":"AAiBA,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAGD,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,eA+NjC;kBA/NQ,WAAW;;;AAiOpB,eAAe,WAAW,CAAC"}
+{"version":3,"file":"KtQuestions.d.ts","sourceRoot":"","sources":["../../../../src/components/ImproveCase/KtQuestions.tsx"],"names":[],"mappings":"AAkBA,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAGD,iBAAS,WAAW,CAAC,KAAK,EAAE,MAAM,eAwPjC;kBAxPQ,WAAW;;;AA0PpB,eAAe,WAAW,CAAC"}

package/lib/esm/components/ImproveCase/KtQuestions.js

@@ -1,4 +1,5 @@
-import { InlineEdit, TextAreaAutosize } from '@rh-support/components';
+import { TextArea } from '@patternfly/react-core';
+import { InlineEdit } from '@rh-support/components';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useState } from 'react';
@@ -24,19 +25,19 @@ function KtQuestions(props) {
     const { routeState: { showValidationErrorAlert }, } = useContext(RouteContext);
     const [isKTQ2TextAreaActive, setKTQ2TextAreaActive] = useState(false);
     const [hasFocusedLostKT2, setHasFocusedLostKT2] = useState(false);
-    const [isKTQ2InValid, setKTQ2InValid] = useState(false);
+    // const [isKTQ2InValid, setKTQ2InValid] = useState(false);
     const onKTQ2FocusChange = (e) => {
         setKTQ2TextAreaActive(e.type === 'focus');
         e.type === 'blur' && setHasFocusedLostKT2(true);
-        e.type !== 'focus' && setKTQ2InValid(isEmpty(description));
+        // e.type !== 'focus' && setKTQ2InValid(isEmpty(description));
     };
     const [isKTQ3TextAreaActive, setKTQ3TextAreaActive] = useState(false);
-    const [isKTQ3InValid, setKTQ3InValid] = useState(false);
+    // const [isKTQ3InValid, setKTQ3InValid] = useState(false);
     const [hasFocusedLostKT3, setHasFocusedLostKT3] = useState(false);
     const onKTQ3FocusChange = (e) => {
         setKTQ3TextAreaActive(e.type === 'focus');
         e.type === 'blur' && setHasFocusedLostKT3(true);
-        e.type !== 'focus' && setKTQ3InValid(isEmpty(description));
+        // e.type !== 'focus' && setKTQ3InValid(isEmpty(description));
     };
     const [isKTQ4TextAreaActive, setKTQ4TextAreaActive] = useState(false);
     const [isKTQ4InValid, setKTQ4InValid] = useState(false);
@@ -47,24 +48,22 @@ function KtQuestions(props) {
         e.type === 'blur' && setHasFocusedLostKT4(true);
     };
     useEffect(() => {
-        hasFocusedLostKT2 && setKTQ2InValid(isEmpty(description) && isEmpty(timeFramesAndUrgency));
-        hasFocusedLostKT3 && setKTQ3InValid(isEmpty(description) && isEmpty(timeFramesAndUrgency));
+        // hasFocusedLostKT2 && setKTQ2InValid(isEmpty(description) && isEmpty(timeFramesAndUrgency));
+        // hasFocusedLostKT3 && setKTQ3InValid(isEmpty(description) && isEmpty(timeFramesAndUrgency));
         hasFocusedLostKT4 && setKTQ4InValid(isEmpty(description) && isEmpty(timeFramesAndUrgency));
     }, [description, timeFramesAndUrgency, hasFocusedLostKT2, hasFocusedLostKT3, hasFocusedLostKT4]);
     const onCaseDetailsChange = (caseDetails) => {
         setCaseDetails(caseDispatch, caseDetails);
     };
     // Troubleshoot Page Question 3
-    const onKtQ2Change = (e) => {
-        var _a;
-        const ktQ2Local = isEmpty((_a = e.target.value) === null || _a === void 0 ? void 0 : _a.trim()) ? '' : e.target.value;
+    const onKtQ2Change = (value, e) => {
+        const ktQ2Local = isEmpty(value === null || value === void 0 ? void 0 : value.trim()) ? '' : value;
         const newDescription = getUpdatedDescription(issue, ktQ2Local, periodicityOfIssue, timeFramesAndUrgency, v3ClusterName);
         onCaseDetailsChange({ environment: ktQ2Local, description: newDescription });
     };
     // Troubleshoot Page Question 4
-    const onKtQ3Change = (e) => {
-        var _a;
-        const ktQ3Local = isEmpty((_a = e.target.value) === null || _a === void 0 ? void 0 : _a.trim()) ? '' : e.target.value;
+    const onKtQ3Change = (value, e) => {
+        const ktQ3Local = isEmpty(value === null || value === void 0 ? void 0 : value.trim()) ? '' : value;
         const newDescription = getUpdatedDescription(issue, environment, ktQ3Local, timeFramesAndUrgency, v3ClusterName);
         onCaseDetailsChange({
             periodicityOfIssue: ktQ3Local,
@@ -72,35 +71,48 @@ function KtQuestions(props) {
         });
     };
     // Troubleshoot Page Question 2
-    const onKtQ4Change = (e) => {
-        var _a;
-        const ktQ4Local = isEmpty((_a = e.target.value) === null || _a === void 0 ? void 0 : _a.trim()) ? '' : e.target.value;
+    const onKtQ4Change = (value, e) => {
+        const ktQ4Local = isEmpty(value === null || value === void 0 ? void 0 : value.trim()) ? '' : value;
         const newDescription = getUpdatedDescription(issue, environment, periodicityOfIssue, ktQ4Local, v3ClusterName);
         onCaseDetailsChange({ timeFramesAndUrgency: ktQ4Local, description: newDescription });
     };
-    const isKT2Required = isEmpty(issue) && isEmpty(timeFramesAndUrgency) && isEmpty(periodicityOfIssue);
-    const isKT3Required = isEmpty(issue) && isEmpty(timeFramesAndUrgency) && isEmpty(environment);
+    const isKT2Required = false;
+    const isKT3Required = false;
     const isKT4Required = true;
     const descriptionErrorMessage = t(LargeDescriptionErrorMessage, { limit: DESCRIPTION_LENGTH_LIMIT });
     const isBusinessImpactInvalid = (isEmpty(timeFramesAndUrgency) || hasLargeCaseDescription) && showValidationErrorAlert;
+    const invalidateQT4 = (value) => {
+        return isEmpty(value) && hasFocusedLostKT4;
+    };
     return (React.createElement(React.Fragment, null,
         React.createElement(InlineEdit, { labelProps: { htmlFor: 'ktQ4-timeFramesAndUrgency' }, labelContent: React.createElement(React.Fragment, null,
                 t(KtQuestionConstant.timeFramesAndUrgency),
                 ' ',
                 isKT4Required && (React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))), allowInlineEdit: props.inlineEditable, hideSaveCancel: props.hideSaveCancel, initialIsEditing: isEmpty(timeFramesAndUrgency), usePreformattedTag: true, saveOnBlur: true, content: timeFramesAndUrgency },
-            React.createElement(TextAreaAutosize, { className: `form-control${isBusinessImpactInvalid || isKTQ4InValid ? ' form-invalid' : ''}`, "aria-invalid": isBusinessImpactInvalid, id: "ktQ4-timeFramesAndUrgency", value: timeFramesAndUrgency, disabled: isEmpty(timeFramesAndUrgency) && hasLargeCaseDescription && !isKTQ4TextAreaActive, onChange: onKtQ4Change, onFocus: onKTQ4FocusChange, onBlur: onKTQ4FocusChange, "aria-required": isKT4Required, required: isKT4Required, "data-tracking-id": "open-case-ktQ4-timeFramesAndUrgency", placeholder: "E.g., users affected, financial impact, and whether it\u2019s a matter of legal, national, or medical urgency" }),
+            React.createElement(TextArea, { className: `form-control${(invalidateQT4(timeFramesAndUrgency) && isBusinessImpactInvalid) || isKTQ4InValid
+                    ? ' form-invalid'
+                    : ''}`, "aria-invalid": timeFramesAndUrgency && (timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length) > 4000 ? 'true' : 'false', id: "ktQ4-timeFramesAndUrgency", value: timeFramesAndUrgency, isDisabled: isEmpty(timeFramesAndUrgency) && hasLargeCaseDescription && !isKTQ4TextAreaActive, onChange: onKtQ4Change, onFocus: onKTQ4FocusChange, onBlur: onKTQ4FocusChange, "aria-required": isKT4Required, "data-tracking-id": "open-case-ktQ4-timeFramesAndUrgency", placeholder: "E.g., users affected, financial impact, and whether it\u2019s a matter of legal, national, or medical urgency", isRequired: isKT4Required }),
+            React.createElement("p", { className: "form-instructions", "data-tracking-id": "large-4k-warning-ktQ4-environment" }, `${isKTQ4TextAreaActive && (timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length) > 4000
+                ? 'Description cannot be more than 4000 characters'
+                : ''}`),
             React.createElement("p", { className: "form-instructions", "data-tracking-id": "large-warning-ktQ4-timeFramesAndUrgency" }, `${hasLargeCaseDescription && isKTQ4TextAreaActive ? descriptionErrorMessage : ''}`)),
         React.createElement(InlineEdit, { labelProps: { htmlFor: 'ktQ2-environment' }, labelContent: React.createElement(React.Fragment, null,
                 t(KtQuestionConstant.environment),
                 ' ',
                 isKT2Required && (React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))), allowInlineEdit: props.inlineEditable, hideSaveCancel: props.hideSaveCancel, initialIsEditing: isEmpty(environment), usePreformattedTag: true, saveOnBlur: true, content: environment },
-            React.createElement(TextAreaAutosize, { className: `form-control${isKTQ2InValid || hasLargeCaseDescription ? ' form-invalid' : ''}`, id: "ktQ2-environment", value: environment, disabled: isEmpty(environment) && hasLargeCaseDescription && !isKTQ2TextAreaActive, onChange: onKtQ2Change, onFocus: onKTQ2FocusChange, onBlur: onKTQ2FocusChange, "aria-required": isKT2Required, required: isKT2Required, "data-tracking-id": "open-case-ktQ2-environment" }),
+            React.createElement(TextArea, { className: `form-control`, id: "ktQ2-environment", value: environment, isDisabled: isEmpty(environment) && hasLargeCaseDescription && !isKTQ2TextAreaActive, onChange: onKtQ2Change, onFocus: onKTQ2FocusChange, onBlur: onKTQ2FocusChange, "aria-required": isKT2Required, isRequired: isKT2Required, "data-tracking-id": "open-case-ktQ2-environment", "aria-invalid": environment && (environment === null || environment === void 0 ? void 0 : environment.length) > 4000 ? 'true' : 'false' }),
+            React.createElement("p", { className: "form-instructions", "data-tracking-id": "large-4k-warning-ktQ2-environment" }, `${isKTQ2TextAreaActive && (environment === null || environment === void 0 ? void 0 : environment.length) > 4000
+                ? 'Description cannot be more than 4000 characters'
+                : ''}`),
             React.createElement("p", { className: "form-instructions", "data-tracking-id": "large-warning-ktQ2-environment" }, `${hasLargeCaseDescription && isKTQ2TextAreaActive ? descriptionErrorMessage : ''}`)),
         React.createElement(InlineEdit, { labelProps: { htmlFor: 'ktQ3-periodicityOfIssue' }, labelContent: React.createElement(React.Fragment, null,
                 t(KtQuestionConstant.periodicityOfIssue),
                 ' ',
                 isKT3Required && (React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))), allowInlineEdit: props.inlineEditable, hideSaveCancel: props.hideSaveCancel, initialIsEditing: isEmpty(periodicityOfIssue), usePreformattedTag: true, saveOnBlur: true, content: periodicityOfIssue },
-            React.createElement(TextAreaAutosize, { className: `form-control${isKTQ3InValid || hasLargeCaseDescription ? ' form-invalid' : ''}`, id: "ktQ3-periodicityOfIssue", value: periodicityOfIssue, disabled: isEmpty(periodicityOfIssue) && hasLargeCaseDescription && !isKTQ3TextAreaActive, onChange: onKtQ3Change, onFocus: onKTQ3FocusChange, onBlur: onKTQ3FocusChange, "aria-required": isKT3Required, required: isKT3Required, "data-tracking-id": "open-case-ktQ3-periodicityOfIssue" }),
+            React.createElement(TextArea, { className: `form-control`, id: "ktQ3-periodicityOfIssue", value: periodicityOfIssue, isDisabled: isEmpty(periodicityOfIssue) && hasLargeCaseDescription && !isKTQ3TextAreaActive, onChange: onKtQ3Change, onFocus: onKTQ3FocusChange, onBlur: onKTQ3FocusChange, "aria-required": isKT3Required, isRequired: isKT3Required, "data-tracking-id": "open-case-ktQ3-periodicityOfIssue", "aria-invalid": periodicityOfIssue && (periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length) > 4000 ? 'true' : 'false' }),
+            React.createElement("p", { className: "form-instructions", "data-tracking-id": "large-4k-warning-ktQ3-environment" }, `${isKTQ3TextAreaActive && (periodicityOfIssue === null || periodicityOfIssue === void 0 ? void 0 : periodicityOfIssue.length) > 4000
+                ? 'Description cannot be more than 4000 characters'
+                : ''}`),
             React.createElement("p", { className: "form-instructions", "data-tracking-id": "large-warning-ktQ3-periodicityOfIssue" }, `${hasLargeCaseDescription && isKTQ3TextAreaActive ? descriptionErrorMessage : ''}`))));
 }
 KtQuestions.defaultProps = defaultProps;

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

@@ -1 +1 @@
-{"version":3,"file":"Issue.d.ts","sourceRoot":"","sources":["../../../../src/components/Issue/Issue.tsx"],"names":[],"mappings":"AAcA,MAAM,CAAC,OAAO,UAAU,KAAK,gBAuF5B"}
+{"version":3,"file":"Issue.d.ts","sourceRoot":"","sources":["../../../../src/components/Issue/Issue.tsx"],"names":[],"mappings":"AAeA,MAAM,CAAC,OAAO,UAAU,KAAK,gBA0F5B"}

package/lib/esm/components/Issue/Issue.js

@@ -1,4 +1,5 @@
-import { InlineEdit, MoreOrLess, TextAreaAutosize } from '@rh-support/components';
+import { TextArea } from '@patternfly/react-core';
+import { InlineEdit, MoreOrLess } from '@rh-support/components';
 import { useGlobalStateContext } from '@rh-support/react-context';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
@@ -26,9 +27,8 @@ export default function Issue() {
     const onCaseDetailsChange = (caseDetails) => {
         setCaseDetails(caseDispatch, caseDetails);
     };
-    const onKTQ1IssueChange = (e) => {
-        var _a;
-        const ktQ1Local = isEmpty((_a = e.target.value) === null || _a === void 0 ? void 0 : _a.trim()) ? '' : e.target.value;
+    const onKTQ1IssueChange = (value, e) => {
+        const ktQ1Local = isEmpty(value === null || value === void 0 ? void 0 : value.trim()) ? '' : value;
         const description = getUpdatedDescription(ktQ1Local, environment, periodicityOfIssue, timeFramesAndUrgency, v3ClusterName);
         setHasLargeDescription(description.length > DESCRIPTION_LENGTH_LIMIT);
         onCaseDetailsChange({ issue: ktQ1Local, description });
@@ -43,7 +43,8 @@ export default function Issue() {
             React.createElement(MoreOrLess, { maxHeight: 600, appStickyHeaderRef: navBarRef },
                 React.createElement(InlineEdit, { labelProps: { htmlFor: 'issue-section-ktQ1-issue' }, labelContent: React.createElement(React.Fragment, null,
                         React.createElement(Trans, null, "What are you experiencing? What are you expecting to happen?")), allowInlineEdit: true, hideSaveCancel: true, initialIsEditing: isEmpty(issue), usePreformattedTag: true, content: issue },
-                    React.createElement(TextAreaAutosize, { id: "issue-section-ktQ1-issue", name: "issue-section-ktQ1-issue", "aria-describedby": "describeIssueDesc", "aria-invalid": hasLargeDescription, className: `form-control${hasLargeDescription ? ' form-invalid' : ''}`, value: issue, placeholder: t('Elaborate more on your issue'), "data-tracking-id": "open-case-describe-ktQ1-issue", onChange: onKTQ1IssueChange }))),
+                    React.createElement(TextArea, { id: "issue-section-ktQ1-issue", name: "issue-section-ktQ1-issue", className: `form-control${hasLargeDescription ? ' form-invalid' : ''}`, "aria-invalid": (issue === null || issue === void 0 ? void 0 : issue.length) > 20000 ? 'true' : 'false', value: issue, onChange: onKTQ1IssueChange, "data-tracking-id": "open-case-describe-ktQ1-issue", "aria-describedby": "describeIssueDesc", placeholder: t('Elaborate more on your issue') }),
+                    React.createElement("p", { className: "form-instructions", "data-tracking-id": "large-20k-warning-ktQ1-environment" }, `${(issue === null || issue === void 0 ? void 0 : issue.length) > 20000 ? 'Description cannot be more than 20000 characters' : ''}`))),
             ((_a = getUpdatedDescription(issue, environment, periodicityOfIssue, timeFramesAndUrgency, v3ClusterName)) === null || _a === void 0 ? void 0 : _a.length) > DESCRIPTION_LENGTH_LIMIT && (React.createElement("div", { className: "pull-top" },
                 React.createElement("p", { className: "form-instructions form-invalid" }, maxLengtMessage))))));
 }

package/lib/esm/components/Recommendations/ClusterRecommendationItems.js

@@ -33,7 +33,7 @@ export function ClusterRecommendationItems(props) {
             React.createElement("h3", null, rule.description)),
         React.createElement("pfe-accordion-panel", null,
             React.createElement("p", null,
-                React.createElement(Label, { color: riskLabels[rule.total_risk].color },
+                React.createElement(Label, { icon: riskLabels[rule.total_risk].icon, color: riskLabels[rule.total_risk].color },
                     React.createElement(Trans, null, riskLabels[rule.total_risk].label))),
             React.createElement("p", null, rule.details || ''),
             rule.reason && (React.createElement(React.Fragment, null,

package/lib/esm/components/SessionRestore/SessionItem.js

@@ -10,8 +10,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { Button } from '@patternfly/react-core';
 import OutlinedThumbsDownIcon from '@patternfly/react-icons/dist/js/icons/outlined-thumbs-down-icon';
 import OutlinedThumbsUpIcon from '@patternfly/react-icons/dist/js/icons/outlined-thumbs-up-icon';
-import { getUserAgentForCaseMode } from '@rh-support/api';
 import { LoadingIndicator, ToastNotification } from '@rh-support/components';
+import { getUserAgentForCaseMode } from '@rh-support/utils';
 import React, { useContext, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { RouteContext } from '../../context/RouteContext';

package/lib/esm/components/SessionRestore/SessionRestore.js

@@ -8,9 +8,9 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { pcm } from '@cee-eng/hydrajs';
-import { getUserAgentForCaseMode } from '@rh-support/api';
 import { useDebounce, useDeepCompareDebounce, usePrevious } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
+import { getUserAgentForCaseMode } from '@rh-support/utils';
 import includes from 'lodash/includes';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';

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

@@ -1 +1 @@
-{"version":3,"file":"SubmitCase.d.ts","sourceRoot":"","sources":["../../../../src/components/SubmitCase/SubmitCase.tsx"],"names":[],"mappings":"AA2BA,MAAM,CAAC,OAAO,UAAU,UAAU,gBAmMjC"}
+{"version":3,"file":"SubmitCase.d.ts","sourceRoot":"","sources":["../../../../src/components/SubmitCase/SubmitCase.tsx"],"names":[],"mappings":"AA0BA,MAAM,CAAC,OAAO,UAAU,UAAU,gBAmMjC"}

package/lib/esm/components/SubmitCase/SubmitCase.js

@@ -1,5 +1,4 @@
-import { publicApi } from '@cee-eng/hydrajs';
-import { getEnvName } from '@rh-support/api';
+import { Env, publicApi } from '@cee-eng/hydrajs';
 import { AlertMessage, AlertType, LoadingIndicator, useFetch } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import { getConfigField, getRedhatDotComHost, getTimezoneOffsetFromTZName, PCM_CONFIG_FIELD_TYPE, } from '@rh-support/utils';
@@ -106,7 +105,7 @@ export default function SubmitCase() {
                             : `${startTime.replace(':00.000Z', '')} - ${endTime.replace(':00.000Z', '')} (GMT${getTimezoneOffsetFromTZName(hours.name)})`)));
                 })),
                 React.createElement("p", null,
-                    React.createElement("a", { className: "btn btn-app btn-bordered", href: `${getRedhatDotComHost(getEnvName())}/wapps/ugc/protected/locale.html`, target: "_blank", rel: "noopener noreferrer", "data-tracking-id": "update-preferences-case-submit" },
+                    React.createElement("a", { className: "btn btn-app btn-bordered", href: `${getRedhatDotComHost(Env.getEnvName())}/wapps/ugc/protected/locale.html`, target: "_blank", rel: "noopener noreferrer", "data-tracking-id": "update-preferences-case-submit" },
                         React.createElement(Trans, null, "Update preferences"))))),
             !isEmpty(attachmentState.caseFiles.selectedLocalFiles) && (React.createElement(FileUploader, { idToUploadTo: caseNumber, isSessionId: false, isSecureSupport: loggedInUsersAccount.data.secureSupport }))))));
 }

package/lib/esm/components/shared/Constants.d.ts

@@ -52,18 +52,22 @@ export declare const markdownInlineFileSelectEvent = "PCM-Next > Markdown-toolba
 export declare const markdownFilePasteEvent = "PCM-Next > Markdown-toolbar-file-paste";
 export declare const riskLabels: {
     1: {
+        icon: JSX.Element;
         label: string;
         color: string;
     };
     2: {
+        icon: JSX.Element;
         label: string;
         color: string;
     };
     3: {
+        icon: JSX.Element;
         label: string;
         color: string;
     };
     4: {
+        icon: JSX.Element;
         label: string;
         color: string;
     };

package/lib/esm/components/shared/Constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Constants.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Constants.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wBA+BE;AAEF;;GAEG;AACH,oBAAY,iBAAiB;IACzB,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,IAAI,cAAc;IAClB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,sBAAsB;IAC3B,KAAK,UAAU;IACf,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,kBAAkB,yBAAyB;CAC9C;AAED,eAAO,MAAM,8BAA8B,oDAAoD,CAAC;AAEhG,eAAO,MAAM,oCAAoC,wDAAwD,CAAC;AAC1G,eAAO,MAAM,6BAA6B,4CAA4C,CAAC;AACvF,eAAO,MAAM,sBAAsB,2CAA2C,CAAC;AAE/E,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;CAKtB,CAAC"}
+{"version":3,"file":"Constants.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/Constants.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,wBA+BE;AAEF;;GAEG;AACH,oBAAY,iBAAiB;IACzB,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,IAAI,cAAc;IAClB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,KAAK,sBAAsB;IAC3B,KAAK,UAAU;IACf,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,kBAAkB,yBAAyB;CAC9C;AAED,eAAO,MAAM,8BAA8B,oDAAoD,CAAC;AAEhG,eAAO,MAAM,oCAAoC,wDAAwD,CAAC;AAC1G,eAAO,MAAM,6BAA6B,4CAA4C,CAAC;AACvF,eAAO,MAAM,sBAAsB,2CAA2C,CAAC;AAE/E,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;CAKtB,CAAC"}

package/lib/esm/components/shared/Constants.js

@@ -1,3 +1,8 @@
+import AngleDoubleDownIcon from '@patternfly/react-icons/dist/js/icons/angle-double-down-icon';
+import AngleDoubleUpIcon from '@patternfly/react-icons/dist/js/icons/angle-double-up-icon';
+import CriticalRiskIcon from '@patternfly/react-icons/dist/js/icons/critical-risk-icon';
+import EqualsIcon from '@patternfly/react-icons/dist/js/icons/equals-icon';
+import React from 'react';
 export default {
     languagesMap: {
         en: 'English',
@@ -51,8 +56,8 @@ export const recsViewedFromNoAttachmentModalEvent = 'PCM-Next > No-Attachment-mo
 export const markdownInlineFileSelectEvent = 'PCM-Next > Markdown-toolbar-file-select';
 export const markdownFilePasteEvent = 'PCM-Next > Markdown-toolbar-file-paste';
 export const riskLabels = {
-    1: { label: 'Low', color: 'blue' },
-    2: { label: 'Moderate', color: 'orange' },
-    3: { label: 'Important', color: 'red' },
-    4: { label: 'Critical', color: 'red' },
+    1: { icon: React.createElement(AngleDoubleDownIcon, null), label: 'Low', color: 'blue' },
+    2: { icon: React.createElement(EqualsIcon, null), label: 'Moderate', color: 'gold' },
+    3: { icon: React.createElement(AngleDoubleUpIcon, null), label: 'Important', color: 'orange' },
+    4: { icon: React.createElement(CriticalRiskIcon, null), label: 'Critical', color: 'red' },
 };

package/lib/esm/reducers/CaseHelpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseHelpers.d.ts","sourceRoot":"","sources":["../../../src/reducers/CaseHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,qDAAqD,CAAC;AACpG,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AACvG,OAAO,EAAE,YAAY,EAAE,MAAM,iDAAiD,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAE/E,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAW3D,OAAO,EAMH,UAAU,EAcb,MAAM,mBAAmB,CAAC;AAE3B,eAAO,MAAM,sBAAsB,SAAU,mBAAmB,EAAE,wBAMjE,CAAC;AAEF,eAAO,MAAM,2BAA2B,eAAgB,WAAW,KAAG,MAOrE,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAAS,mBAAmB,SAAS,MAAM,sBAyB9E,CAAC;AAIF,eAAO,MAAM,qBAAqB,UACvB,MAAM,gBACC,MAAM,uBACC,MAAM,yBACJ,MAAM,kBACb,MAAM,KACvB,MAuBF,CAAC;AAIF,eAAO,MAAM,oBAAoB,UACtB,MAAM,gBACC,MAAM,uBACC,MAAM,yBACJ,MAAM,KAC9B,MAQF,CAAC;AAEF,eAAO,MAAM,uBAAuB,iBAAkB,MAAM,YAAY,MAAM,KAAG,MAQhF,CAAC;AAEF,eAAO,MAAM,uBAAuB,iBAAkB,MAAM,YAAY,MAAM,KAAG,MAQhF,CAAC;AAEF,eAAO,MAAM,sBAAsB,aAAc,MAAM,KAAG,MAKzD,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CA8B5B,CAAC;AAIF,eAAO,MAAM,gBAAgB,cAAe,UAAU,wBAAwB,QAAQ,eAAe,CAAC,KAAG,OA2BxG,CAAC;AAEF,eAAO,MAAM,0BAA0B,cACxB,UAAU,wBACC,QAAQ,eAAe,CAAC,KAC/C,OAiBF,CAAC;AAIF,eAAO,MAAM,6BAA6B,cAC3B,UAAU,wBACC,QAAQ,eAAe,CAAC,KAC/C,OAiBF,CAAC;AAEF,eAAO,MAAM,iBAAiB,cACf,UAAU,gBACP,YAAY,iBACZ,OAAO,KACtB,QAAQ,YAAY,CAiEtB,CAAC;AAEF,eAAO,MAAM,wBAAwB,qBAAsB,YAAY,EAAE,KAAG,YAAY,EAEvF,CAAC;AACF,eAAO,MAAM,yBAAyB,qBAAsB,YAAY,EAAE,KAAG,OAE5E,CAAC;AAEF,eAAO,MAAM,yBAAyB,gBACrB,YAAY,6BACE,MAAM,mBAChB,MAAM,KACxB,QAAQ,YAAY,CA6BtB,CAAC;AACF,eAAO,MAAM,yBAAyB,gBACrB,QAAQ,YAAY,CAAC,gCACJ,QAAQ,EAAE,KACzC,eAyCF,CAAC"}
+{"version":3,"file":"CaseHelpers.d.ts","sourceRoot":"","sources":["../../../src/reducers/CaseHelpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,qDAAqD,CAAC;AACpG,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,yCAAyC,CAAC;AACvG,OAAO,EAAE,YAAY,EAAE,MAAM,iDAAiD,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAiB3D,OAAO,EAMH,UAAU,EAcb,MAAM,mBAAmB,CAAC;AAE3B,eAAO,MAAM,sBAAsB,SAAU,mBAAmB,EAAE,wBAMjE,CAAC;AAEF,eAAO,MAAM,2BAA2B,eAAgB,WAAW,KAAG,MAOrE,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAAS,mBAAmB,SAAS,MAAM,sBAyB9E,CAAC;AAIF,eAAO,MAAM,qBAAqB,UACvB,MAAM,gBACC,MAAM,uBACC,MAAM,yBACJ,MAAM,kBACb,MAAM,KACvB,MAuBF,CAAC;AAIF,eAAO,MAAM,oBAAoB,UACtB,MAAM,gBACC,MAAM,uBACC,MAAM,yBACJ,MAAM,KAC9B,MAQF,CAAC;AAEF,eAAO,MAAM,uBAAuB,iBAAkB,MAAM,YAAY,MAAM,KAAG,MAQhF,CAAC;AAEF,eAAO,MAAM,uBAAuB,iBAAkB,MAAM,YAAY,MAAM,KAAG,MAQhF,CAAC;AAEF,eAAO,MAAM,sBAAsB,aAAc,MAAM,KAAG,MAKzD,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CA8B5B,CAAC;AAIF,eAAO,MAAM,gBAAgB,cAAe,UAAU,wBAAwB,QAAQ,eAAe,CAAC,KAAG,OA2BxG,CAAC;AAEF,eAAO,MAAM,0BAA0B,cACxB,UAAU,wBACC,QAAQ,eAAe,CAAC,KAC/C,OAiBF,CAAC;AAIF,eAAO,MAAM,6BAA6B,cAC3B,UAAU,wBACC,QAAQ,eAAe,CAAC,KAC/C,OAiBF,CAAC;AAEF,eAAO,MAAM,iBAAiB,cACf,UAAU,gBACP,YAAY,iBACZ,OAAO,KACtB,QAAQ,YAAY,CAiEtB,CAAC;AAEF,eAAO,MAAM,wBAAwB,qBAAsB,YAAY,EAAE,KAAG,YAAY,EAEvF,CAAC;AACF,eAAO,MAAM,yBAAyB,qBAAsB,YAAY,EAAE,KAAG,OAE5E,CAAC;AAEF,eAAO,MAAM,yBAAyB,gBACrB,YAAY,6BACE,MAAM,mBAChB,MAAM,KACxB,QAAQ,YAAY,CA6BtB,CAAC;AACF,eAAO,MAAM,yBAAyB,gBACrB,QAAQ,YAAY,CAAC,gCACJ,QAAQ,EAAE,KACzC,eAyCF,CAAC"}

package/lib/esm/reducers/CaseHelpers.js

@@ -1,5 +1,4 @@
-import { getAppVersion, getUserAgentForCaseMode } from '@rh-support/api';
-import { canManageCase, isPremiumEntitlement, showFtsOnCreateCasePage } from '@rh-support/utils';
+import { canManageCase, getAppVersion, getUserAgentForCaseMode, isPremiumEntitlement, showFtsOnCreateCasePage, } from '@rh-support/utils';
 import filter from 'lodash/filter';
 import forEach from 'lodash/forEach';
 import isEmpty from 'lodash/isEmpty';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "0.3.0",
+    "version": "0.3.3",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -28,12 +28,11 @@
     "peerDependencies": {
         "@cee-eng/hydrajs": "4.12.7",
         "@cee-eng/ui-toolkit": "1.1.6",
-        "@patternfly/patternfly": "4.185.1",
+        "@patternfly/patternfly": "4.196.7",
         "@patternfly/pfe-accordion": "1.12.3",
         "@patternfly/pfe-collapse": "1.12.3",
         "@patternfly/pfe-tabs": "1.12.3",
         "@patternfly/react-core": "4.202.16",
-        "@rh-support/api": "0.3.9",
         "@rh-support/components": "^0.1.3",
         "@rh-support/react-context": "^0.1.3",
         "@rh-support/types": "^0.1.3",
@@ -47,7 +46,7 @@
         "js-worker-search": "^1.4.1",
         "lazysizes": "^5.3.2",
         "localforage": "^1.7.3",
-        "lodash": "^4.17.15",
+        "lodash": "^4.17.21",
         "mark.js": "^8.11.1",
         "marked": "^1.2.4",
         "qs": "^6.7.0",
@@ -65,7 +64,7 @@
     "dependencies": {
         "@cee-eng/hydrajs": "4.12.7",
         "@cee-eng/ui-toolkit": "1.1.6",
-        "@patternfly/patternfly": "4.185.1",
+        "@patternfly/patternfly": "4.196.7",
         "@patternfly/pfe-accordion": "1.12.3",
         "@patternfly/pfe-collapse": "1.12.3",
         "@patternfly/pfe-icon": "^1.12.3",
@@ -73,12 +72,11 @@
         "@patternfly/react-core": "4.202.16",
         "@progress/kendo-drawing": "^1.6.0",
         "@progress/kendo-react-pdf": "^3.12.0",
-        "@rh-support/api": "0.3.25",
-        "@rh-support/components": "1.1.80",
-        "@rh-support/react-context": "0.3.0",
+        "@rh-support/components": "1.1.83",
+        "@rh-support/react-context": "0.3.3",
         "@rh-support/types": "0.2.0",
-        "@rh-support/user-permissions": "0.2.64",
-        "@rh-support/utils": "0.2.47",
+        "@rh-support/user-permissions": "0.2.67",
+        "@rh-support/utils": "0.2.49",
         "@types/react-redux": "^7.1.12",
         "@types/redux": "^3.6.0",
         "@webcomponents/webcomponentsjs": "^2.2.10",
@@ -89,7 +87,7 @@
         "js-worker-search": "^1.4.1",
         "lazysizes": "^5.3.2",
         "localforage": "^1.7.3",
-        "lodash": "^4.17.15",
+        "lodash": "^4.17.21",
         "mark.js": "^8.11.1",
         "marked": "^1.2.4",
         "qs": "^6.7.0",
@@ -119,7 +117,7 @@
         "@types/react-dom": "^17.0.9",
         "@types/react-i18next": "^8.1.0",
         "@types/react-router-dom": "^5.1.2",
-        "faker": "^4.1.0",
+        "faker": "^5.5.3",
         "node-sass": "^4.14.1"
     },
     "scripts": {
@@ -143,5 +141,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "df9aba7f875d84c08c533f9ae63c4c7b325fe646"
+    "gitHead": "8ad6dda321ad690b179be7346240345a57f1749b"
 }