@rh-support/troubleshoot 0.2.73 → 0.2.81

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/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/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "0.2.73",
+    "version": "0.2.81",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -74,11 +74,11 @@
         "@progress/kendo-drawing": "^1.6.0",
         "@progress/kendo-react-pdf": "^3.12.0",
         "@rh-support/api": "0.3.10",
-        "@rh-support/components": "1.1.39",
-        "@rh-support/react-context": "0.2.40",
+        "@rh-support/components": "1.1.51",
+        "@rh-support/react-context": "0.2.51",
         "@rh-support/types": "0.2.0",
-        "@rh-support/user-permissions": "0.2.30",
-        "@rh-support/utils": "0.2.21",
+        "@rh-support/user-permissions": "0.2.41",
+        "@rh-support/utils": "0.2.31",
         "@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": "05cc1373c1aadf41446d868520cb642065014b6e"
+    "gitHead": "274324da926ca7deeaeba9fe702cacd0129941a1"
 }