@rh-support/troubleshoot 2.0.0 → 2.0.2-beta.0

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

@@ -29,7 +29,7 @@ function AccountSelector(props) {
     const canAccessManagedAccounts = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.MANAGED_ACCOUNTS);
     const canBookmarkAccounts = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.BOOKMARK_ACCOUNTS);
     const canUseFindMyAccount = loggedInUserRights.data.isAccountDifferentFromLoggedInAccount(accountNumber);
-    //
+    // Account Change Handler
     const onAccountChange = (account) => {
         if (selectedAccountDetails.data.accountNumber === account.accountNumber)
             return;

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,eAyO/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';
@@ -40,7 +41,9 @@ function CaseGroup(props) {
         groupName: state.caseDetails.groupName,
     }), 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 +53,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 +74,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 +106,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 +117,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 +140,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 +162,16 @@ 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, isLoadingList: 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/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

@@ -1418,8 +1418,8 @@ div.support-grid-case-details.support-case {
         -ms-grid-rows: 1fr auto;
         grid-template-rows: 1fr auto;
         grid-template-areas:
-            'main'
-            'nav';
+            'main main'
+            'nav nav';
 
         .grid-main {
             -ms-grid-row: 1;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.0.0",
+    "version": "2.0.2-beta.0",
     "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.0",
-        "@rh-support/react-context": "2.0.0",
-        "@rh-support/types": "2.0.0",
-        "@rh-support/user-permissions": "2.0.0",
-        "@rh-support/utils": "2.0.0",
+        "@rh-support/components": "2.0.2-beta.0",
+        "@rh-support/react-context": "2.0.2-beta.0",
+        "@rh-support/types": "2.0.1",
+        "@rh-support/user-permissions": "2.0.1-beta.0",
+        "@rh-support/utils": "2.0.1-beta.0",
         "@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": "a8012bb04d9b5073b5cc97507c93da6745be2102"
+    "gitHead": "d8aaf95219bd66267ccfeef0d708d88dadc60766"
 }