@rh-support/troubleshoot 2.0.6 → 2.0.7

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"}

package/lib/esm/components/OpenCase/OpenCase.js

@@ -1,18 +1,11 @@
 import { ability, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
-import React, { useContext } from 'react';
-import { AppMetadataStateContext } from '../../context/AppMetadataContext';
+import React from 'react';
 import { AccountSelector } from '../AccountInfo/AccountSelector';
 import { OwnerSelector } from '../AccountInfo/OwnerSelector';
 import SupportTypeSelectorPage from './SupportTypeSelectorPage';
 export default function OpenCase(props) {
-    const { appMetadataState: { nextButtonRef }, } = useContext(AppMetadataStateContext);
-    const handleFormSubmit = (e) => {
-        e.preventDefault();
-        // simulating click
-        nextButtonRef.current.click();
-    };
     const canChangeAccountInfo = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.ACCOUNT_AND_OWNER);
-    return (React.createElement("form", { onSubmit: handleFormSubmit },
+    return (React.createElement("form", null,
         canChangeAccountInfo && (React.createElement(React.Fragment, null,
             React.createElement(AccountSelector, null),
             React.createElement(OwnerSelector, null))),

package/lib/esm/components/OpenCase/SupportTypeSelectorPage.js

@@ -14,7 +14,7 @@ export default function SupportTypeSelectorPage() {
     const { globalMetadataState: { allCaseTypes, loggedInUsersAccount }, } = useGlobalStateContext();
     const globalDispatch = useGlobalDispatchContext();
     const [selectedSupportType, setSelectedSupportType] = useState('');
-    const { routeState: { showValidationErrorAlert }, } = useContext(RouteContext);
+    const { routeState: { isNextBtnClickedToShowValidationError }, } = useContext(RouteContext);
     const { caseType, isFetchingSelectedAccountDetails, selectedAccountDetails } = useCaseSelector((state) => ({
         caseType: state.caseDetails.caseType,
         isFetchingSelectedAccountDetails: state.selectedAccountDetails.isFetching,
@@ -117,7 +117,7 @@ export default function SupportTypeSelectorPage() {
         React.createElement(Gallery, { hasGutter: true, className: "pf-u-mt-sm" }, SupportTypesArray.map((supportTypesArrayValues) => {
             var _a;
             return (React.createElement(GalleryItem, { key: supportTypesArrayValues.id },
-                React.createElement(Card, { id: supportTypesArrayValues.oldSupportType, key: supportTypesArrayValues.oldSupportType, className: `support-types-card${showValidationErrorAlert && !caseType ? ' support-types-invalid' : ''}`, onKeyDown: onKeyDown, onClick: onSupportTypeClick, onSelectableInputChange: onChange, isSelected: !!caseType && supportTypesArrayValues.oldSupportType === caseType, hasSelectableInput: true, isSelectable: true, isSelectableRaised: true, isFullHeight: true, isDisabledRaised: ((_a = selectedAccountDetails === null || selectedAccountDetails === void 0 ? void 0 : selectedAccountDetails.data) === null || _a === void 0 ? void 0 : _a.subscriptionAbuse) || false, selectableInputAriaLabel: t(supportTypesArrayValues.supportTypeHeading) },
+                React.createElement(Card, { id: supportTypesArrayValues.oldSupportType, key: supportTypesArrayValues.oldSupportType, className: `support-types-card${isNextBtnClickedToShowValidationError && !caseType ? ' support-types-invalid' : ''}`, onKeyDown: onKeyDown, onClick: onSupportTypeClick, onSelectableInputChange: onChange, isSelected: !!caseType && supportTypesArrayValues.oldSupportType === caseType, hasSelectableInput: true, isSelectable: true, isSelectableRaised: true, isFullHeight: true, isDisabledRaised: ((_a = selectedAccountDetails === null || selectedAccountDetails === void 0 ? void 0 : selectedAccountDetails.data) === null || _a === void 0 ? void 0 : _a.subscriptionAbuse) || false, selectableInputAriaLabel: t(supportTypesArrayValues.supportTypeHeading) },
                     React.createElement(CardBody, null, supportTypesArrayValues.icon ? (React.createElement(Split, null,
                         React.createElement(SplitItem, { className: "pf-u-pr-lg" },
                             React.createElement(Bullseye, null, supportTypesArrayValues.icon && supportTypesArrayValues.icon)),

package/lib/esm/components/ProductSelector/AllProductsSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AllProductsSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/AllProductsSelector.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAKnD,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAMrF,UAAU,MAAM;IACZ,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAgBD;;;;;;;GAOG;AACH,QAAA,MAAM,mBAAmB,4EAsKvB,CAAC;AAGH,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"AllProductsSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/AllProductsSelector.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAKnD,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAMrF,UAAU,MAAM;IACZ,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAgBD;;;;;;;GAOG;AACH,QAAA,MAAM,mBAAmB,4EAuKvB,CAAC;AAGH,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/lib/esm/components/ProductSelector/AllProductsSelector.js

@@ -126,7 +126,7 @@ const AllProductsSelector = forwardRef((props, ref) => {
                 React.createElement(OpenCaseIssue, { inlineEditable: false, required: true })),
             React.createElement("div", { className: "all-product-selector-dropdown" },
                 React.createElement(ProductVersionDropdownSelector, { isLoading: allProducts.isFetching, products: props.checkEntitledProduct ? entitledProducts : allProducts.data.productsResult, selectedProduct: selectedProductForDropdown, onProductChange: onProductChange, onVersionChange: onVersionChange, version: version, ref: ref }))),
-        React.createElement(AlertMessage, { variant: AlertType.DANGER, className: "push-top", title: t(`${loggedInUserRights.data.isSSOUsernameSameAsLoggedInUser(contactSSOName)
+        React.createElement(AlertMessage, { isInline: true, variant: AlertType.DANGER, className: "push-top", title: t(`${loggedInUserRights.data.isSSOUsernameSameAsLoggedInUser(contactSSOName)
                 ? 'You are'
                 : 'Selected owner is'} not allowed to create case on this product.`), show: !allProducts.isFetching && props.checkEntitledProduct && !isEntitledProduct && !isEmpty(product) }),
         React.createElement(LoadingIndicator, { show: topContent.isFetching && props.loadTCOnChange }),

package/lib/esm/components/ProductSelector/NewProductDropdownSelector.d.ts

@@ -4,7 +4,7 @@ interface IProps {
     onProductChange: (product: Partial<ISEProduct>) => any;
     selectedProduct: Partial<ISEProduct>;
     onVersionChange: (version: string) => any;
-    showValidationErrorAlert: boolean;
+    isNextBtnClickedToShowValidationError: boolean;
     isCaseCreate: boolean;
 }
 export declare const NewProductDropdownSelector: (props: IProps) => JSX.Element;

package/lib/esm/components/ProductSelector/NewProductDropdownSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NewProductDropdownSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/NewProductDropdownSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAOpE,UAAU,MAAM;IACZ,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;IAChC,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC;IACvD,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,wBAAwB,EAAE,OAAO,CAAC;IAClC,YAAY,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,0BAA0B,UAAW,MAAM,gBA0GvD,CAAC"}
+{"version":3,"file":"NewProductDropdownSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/NewProductDropdownSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAOpE,UAAU,MAAM;IACZ,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;IAChC,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC;IACvD,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,qCAAqC,EAAE,OAAO,CAAC;IAC/C,YAAY,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,0BAA0B,UAAW,MAAM,gBA0GvD,CAAC"}

package/lib/esm/components/ProductSelector/NewProductDropdownSelector.js

@@ -7,7 +7,7 @@ export const NewProductDropdownSelector = (props) => {
     const { t } = useTranslation();
     const [isOpen, setIsOpen] = useState(false);
     const [selected, setSelected] = useState(undefined);
-    const [showValidationLocal, setShowValidationLocal] = useState(props.showValidationErrorAlert);
+    const [showValidationLocal, setShowValidationLocal] = useState(props.isNextBtnClickedToShowValidationError);
     const { globalMetadataState: { allProducts }, } = useContext(GlobalMetadataStateContext);
     useEffect(() => {
         if (props.selectedProduct) {
@@ -16,9 +16,9 @@ export const NewProductDropdownSelector = (props) => {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.selectedProduct]);
     useEffect(() => {
-        setShowValidationLocal(props.showValidationErrorAlert);
+        setShowValidationLocal(props.isNextBtnClickedToShowValidationError);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [props.showValidationErrorAlert]);
+    }, [props.isNextBtnClickedToShowValidationError]);
     const createOption = (product, id, type) => {
         return React.createElement(SelectOption, { key: `${type}-${id}`, value: product.name, className: "pf-c-select__menu-wrapper" });
     };

package/lib/esm/components/ProductSelector/NewProductVersionSelector.d.ts

@@ -3,7 +3,7 @@ interface IProps {
     selectedProduct: Partial<ISEProduct>;
     onVersionChange: (option: string) => void;
     versionState: string;
-    showValidationErrorAlert: boolean;
+    isNextBtnClickedToShowValidationError: boolean;
 }
 export declare const NewProductVersionSelector: (props: IProps) => JSX.Element;
 export {};

package/lib/esm/components/ProductSelector/NewProductVersionSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NewProductVersionSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/NewProductVersionSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAMpE,UAAU,MAAM;IACZ,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,MAAM,CAAC;IACrB,wBAAwB,EAAE,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,yBAAyB,UAAW,MAAM,gBA+EtD,CAAC"}
+{"version":3,"file":"NewProductVersionSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/NewProductVersionSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAMpE,UAAU,MAAM;IACZ,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,MAAM,CAAC;IACrB,qCAAqC,EAAE,OAAO,CAAC;CAClD;AAED,eAAO,MAAM,yBAAyB,UAAW,MAAM,gBA+EtD,CAAC"}

package/lib/esm/components/ProductSelector/NewProductVersionSelector.js

@@ -7,11 +7,11 @@ export const NewProductVersionSelector = (props) => {
     const [isOpen, setIsOpen] = useState(false);
     const [selected, setSelected] = useState('');
     const [selectVersionOptions, setSelectVersionOptions] = React.useState([]);
-    const [showValidationLocal, setShowValidationLocal] = useState(props.showValidationErrorAlert);
+    const [showValidationLocal, setShowValidationLocal] = useState(props.isNextBtnClickedToShowValidationError);
     useEffect(() => {
-        setShowValidationLocal(props.showValidationErrorAlert);
+        setShowValidationLocal(props.isNextBtnClickedToShowValidationError);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [props.showValidationErrorAlert]);
+    }, [props.isNextBtnClickedToShowValidationError]);
     useEffect(() => {
         if (isEmpty(props.selectedProduct)) {
             setSelected('');

package/lib/esm/components/ProductSelector/ProductSelector.js

@@ -26,7 +26,6 @@ export default function ProductSelector(props) {
         product: state.caseDetails.product,
         version: state.caseDetails.version,
     }), isEqual);
-    const handleFormSubmit = (e) => e.preventDefault();
     const { routeState: { isCaseCreate }, } = useContext(RouteContext);
     /**
      * The all product selector and top product selector should always be "selected" because
@@ -38,7 +37,7 @@ export default function ProductSelector(props) {
         allProducts.isFetching && React.createElement(ProductSelectorLoader, null),
         React.createElement(AlertMessage, { variant: AlertType.DANGER, className: "push-top", title: t('There was an error loading products.'), show: allProducts.isError }),
         !allProducts.isFetching && !allProducts.isError && (React.createElement(React.Fragment, null,
-            React.createElement("form", { onSubmit: handleFormSubmit },
+            React.createElement("form", null,
                 React.createElement(AllProductsSelector, { isDropdownSelected: true, routeProps: props.routeProps, checkEntitledProduct: isCaseCreate ? true : false, ref: productSelectorRef }),
                 product === 'Subscription Watch' && (React.createElement(Alert, { isInline: true, variant: AlertVariant.warning, title: React.createElement(Trans, null,
                         ' ',

package/lib/esm/components/ProductSelector/ProductSelectorLoader.d.ts

@@ -1,3 +1,2 @@
-import { IContentLoaderProps } from 'react-content-loader';
-export declare function ProductSelectorLoader(props: IContentLoaderProps): JSX.Element;
+export declare function ProductSelectorLoader(): JSX.Element;
 //# sourceMappingURL=ProductSelectorLoader.d.ts.map

package/lib/esm/components/ProductSelector/ProductSelectorLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductSelectorLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductSelectorLoader.tsx"],"names":[],"mappings":"AACA,OAAsB,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAE1E,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,mBAAmB,eA6B/D"}
+{"version":3,"file":"ProductSelectorLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductSelectorLoader.tsx"],"names":[],"mappings":"AAGA,wBAAgB,qBAAqB,gBAkBpC"}

package/lib/esm/components/ProductSelector/ProductSelectorLoader.js

@@ -1,21 +1,14 @@
+import { Skeleton } from '@patternfly/react-core';
 import React from 'react';
-import ContentLoader from 'react-content-loader';
-export function ProductSelectorLoader(props) {
-    return (React.createElement(ContentLoader, Object.assign({ height: '500', width: '100%' }, props),
-        React.createElement("rect", { x: "0", y: "0", width: "80", height: "15" }),
-        React.createElement("rect", { x: "0", y: "30", width: "340", height: "30" }),
-        React.createElement("rect", { x: "375", y: "0", width: "180", height: "15" }),
-        React.createElement("rect", { x: "375", y: "30", width: "340", height: "30" }),
-        React.createElement("rect", { x: "0", y: "110", width: "230", height: "15" }),
-        React.createElement("circle", { cx: "10", cy: "170", r: "8" }),
-        React.createElement("rect", { x: "25", y: "170", width: "210", height: "15" }),
-        React.createElement("circle", { cx: "10", cy: "230", r: "8" }),
-        React.createElement("rect", { x: "25", y: "230", width: "270", height: "15" }),
-        React.createElement("circle", { cx: "10", cy: "280", r: "8" }),
-        React.createElement("rect", { x: "25", y: "280", width: "200", height: "15" }),
-        React.createElement("circle", { cx: "10", cy: "330", r: "8" }),
-        React.createElement("rect", { x: "25", y: "330", width: "170", height: "15" }),
-        React.createElement("circle", { cx: "10", cy: "380", r: "8" }),
-        React.createElement("rect", { x: "25", y: "380", width: "220", height: "15" }),
-        React.createElement("rect", { x: "0", y: "450", width: "400", height: "15" })));
+export function ProductSelectorLoader() {
+    return (React.createElement("div", { style: { width: '100%', position: 'relative', height: '720px' } },
+        React.createElement(Skeleton, { height: "15px", width: "100px", style: { top: '0px' } }),
+        React.createElement(Skeleton, { height: "30px", width: "100%", style: { top: '30px' } }),
+        React.createElement(Skeleton, { height: "15px", width: "80px", style: { top: '90px' } }),
+        React.createElement(Skeleton, { height: "30px", width: "63%", style: { top: '120px' } }),
+        React.createElement(Skeleton, { height: "15px", width: "100px", style: { top: '90px', left: '68%' } }),
+        React.createElement(Skeleton, { height: "30px", width: "32%", style: { top: '120px', left: '68%' } }),
+        React.createElement(Skeleton, { height: "145px", width: "100%", style: { top: '200px' } }),
+        React.createElement(Skeleton, { height: "145px", width: "100%", style: { top: '375px' } }),
+        React.createElement(Skeleton, { height: "145px", width: "100%", style: { top: '550px' } })));
 }

package/lib/esm/components/ProductSelector/ProductVersionDropdownSelector.js

@@ -8,7 +8,7 @@ const defaultProps = {
     htmlForId: '',
 };
 const ProductVersionDropdownSelector = forwardRef((props, ref) => {
-    const { routeState: { isCaseCreate, showValidationErrorAlert }, } = useContext(RouteContext);
+    const { routeState: { isCaseCreate, isNextBtnClickedToShowValidationError }, } = useContext(RouteContext);
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "product-selector-wrapper" },
             React.createElement("label", { htmlFor: "product-selector-dropdown-downshift-search", ref: ref },
@@ -16,14 +16,14 @@ const ProductVersionDropdownSelector = forwardRef((props, ref) => {
                     React.createElement(Trans, null, "Product"),
                     ' ',
                     React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))),
-            React.createElement(NewProductDropdownSelector, { products: props.products, onProductChange: props.onProductChange, selectedProduct: props.selectedProduct, onVersionChange: props.onVersionChange, showValidationErrorAlert: showValidationErrorAlert, isCaseCreate: isCaseCreate })),
+            React.createElement(NewProductDropdownSelector, { products: props.products, onProductChange: props.onProductChange, selectedProduct: props.selectedProduct, onVersionChange: props.onVersionChange, isNextBtnClickedToShowValidationError: isNextBtnClickedToShowValidationError, isCaseCreate: isCaseCreate })),
         React.createElement("div", { className: "version-selector-wrapper" },
             React.createElement("label", { htmlFor: "version-selector-dropdown-toggle" },
                 React.createElement("h3", { className: "subheading subheading-sm" },
                     React.createElement(Trans, null, "Version"),
                     ' ',
                     React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))),
-            React.createElement(NewProductVersionSelector, { selectedProduct: props.selectedProduct, onVersionChange: props.onVersionChange, versionState: props.version, showValidationErrorAlert: showValidationErrorAlert }))));
+            React.createElement(NewProductVersionSelector, { selectedProduct: props.selectedProduct, onVersionChange: props.onVersionChange, versionState: props.version, isNextBtnClickedToShowValidationError: isNextBtnClickedToShowValidationError }))));
 });
 ProductVersionDropdownSelector.defaultProps = defaultProps;
 export { ProductVersionDropdownSelector };

package/lib/esm/components/Recommendations/ClusterRecommendationToast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClusterRecommendationToast.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/ClusterRecommendationToast.tsx"],"names":[],"mappings":"AAGA,OAAc,EAAE,EAAE,EAAmC,MAAM,OAAO,CAAC;AAUnE,UAAU,MAAM;CAAG;AAEnB,QAAA,MAAM,0BAA0B,EAAE,EAAE,CAAC,MAAM,CAsD1C,CAAC;AAEF,eAAe,0BAA0B,CAAC"}
+{"version":3,"file":"ClusterRecommendationToast.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/ClusterRecommendationToast.tsx"],"names":[],"mappings":"AAIA,OAAc,EAAE,EAAE,EAAmC,MAAM,OAAO,CAAC;AAUnE,UAAU,MAAM;CAAG;AAEnB,QAAA,MAAM,0BAA0B,EAAE,EAAE,CAAC,MAAM,CAsD1C,CAAC;AAEF,eAAe,0BAA0B,CAAC"}

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

@@ -1,6 +1,7 @@
 import { Alert, AlertActionCloseButton, Button } from '@patternfly/react-core';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
-import { isEmpty, isEqual } from 'lodash';
+import isEmpty from 'lodash/isEmpty';
+import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useState } from 'react';
 import { Trans } from 'react-i18next';
 import { useCaseSelector } from '../../context/CaseContext';

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

@@ -1,6 +1,6 @@
 import { Button } from '@patternfly/react-core';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
-import { isEqual } from 'lodash';
+import isEqual from 'lodash/isEqual';
 import React, { useContext } from 'react';
 import { Trans } from 'react-i18next';
 import { useCaseSelector } from '../../context/CaseContext';

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

@@ -8,7 +8,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { Button, Modal, ModalVariant } from '@patternfly/react-core';
-import { isEqual } from 'lodash';
+import isEqual from 'lodash/isEqual';
 import React, { useContext } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';

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

@@ -1 +1 @@
-{"version":3,"file":"SessionRestore.d.ts","sourceRoot":"","sources":["../../../../src/components/SessionRestore/SessionRestore.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAQvD,OAAO,EAGH,eAAe,EAElB,MAAM,iCAAiC,CAAC;AAiBzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,eA8U3C"}
+{"version":3,"file":"SessionRestore.d.ts","sourceRoot":"","sources":["../../../../src/components/SessionRestore/SessionRestore.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAQvD,OAAO,EAGH,eAAe,EAElB,MAAM,iCAAiC,CAAC;AAgBzC,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,eAgU3C"}

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

@@ -10,20 +10,19 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 import { pcm } from '@cee-eng/hydrajs';
 import { useDebounce, useDeepCompareDebounce, usePrevious } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
-import { getUserAgentForCaseMode, PreviousCaseTypes } from '@rh-support/utils';
+import { getUserAgentForCaseMode } from '@rh-support/utils';
 import includes from 'lodash/includes';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import orderBy from 'lodash/orderBy';
 import React, { useContext, useEffect, useState } from 'react';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
-import { RouteContext, useRouteDispatchContext } from '../../context/RouteContext';
+import { RouteContext } from '../../context/RouteContext';
 import { SessionRestoreDispatchContext, SessionRestoreStateContext } from '../../context/SessionRestoreContext';
 import { CaseReducerConstants, SESSION_REFERRER_URL_LIMIT } from '../../reducers/CaseConstNTypes';
 import { getSessionDetailsFromCase } from '../../reducers/CaseHelpers';
 import { setCaseAccountNumber, setCaseOwner, setCaseState, updateCaseWithSession } from '../../reducers/CaseReducer';
 import { AppRouteSections, sessionRestoreCardSections, } from '../../reducers/RouteConstNTypes';
-import { getAppRouteSectionsSequence, getDefaultSection, RouteReducerConstants } from '../../reducers/RouteReducer';
 import { createSession, getRelevantSessionFromSessions, loadPreviousSessions, markAllSessionsUnresolved, updateActiveSessionId, updateSession, } from '../../reducers/SessionRestoreReducer';
 import RouteUtils from '../../utils/routeUtils';
 import { resetAttachment } from '../shared/fileUpload';
@@ -34,7 +33,6 @@ import { SessionRestoreCard } from './SessionRestoreCard';
 export function SessionRestore(props) {
     const sessionRestoreDispatch = useContext(SessionRestoreDispatchContext);
     const dispatchToAttachmentReducer = useContext(AttachmentDispatchContext);
-    const dispatchToRouteReducer = useRouteDispatchContext();
     const { sessionRestore } = useContext(SessionRestoreStateContext);
     const { selectedNotificationContacts, cepDetails, caseDetails, caseCreation500ErrorStatus } = useCaseSelector((state) => ({
         openshiftClusterID: state.caseDetails.openshiftClusterID,
@@ -48,11 +46,10 @@ export function SessionRestore(props) {
     const queryParamsFromUrl = RouteUtils.getQueryParams(props.routeProps);
     const currentUrlSeSessionId = queryParamsFromUrl.seSessionId;
     const previousUrlSeSessionId = usePrevious(currentUrlSeSessionId);
-    const { routeState: { activeSection, isCaseCreate, isSearchIntent, sectionsToHide }, } = useContext(RouteContext);
+    const { routeState: { activeSection, isCaseCreate, isSearchIntent }, } = useContext(RouteContext);
     const [isRestoring, setIsRestoring] = useState(false);
     const [previousSessions, setPreviousSessions] = useState([]);
     const previousActiveSessionId = usePrevious(sessionRestore.activeSessionId);
-    const isIdea = caseDetails.caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
     /**
      * Fetching previous sessions on load
      */
@@ -186,7 +183,6 @@ export function SessionRestore(props) {
                 caseDispatch({ type: CaseReducerConstants.resetCaseState });
                 setCaseAccountNumber(caseDispatch, loggedInUserRights.data.getAccountNumber(), true, loggedInUsersAccount.data);
                 setCaseOwner(caseDispatch, loggedInUserRights.data.getHydraContactFromLoggedInUser(), sessionItem.sessionDetails.product);
-                dispatchToRouteReducer({ type: RouteReducerConstants.resetRouteState });
             }
             const sessionDetails = sessionRestore.previousSessions.data[sessionItem.session.id].sessionDetails;
             // Automatically restoring a troubleshooting session in case creation can lead to overwriting open-case section details
@@ -208,8 +204,7 @@ export function SessionRestore(props) {
                     product: sessionItem.sessionDetails.product,
                     version: sessionItem.sessionDetails.version,
                 };
-                dispatchToRouteReducer({ type: RouteReducerConstants.resetRouteState });
-                RouteUtils.navigateToSection(props.routeProps, getDefaultSection(isCaseCreate, isSearchIntent, isIdea), getAppRouteSectionsSequence(sectionsToHide, isCaseCreate, isSearchIntent, isIdea), isCaseCreate, isSearchIntent, isIdea, true, newParams);
+                RouteUtils.navigateToDefaltSection(props.routeProps, isCaseCreate, isSearchIntent, true, newParams);
             }
             else {
                 updateActiveSessionId(sessionRestoreDispatch, sessionItem.session.id);

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

@@ -1,5 +1,5 @@
 import { Alert, AlertActionCloseButton, AlertActionLink, AlertVariant } from '@patternfly/react-core';
-import { isEqual } from 'lodash';
+import isEqual from 'lodash/isEqual';
 import React from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';

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

@@ -82,7 +82,7 @@ export default function SubmitCase() {
         ? false
         : attachmentState.caseFiles.selectedLocalFiles.every((localFile) => !isUploadedAndAnalyzed(localFile));
     const isNotAnIdea = caseType !== PreviousCaseTypes.FEATURE_ENHANCEMENT;
-    return (React.createElement(React.Fragment, null,
+    return (React.createElement("article", { className: "gird-main" },
         React.createElement(AlertMessage, { className: "push-top", title: t('Failed to add user.'), variant: AlertType.DANGER, show: addNotifiedUserError }),
         React.createElement(AlertMessage, { className: "push-top", variant: AlertType.DANGER, show: caseCreationError, title: t("Sorry, we're experiencing an error"), isInline: true },
             React.createElement(React.Fragment, null, caseCreationErrorMessage)),

package/lib/esm/components/Suggestions/TopContent.js

@@ -1,7 +1,7 @@
 import '@patternfly/pfe-accordion';
 import { pcm } from '@cee-eng/hydrajs';
 import { Tooltip } from '@patternfly/react-core';
-import { map } from 'lodash';
+import map from 'lodash/map';
 import React from 'react';
 import RouteUtils from '../../utils/routeUtils';
 const { SessionResourceSource } = pcm.preCase.session;

package/lib/esm/components/TroubleshootSection/TroubleshootSection.js

@@ -37,8 +37,8 @@ function TroubleshootSection(props) {
     const canAddAttachments = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.ATTACHMENTS);
     const isNotAnIdea = caseType !== PreviousCaseTypes.FEATURE_ENHANCEMENT;
     return (React.createElement(React.Fragment, null,
-        !isCreatingCase && (React.createElement("section", { className: "push-bottom" },
-            React.createElement(OpenShiftClusterId, null))),
+        !isCreatingCase && (React.createElement("section", null,
+            React.createElement(OpenShiftClusterId, { className: "push-bottom" }))),
         React.createElement("section", null,
             React.createElement("header", null,
                 React.createElement("h3", null,

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

@@ -1,5 +1,5 @@
 import { AppRouteSections } from '../../reducers/RouteConstNTypes';
-export declare function useIsSectionValid(sectionName?: AppRouteSections): {
+export declare function useIsSectionValid(sectionName: AppRouteSections): {
     isSectionValid: boolean;
     isSectionValidFn: (sectionNameLocal: any) => boolean;
     isActiveSectionValid: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"useIsSectionValid.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/useIsSectionValid.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAGnE,wBAAgB,iBAAiB,CAAC,WAAW,GAAE,gBAAuB;;;;;EA4LrE"}
+{"version":3,"file":"useIsSectionValid.d.ts","sourceRoot":"","sources":["../../../../src/components/shared/useIsSectionValid.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AAEnE,wBAAgB,iBAAiB,CAAC,WAAW,EAAE,gBAAgB;;;;;EA4K9D"}