@rh-support/troubleshoot 2.0.9 → 2.1.5

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;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"}
+{"version":3,"file":"AccountSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountInfo/AccountSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAOnC,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAcrE,UAAU,MAAO,SAAQ,gBAAgB;CAAG;AAE5C,eAAO,MAAM,YAAY,EAAE,MAG1B,CAAC;AAEF,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eAsKrC;kBAtKQ,eAAe;;;AA0KxB,OAAO,EAAE,eAAe,EAAE,CAAC"}

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

@@ -1,14 +1,27 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import './css/accountSelector.css';
+import { accounts } from '@cee-eng/hydrajs';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
+import { AlertMessage, AlertType } from '@rh-support/components';
 import { AccountSelectorInternal, GlobalMetadataStateContext } from '@rh-support/react-context';
 import { AbilityContext, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
 import isArray from 'lodash/isArray';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
-import React, { useContext } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
+import { useRouteDispatchContext } from '../../context/RouteContext';
 import { clearSelectedAccount, setCaseAccountNumber } from '../../reducers/CaseReducer';
+import { setNoValidEntitlement } from '../../reducers/RouteReducer';
 import { ManagedAccountsDropdown } from './ManagedAccountsDropdown';
 export const defaultProps = {
     id: '',
@@ -16,12 +29,14 @@ export const defaultProps = {
 };
 function AccountSelector(props) {
     var _a;
+    const [showNotEntitledMessage, setShowNotEntitledMessage] = useState(false);
     const { accountNumber, selectedAccountDetails } = useCaseSelector((state) => ({
         accountNumber: state.caseDetails.accountNumberRef,
         selectedAccountDetails: state.selectedAccountDetails,
     }), 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 routeDispatch = useRouteDispatchContext();
     const { globalMetadataState: { bookmarkedGroupAccounts, loggedInUserRights, managedAccounts, loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
     const { t } = useTranslation();
     /** Various Abilities */
@@ -30,7 +45,7 @@ function AccountSelector(props) {
     const canBookmarkAccounts = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.BOOKMARK_ACCOUNTS);
     const canUseFindMyAccount = loggedInUserRights.data.isAccountDifferentFromLoggedInAccount(accountNumber);
     // Account Change Handler
-    const onAccountChange = (account) => {
+    const onAccountChange = (account) => __awaiter(this, void 0, void 0, function* () {
         if (selectedAccountDetails.data.accountNumber === account.accountNumber)
             return;
         if (isEmpty(account === null || account === void 0 ? void 0 : account.accountNumber)) {
@@ -38,7 +53,7 @@ function AccountSelector(props) {
             return;
         }
         setCaseAccountNumber(caseDispatch, account.accountNumber, loggedInUserRights.data.isAccountSameAsLoggedInAccount(account.accountNumber), loggedInUsersAccount.data);
-    };
+    });
     const onInternalAccountSelect = (accounts) => {
         if (!isArray(accounts))
             return;
@@ -56,14 +71,38 @@ function AccountSelector(props) {
                 name: loggedInUserRights.data.getAccountName(),
             });
     };
-    if (isEmpty(loggedInUserRights.data))
-        return React.createElement(React.Fragment, null);
     const selectedAccount = {
         name: selectedAccountDetails.data.name,
         accountNumber: selectedAccountDetails.data.accountNumber,
         subscriptionAbuse: selectedAccountDetails.data.subscriptionAbuse,
     };
+    // When internal user wants to open a case for a customer but
+    // customer account doesn't have entitlement, we show an error
+    useEffect(() => {
+        const getAccountEntitlement = () => __awaiter(this, void 0, void 0, function* () {
+            setShowNotEntitledMessage(false);
+            try {
+                const res = yield accounts.getAccountEntitlementByInternalUser(selectedAccountDetails.data.accountNumber);
+                if (isEmpty(res)) {
+                    setShowNotEntitledMessage(true);
+                    setNoValidEntitlement(routeDispatch, true);
+                }
+            }
+            catch (e) {
+                console.log(e);
+            }
+        });
+        if (loggedInUserRights.data.isInternal() &&
+            selectedAccountDetails.data.accountNumber &&
+            selectedAccountDetails.data.accountNumber !== loggedInUsersAccount.data.accountNumber) {
+            getAccountEntitlement();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [selectedAccountDetails.data.accountNumber, loggedInUserRights.data, loggedInUsersAccount.data]);
+    if (isEmpty(loggedInUserRights.data))
+        return React.createElement(React.Fragment, null);
     return (React.createElement("div", { id: props.id, className: `form-group ${props.className}` },
+        React.createElement(AlertMessage, { show: showNotEntitledMessage, variant: AlertType.DANGER, isInline: true, title: "The selected account dosn't have entitlement", className: "pf-u-mb-lg" }),
         React.createElement("div", { className: "account-selector-label-wrapper pf-u-display-flex" },
             React.createElement("label", { htmlFor: "account-selector" },
                 React.createElement(Trans, null, "Account"),

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

@@ -35,7 +35,7 @@ function OwnerSelector(props) {
         selectedCaseGroupUsers: state.selectedCaseGroupUsers,
         isCaseOwnerUpdating: state.isCaseOwnerUpdating,
     }), isEqual);
-    const { routeState: { showValidationErrorAlert }, } = useContext(RouteContext);
+    const { routeState: { isNextBtnClickedToShowValidationError }, } = useContext(RouteContext);
     const caseDispatch = useCaseDispatch();
     const { globalMetadataState: { loggedInUserRights, loggedInUser }, } = useContext(GlobalMetadataStateContext);
     const previousAccountNumber = usePrevious(accountNumber);
@@ -212,6 +212,6 @@ function OwnerSelector(props) {
             React.createElement(Trans, null, "Owner"),
             React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, comparator: ownerComparator, isLocalChange: localOwnerChange, value: selectedOwner.data, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.owner, (v) => v.fullNameCustom) }),
             React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
-        showUsersWithSelectedGroupAccess ? (React.createElement(Typeahead, { id: "get-support-owner", className: "react-select-custom", clearButton: true, isLoading: selectedCaseGroupUsers.isFetching || isCaseOwnerUpdating, options: usersWithGroupAccess, selected: !isEmpty(selectedOwner.data) ? [selectedOwner.data] : [], onChange: onCustomerContactSelect, labelKey: getHydraContactLabel, placeholder: t(`Search by name or username`), disabled: selectedCaseGroupUsers.isFetching || isCaseOwnerUpdating, renderMenuItemChildren: renderMenuItemChildren, "data-tracking-id": "get-support-owner" })) : (React.createElement(CaseContactsSelectorExternal, { loggedInUserRights: loggedInUserRights.data, selectedAccountNumber: accountNumber, selected: !isEmpty(selectedOwner.data) ? [selectedOwner.data] : [], onChange: onCustomerContactSelect, placeholder: t(`Search by name or username`), clearButton: true, id: "get-support-owner", name: "get-support-owner", className: "react-select-custom", isUpdating: isCaseOwnerUpdating, isInvalid: showValidationErrorAlert && isEmpty(selectedOwner.data) }))));
+        showUsersWithSelectedGroupAccess ? (React.createElement(Typeahead, { id: "get-support-owner", className: "react-select-custom", clearButton: true, isLoading: selectedCaseGroupUsers.isFetching || isCaseOwnerUpdating, options: usersWithGroupAccess, selected: !isEmpty(selectedOwner.data) ? [selectedOwner.data] : [], onChange: onCustomerContactSelect, labelKey: getHydraContactLabel, placeholder: t(`Search by name or username`), disabled: selectedCaseGroupUsers.isFetching || isCaseOwnerUpdating, renderMenuItemChildren: renderMenuItemChildren, "data-tracking-id": "get-support-owner" })) : (React.createElement(CaseContactsSelectorExternal, { loggedInUserRights: loggedInUserRights.data, selectedAccountNumber: accountNumber, selected: !isEmpty(selectedOwner.data) ? [selectedOwner.data] : [], onChange: onCustomerContactSelect, placeholder: t(`Search by name or username`), clearButton: true, id: "get-support-owner", name: "get-support-owner", className: "react-select-custom", isUpdating: isCaseOwnerUpdating, isInvalid: isNextBtnClickedToShowValidationError && isEmpty(selectedOwner.data) }))));
 }
 export { OwnerSelector };

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

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

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

@@ -18,7 +18,7 @@ import { ErrorBoundary, ToastNotification, useBreakpoint, useForceUpdate } from
 import { GlobalMetadataDispatchContext, toggleViewAsCustomerFlag, useGlobalStateContext, useUserPreferences, } from '@rh-support/react-context';
 import { ability, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
 import { scrollIntoView } from '@rh-support/utils';
-import { isEmpty } from 'lodash';
+import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useRef, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -28,6 +28,7 @@ import { useCaseDetailsPageStateContext } from '../../context/CaseDetailsPageCon
 import { useRecommendationStateContext } from '../../context/RecommendationContext';
 import { ActiveCustomerEscalation } from './ActiveCustomerEscalation';
 import { CaseSolutions } from './CaseSolutions';
+import { PDFContext } from './PDFContainer';
 import { RemoteSessionAgreement } from './RequestRemoteSession';
 export function CaseDetailsAside(props) {
     var _a;
@@ -74,6 +75,7 @@ export function CaseDetailsAside(props) {
     const { getOriginalCaseView, updateOriginalCaseView } = useUserPreferences();
     const [viewAsInternalPref, setViewAsInternalPref] = useState();
     const [isDefaultBoxChecked, setIsDefaultBoxChecked] = useState(true);
+    const { isExportingPDF } = useContext(PDFContext);
     useEffect(() => {
         const userPreferredCaseView = () => __awaiter(this, void 0, void 0, function* () {
             try {
@@ -161,8 +163,8 @@ export function CaseDetailsAside(props) {
             return t('View internal information available to Red Hat associates only.');
         }
     };
-    return (React.createElement("aside", { className: `grid-aside ${isSideBarExpanded ? '' : 'sidebar-collapsed'}` },
-        React.createElement("pfe-collapse-toggle", { "aria-controls": "case-details-aside-content", onClick: onToggleAside }, isSideBarExpanded ? (React.createElement("div", { className: "sidebar-header" },
+    return (React.createElement("aside", { className: `grid-aside ${isSideBarExpanded ? '' : 'sidebar-collapsed'} ` },
+        React.createElement("pfe-collapse-toggle", { "aria-controls": "case-details-aside-content", onClick: onToggleAside }, isSideBarExpanded ? (React.createElement("div", { className: `sidebar-header ${isExportingPDF ? 'hide-in-pdf' : ''}` },
             React.createElement(Button, { variant: "link", isInline: true, title: t('Collapse sidebar') },
                 React.createElement("span", null,
                     React.createElement(Trans, null, "Collapse")),

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAA8D,MAAM,OAAO,CAAC;AA6BnF,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,eAyejD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/index.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAA8D,MAAM,OAAO,CAAC;AA6BnF,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CACnD;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,eA0ejD"}

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

@@ -236,7 +236,7 @@ export default function CaseOverview(props) {
                         props.caseNumber),
                     React.createElement("div", null,
                         exportPDFButton(props.caseNumber),
-                        React.createElement(Button, Object.assign({ className: "pf-u-ml-md", isDisabled: !canManageCase || (caseOverviewState.caseStatusUpdating && isCaseUpdating) }, (caseOverviewState.caseStatusUpdating &&
+                        React.createElement(Button, Object.assign({ className: `pf-u-ml-md ${isExportingPDF ? 'hide-in-pdf' : ''}`, isDisabled: !canManageCase || (caseOverviewState.caseStatusUpdating && isCaseUpdating) }, (caseOverviewState.caseStatusUpdating &&
                             isCaseUpdating && {
                             isLoading: true,
                         }), { onClick: () => (isCaseInOpenState ? onCaseClose() : onCaseReopen()), variant: isCaseInOpenState ? ButtonVariant.secondary : ButtonVariant.tertiary, "data-tracking-id": isCaseInOpenState

package/lib/esm/components/CaseEditView/ConfirmationModals/ReopenCaseModal.js

@@ -10,7 +10,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { Button, ButtonVariant, Form, FormGroup, Modal, ModalVariant, Select, SelectOption, TextArea, } from '@patternfly/react-core';
 import ExclamationCircleIcon from '@patternfly/react-icons/dist/js/icons/exclamation-circle-icon';
 import { formatDateTime } from '@rh-support/utils';
-import { isEmpty } from 'lodash';
+import isEmpty from 'lodash/isEmpty';
 import React, { useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { CaseStatusEnum } from '../../../constants/caseDetailsConstants';

package/lib/esm/components/CaseEditView/ShareCase/PartnerShare.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PartnerShare.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ShareCase/PartnerShare.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAKvD,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC;IAChC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,aAAa,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,eAwH7C"}
+{"version":3,"file":"PartnerShare.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ShareCase/PartnerShare.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAKvD,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC;IAChC,iBAAiB,EAAE,OAAO,CAAC;IAC3B,aAAa,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,eAwH7C"}

package/lib/esm/components/CaseEditView/ShareCase/PartnerShare.js

@@ -11,8 +11,13 @@ import { accounts, kase } from '@cee-eng/hydrajs';
 import { ToastNotification } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import { ability, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
-import { filter, find, get, isEmpty, map, merge } from 'lodash';
+import filter from 'lodash/filter';
+import find from 'lodash/find';
+import get from 'lodash/get';
+import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
+import map from 'lodash/map';
+import merge from 'lodash/merge';
 import React, { useContext, useEffect, useState } from 'react';
 import { Typeahead } from 'react-bootstrap-typeahead';
 import { Trans, useTranslation } from 'react-i18next';

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

@@ -1 +1 @@
-{"version":3,"file":"CaseDetailsManagement.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseDetailsManagement.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAiBnD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,mBAAmB,CAAC;IAChC,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CAClD;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,KAAK,EAAE,MAAM,eAiE1D"}
+{"version":3,"file":"CaseDetailsManagement.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseDetailsManagement.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAiBnD,UAAU,MAAO,SAAQ,gBAAgB;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,mBAAmB,CAAC;IAChC,MAAM,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;CAClD;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,KAAK,EAAE,MAAM,eA+D1D"}

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

@@ -28,11 +28,10 @@ export default function CaseDetailsManagement(props) {
     const canSeeEmailNotifications = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_SEND_NOTIFICATIONS);
     const canSeeInternalStatus = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_INTERNAL_STATUS);
     const canSeeSBRGroups = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_SBR_GROUP);
-    const handleFormSubmit = (e) => e.preventDefault();
     return (React.createElement(React.Fragment, null,
         React.createElement(PartnerCaseHelper, { setIsUpdatingPartners: setIsUpdatingPartner, caseNumber: props.caseNumber, routeProps: props.routeProps }),
         React.createElement("section", { className: "card card-white" },
-            React.createElement("form", { onSubmit: handleFormSubmit },
+            React.createElement("form", null,
                 React.createElement(Flex, { direction: { default: 'column', '2xl': 'row' } },
                     React.createElement(FlexItem, { flex: { default: 'flex_1' } },
                         React.createElement(OwnerSelector, null)),

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

@@ -3,7 +3,7 @@ import { MoreOrLess } from '@rh-support/components';
 import { useGlobalStateContext } from '@rh-support/react-context';
 import { ability, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
 import { PreviousCaseTypes } from '@rh-support/utils';
-import { isEqual } from 'lodash';
+import isEqual from 'lodash/isEqual';
 import React from 'react';
 import { Trans } from 'react-i18next';
 import { useCaseSelector } from '../../../../context/CaseContext';

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

@@ -12,7 +12,7 @@ import { PromisifyModal, ToastNotification, useFetch } from '@rh-support/compone
 import { fetchAccountCustomEmails, GlobalMetadataDispatchContext, GlobalMetadataStateContext, } from '@rh-support/react-context';
 import { ability, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
 import { haventLoadedMetadata, isEmailValid } from '@rh-support/utils';
-import { findIndex } from 'lodash';
+import findIndex from 'lodash/findIndex';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect } from 'react';

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

@@ -42,7 +42,7 @@ function CaseGroup(props) {
         isCaseOwnerUpdating: state.isCaseOwnerUpdating,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
-    const { routeState: { showValidationErrorAlert }, } = useContext(RouteContext);
+    const { routeState: { isNextBtnClickedToShowValidationError }, } = useContext(RouteContext);
     const isGroupMandatory = selectedAccountDetails.data.requireCGroupOnCreate;
     const [selectedCaseGroup, setSelectedCaseGroup] = useState(isGroupMandatory ? undefined : emptyCaseGroup);
     const [isCaseGroupInvalid, setCaseGroupInvalid] = useState(false);
@@ -163,7 +163,7 @@ function CaseGroup(props) {
         }
     });
     const showHelperText = !isSelectedUngroupedInvalid || (!isCaseGroupInvalid && !isGroupMandatory);
-    const showEmptyValidationError = !caseNumber && showValidationErrorAlert && isCaseGroupInvalid;
+    const showEmptyValidationError = !caseNumber && isNextBtnClickedToShowValidationError && isCaseGroupInvalid;
     return (React.createElement("div", { className: "form-group" },
         React.createElement("label", { htmlFor: "get-support-group" },
             React.createElement(Trans, null, "Group"),

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

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

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

@@ -5,7 +5,6 @@ import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { AppMetadataStateContext } from '../../context/AppMetadataContext';
 import { useCaseSelector } from '../../context/CaseContext';
 import { OpenShiftClusterId } from '../CaseManagement/OpenShiftClusterId';
 import { Hostname } from '../ImproveCase/Hostname';
@@ -14,7 +13,6 @@ import ClusterRecommendations from '../Recommendations/ClusterRecommendations';
 import Description from './Description';
 export default function CaseInformation(props) {
     const { t } = useTranslation();
-    const { appMetadataState: { nextButtonRef }, } = useContext(AppMetadataStateContext);
     const { globalMetadataState: { allCaseTypes, allCaseSeverities, caseLanguages, loggedInUser, loggedInUserJwtToken, loggedInUsersAccount, }, } = useContext(GlobalMetadataStateContext);
     const dispatchToGlobalMetadataReducer = useContext(GlobalMetadataDispatchContext);
     const { contactSSOName, selectedAccountDetails, ownersCaseGroups, hasInvalidEntitlements } = useCaseSelector((state) => ({
@@ -33,11 +31,6 @@ export default function CaseInformation(props) {
             (selectedAccountDetails.data.requireCGroupOnCreate && ownersCaseGroups.isError) ||
             allCaseSeverities.isError);
     };
-    const handleFormSubmit = (e) => {
-        e.preventDefault();
-        // simulating click
-        nextButtonRef.current.click();
-    };
     // Loading metadata (if needed) on component mount after fetching account info.
     // This will be fetched here in caseCreation mode as Issue section will be skipped.
     useEffect(() => {
@@ -84,7 +77,7 @@ export default function CaseInformation(props) {
             !isMetadataLoading() &&
             !isMetadataLoadingError() &&
             canManageCase(loggedInUserJwtToken) && (React.createElement(React.Fragment, null,
-            React.createElement("form", { onSubmit: handleFormSubmit },
+            React.createElement("form", null,
                 React.createElement(Hostname, null),
                 React.createElement(OpenShiftClusterId, null),
                 React.createElement(ClusterRecommendations, { className: "push-bottom" }),

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

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

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

@@ -30,7 +30,7 @@ export default function Description(props) {
     const onCaseDetailsChange = (caseDetails) => {
         setCaseDetails(caseDispatch, caseDetails);
     };
-    const { routeState: { showValidationErrorAlert }, } = useContext(RouteContext);
+    const { routeState: { isNextBtnClickedToShowValidationError }, } = useContext(RouteContext);
     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);
@@ -45,7 +45,9 @@ export default function Description(props) {
     return (React.createElement(InlineEdit, { labelContent: React.createElement(React.Fragment, null,
             props.customTitle ? (props.customTitle) : (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: 'get-support-ktQ1-issue' }, content: issue, allowInlineEdit: !!props.inlineEditable, hideSaveCancel: !!props.hideSaveCancel, initialIsEditing: isEmpty(issue), usePreformattedTag: true, saveOnBlur: true },
-        React.createElement(TextArea, { id: "get-support-ktQ1-issue", name: "get-support-ktQ1-issue", className: `form-control${isDescriptionInvalid(issue) || (showValidationErrorAlert && isEmpty(issue)) ? ' form-invalid' : ''}`, "aria-invalid": (issue === null || issue === void 0 ? void 0 : issue.length) > CASE_DEATILS_ISSUE_LIMIT ? 'true' : 'false', "aria-required": isKT1Required, isRequired: isKT1Required, value: issue, isDisabled: isEmpty(issue) && hasLargeCaseDescription && !setIssueTextAreaFocused, onChange: onKTQ1IssueChange, onFocus: onKTQ1IssueFocusChange, onBlur: onKTQ1IssueFocusChange, "data-tracking-id": "get-support-ktQ1-issue", placeholder: t('Please enter an elaborate description') }),
+        React.createElement(TextArea, { id: "get-support-ktQ1-issue", name: "get-support-ktQ1-issue", className: `form-control${isDescriptionInvalid(issue) || (isNextBtnClickedToShowValidationError && isEmpty(issue))
+                ? ' form-invalid'
+                : ''}`, "aria-invalid": (issue === null || issue === void 0 ? void 0 : issue.length) > CASE_DEATILS_ISSUE_LIMIT ? 'true' : 'false', "aria-required": isKT1Required, isRequired: isKT1Required, value: issue, isDisabled: isEmpty(issue) && hasLargeCaseDescription && !setIssueTextAreaFocused, onChange: onKTQ1IssueChange, onFocus: onKTQ1IssueFocusChange, onBlur: onKTQ1IssueFocusChange, "data-tracking-id": "get-support-ktQ1-issue", placeholder: t('Please enter an elaborate description') }),
         React.createElement("p", { className: "form-instructions", "data-tracking-id": "large-20k-warning-ktQ1-environment" }, `${(issue === null || issue === void 0 ? void 0 : issue.length) > CASE_DEATILS_ISSUE_LIMIT
             ? `Description cannot be more than ${CASE_DEATILS_ISSUE_LIMIT} characters`
             : ''}`),

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

@@ -24,7 +24,7 @@ function OpenCaseIssue(props) {
     const caseDispatch = useCaseDispatch();
     const [isSummaryInValid, setIsSummaryInValid] = useState(false);
     const [hasLargeSummary, setHasLargeSummary] = useState(false);
-    const { routeState: { showValidationErrorAlert }, } = useContext(RouteContext);
+    const { routeState: { isNextBtnClickedToShowValidationError }, } = useContext(RouteContext);
     const onSummaryBlur = (e) => {
         var _a;
         setIsSummaryInValid(isEmpty((_a = e.target.value) === null || _a === void 0 ? void 0 : _a.trim()));
@@ -53,7 +53,7 @@ function OpenCaseIssue(props) {
                 !!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 || (showValidationErrorAlert && !summary)
+                    : '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'

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

@@ -3,8 +3,8 @@ import WarningTriangleIcon from '@patternfly/react-icons/dist/js/icons/warning-t
 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 { findLast } from 'lodash';
 import find from 'lodash/find';
+import findLast from 'lodash/findLast';
 import includes from 'lodash/includes';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';

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

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

@@ -1,6 +1,5 @@
 import { Flex, FlexItem } from '@patternfly/react-core';
-import React, { useContext } from 'react';
-import { AppMetadataStateContext } from '../../context/AppMetadataContext';
+import React from 'react';
 import { useCaseDispatch } from '../../context/CaseContext';
 import { setCaseDetails } from '../../reducers/CaseReducer';
 import CaseGroup from '../CaseInformation/CaseGroup';
@@ -16,16 +15,10 @@ import { RHAssociatesSelector } from './RHAssociatesSelector';
 import CaseContactSelector from './SendNotifications/CaseContactSelector';
 export default function CaseManagement(props) {
     const caseDispatch = useCaseDispatch();
-    const { appMetadataState: { nextButtonRef }, } = useContext(AppMetadataStateContext);
-    const handleFormSubmit = (e) => {
-        e.preventDefault();
-        // simulating click
-        nextButtonRef.current.click();
-    };
     const onSeverityChange = (payload) => {
         setCaseDetails(caseDispatch, payload);
     };
-    return (React.createElement("form", { onSubmit: handleFormSubmit },
+    return (React.createElement("form", null,
         React.createElement(SupportLevel, null),
         React.createElement(Flex, { direction: { default: 'column', '2xl': 'row' } },
             React.createElement(FlexItem, { flex: { default: 'flex_1' } },

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

@@ -2,5 +2,9 @@ export declare const v3Tov4TransitionLink: () => JSX.Element;
 export declare const discoverV4ClusterIdLink: () => JSX.Element;
 export declare const discoverV4ClusterIdLinkError: () => JSX.Element;
 export declare const isInvalidErrorMessage: () => JSX.Element;
-export declare function OpenShiftClusterId(): JSX.Element;
+interface IProps {
+    className?: string;
+}
+export declare function OpenShiftClusterId(props: IProps): JSX.Element;
+export {};
 //# sourceMappingURL=OpenShiftClusterId.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"OpenShiftClusterId.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenShiftClusterId.tsx"],"names":[],"mappings":"AA2BA,eAAO,MAAM,oBAAoB,mBAShC,CAAC;AAEF,eAAO,MAAM,uBAAuB,mBAInC,CAAC;AAEF,eAAO,MAAM,4BAA4B,mBAUxC,CAAC;AAEF,eAAO,MAAM,qBAAqB,mBAIjC,CAAC;AAEF,wBAAgB,kBAAkB,gBAyRjC"}
+{"version":3,"file":"OpenShiftClusterId.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/OpenShiftClusterId.tsx"],"names":[],"mappings":"AA2BA,eAAO,MAAM,oBAAoB,mBAShC,CAAC;AAEF,eAAO,MAAM,uBAAuB,mBAInC,CAAC;AAEF,eAAO,MAAM,4BAA4B,mBAUxC,CAAC;AAEF,eAAO,MAAM,qBAAqB,mBAIjC,CAAC;AAEF,UAAU,MAAM;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,eAyR/C"}

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

@@ -37,7 +37,7 @@ export const isInvalidErrorMessage = () => (React.createElement(React.Fragment,
     React.createElement(Trans, null,
         "Cluster Id is not valid. ",
         discoverV4ClusterIdLink())));
-export function OpenShiftClusterId() {
+export function OpenShiftClusterId(props) {
     const queryParams = getUrlParsedParams(useLocation().search);
     const { openshiftClusterID, product, version, issue, environment, periodicityOfIssue, timeFramesAndUrgency, noClusterIdReason, noClusterIdReasonExplanation, v3ClusterName, openshiftDisplayName, selectedAccountDetails, } = useCaseSelector((state) => ({
         openshiftClusterID: state.caseDetails.openshiftClusterID,
@@ -55,7 +55,7 @@ export function OpenShiftClusterId() {
     }), isEqual);
     const caseDispatch = useCaseDispatch();
     const { globalMetadataState: { allProducts, loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
-    const { routeState: { showValidationErrorAlert }, } = useContext(RouteContext);
+    const { routeState: { isNextBtnClickedToShowValidationError }, } = useContext(RouteContext);
     const clusterRecommendationsDispatch = useContext(ClusterRecommendationsDispatchContext);
     const { clusterRecommendationsState: { clusterRecommendationsCache }, } = useContext(ClusterRecommendationsContext);
     const majorVersion = (version && getVersion(version).major) || '';
@@ -185,7 +185,7 @@ export function OpenShiftClusterId() {
                 ? discoverV4ClusterIdLinkError()
                 : null;
         const infoMessage = v3Selected ? v3Tov4TransitionLink() : discoverV4ClusterIdLink();
-        return showValidationErrorAlert && errorMessage ? errorMessage : infoMessage;
+        return isNextBtnClickedToShowValidationError && errorMessage ? errorMessage : infoMessage;
     };
     const onReasonExplanationInputBoxChanged = (noClusterIdReasonExplanation) => {
         if (noClusterIdReason === 'Other') {
@@ -203,13 +203,13 @@ export function OpenShiftClusterId() {
     const onReasonChange = (reason) => {
         setCaseDetails(caseDispatch, { noClusterIdReason: reason });
     };
-    const isInVaidNoClusterIdReason = showValidationErrorAlert &&
+    const isInVaidNoClusterIdReason = isNextBtnClickedToShowValidationError &&
         (isEmpty(noClusterIdReason) || (noClusterIdReason === 'Other' && isEmpty(noClusterIdReasonExplanation.trim())));
     if (!showClusterId)
         return null;
-    return (React.createElement(React.Fragment, null,
-        !isOpenShiftV3 && (React.createElement(OpenshiftDropdownV4, { openshiftDisplayName: openshiftDisplayName, openshiftClusterIDState: openshiftClusterID || selectedReason, onClusterIdStateUpdate: onClusterIdStateUpdate, isClusterIdInvalid: showValidationErrorAlert &&
+    return (React.createElement("div", { className: `${props.className ? props.className : ''}` },
+        !isOpenShiftV3 && (React.createElement(OpenshiftDropdownV4, { openshiftDisplayName: openshiftDisplayName, openshiftClusterIDState: openshiftClusterID || selectedReason, onClusterIdStateUpdate: onClusterIdStateUpdate, isClusterIdInvalid: isNextBtnClickedToShowValidationError &&
                 ((isEmpty(openshiftClusterID) && isEmpty(selectedReason)) || isClusterIdInvalid), clusterIdDropdownFormInstructions: clusterIdDropdownFormInstructions(), onClusterClear: resetClusterData, isV3: product !== 'OpenShift Container Platform' })),
         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 }))));
+        (v3Selected || isOpenShiftV3) && (React.createElement(OpenShiftV3Inputbox, { v3ClusterName: v3ClusterName, onReasonInputBoxChanged: v3ClusterNameInputBoxChanged, isInValid: isEmpty(v3ClusterName.trim()) && isNextBtnClickedToShowValidationError, v3Selected: v3Selected }))));
 }

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

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

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

@@ -11,10 +11,13 @@ import { Button, Tooltip, TooltipPosition } from '@patternfly/react-core';
 import { CaseContactsSelectorExternal, getHydraContactLabel, PromisifyModal, ToastNotification, usePrevious, } from '@rh-support/components';
 import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
 import { AbilityContext, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
-import { filter, find, map, remove } from 'lodash';
 import differenceBy from 'lodash/differenceBy';
+import filter from 'lodash/filter';
+import find from 'lodash/find';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
+import map from 'lodash/map';
+import remove from 'lodash/remove';
 import uniqBy from 'lodash/uniqBy';
 import xor from 'lodash/xor';
 import React, { useContext, useEffect, useRef, useState } from 'react';

package/lib/esm/components/IdeaInformation/IdeaInformtion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IdeaInformtion.d.ts","sourceRoot":"","sources":["../../../../src/components/IdeaInformation/IdeaInformtion.tsx"],"names":[],"mappings":"AA+BA,MAAM,CAAC,OAAO,UAAU,eAAe,gBA8ItC"}
+{"version":3,"file":"IdeaInformtion.d.ts","sourceRoot":"","sources":["../../../../src/components/IdeaInformation/IdeaInformtion.tsx"],"names":[],"mappings":"AA8BA,MAAM,CAAC,OAAO,UAAU,eAAe,gBAsItC"}

package/lib/esm/components/IdeaInformation/IdeaInformtion.js

@@ -6,7 +6,6 @@ import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
-import { AppMetadataStateContext } from '../../context/AppMetadataContext';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { setCaseDetails } from '../../reducers/CaseReducer';
 import CaseGroup from '../CaseInformation/CaseGroup';
@@ -23,7 +22,6 @@ import CaseContactSelector from '../CaseManagement/SendNotifications/CaseContact
 import KtQuestions from '../ImproveCase/KtQuestions';
 export default function IdeaInformation() {
     const { t } = useTranslation();
-    const { appMetadataState: { nextButtonRef }, } = useContext(AppMetadataStateContext);
     const { globalMetadataState: { allCaseTypes, allCaseSeverities, caseLanguages, loggedInUser, loggedInUserJwtToken, loggedInUsersAccount, }, } = useContext(GlobalMetadataStateContext);
     const dispatchToGlobalMetadataReducer = useContext(GlobalMetadataDispatchContext);
     const { contactSSOName, selectedAccountDetails, ownersCaseGroups, hasInvalidEntitlements } = useCaseSelector((state) => ({
@@ -43,11 +41,6 @@ export default function IdeaInformation() {
             (selectedAccountDetails.data.requireCGroupOnCreate && ownersCaseGroups.isError) ||
             allCaseSeverities.isError);
     };
-    const handleFormSubmit = (e) => {
-        e.preventDefault();
-        // simulating click
-        nextButtonRef.current.click();
-    };
     // Loading metadata (if needed) on component mount after fetching account info.
     // This will be fetched here in caseCreation mode as Issue section will be skipped.
     useEffect(() => {
@@ -97,7 +90,7 @@ export default function IdeaInformation() {
             !isMetadataLoading() &&
             !isMetadataLoadingError() &&
             canManageCase(loggedInUserJwtToken) && (React.createElement(React.Fragment, null,
-            React.createElement("form", { onSubmit: handleFormSubmit },
+            React.createElement("form", null,
                 React.createElement(Description, { inlineEditable: false, customTitle: t('Please describe your request') }),
                 React.createElement(KtQuestions, { onlyShowKT4: true }),
                 React.createElement(SupportLevel, null),

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

@@ -49,7 +49,7 @@ function KtQuestions(props) {
     const onCaseDetailsChange = (caseDetails) => {
         setCaseDetails(caseDispatch, caseDetails);
     };
-    const { routeState: { showValidationErrorAlert }, } = useContext(RouteContext);
+    const { routeState: { isNextBtnClickedToShowValidationError }, } = useContext(RouteContext);
     // Troubleshoot Page Question 3
     const onKtQ2Change = (value, e) => {
         const ktQ2Local = isEmpty(value === null || value === void 0 ? void 0 : value.trim()) ? '' : value;
@@ -85,7 +85,7 @@ function KtQuestions(props) {
                 ' ',
                 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(TextArea, { className: `form-control${invalidateQT4(timeFramesAndUrgency) ||
-                    (showValidationErrorAlert && isEmpty(timeFramesAndUrgency)) ||
+                    (isNextBtnClickedToShowValidationError && isEmpty(timeFramesAndUrgency)) ||
                     isKTQ4InValid
                     ? ' form-invalid'
                     : ''}`, "aria-invalid": timeFramesAndUrgency && (timeFramesAndUrgency === null || timeFramesAndUrgency === void 0 ? void 0 : timeFramesAndUrgency.length) > CASE_DETAILS_TIMEFRAMESANDURGENCY_LIMIT

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":"AAmBA,MAAM,CAAC,OAAO,UAAU,KAAK,gBA4F5B"}
+{"version":3,"file":"Issue.d.ts","sourceRoot":"","sources":["../../../../src/components/Issue/Issue.tsx"],"names":[],"mappings":"AAmBA,MAAM,CAAC,OAAO,UAAU,KAAK,gBA0F5B"}

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

@@ -36,9 +36,8 @@ export default function Issue() {
     const maxLengtMessage = t('Case description cannot be more than {{limit}} characters', {
         limit: MODIFIED_DESCRIPTION_LENGTH_LIMIT,
     });
-    const handleFormSubmit = (e) => e.preventDefault();
     return (React.createElement(React.Fragment, null,
-        React.createElement("form", { onSubmit: handleFormSubmit, className: "push-bottom" },
+        React.createElement("form", { className: "push-bottom" },
             React.createElement(OpenCaseIssue, { inlineEditable: false, hideSaveCancel: true, initialIsEditing: isEmpty(summary), required: true }),
             React.createElement(MoreOrLess, { maxHeight: 600, appStickyHeaderRef: navBarRef },
                 React.createElement(InlineEdit, { labelProps: { htmlFor: 'issue-section-ktQ1-issue' }, labelContent: React.createElement(React.Fragment, null,

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

@@ -1 +1 @@
-{"version":3,"file":"OpenCase.d.ts","sourceRoot":"","sources":["../../../../src/components/OpenCase/OpenCase.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAKlE,MAAM,WAAW,MAAM;IACnB,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,MAAM,eA0B7C"}
+{"version":3,"file":"OpenCase.d.ts","sourceRoot":"","sources":["../../../../src/components/OpenCase/OpenCase.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAKlE,MAAM,WAAW,MAAM;IACnB,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,KAAK,EAAE,MAAM,eAiB7C"}