@rh-support/troubleshoot 2.0.3 → 2.0.5

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

@@ -173,7 +173,7 @@ export default function CaseOverview(props) {
             yield confirm({
                 catchOnCancel: true,
                 title: t(`Status has been changed`),
-                description: t('Are you sure you want to change this case status to {{status}}?', { newStatus }),
+                description: t('Are you sure you want to change this case status to {{newStatus}}?', { newStatus }),
             });
             updateStatusState(newStatus);
         }

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

@@ -152,7 +152,7 @@ export const CaseSolutions = forwardRef((props, ref) => {
             if (error.status === 403) {
                 ToastNotification.addDangerMessage(t('You do not have the proper entitlements to pin a recommendation.'), React.createElement(React.Fragment, null,
                     t('Please'),
-                    React.createElement("a", { href: "/support/contact/customerService.html" },
+                    React.createElement("a", { href: "/support/contact/customerService" },
                         " ",
                         t('contact Customer Service'),
                         " "),

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

@@ -1 +1 @@
-{"version":3,"file":"CaseGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseGroup.tsx"],"names":[],"mappings":"AAkBA,UAAU,MAAM;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAWD,iBAAS,SAAS,CAAC,KAAK,EAAE,MAAM,eA6M/B;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"CaseGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/CaseGroup.tsx"],"names":[],"mappings":"AAmBA,UAAU,MAAM;IACZ,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB;AAWD,iBAAS,SAAS,CAAC,KAAK,EAAE,MAAM,eAsP/B;AAED,eAAe,SAAS,CAAC"}

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

@@ -16,6 +16,7 @@ import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
+import { RouteContext } from '../../context/RouteContext';
 import { useCaseUpdateErrorMessage } from '../../hooks/useCaseUpdateErrorMessage';
 import { setCaseDetails, setSelectedCaseGroupUsers, updateCaseDetails } from '../../reducers/CaseReducer';
 import { CaseValuesToWatch } from '../shared/Constants';
@@ -31,16 +32,19 @@ const emptyCaseGroup = {
 function CaseGroup(props) {
     const { t } = useTranslation();
     const caseUpdateError = useCaseUpdateErrorMessage();
-    const { groupNumber, caseNumber, accountNumber, selectedAccountDetails, ownersCaseGroups, groupName } = useCaseSelector((state) => ({
+    const { groupNumber, caseNumber, accountNumber, selectedAccountDetails, ownersCaseGroups, groupName, isCaseOwnerUpdating, } = useCaseSelector((state) => ({
         caseNumber: state.caseDetails.caseNumber,
         groupNumber: state.caseDetails.groupNumber,
         accountNumber: state.caseDetails.accountNumberRef,
         ownersCaseGroups: state.ownersCaseGroups,
         selectedAccountDetails: state.selectedAccountDetails,
         groupName: state.caseDetails.groupName,
+        isCaseOwnerUpdating: state.isCaseOwnerUpdating,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
-    const [selectedCaseGroup, setSelectedCaseGroup] = useState(emptyCaseGroup);
+    const { routeState: { showValidationErrorAlert }, } = useContext(RouteContext);
+    const isGroupMandatory = selectedAccountDetails.data.requireCGroupOnCreate;
+    const [selectedCaseGroup, setSelectedCaseGroup] = useState(isGroupMandatory ? undefined : emptyCaseGroup);
     const [isCaseGroupInvalid, setCaseGroupInvalid] = useState(false);
     const [isSelectedUngroupedInvalid, setIsSelectedUngroupedInvalid] = useState(false);
     const [isCaseGroupUpdating, setCaseGroupUpdating] = useState(false);
@@ -50,13 +54,6 @@ function CaseGroup(props) {
     const [localGroupChange, setLocalGroupChange] = useState(false);
     const afterGroupLocalChange = () => setLocalGroupChange(false);
     const groupComparator = (value, pvalue) => value && pvalue && !isEmpty(value.groupNum) && !isEmpty(pvalue.groupNum) && value.groupNum !== pvalue.groupNum;
-    const isGroupMandatory = selectedAccountDetails.data.requireCGroupOnCreate;
-    const isInValidSelectedGroup = (selectedItem) => {
-        var _a;
-        const isInvalidSelectedGroup = isGroupMandatory && ((_a = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) === null || _a === void 0 ? void 0 : _a.groupNum) === '-1';
-        setIsSelectedUngroupedInvalid(isInvalidSelectedGroup);
-        return isInvalidSelectedGroup;
-    };
     const isInvalidateCaseGroup = (selectedItem) => {
         const isInValidGroup = isEmpty(selectedItem) || !selectedItem.label;
         setCaseGroupInvalid(isInValidGroup);
@@ -78,20 +75,28 @@ function CaseGroup(props) {
         }
     });
     const onCaseGroupChange = (selection) => __awaiter(this, void 0, void 0, function* () {
-        var _a;
-        if ((!isInvalidateCaseGroup(selection) || !isInValidSelectedGroup(selection)) &&
-            selection.value.groupNum !== groupNumber) {
+        var _a, _b;
+        if (!isInvalidateCaseGroup(selection) && selection.value.groupNum !== groupNumber) {
             const caseDetails = {
                 groupNumber: selection.value.groupNum,
                 groupName: ((_a = selection.value) === null || _a === void 0 ? void 0 : _a.name) || '',
             };
             if (!isEmpty(caseNumber)) {
                 yield onCaseGroupUpdate(caseDetails);
+                setIsSelectedUngroupedInvalid(isGroupMandatory && (!selection.value.groupNum || selection.value.groupNum === '-1'));
             }
             else {
                 setCaseDetails(caseDispatch, caseDetails);
                 setSelectedCaseGroupUsers(caseDispatch, accountNumber, caseDetails.groupNumber, loggedInUserRights.data);
             }
+            setSelectedCaseGroup({
+                name: ((_b = selection.value) === null || _b === void 0 ? void 0 : _b.name) || '',
+                groupNum: selection.value.groupNum,
+                defaultMembers: [],
+                isDefault: false,
+                isPrivate: false,
+                members: [],
+            });
             setLocalGroupChange(true);
         }
     });
@@ -102,7 +107,8 @@ function CaseGroup(props) {
         if (isGroupMandatory) {
             // having group selected for case is mandatory, make 'UnGrouped Case' option disabled
             const listItems = list.map((item) => (Object.assign(Object.assign({}, item), { disabled: item.groupNum === '-1' })));
-            return toOptions(listItems, {
+            // As group is mandatory, 'UnGrouped Case' cannot be selected we filter it out
+            return toOptions(listItems.filter((g) => g.groupNum !== '-1'), {
                 labelKey: 'name',
                 disabledKey: 'disabled',
             });
@@ -112,11 +118,12 @@ function CaseGroup(props) {
         }
     };
     const onOuterClickGroupCheck = (selectedItem) => {
-        isInValidSelectedGroup(selectedItem);
         isInvalidateCaseGroup(selectedItem);
     };
     useEffect(() => {
         var _a, _b;
+        // case group may change outside of PCM. On group load check if we have a valid group
+        setIsSelectedUngroupedInvalid(isGroupMandatory && (!groupNumber || groupNumber === '-1'));
         if (groupNumber === undefined)
             return;
         if (((_b = (_a = ownersCaseGroups === null || ownersCaseGroups === void 0 ? void 0 : ownersCaseGroups.data) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0) === 0) {
@@ -134,14 +141,18 @@ function CaseGroup(props) {
         }
         const selectedGroup = find(ownersCaseGroups.data, (g) => g.groupNum === groupNumber);
         if (selectedGroup && selectedGroup.groupNum) {
-            setSelectedCaseGroup(selectedGroup);
-            // case group may change outside of PCM. On group load check if we have a valid group
-            setIsSelectedUngroupedInvalid(isGroupMandatory && selectedGroup.groupNum === '-1');
+            if (isGroupMandatory && selectedGroup.groupNum === '-1') {
+                setCaseGroupInvalid(true);
+            }
+            else {
+                setSelectedCaseGroup(selectedGroup);
+            }
         }
         else {
             setCaseGroupInvalid(true);
         }
-    }, [isGroupMandatory, groupNumber, ownersCaseGroups, caseNumber, groupName]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [ownersCaseGroups, caseNumber, isGroupMandatory]);
     const onCaseGroupClear = () => __awaiter(this, void 0, void 0, function* () {
         try {
             yield onCaseGroupChange(toOption(emptyCaseGroup));
@@ -152,15 +163,19 @@ function CaseGroup(props) {
         }
     });
     const showHelperText = !isSelectedUngroupedInvalid || (!isCaseGroupInvalid && !isGroupMandatory);
+    const showEmptyValidationError = !caseNumber && showValidationErrorAlert && isCaseGroupInvalid;
     return (React.createElement("div", { className: "form-group" },
         React.createElement("label", { htmlFor: "get-support-group" },
             React.createElement(Trans, null, "Group"),
             React.createElement(ValueChangedIcon, { afterLocalChange: afterGroupLocalChange, comparator: groupComparator, isLocalChange: localGroupChange, value: selectedCaseGroup, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.group, (v) => v.name) }),
             isGroupMandatory && (React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))),
-        React.createElement(Dropdown, { id: "get-support-group", searchable: (ownersCaseGroups.data || []).length > 10, onClearSelection: onCaseGroupClear, name: "get-support-group", placeholder: t(`Select a group`), title: t(`Select a group`), list: computeDropdownList(), selectedItem: toOption(selectedCaseGroup, { labelKey: 'name' }), disabled: ownersCaseGroups.isError || ownersCaseGroups.isFetching || isCaseGroupUpdating, isLoadingList: ownersCaseGroups.isFetching || isCaseGroupUpdating, onChange: onCaseGroupChange, isInValid: (ownersCaseGroups.isError || isCaseGroupInvalid || isSelectedUngroupedInvalid) && isGroupMandatory, required: isGroupMandatory, onOuterClick: onOuterClickGroupCheck, "data-tracking-id": "get-support-group" }),
-        isSelectedUngroupedInvalid && (React.createElement("p", { className: "form-instructions form-invalid" },
+        React.createElement(Dropdown, { id: "get-support-group", searchable: (ownersCaseGroups.data || []).length > 10, onClearSelection: onCaseGroupClear, name: "get-support-group", placeholder: t(`Select a group`), title: t(`Select a group`), list: computeDropdownList(), selectedItem: toOption(selectedCaseGroup, { labelKey: 'name' }), disabled: ownersCaseGroups.isError ||
+                ownersCaseGroups.isFetching ||
+                isCaseGroupUpdating ||
+                isCaseOwnerUpdating, isLoadingList: !isCaseOwnerUpdating && (ownersCaseGroups.isFetching || isCaseGroupUpdating), onChange: onCaseGroupChange, isInValid: ownersCaseGroups.isError || showEmptyValidationError || (caseNumber && isSelectedUngroupedInvalid), required: isGroupMandatory, onOuterClick: onOuterClickGroupCheck, "data-tracking-id": "get-support-group" }),
+        caseNumber && isSelectedUngroupedInvalid && (React.createElement("p", { className: "form-instructions form-invalid" },
             React.createElement(Trans, null, "'Ungrouped Case' cannot be selected. Please select a group."))),
-        isCaseGroupInvalid && isGroupMandatory && (React.createElement("p", { className: "form-instructions form-invalid" },
+        showEmptyValidationError && isGroupMandatory && (React.createElement("p", { className: "form-instructions form-invalid" },
             React.createElement(Trans, null, "Case group cannot be empty."))),
         showHelperText && (React.createElement("p", { className: "form-instructions" },
             React.createElement(Trans, null, "Organization administrators have the permission to manage groups.")))));

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,gBAkRjC"}
+{"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"}

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

@@ -120,6 +120,8 @@ export function OpenShiftClusterId() {
     // context api state will be reset on parent component each time user changes product and version
     useEffect(() => {
         clusterStateReset();
+        v3ClusterNameInputBoxChanged(v3ClusterName);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [product, version]);
     /**
      * Hook to set clusterId fields when comes from session or backward/forward
@@ -191,8 +193,10 @@ export function OpenShiftClusterId() {
         }
     };
     const v3ClusterNameInputBoxChanged = (v3Cluster) => {
-        const v3ClusterName = isEmpty(v3Cluster.trim()) ? '' : v3Cluster;
-        const description = getUpdatedDescription(issue, environment, periodicityOfIssue, timeFramesAndUrgency, v3ClusterName);
+        const v3ClusterName = product === 'OpenShift Container Platform' && version !== '3.11' && isEmpty(v3Cluster.trim())
+            ? ''
+            : v3Cluster;
+        const description = getUpdatedDescription(issue, environment, periodicityOfIssue, timeFramesAndUrgency, v3ClusterName, product, version);
         setCaseState(caseDispatch, { v3ClusterName });
         setCaseDetails(caseDispatch, { description });
     };

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;AAKpE,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,gBAiFtD,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,wBAAwB,EAAE,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,yBAAyB,UAAW,MAAM,gBA+EtD,CAAC"}

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

@@ -1,7 +1,9 @@
 import { Select, SelectGroup, SelectOption, SelectVariant } from '@patternfly/react-core';
 import isEmpty from 'lodash/isEmpty';
 import React, { useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
 export const NewProductVersionSelector = (props) => {
+    const { t } = useTranslation();
     const [isOpen, setIsOpen] = useState(false);
     const [selected, setSelected] = useState('');
     const [selectVersionOptions, setSelectVersionOptions] = React.useState([]);
@@ -31,9 +33,7 @@ export const NewProductVersionSelector = (props) => {
         renderVersions();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.selectedProduct]);
-    let options = [
-        React.createElement(SelectGroup, { label: "Version", key: "productVersions" }, selectVersionOptions),
-    ];
+    let options = [React.createElement(SelectGroup, { label: "Version", key: "productVersions" }), ...selectVersionOptions];
     const onToggle = (isOpen) => {
         setIsOpen(isOpen);
     };
@@ -53,5 +53,5 @@ export const NewProductVersionSelector = (props) => {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.versionState]);
     const titleId = 'version-selector';
-    return (React.createElement(Select, { variant: SelectVariant.single, onToggle: onToggle, onSelect: onSelect, isOpen: isOpen, placeholderText: "Select a version", "aria-labelledby": titleId, selections: selected, validated: isEmpty(selected) && showValidationLocal ? 'error' : 'default', isDisabled: isEmpty(props.selectedProduct.product), "data-tracking-id": "get-support-version-dropdown-selector" }, options));
+    return (React.createElement(Select, { variant: SelectVariant.single, onToggle: onToggle, onSelect: onSelect, isOpen: isOpen, placeholderText: t('Select a version'), "aria-labelledby": titleId, selections: selected, validated: isEmpty(selected) && showValidationLocal ? 'error' : 'default', isDisabled: isEmpty(props.selectedProduct.product), "data-tracking-id": "get-support-version-dropdown-selector" }, options));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"AlertToastWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/AlertToastWrapper.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAGH,OAAc,EAAE,EAAE,EAAmC,MAAM,OAAO,CAAC;AAUnE,UAAU,MAAM;IACZ,qBAAqB,EAAE,CAAC,cAAc,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5D;AAED,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,MAAM,CA8BjC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"AlertToastWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/AlertToastWrapper.tsx"],"names":[],"mappings":"AAAA;;GAEG;AAKH,OAAc,EAAE,EAAE,EAAmC,MAAM,OAAO,CAAC;AAWnE,UAAU,MAAM;IACZ,qBAAqB,EAAE,CAAC,cAAc,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5D;AAED,QAAA,MAAM,iBAAiB,EAAE,EAAE,CAAC,MAAM,CAuCjC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

@@ -2,8 +2,11 @@
  * We need to wrap Critical solution toast notification and Cluster recommendation toast notification so they don't get overlapped.
  */
 import { AlertGroup } from '@patternfly/react-core';
+import { PreviousCaseTypes } from '@rh-support/utils';
+import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useState } from 'react';
 import { isUploadedAndAnalyzed } from '../../components/shared/fileUpload/reducer/AttachmentHelper';
+import { useCaseSelector } from '../../context/CaseContext';
 import { RouteContext } from '../../context/RouteContext';
 import { hideSideBarClusterIdRuleToast } from '../../reducers/RouteConstNTypes';
 import { AttachmentStateContext } from '../shared/fileUpload';
@@ -13,10 +16,15 @@ import CriticalSolutionsToast from './CriticalSolutionsToast';
 const AlertToastWrapper = ({ submitCaseAndNavigate }) => {
     const { routeState: { activeSection }, } = useContext(RouteContext);
     const [isCriticalSolutionsVisible, setIsCriticalSolutionsVisible] = useState(true);
+    const { caseType } = useCaseSelector((state) => ({
+        caseType: state.caseDetails.caseType,
+    }), isEqual);
     const { attachmentState } = useContext(AttachmentStateContext);
     useEffect(() => {
         const isEveryFileFinished = attachmentState.caseFiles.selectedLocalFiles.every((file) => isUploadedAndAnalyzed(file));
-        isEveryFileFinished && setIsCriticalSolutionsVisible(true);
+        isEveryFileFinished &&
+            caseType !== PreviousCaseTypes.FEATURE_ENHANCEMENT &&
+            setIsCriticalSolutionsVisible(true);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [attachmentState.caseFiles.selectedLocalFiles]);
     const hideClusterIdReportModal = hideSideBarClusterIdRuleToast.includes(activeSection);

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

@@ -1 +1 @@
-{"version":3,"file":"CriticalSolutionsToast.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/CriticalSolutionsToast.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,EAAE,EAAmC,MAAM,OAAO,CAAC;AAKnE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,QAAA,MAAM,sBAAsB,EAAE,EAAE,CAAC,MAAM,CAiDtC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"CriticalSolutionsToast.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/CriticalSolutionsToast.tsx"],"names":[],"mappings":"AAGA,OAAc,EAAE,EAAE,EAAmC,MAAM,OAAO,CAAC;AAMnE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,QAAA,MAAM,sBAAsB,EAAE,EAAE,CAAC,MAAM,CAyDtC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

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

@@ -1,6 +1,9 @@
 import { Alert, AlertActionCloseButton, Button } from '@patternfly/react-core';
+import { PreviousCaseTypes } from '@rh-support/utils';
+import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
+import { useCaseSelector } from '../../context/CaseContext';
 import { RulesDispatchContext, RulesStateContext } from '../../context/RulesContext';
 import { RulesReducerConstants } from '../../reducers/RulesReducer';
 const CriticalSolutionsToast = (props) => {
@@ -8,6 +11,9 @@ const CriticalSolutionsToast = (props) => {
     const [showNotification, setShowNotification] = useState(false);
     const { rulesState } = useContext(RulesStateContext);
     const rulesDispatch = useContext(RulesDispatchContext);
+    const { caseType } = useCaseSelector((state) => ({
+        caseType: state.caseDetails.caseType,
+    }), isEqual);
     useEffect(() => {
         if (rulesState.triggerRuleNotification && !showNotification) {
             setShowNotification(true);
@@ -36,6 +42,6 @@ const CriticalSolutionsToast = (props) => {
     if (!showNotification && !rulesState.triggerRuleNotification)
         return null;
     return (React.createElement(Alert, { isLiveRegion: true, variant: "success", title: t('File recommendations are ready to view'), "data-tracking-id": "toast-view-crit-sol", actionLinks: React.createElement(Button, { isInline: true, variant: "link", onClick: viewCriticalSolution },
-            React.createElement(Trans, null, "Troubleshooting specific for your uploaded files.")), actionClose: React.createElement(AlertActionCloseButton, { variantLabel: "success alert", onClose: onClose }) }));
+            React.createElement(Trans, null, "Troubleshooting specific for your uploaded files.")), actionClose: React.createElement(AlertActionCloseButton, { variantLabel: "success alert", onClose: onClose }), timeout: caseType !== PreviousCaseTypes.FEATURE_ENHANCEMENT }));
 };
 export default CriticalSolutionsToast;

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

@@ -1 +1 @@
-{"version":3,"file":"InsightsResults.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/InsightsResults.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAgC,MAAM,0CAA0C,CAAC;AAG7G,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAwB5D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AASD,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACjE,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;CAClB;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eAuPrC;kBAvPQ,eAAe;;;AA0PxB,eAAe,eAAe,CAAC"}
+{"version":3,"file":"InsightsResults.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/InsightsResults.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAgC,MAAM,0CAA0C,CAAC;AAG7G,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAwB5D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AASD,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACjE,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;CAClB;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eAyPrC;kBAzPQ,eAAe;;;AA4PxB,eAAe,eAAe,CAAC"}

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

@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { search } from '@cee-eng/hydrajs';
 import { Alert } from '@patternfly/react-core';
 import { usePrevious } from '@rh-support/components';
-import { getSolrParams } from '@rh-support/utils';
+import { getSolrParams, PreviousCaseTypes } from '@rh-support/utils';
 import difference from 'lodash/difference';
 import filter from 'lodash/filter';
 import flatMap from 'lodash/flatMap';
@@ -49,7 +49,7 @@ const defaultProps = {
 function InsightsResults(props) {
     const recommendationDispatch = useContext(RecommendationDispatchContext);
     const { attachmentState: { includeAnalysisResults, caseFiles: { selectedLocalFiles }, }, } = useContext(AttachmentStateContext);
-    const { product, version, environment, summary, issue, periodicityOfIssue, timeFramesAndUrgency } = useCaseSelector((state) => ({
+    const { product, version, environment, summary, issue, periodicityOfIssue, timeFramesAndUrgency, caseType } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
         environment: state.caseDetails.environment,
@@ -57,6 +57,7 @@ function InsightsResults(props) {
         issue: state.caseDetails.issue,
         periodicityOfIssue: state.caseDetails.periodicityOfIssue,
         timeFramesAndUrgency: state.caseDetails.timeFramesAndUrgency,
+        caseType: state.caseDetails.caseType,
     }), isEqual);
     const [recommendedResultsMap, setRecommendedResultsMap] = useState({});
     const [insightResultsMap, setInsightResultsMap] = useState({});
@@ -238,7 +239,7 @@ function InsightsResults(props) {
         return (React.createElement(InsightResultModal, { EARule: validEARules, onModalToggle: insightsModalToggle, isOpen: isRuleModalVisible, insightResults: allResults, isRenderedMain: true }));
     }
     return (React.createElement(React.Fragment, null,
-        !rulesState.triggerRuleNotification && (React.createElement(Alert, { isInline: true, title: t('File recommendations are ready to view'), "data-tracking-id": "inline-view-crit-sol", children: React.createElement("p", null,
+        !rulesState.triggerRuleNotification && caseType !== PreviousCaseTypes.FEATURE_ENHANCEMENT && (React.createElement(Alert, { isInline: true, title: t('File recommendations are ready to view'), "data-tracking-id": "inline-view-critical-solution", children: React.createElement("p", null,
                 React.createElement(Trans, null, "Troubleshooting specific for your uploaded files.")) })),
         React.createElement(InsightResultModal, { EARule: validEARules, onModalToggle: insightsModalToggle, isOpen: isRuleModalVisible, insightResults: allResults })));
 }

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

@@ -1 +1 @@
-{"version":3,"file":"TroubleshootSection.d.ts","sourceRoot":"","sources":["../../../../src/components/TroubleshootSection/TroubleshootSection.tsx"],"names":[],"mappings":"AAcA,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AASD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,eAmDzC;kBAnDQ,mBAAmB;;;AAsD5B,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"TroubleshootSection.d.ts","sourceRoot":"","sources":["../../../../src/components/TroubleshootSection/TroubleshootSection.tsx"],"names":[],"mappings":"AAiBA,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AASD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,eAuFzC;kBAvFQ,mBAAmB;;;AA0F5B,eAAe,mBAAmB,CAAC"}

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

@@ -1,4 +1,7 @@
 import { ErrorBoundary, LoadingDots } from '@rh-support/components';
+import { GlobalMetadataStateContext } from '@rh-support/react-context';
+import { ability, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
+import { PreviousCaseTypes } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useContext } from 'react';
@@ -21,30 +24,43 @@ function TroubleshootSection(props) {
     var _a;
     const { t } = useTranslation();
     const { topContentState: { topContent }, } = useContext(TCStateContext);
-    const { product, version, isCreatingCase } = useCaseSelector((state) => ({
+    const { globalMetadataState: { loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
+    const { product, version, isCreatingCase, caseType } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
         isCreatingCase: state.isCreatingCase,
+        caseType: state.caseDetails.caseType,
     }), isEqual);
+    const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
     const canShowTopProducts = isEmpty(product);
     const canShowTopContent = !canShowTopProducts && ((_a = topContent === null || topContent === void 0 ? void 0 : topContent.data) === null || _a === void 0 ? void 0 : _a.length) > 0;
+    const canAddAttachments = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.ATTACHMENTS);
     return (React.createElement(React.Fragment, null,
         !isCreatingCase && (React.createElement("section", { className: "push-bottom" },
             React.createElement(OpenShiftClusterId, null))),
         React.createElement("section", null,
             React.createElement("header", null,
-                topContent.data.length > 0 && (React.createElement("h3", null,
+                React.createElement("h3", null,
                     React.createElement(Trans, null,
                         "Because you selected",
                         ' ',
-                        React.createElement("p", { className: "pf-u-font-weight-bold selected-product-suggestion" }, product)))),
+                        React.createElement("p", { className: "pf-u-font-weight-bold selected-product-suggestion" }, product))),
                 React.createElement(LoadingDots, { show: topContent.isFetching }),
+                topContent.data.length === 0 && (React.createElement("div", { className: "card card-white card-support" },
+                    React.createElement("h3", { className: "card-heading popular-solutions" },
+                        React.createElement(Trans, null, "Popular solutions and docs")),
+                    React.createElement("div", { className: "card-body" },
+                        React.createElement(Trans, null, "No recommendations for this product")))),
                 React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading suggestions') } }, canShowTopContent && !isEmpty(version) && React.createElement(Suggestions, null)),
                 !isCreatingCase && React.createElement(ClusterRecommendations, { className: "push-top" }))),
         React.createElement("section", { className: "pf-u-mt-lg" },
             React.createElement(InsightsResults, { isDisplayOnMain: true }),
-            React.createElement("div", { className: "push-top" },
-                React.createElement(FileDiag, null)))));
+            React.createElement("div", { className: "push-top" }, canAddAttachments ? (React.createElement(FileDiag, null)) : (React.createElement("div", { className: "card card-white card-support file-diag" },
+                React.createElement("h3", { className: "card-heading" }, isIdea || loggedInUsersAccount.data.secureSupport ? (React.createElement(Trans, null, "File uploader")) : (React.createElement(Trans, null, "Upload file to analyze"))),
+                React.createElement("div", { className: "card-body" },
+                    React.createElement("div", { className: "display-dashed pf-u-font-weight-bold pf-u-text-align-center" },
+                        React.createElement(Trans, null, "You do not have access to upload files"),
+                        "."))))))));
 }
 TroubleshootSection.defaultProps = defaultProps;
 export default TroubleshootSection;

package/lib/esm/components/shared/fileUpload/WidgetFileUploader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetFileUploader.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/fileUpload/WidgetFileUploader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAA0C,MAAM,OAAO,CAAC;AA2B/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAInD,UAAU,MAAO,SAAQ,wBAAwB,EAAE,gBAAgB;IAC/D,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAYD,iBAAS,kBAAkB,CAAC,KAAK,EAAE,MAAM,eAsLxC;kBAtLQ,kBAAkB;;;AA0L3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"WidgetFileUploader.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/fileUpload/WidgetFileUploader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAA0C,MAAM,OAAO,CAAC;AA2B/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAInD,UAAU,MAAO,SAAQ,wBAAwB,EAAE,gBAAgB;IAC/D,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAYD,iBAAS,kBAAkB,CAAC,KAAK,EAAE,MAAM,eAwLxC;kBAxLQ,kBAAkB;;;AA4L3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/lib/esm/components/shared/fileUpload/WidgetFileUploader.js

@@ -123,15 +123,17 @@ function WidgetFileUploader(props) {
         }
     });
     return (React.createElement("div", { className: `card card-white card-support file-diag ${props.className || ''}`, onPaste: handlePaste },
-        React.createElement("h3", { className: "card-heading" }, props.isIdea || props.isSecureSupport ? (React.createElement(Trans, null, "File uploader")) : (React.createElement(Trans, null, "File uploader and analyzer"))),
+        React.createElement("h3", { className: "card-heading" }, props.isIdea || props.isSecureSupport ? (React.createElement(Trans, null, "File uploader")) : (React.createElement(Trans, null, "Upload file to analyze"))),
         React.createElement("div", { className: "card-body" },
             props.isIdea ? (React.createElement(WidgetFileSelectorImage, { isSessionId: props.isSessionId, isPrivate: props.isPrivate })) : (React.createElement(WidgetFileSelector, { isSessionId: props.isSessionId, isPrivate: props.isPrivate })),
-            !hasSomeSelectedFiles(selectedLocalFiles) ? (props.helperText || (React.createElement("p", { className: "pf-u-mt-sm" }, !props.isIdea ? (React.createElement(Trans, { i18nKey: "i18nUploadSosReport" },
-                "Upload a",
-                ' ',
-                React.createElement("a", { href: "/solutions/3592", target: "_blank" }, "sosreport"),
-                "to help us provide the best solutions for your system.")) : (React.createElement("span", { className: "pf-u-font-family-redhatVF-heading-sans-serif pf-u-color-300" },
-                React.createElement(Trans, null, "Allowed file types: png, gif, jpg, jpeg.")))))) : (React.createElement(React.Fragment, null,
+            !hasSomeSelectedFiles(selectedLocalFiles) ? ((!props.isIdea && props.helperText) || (React.createElement("p", { className: "pf-u-mt-sm" },
+                !props.isIdea ? (React.createElement(Trans, { i18nKey: "i18nUploadSosReport" },
+                    "Upload a",
+                    ' ',
+                    React.createElement("a", { href: "/solutions/3592", target: "_blank" }, "sosreport"),
+                    "to help us provide the best solutions for your system.")) : (React.createElement("span", { className: "pf-u-font-family-redhatVF-heading-sans-serif pf-u-color-300" },
+                    React.createElement(Trans, null, "Allowed file types: png, gif, jpg, jpeg."))),
+                ' '))) : (React.createElement(React.Fragment, null,
                 React.createElement(FileLister, { selectedLocalFiles: attachmentState.caseFiles.selectedLocalFiles, onFileEdit: editFile, onFileRemove: removeFile, onRetry: retryUpload, onRetryAnalysis: retryAnalysis, isSessionId: props.isSessionId, showSlowUploadMsg: attachmentState.showUploadingOnSlowConnectionMsg }),
                 hasUploadedSomeAttachments(selectedLocalFiles) && !props.isIdea && (React.createElement("p", null,
                     React.createElement(Trans, null, "If you can't find a solution, all files are moved to your case."))))),
@@ -139,6 +141,7 @@ function WidgetFileUploader(props) {
             isAnalysingAnyAttachment(attachmentState.caseFiles.selectedLocalFiles) && (React.createElement(Button, { isDisabled: true },
                 React.createElement(Trans, null, "Analyzing..."))),
             showViewRecBtn &&
+                !props.isIdea &&
                 !isAnalysingAnyAttachment(attachmentState.caseFiles.selectedLocalFiles) &&
                 hasAnalysedSomeAttachments(attachmentState.caseFiles.selectedLocalFiles) && (React.createElement(Button, { "data-tracking-id": "widget-file-uploader-view-recs", onClick: onViewRecBtnClick },
                 React.createElement(Trans, null, "View recommendations"))))));

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;;;;;EA2LrE"}
+{"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"}

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

@@ -48,7 +48,8 @@ export function useIsSectionValid(sectionName = null) {
             !allProducts.isError &&
             !topContent.isFetching &&
             !isEmpty(summary) &&
-            !recommendationState.isLoadingRecommendations);
+            !recommendationState.isLoadingRecommendations &&
+            summary.length < SUMMARY_LENGTH_LIMIT);
     };
     const isCaseManagementSectionValid = () => {
         const hasContactInfo24x7ValidLength = contactInfo24x7

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,eAoatD"}
+{"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"}

package/lib/esm/components/wizardLayout/GlobalTroubleshootEffects.js

@@ -331,6 +331,7 @@ export function GlobalTroubleshootEffects(props) {
         // Need to check `hasCluster` is empty as when product is changing from shift product to non-shift
         // product new product will don't have any cluster
         const isClusterInfoShouldBeReset = !hasCluster || (hasCluster && oldMajorVersion !== newMajorVersion);
+        const isOpenShiftV3 = product === 'OpenShift Container Platform' && newMajorVersion === '3';
         if (isClusterInfoShouldBeReset) {
             setCaseDetails(caseDispatch, {
                 openshiftClusterID: '',
@@ -340,6 +341,9 @@ export function GlobalTroubleshootEffects(props) {
             });
             setCaseState(caseDispatch, { v3ClusterName: '' });
         }
+        if (!isOpenShiftV3) {
+            setCaseState(caseDispatch, { v3ClusterName: '' });
+        }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [product, version, allProducts.data.productsResult, caseDispatch]);
     return React.createElement(React.Fragment, null);

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

@@ -8,7 +8,7 @@ import { ICaseState } from './CaseConstNTypes';
 export declare const getCaseRecommendations: (docs: ISolrRecommendation[], oldDocs: any) => any[];
 export declare const getCepCommentFromCepDetails: (cepDetails: ICepDetails) => string;
 export declare const getRecommendationObject: (doc: ISolrRecommendation, index: number) => ICaseResourceLink;
-export declare const getUpdatedDescription: (issue: string, environment?: string, periodicityOfIssue?: string, timeFramesAndUrgency?: string, v3ClusterName?: string) => string;
+export declare const getUpdatedDescription: (issue: string, environment?: string, periodicityOfIssue?: string, timeFramesAndUrgency?: string, v3ClusterName?: string, product?: string, version?: string) => string;
 export declare const getDescriptionWOQues: (issue: string, environment?: string, periodicityOfIssue?: string, timeFramesAndUrgency?: string) => string;
 export declare const getIrtForSLAAndSeverity: (slaProcessId: string, severity: string) => string;
 export declare const getOrtForSLAAndSeverity: (slaProcessId: string, severity: string) => string;

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

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

package/lib/esm/reducers/CaseHelpers.js

@@ -45,19 +45,20 @@ export const getRecommendationObject = (doc, index) => {
     return rec;
 };
 // Responsible for the order of the questions in which they appear on case details
-export const getUpdatedDescription = (issue, environment, periodicityOfIssue, timeFramesAndUrgency, v3ClusterName) => {
+export const getUpdatedDescription = (issue, environment, periodicityOfIssue, timeFramesAndUrgency, v3ClusterName, product, version) => {
     let description = issue;
+    const v3ClusterNameFinal = product === 'OpenShift Container Platform' && version !== '3.11' ? '' : v3ClusterName;
     if (!isEmpty(environment) ||
         !isEmpty(periodicityOfIssue) ||
         !isEmpty(timeFramesAndUrgency) ||
-        !isEmpty(v3ClusterName)) {
+        !isEmpty(v3ClusterNameFinal)) {
         description = `${KtQuestionConstant.issue}\n${issue}`;
         description += !isEmpty(timeFramesAndUrgency)
             ? `\n\n${KtQuestionConstant.timeFramesAndUrgency}\n${timeFramesAndUrgency}`
             : '';
         description +=
-            !isEmpty(environment) || !isEmpty(v3ClusterName)
-                ? `\n\n${KtQuestionConstant.environment}\n${v3ClusterName ? `OpenShift Cluster Name: ${v3ClusterName} \n` : ''}${environment}`
+            !isEmpty(environment) || !isEmpty(v3ClusterNameFinal)
+                ? `\n\n${KtQuestionConstant.environment}\n${v3ClusterNameFinal ? `OpenShift Cluster Name: ${v3ClusterNameFinal} \n` : ''}${environment}`
                 : '';
         description += !isEmpty(periodicityOfIssue)
             ? `\n\n${KtQuestionConstant.periodicityOfIssue}\n${periodicityOfIssue}`

package/lib/esm/scss/_main.scss

@@ -1789,3 +1789,9 @@ div.case-details-ref-number {
         color: var(--pf-global--Color--100) !important;
     }
 }
+
+.display-dashed {
+    padding: 0.5rem;
+    border: 2px dashed var(--pf-global--palette--black-600);
+    background-color: var(--pf-global--palette--black-300);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.0.3",
+    "version": "2.0.5",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -26,7 +26,7 @@
         "lib/**/*"
     ],
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.15.71",
+        "@cee-eng/hydrajs": "4.15.72",
         "@cee-eng/ui-toolkit": "1.1.6",
         "@patternfly/patternfly": "4.196.7",
         "@patternfly/pfe-accordion": "1.12.3",
@@ -63,7 +63,7 @@
         "react-virtualized": "^9.21.2"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "4.15.71",
+        "@cee-eng/hydrajs": "4.15.72",
         "@cee-eng/ui-toolkit": "1.1.6",
         "@patternfly/patternfly": "4.196.7",
         "@patternfly/pfe-accordion": "1.12.3",
@@ -73,11 +73,11 @@
         "@patternfly/react-core": "4.264.0",
         "@progress/kendo-drawing": "^1.6.0",
         "@progress/kendo-react-pdf": "^3.12.0",
-        "@rh-support/components": "2.0.3",
-        "@rh-support/react-context": "2.0.3",
+        "@rh-support/components": "2.0.4",
+        "@rh-support/react-context": "2.0.4",
         "@rh-support/types": "2.0.1",
-        "@rh-support/user-permissions": "2.0.3",
-        "@rh-support/utils": "2.0.3",
+        "@rh-support/user-permissions": "2.0.4",
+        "@rh-support/utils": "2.0.4",
         "@types/react-redux": "^7.1.12",
         "@types/redux": "^3.6.0",
         "@webcomponents/webcomponentsjs": "^2.2.10",
@@ -145,5 +145,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "f8fe7a663c31e0247c25916cdb54c7da7440abb2"
+    "gitHead": "7ea1dd6e1863534b3a58c14342605a5221866fb2"
 }