@rh-support/troubleshoot 0.2.93-alpha-0 → 0.2.95

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/index.tsx"],"names":[],"mappings":"AAyCA,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,eAidjD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/CaseOverview/index.tsx"],"names":[],"mappings":"AAyCA,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,MAAM,eAgfjD"}

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

@@ -72,6 +72,7 @@ export default function CaseOverview(props) {
     const { isCaseUpdating, contactIsPartner, hotfixRequested, hotfixDelivered, selectedAccountDetails, caseDetails: { firstCaseInactivityWarningSentAt, secondCaseInactivityWarningSentAt }, } = caseState;
     const globalMetadataDispatchContext = useContext(GlobalMetadataDispatchContext);
     const { globalMetadataState: { allCaseTypes, allCaseSeverities, viewAsCustomer, loggedInUsersAccount, loggedInUserRights, }, } = useContext(GlobalMetadataStateContext);
+    const updatingUser = loggedInUsersAccount.data.name;
     const canSeeManagedByPartnerFlag = contactIsPartner &&
         ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_MANAGED_BY_PARTNER_FLAG);
     const canSeeInternalFlags = ability.can(resourceActions.PATCH, resources.CASE_DETAILS, CaseDetailsFields.CASE_DETAILS_INTERNAL_FLAGS);
@@ -136,10 +137,17 @@ export default function CaseOverview(props) {
             ToastNotification.addDangerMessage(t('Severity failed to update'));
         }
     });
-    const updateStatusState = (statusVal, onStatusUpdate = null) => __awaiter(this, void 0, void 0, function* () {
+    const updateStatusState = (statusVal, reopenedAt, reopenedBySSOName, reopenedReason, reopenedReasonOther, onStatusUpdate = null) => __awaiter(this, void 0, void 0, function* () {
         setStatusUpdating(caseOverviewDispatch, true);
+        let updateStatusObj = {
+            status: statusVal,
+            reopenedAt: reopenedAt,
+            reopenedBySSOName: reopenedBySSOName,
+            reopenedReason: reopenedReason,
+            reopenedReasonOther: reopenedReasonOther,
+        };
         try {
-            yield updateCaseDetails(caseDispatch, props.caseNumber, { status: statusVal });
+            yield updateCaseDetails(caseDispatch, props.caseNumber, updateStatusObj);
             setStatusUpdating(caseOverviewDispatch, false);
             onStatusUpdate && (yield onStatusUpdate());
             ToastNotification.addSuccessMessage(t('Status has been successfully updated'));
@@ -284,12 +292,12 @@ export default function CaseOverview(props) {
             }), isUpdating: (caseOverviewState.caseStatusUpdating && isCaseUpdating) || isPostingComment, onClose: () => {
                 setShowCaseCloseModal(false);
             }, caseNumber: caseNumber })),
-        showReOpenCaseModal && (React.createElement(ReopenCaseModal, { isInternal: loggedInUserRights.data.isInternal(), onConfirm: (newStatus, commentBody) => __awaiter(this, void 0, void 0, function* () {
-                yield updateStatusState(newStatus, () => __awaiter(this, void 0, void 0, function* () {
+        showReOpenCaseModal && (React.createElement(ReopenCaseModal, { isInternal: loggedInUserRights.data.isInternal(), onConfirm: (commentBody, newStatus, reopenedAt, reopenedBySSOName, reopenedReason, reopenedReasonOther) => __awaiter(this, void 0, void 0, function* () {
+                yield updateStatusState(newStatus, reopenedAt || null, reopenedBySSOName || null, reopenedReason || null, reopenedReasonOther || null, () => __awaiter(this, void 0, void 0, function* () {
                     postCommentAfterStatusUpdate(commentBody);
                 }));
                 setShowReopenCaseModal(false);
             }), onClose: () => {
                 setShowReopenCaseModal(false);
-            }, caseNumber: caseNumber, reopenStatus: reopenStatusRef.current, allStatuses: caseOverviewState.allCaseStatuses.data, isUpdating: (caseOverviewState.caseStatusUpdating && isCaseUpdating) || isPostingComment }))));
+            }, caseNumber: caseNumber, reopenStatus: reopenStatusRef.current, allStatuses: caseOverviewState.allCaseStatuses.data, isUpdating: (caseOverviewState.caseStatusUpdating && isCaseUpdating) || isPostingComment, whoIsUpdating: updatingUser }))));
 }

package/lib/esm/components/CaseEditView/ConfirmationModals/ReopenCaseModal.d.ts

@@ -1,12 +1,13 @@
 import { CaseStatusEnum } from '../../../constants/caseDetailsConstants';
 interface IProps {
-    onConfirm: (newStatus: any, commentBody: any) => void;
+    onConfirm: (commentBody: any, newStatus: any, reopenedAt?: any, reopenedBySSOName?: any, reopenedReason?: any, reopenedReasonOther?: any) => void;
     onClose: () => void;
     caseNumber: string;
     isInternal: boolean;
     allStatuses: string[];
     isUpdating: boolean;
     reopenStatus: CaseStatusEnum;
+    whoIsUpdating: string;
 }
 export declare function ReopenCaseModal(props: IProps): JSX.Element;
 export {};

package/lib/esm/components/CaseEditView/ConfirmationModals/ReopenCaseModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReopenCaseModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ConfirmationModals/ReopenCaseModal.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAEzE,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,SAAS,KAAA,EAAE,WAAW,KAAA,KAAK,IAAI,CAAC;IAC5C,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,cAAc,CAAC;CAChC;AAMD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,eAkL5C"}
+{"version":3,"file":"ReopenCaseModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/ConfirmationModals/ReopenCaseModal.tsx"],"names":[],"mappings":"AAiBA,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAEzE,UAAU,MAAM;IACZ,SAAS,EAAE,CAAC,WAAW,KAAA,EAAE,SAAS,KAAA,EAAE,UAAU,CAAC,KAAA,EAAE,iBAAiB,CAAC,KAAA,EAAE,cAAc,CAAC,KAAA,EAAE,mBAAmB,CAAC,KAAA,KAAK,IAAI,CAAC;IACpH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,cAAc,CAAC;IAC7B,aAAa,EAAE,MAAM,CAAC;CACzB;AAMD,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,eA6L5C"}

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

@@ -9,6 +9,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { Button, ButtonVariant, Form, FormGroup, Modal, ModalVariant, Select, SelectOption, TextArea, } from '@patternfly/react-core';
 import ExclamationCircleIcon from '@patternfly/react-icons/dist/js/icons/exclamation-circle-icon';
+import { formatDateTime } from '@rh-support/utils';
 import { isEmpty } from 'lodash';
 import React, { useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -45,12 +46,16 @@ export function ReopenCaseModal(props) {
     const getCommentBody = () => {
         return `**Reason for reopening case:** \n${selectedReason}${reasonWithDescription.includes(selectedReason) || props.isInternal
             ? `${props.isInternal ? '' : '. '}${reopenDescription}`
-            : ''}`;
+            : ''}
+        \n **Reopened date:** \n${formatDateTime(Date())}
+        \n**Reopened by:** \n${props.whoIsUpdating}
+        \n**Reopened reason other description:**\n${reopenDescription}`;
     };
     const onSubmit = () => __awaiter(this, void 0, void 0, function* () {
         if (!checkForRequiredFields())
             return;
-        props.onConfirm(props.reopenStatus || selectedStatus || CaseStatusEnum.WAITING_ON_REDHAT, getCommentBody());
+        let submissionDate = new Date();
+        props.onConfirm(getCommentBody(), props.reopenStatus || selectedStatus || CaseStatusEnum.WAITING_ON_REDHAT, submissionDate, props.whoIsUpdating, selectedReason, reopenDescription);
     });
     const onReasonChange = (event, resolution) => {
         setSelectedReason(resolution);

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

@@ -1 +1 @@
-{"version":3,"file":"CaseAlternateId.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseAlternateId.tsx"],"names":[],"mappings":"AAgBA,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAOD,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eA6HrC;kBA7HQ,eAAe;;;AAgIxB,eAAe,eAAe,CAAC"}
+{"version":3,"file":"CaseAlternateId.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseAlternateId.tsx"],"names":[],"mappings":"AAgBA,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAOD,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eA4HrC;kBA5HQ,eAAe;;;AA+HxB,eAAe,eAAe,CAAC"}

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

@@ -43,11 +43,11 @@ function CaseAlternateId(props) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [alternateId]);
-    const onChange = (e) => {
+    const onAlternateIdChange = (e) => {
         if (canEditCase.alert())
             return;
         setAlternateIdState(e.target.value);
-        !caseNumber && setCaseDetails(caseDispatch, { alternateId: e.target.value });
+        !caseNumber && setCaseDetails(caseDispatch, { alternateId: e.target.value.trim() });
     };
     const updateAlternateId = () => __awaiter(this, void 0, void 0, function* () {
         try {
@@ -87,7 +87,7 @@ function CaseAlternateId(props) {
                 alternateIdState === alternateId ||
                 isUpdating ||
                 (alternateIdState === null || alternateIdState === void 0 ? void 0 : alternateIdState.length) > ALTERNATE_CASE_ID_LIMIT, loadingIndicator: isUpdating ? React.createElement(LoadingIndicator, { isInline: true }) : null },
-            React.createElement("input", { value: alternateIdState, type: "text", className: "form-control", id: "case-details-alternate-id", placeholder: t(`Enter your case tracking number or internal incident ID`), onChange: onChange, disabled: isUpdating, "data-tracking-id": "case-details-alternate-id" })),
+            React.createElement("input", { value: alternateIdState, type: "text", className: "form-control", id: "case-details-alternate-id", placeholder: t(`Enter your case tracking number or internal incident ID`), onChange: onAlternateIdChange, disabled: isUpdating, "data-tracking-id": "case-details-alternate-id" })),
         (alternateIdState === null || alternateIdState === void 0 ? void 0 : alternateIdState.length) > ALTERNATE_CASE_ID_LIMIT && (React.createElement("div", { className: "pull-top" },
             React.createElement("p", { className: "form-instructions form-invalid" },
                 React.createElement(Trans, null, maxLengthErrorMessage))))));

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

@@ -1 +1 @@
-{"version":3,"file":"ProductVersionDropdownSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductVersionDropdownSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAEpE,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAGrE,OAAO,KAAsD,MAAM,OAAO,CAAC;AAK3E,UAAU,MAAO,SAAQ,gBAAgB;IACrC,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;IAChC,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC;IACvD,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;CACnB;AAOD,QAAA,MAAM,8BAA8B,wEAqHlC,CAAC;AAEH,OAAO,EAAE,8BAA8B,EAAE,CAAC"}
+{"version":3,"file":"ProductVersionDropdownSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductVersionDropdownSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAEpE,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAIrE,OAAO,KAA+D,MAAM,OAAO,CAAC;AAMpF,UAAU,MAAO,SAAQ,gBAAgB;IACrC,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;IAChC,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC;IACvD,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;CACnB;AAOD,QAAA,MAAM,8BAA8B,wEAqIlC,CAAC;AAEH,OAAO,EAAE,8BAA8B,EAAE,CAAC"}

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

@@ -1,21 +1,32 @@
 import { Dropdown } from '@rh-support/components';
 import { toOption, toOptions } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
-import React, { forwardRef, useContext, useEffect, useState } from 'react';
+import isEqual from 'lodash/isEqual';
+import React, { forwardRef, useContext, useEffect, useMemo, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
+import { useCaseSelector } from '../../context/CaseContext';
 import { RouteContext } from '../../context/RouteContext';
 const defaultProps = {
     disabled: false,
     htmlForId: '',
 };
 const ProductVersionDropdownSelector = forwardRef((props, ref) => {
-    var _a;
     const { t } = useTranslation();
     const [isProductInValid, setIsProductInValid] = useState(true);
     const [isVersionInValid, setIsVersionInValid] = useState(false);
     const [isProductBlured, setIsProductBlured] = useState(false);
     const [isVersionBlured, setIsVersionBlured] = useState(false);
     const { routeState: { showValidationErrorAlert }, } = useContext(RouteContext);
+    const versionsDetails = useCaseSelector((state) => state.versionsDetails, isEqual);
+    const productVenisons = useMemo(() => versionsDetails.data.map(({ name }) => name), 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [props.selectedProduct.name, versionsDetails.data]);
+    // Here we are conditionally checking if selected product is having version and if not fallback to fetched version list ].
+    const selectedProductVersion = isEmpty(props.selectedProduct.versions)
+        ? productVenisons
+        : props.selectedProduct.versions;
+    // On the basis of which version source we are using we need to use loading status of it.
+    const isLoadingList = isEmpty(props.selectedProduct.versions) ? versionsDetails.isFetching : props.isLoading;
     const onProductChange = (option) => {
         props.onProductChange(option.value);
         validateProduct(option);
@@ -72,7 +83,7 @@ const ProductVersionDropdownSelector = forwardRef((props, ref) => {
                     React.createElement(Trans, null, "Version"),
                     ' ',
                     React.createElement("span", { className: "form-required", "aria-hidden": true }, "*"))),
-            React.createElement(Dropdown, { selectedItem: toOption(props.version), list: props.selectedProduct ? toOptions((_a = props.selectedProduct.versions) !== null && _a !== void 0 ? _a : []) : [], id: "version-selector-dropdown", placeholder: t('Select a version'), isLoadingList: props.isLoading, title: `Versions for ${props.selectedProduct.product}`, disabled: props.disabled || isEmpty(props.selectedProduct.versions), isInValid: !props.disabled &&
+            React.createElement(Dropdown, { selectedItem: toOption(props.version), list: toOptions(selectedProductVersion !== null && selectedProductVersion !== void 0 ? selectedProductVersion : []), id: "version-selector-dropdown", placeholder: t('Select a version'), isLoadingList: isLoadingList, title: `Versions for ${props.selectedProduct.product}`, disabled: props.disabled || isEmpty(selectedProductVersion), isInValid: !props.disabled &&
                     isVersionInValid &&
                     showValidationErrorAlert &&
                     props.selectedProduct.product &&

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

@@ -2,7 +2,7 @@ import { pcm } from '@cee-eng/hydrajs';
 import { Button, ButtonVariant, Label, Progress, ProgressMeasureLocation } from '@patternfly/react-core';
 import { CircularProgressbar } from '@rh-support/components';
 import { humanizeSize } from '@rh-support/utils';
-import { capitalize } from 'lodash';
+import { capitalize, isEmpty } from 'lodash';
 import map from 'lodash/map';
 import React from 'react';
 import { Trans, useTranslation } from 'react-i18next';
@@ -26,10 +26,11 @@ const analysisStepMap = {
 export default function FileLister(props) {
     const { t } = useTranslation();
     const onDescriptionChange = (localFile, indexToEdit) => (event) => {
+        var _a;
         const editedLocalFile = Object.assign({}, localFile);
-        editedLocalFile.description = event.target.value;
+        editedLocalFile.description = isEmpty((_a = event.target.value) === null || _a === void 0 ? void 0 : _a.trim()) ? '' : event.target.value;
         props.onFileEdit &&
-            props.onFileEdit(editedLocalFile, indexToEdit, { description: editedLocalFile.description });
+            props.onFileEdit(editedLocalFile, indexToEdit, { description: editedLocalFile.description.trim() });
     };
     const onRetry = (index) => () => {
         props.onRetry && props.onRetry(index);

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":"AAUA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAWvD,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAOrF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,eAkXtD"}
+{"version":3,"file":"GlobalTroubleshootEffects.d.ts","sourceRoot":"","sources":["../../../../src/components/wizardLayout/GlobalTroubleshootEffects.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAWvD,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAOrF,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,MAAM,eA2XtD"}

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

@@ -50,6 +50,11 @@ export function GlobalTroubleshootEffects(props) {
         language: state.caseDetails.caseLanguage,
         selectedAccountDetails: state.selectedAccountDetails,
     }), isEqual);
+    const versionsDetails = useCaseSelector((state) => {
+        if (isEmpty(state.versionsDetails.data))
+            return [];
+        return state.versionsDetails.data.map(({ name }) => name);
+    }, isEqual);
     const caseDispatch = useCaseDispatch();
     const isCaseCreate = RouteUtils.getQueryParams(props.routeProps).caseCreate === 'true';
     const urlQueryParams = RouteUtils.getQueryParams(props.routeProps);
@@ -84,9 +89,13 @@ export function GlobalTroubleshootEffects(props) {
             RouteUtils.updateQueryParams(props.routeProps, newParams);
         }
         else {
+            // Check if product information it self is having version list or fallback to version list from different source.
+            const productVersions = isEmpty(allProducts.data.productsResult[index].versions)
+                ? versionsDetails
+                : allProducts.data.productsResult[index].versions;
             // product in url is valid
-            const isVersionFromURLValid = !isEmpty(versionFromUrl) && includes(allProducts.data.productsResult[index].versions, versionFromUrl);
-            const isMultiVersionProduct = !isOnlyVersion(allProducts.data.productsResult[index].versions);
+            const isVersionFromURLValid = !isEmpty(versionFromUrl) && includes(productVersions, versionFromUrl);
+            const isMultiVersionProduct = !isOnlyVersion(productVersions);
             if (isVersionFromURLValid || isMultiVersionProduct) {
                 // version is also valid
                 const versionToSet = isVersionFromURLValid ? versionFromUrl : undefined;
@@ -96,7 +105,7 @@ export function GlobalTroubleshootEffects(props) {
             }
             else if (!isMultiVersionProduct) {
                 // no version or invalid version and there is only 1 version we set default version in url that will trigger the flow with valid version this time
-                const defaultVersion = getVersionIfOnlyVersion(allProducts.data.productsResult[index].versions);
+                const defaultVersion = getVersionIfOnlyVersion(productVersions);
                 const newParams = { product: productFromUrl, version: defaultVersion };
                 RouteUtils.updateQueryParams(props.routeProps, newParams);
             }

package/lib/esm/css/app.css

@@ -336,7 +336,7 @@
 
 .wizard-aside-content header button .fa {
   font-size: 20px;
-} */
+} 
 
 @font-face {
     font-family: 'Red Hat Text';
@@ -416,7 +416,7 @@
     font-weight: 900;
     font-style: 'normal';
     text-rendering: optimizeLegibility;
-}
+}*/
 
 /* Open Case section */
 .open-case-product-wrapper {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "0.2.93-alpha-0",
+    "version": "0.2.95",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -26,7 +26,7 @@
         "lib/**/*"
     ],
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.7.22",
+        "@cee-eng/hydrajs": "4.8.34",
         "@cee-eng/ui-toolkit": "1.1.6",
         "@patternfly/patternfly": "4.185.1",
         "@patternfly/pfe-accordion": "1.12.3",
@@ -63,7 +63,7 @@
         "react-virtualized": "^9.21.2"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "4.7.22",
+        "@cee-eng/hydrajs": "4.8.34",
         "@cee-eng/ui-toolkit": "1.1.6",
         "@patternfly/patternfly": "4.185.1",
         "@patternfly/pfe-accordion": "1.12.3",
@@ -73,12 +73,12 @@
         "@patternfly/react-core": "4.202.16",
         "@progress/kendo-drawing": "^1.6.0",
         "@progress/kendo-react-pdf": "^3.12.0",
-        "@rh-support/api": "0.3.13",
-        "@rh-support/components": "1.1.57-alpha-0",
-        "@rh-support/react-context": "0.2.57-alpha-0",
+        "@rh-support/api": "0.3.14",
+        "@rh-support/components": "1.1.58",
+        "@rh-support/react-context": "0.2.58",
         "@rh-support/types": "0.2.0",
-        "@rh-support/user-permissions": "0.2.45-alpha-0",
-        "@rh-support/utils": "0.2.34-alpha-0",
+        "@rh-support/user-permissions": "0.2.46",
+        "@rh-support/utils": "0.2.35",
         "@types/react-redux": "^7.1.12",
         "@types/redux": "^3.6.0",
         "@webcomponents/webcomponentsjs": "^2.2.10",
@@ -143,5 +143,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "c493eace4748f428da4c41f386381e609dd39651"
+    "gitHead": "c64dcee1e1d2cdc0251d656b1ae85d146bfe0d66"
 }