@rh-support/troubleshoot 2.0.9 → 2.1.7

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

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

@@ -2,16 +2,15 @@ import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import find from 'lodash/find';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
-import { useContext, useEffect } from 'react';
+import { useContext } from 'react';
 import { useCaseSelector } from '../../context/CaseContext';
 import { RecommendationStateContext } from '../../context/RecommendationContext';
-import { RouteContext, RouteDispatchContext } from '../../context/RouteContext';
+import { RouteContext } from '../../context/RouteContext';
 import { TCStateContext } from '../../context/TopContentContext';
 import { CASE_REFERENCE_NUMBER_LIMIT, CONTACT_INFO_24X7_LIMIT, DESCRIPTION_LENGTH_LIMIT, HOSTNAME_LENGTH_LIMIT, PHONE_LIMIT, SUMMARY_LENGTH_LIMIT, } from '../../reducers/CaseConstNTypes';
 import { isCaseInformationSectionValid, isCaseManagementStateValid, isCaseStateValid, isClusterIDValid, isIdeaCaseStateValid, } from '../../reducers/CaseHelpers';
 import { AppRouteSections } from '../../reducers/RouteConstNTypes';
-import { RouteReducerConstants } from '../../reducers/RouteReducer';
-export function useIsSectionValid(sectionName = null) {
+export function useIsSectionValid(sectionName) {
     var _a, _b;
     const { caseState, caseType, product, version, contactSSOName, accountNumber, summary, description, hostname, contactInfo24x7, alternateId, selectedAccountDetails, phone, } = useCaseSelector((state) => ({
         caseState: state,
@@ -34,7 +33,6 @@ export function useIsSectionValid(sectionName = null) {
     const { recommendationState } = useContext(RecommendationStateContext);
     const isEntitledProduct = (_b = find((_a = allProducts === null || allProducts === void 0 ? void 0 : allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult, (p) => p.product === caseState.caseDetails.product)) === null || _b === void 0 ? void 0 : _b.isEntitledProduct;
     const { routeState: { activeSection, isSearchIntent }, } = useContext(RouteContext);
-    const dispatchToRouteReducer = useContext(RouteDispatchContext);
     const isGetSupportSectionValidLocal = () => {
         return (!isEmpty(caseType) &&
             !isEmpty(accountNumber) &&
@@ -110,6 +108,8 @@ export function useIsSectionValid(sectionName = null) {
                 return isReviewSectionValid();
             case AppRouteSections.DESCRIBE_IDEA:
                 return isDescribeIdeaSectionValid();
+            case AppRouteSections.SUBMIT_CASE:
+                return true;
             default:
                 return false;
         }
@@ -130,25 +130,6 @@ export function useIsSectionValid(sectionName = null) {
                 return '';
         }
     };
-    useEffect(() => {
-        if (isSectionValid(sectionName)) {
-            dispatchToRouteReducer({
-                type: RouteReducerConstants.setShowValidationErrorAlert,
-                payload: {
-                    showValidationErrorAlert: true,
-                },
-            });
-        }
-        else {
-            dispatchToRouteReducer({
-                type: RouteReducerConstants.setShowValidationErrorAlert,
-                payload: {
-                    showValidationErrorAlert: false,
-                },
-            });
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [sectionName, dispatchToRouteReducer]);
     return {
         isSectionValid: isSectionValid(sectionName),
         isSectionValidFn: isSectionValid,

package/lib/esm/components/wizardLayout/GlobalTroubleshootEffects.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GlobalTroubleshootEffects.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/GlobalTroubleshootEffects.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAWvD,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAcrF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,eA0atD"}
+{"version":3,"file":"GlobalTroubleshootEffects.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/GlobalTroubleshootEffects.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAWvD,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AASrF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,eA+VtD"}