@rh-support/troubleshoot 2.2.27 → 2.2.29

package/lib/esm/components/CaseEditView/RequestRemoteSession/ESSRemoteSession.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ESSRemoteSession.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/ESSRemoteSession.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAOxE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,sBAAsB,EAAE,OAAO,CAAC;IAChC,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,gBAAgB,+EAmH3B,CAAC"}
+{"version":3,"file":"ESSRemoteSession.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/ESSRemoteSession.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAOxE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,sBAAsB,EAAE,OAAO,CAAC;IAChC,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,gBAAgB,+EAkH3B,CAAC"}

package/lib/esm/components/CaseEditView/RequestRemoteSession/ESSRemoteSession.js

@@ -41,7 +41,7 @@ export const ESSRemoteSession = forwardRef((props, ref) => {
                 React.createElement("li", null, t('Agreed upon by both Red Hat and you, the end user'))),
             React.createElement("p", { className: "rrs-light-grey-text" }, t('Red Hat will add a comment to your case to schedule your remote session.')),
             screenSessionRequested && (React.createElement(Tooltip, { content: t('Remote session agreement has already been accepted.'), reference: tooltipRef, "aria-live": 'polite' })),
-            React.createElement(Button, { "aria-label": screenSessionRequested ? t('Remote session requested') : t('Request remote session'), variant: screenSessionRequested ? 'primary' : 'secondary', onClick: termsAcked ? toggleESSRemoteSessionModal : toggleNewESSRemoteSessionModal, "data-tracking-id": "accept-remote-session-agreement-trigger", isAriaDisabled: screenSessionRequested, ref: tooltipRef, isDisabled: screenSessionRequested }, screenSessionRequested ? t('Remote session requested') : t('Request remote session')))));
+            React.createElement(Button, { "aria-label": screenSessionRequested ? t('Remote session requested') : t('Request remote session'), variant: screenSessionRequested ? 'primary' : 'secondary', onClick: termsAcked ? toggleESSRemoteSessionModal : toggleNewESSRemoteSessionModal, "data-tracking-id": "accept-remote-session-agreement-trigger", isAriaDisabled: screenSessionRequested, ref: tooltipRef }, screenSessionRequested ? t('Remote session requested') : t('Request remote session')))));
     return (React.createElement(React.Fragment, null,
         ESSRemoteSessionSectionBody,
         remoteSessionTermsAcked && !screenSessionRequested ? (React.createElement(ESSRemoteSessionModal, { caseNumber: caseNumber, caseStatus: caseStatus, screenSessionRequested: screenSessionRequested, show: openESSRemoteSessionModal, onClose: toggleESSRemoteSessionModal, loggedInUser: loggedInUser.data.ssoUsername === undefined ? '' : loggedInUser.data.ssoUsername, loggedInUserRights: loggedInUserRights, readOnly: readOnly })) : (React.createElement(NewEssTermsModal, { caseNumber: caseNumber, caseStatus: caseStatus, show: openNewESSRemoteSessionModal, onClose: toggleNewESSRemoteSessionModal, siteCode: TnC.REMOTE_RIDER_SITE_CODE, eventCode: TnC.REMOTER_RIDER_EVENT_CODE, loggedInUser: loggedInUser.data.ssoUsername === undefined ? '' : loggedInUser.data.ssoUsername, loggedInUserRights: loggedInUserRights, readOnly: readOnly }))));

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

@@ -141,7 +141,7 @@ export function CaseContactPhoneNumber() {
             }
         }
         else {
-            setLocalFullPhoneState(phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber);
+            setLocalFullPhoneState((phoneCountryCode + ' ' + phoneAreaCodePrefixLineNumber).trim());
             setIsShowOldPhone(false);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps

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

@@ -1 +1 @@
-{"version":3,"file":"ProductVersion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/ProductVersion.tsx"],"names":[],"mappings":"AA6BA,UAAU,MAAM;IACZ,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACvC;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eAwOrC;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ProductVersion.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/ProductVersion.tsx"],"names":[],"mappings":"AA6BA,UAAU,MAAM;IACZ,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACvC;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eAwPrC;AAED,eAAe,eAAe,CAAC"}

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

@@ -41,6 +41,7 @@ function ProductNVersion(props) {
     const [isVersionInvalid, setIsVersionInvalid] = useState(false);
     const [selectedProductLocal, setSelectedProductLocal] = useState(product);
     const [selectedVersionLocal, setSelectedVersionLocal] = useState(version);
+    const [isSEProductApiIsDown, setIsSEProductApiIsDown] = useState(false);
     const canEditCase = useCanEditCase();
     const { isExportingPDF } = useContext(PDFContext);
     useEffect(() => {
@@ -118,31 +119,39 @@ function ProductNVersion(props) {
     });
     // To check if version in invalid
     const checkIfVersionIsInvalid = isVersionInvalid && isEmpty(selectedVersionLocal);
-    // when user changes selected product, we need to fetch versions
+    // when user changes selected product, we need to get the versions
     useEffect(() => {
+        if (!selectedProductLocal)
+            return;
         const getVersions = () => __awaiter(this, void 0, void 0, function* () {
-            if (!isEmpty(selectedProductLocal)) {
-                try {
-                    setIsVersionUpdating(true);
-                    yield getVersionsDetails(caseDispatch, selectedProductLocal);
-                    setIsVersionUpdating(false);
-                }
-                catch (e) {
-                    console.log(e);
-                    setIsVersionUpdating(false);
-                    // if sfdc api was downd and verssions were not available then populate versions with SE versions
-                    const productObj = getProductObj(allProducts.data.productsResult, selectedProductLocal);
-                    setVersions((productObj === null || productObj === void 0 ? void 0 : productObj.versions) || []);
-                }
+            try {
+                yield getVersionsDetails(caseDispatch, selectedProductLocal);
             }
-            else {
-                setVersions([]);
+            catch (e) {
+                console.log(e);
             }
         });
+        // call sfdc version api to get version flags that we only get from sfdc api
+        // flags are used in severity components
         getVersions();
+        // populate versions with SE product api versions
+        const productObj = getProductObj(allProducts.data.productsResult, selectedProductLocal);
+        if (productObj.versions) {
+            setVersions(productObj.versions);
+            if (productObj.versions.length === 1 && !selectedVersionLocal) {
+                setSelectedVersionLocal(productObj.versions[0]);
+                updateProductVerstion(selectedProductLocal, productObj.versions[0]);
+            }
+        }
+        else {
+            setIsSEProductApiIsDown(true);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [selectedProductLocal, caseDispatch, allProducts.data]);
     // observe when fetched versions are available
     useEffect(() => {
+        if (!isSEProductApiIsDown)
+            return;
         const fetchedVersions = versionsDetails.data.map(({ name }) => name);
         if (fetchedVersions.length === 1 && !selectedVersionLocal) {
             setVersions(fetchedVersions);
@@ -152,7 +161,10 @@ function ProductNVersion(props) {
         }
         const productObj = getProductObj(allProducts.data.productsResult, selectedProductLocal);
         const sfdcVersions = getUniqueSortedVersions(fetchedVersions);
-        const productVersions = (productObj === null || productObj === void 0 ? void 0 : productObj.hasComponentsInsteadOfVersions) ? sfdcVersions.reverse() : sfdcVersions;
+        const versionsForSelectedProduct = productObj.versions ? productObj.versions : sfdcVersions;
+        const productVersions = (productObj === null || productObj === void 0 ? void 0 : productObj.hasComponentsInsteadOfVersions)
+            ? versionsForSelectedProduct.reverse()
+            : versionsForSelectedProduct;
         setVersions(productVersions);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [versionsDetails.data]);
@@ -174,6 +186,6 @@ function ProductNVersion(props) {
                 React.createElement("div", { className: "version-selector-wrapper" },
                     React.createElement("label", { htmlFor: "version-dropdown" },
                         React.createElement(Trans, null, "Version")),
-                    React.createElement(Dropdown, { className: "open-case-version", id: "version-dropdown", placeholder: t(`Select a version`), selectedItem: toOption(selectedVersionLocal), list: toOptions(versions), title: t(`Select a version`), isInValid: checkIfVersionIsInvalid, disabled: isVersionUpdating || (allProducts.isFetching && !allProducts.isError), onChange: onVersionChange, isLoadingList: isVersionUpdating, "data-tracking-id": "case-details-version-selector" }))))));
+                    React.createElement(Dropdown, { className: "open-case-version", id: "version-dropdown", placeholder: t(`Select a version`), selectedItem: toOption(selectedVersionLocal), list: toOptions(versions), title: t(`Select a version`), isInValid: checkIfVersionIsInvalid, disabled: isVersionUpdating || (allProducts.isFetching && !allProducts.isError), onChange: onVersionChange, isLoadingList: isVersionUpdating || (isSEProductApiIsDown && versionsDetails.isFetching), "data-tracking-id": "case-details-version-selector" }))))));
 }
 export default ProductNVersion;

package/lib/esm/components/ProductSelector/AllProductsSelector.d.ts

@@ -2,7 +2,6 @@ import React from 'react';
 import { RouteComponentProps } from 'react-router';
 import { IRouteUrlParams } from '../../reducers/RouteConstNTypes';
 interface IProps {
-    isDropdownSelected?: boolean;
     setIsDropdownSelected?: (flag: boolean) => void;
     routeProps: RouteComponentProps<IRouteUrlParams>;
     loadTCOnChange?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"AllProductsSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/AllProductsSelector.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAKnD,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAMrF,UAAU,MAAM;IACZ,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAgBD;;;;;;;GAOG;AACH,QAAA,MAAM,mBAAmB,4EAuKvB,CAAC;AAGH,OAAO,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"AllProductsSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/AllProductsSelector.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAKnD,OAAO,EAAqB,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAMrF,UAAU,MAAM;IACZ,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC;AAQD;;;;;;;GAOG;AACH,QAAA,MAAM,mBAAmB,4EA+IvB,CAAC;AAGH,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

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

@@ -9,7 +9,7 @@ import React, { forwardRef, useContext, useEffect, useState } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { TCStateContext } from '../../context/TopContentContext';
-import { getVersionsDetails, setCaseDetails } from '../../reducers/CaseReducer';
+import { setCaseDetails } from '../../reducers/CaseReducer';
 import RouteUtils from '../../utils/routeUtils';
 import OpenCaseIssue from '../CaseInformation/OpenCaseIssue';
 import Suggestions from '../Suggestions/Suggestions';
@@ -19,13 +19,6 @@ const defaultProps = {
     showTCAfterButtonClicked: false,
     checkEntitledProduct: false,
 };
-const defaultSelectedProduct = {
-    featuredVersion: '',
-    product: '',
-    versions: [],
-    isTopProduct: false,
-    isEntitledProduct: true,
-};
 /**
  * Renders a dropdown list to select all products.
  * Manages selected product internally.
@@ -43,39 +36,21 @@ const AllProductsSelector = forwardRef((props, ref) => {
         version: state.caseDetails.version,
         contactSSOName: state.caseDetails.contactSSOName,
     }), isEqual);
-    const [selectedProductForDropdown, setSelectedProductForDropdown] = useState(defaultSelectedProduct);
+    const [selectedProductForDropdown, setSelectedProductForDropdown] = useState({
+        featuredVersion: '',
+        product: product,
+        name: product,
+        versions: [],
+        isTopProduct: false,
+        isEntitledProduct: true,
+    });
     const { topContentState: { topContent }, } = useContext(TCStateContext);
-    const [localProduct, setLocalProduct] = useState('');
     const [isModalOpen, setIsModalOpen] = useState(false);
     const [showModal, setShowModal] = useState(false);
     const [showModalButton, setShowModalButton] = useState(false);
     const [isProductChanged, setProductChanged] = useState(false);
     const { t } = useTranslation();
     const isEntitledProduct = (_b = find((_a = allProducts === null || allProducts === void 0 ? void 0 : allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult, (p) => p.product === product)) === null || _b === void 0 ? void 0 : _b.isEntitledProduct;
-    /**
-     * Update value in dropdown based on product & version from case details and if Dropdown is Selected
-     */
-    useEffect(() => {
-        var _a;
-        if (allProducts.isFetching || allProducts.isError)
-            return;
-        if (!props.isDropdownSelected) {
-            if (isEmpty(selectedProductForDropdown.product))
-                return;
-            else
-                setSelectedProductForDropdown(defaultSelectedProduct);
-        }
-        else {
-            const caseDetailsProduct = find((_a = allProducts === null || allProducts === void 0 ? void 0 : allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult, (p) => p.product === product);
-            // When the selectedProductForDropdown is not in sync
-            if (!isEmpty(caseDetailsProduct)) {
-                setSelectedProductForDropdown(caseDetailsProduct);
-            }
-            else if (isEmpty(caseDetailsProduct) && !isEmpty(selectedProductForDropdown.product)) {
-                setSelectedProductForDropdown(defaultSelectedProduct);
-            }
-        }
-    }, [allProducts, product, props.isDropdownSelected, selectedProductForDropdown.product, version]);
     useEffect(() => {
         // after TC data is loaded we open the modal
         const showTCPopUpModalOnProductChange = props.loadTCOnChange && !props.showTCAfterButtonClicked && showModal;
@@ -91,11 +66,7 @@ const AllProductsSelector = forwardRef((props, ref) => {
         setIsModalOpen((isModalOpen) => !isModalOpen);
     };
     function onProductChange(selectedProduct) {
-        var _a;
-        setLocalProduct(selectedProduct.product);
-        if (!props.isDropdownSelected) {
-            (_a = props.setIsDropdownSelected) === null || _a === void 0 ? void 0 : _a.call(props, true);
-        }
+        setSelectedProductForDropdown(selectedProduct);
         const newParams = {
             product: selectedProduct.product,
             version: '',
@@ -106,20 +77,13 @@ const AllProductsSelector = forwardRef((props, ref) => {
         }
     }
     function onVersionChange(selectedVersion) {
-        setCaseDetails(caseDispatch, { product: localProduct, version: selectedVersion });
+        setCaseDetails(caseDispatch, { product: selectedProductForDropdown.product, version: selectedVersion });
         const newParams = {
             version: selectedVersion,
         };
         RouteUtils.updateQueryParams(props.routeProps, newParams);
     }
     const entitledProducts = filter(allProducts.data.productsResult, (p) => p.isEntitledProduct);
-    useEffect(() => {
-        if (!isEmpty(product)) {
-            product !== localProduct && setLocalProduct(product);
-            getVersionsDetails(caseDispatch, product);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [caseDispatch, product]);
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "form-group product-selector-wrapper" },
             React.createElement("div", { className: "case-details-summary" },

package/lib/esm/components/ProductSelector/NewProductDropdownSelector.d.ts

@@ -3,7 +3,6 @@ interface IProps {
     products: Partial<ISEProduct>[];
     onProductChange: (product: Partial<ISEProduct>) => any;
     selectedProduct: Partial<ISEProduct>;
-    onVersionChange: (version: string) => any;
     isNextBtnClickedToShowValidationError: boolean;
     isCaseCreate: boolean;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"NewProductDropdownSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/NewProductDropdownSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAOpE,UAAU,MAAM;IACZ,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;IAChC,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC;IACvD,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,GAAG,CAAC;IAC1C,qCAAqC,EAAE,OAAO,CAAC;IAC/C,YAAY,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,0BAA0B,UAAW,MAAM,gBAiHvD,CAAC"}
+{"version":3,"file":"NewProductDropdownSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/NewProductDropdownSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAOpE,UAAU,MAAM;IACZ,QAAQ,EAAE,OAAO,CAAC,UAAU,CAAC,EAAE,CAAC;IAChC,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC;IACvD,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC,qCAAqC,EAAE,OAAO,CAAC;IAC/C,YAAY,EAAE,OAAO,CAAC;CACzB;AAED,eAAO,MAAM,0BAA0B,UAAW,MAAM,gBA0GvD,CAAC"}

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

@@ -6,15 +6,9 @@ import { useTranslation } from 'react-i18next';
 export const NewProductDropdownSelector = (props) => {
     const { t } = useTranslation();
     const [isOpen, setIsOpen] = useState(false);
-    const [selected, setSelected] = useState(undefined);
+    const [selected, setSelected] = useState(props.selectedProduct.name);
     const [showValidationLocal, setShowValidationLocal] = useState(props.isNextBtnClickedToShowValidationError);
     const { globalMetadataState: { allProducts }, } = useContext(GlobalMetadataStateContext);
-    useEffect(() => {
-        if (props.selectedProduct) {
-            setSelected(props.selectedProduct.name);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [props.selectedProduct]);
     useEffect(() => {
         setShowValidationLocal(props.isNextBtnClickedToShowValidationError);
         // eslint-disable-next-line react-hooks/exhaustive-deps

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;AAYpE,UAAU,MAAM;IACZ,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,MAAM,CAAC;IACrB,qCAAqC,EAAE,OAAO,CAAC;CAClD;AAED,eAAO,MAAM,yBAAyB,UAAW,MAAM,gBAiItD,CAAC"}
+{"version":3,"file":"NewProductVersionSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/NewProductVersionSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,wCAAwC,CAAC;AAYpE,UAAU,MAAM;IACZ,eAAe,EAAE,OAAO,CAAC,UAAU,CAAC,CAAC;IACrC,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,YAAY,EAAE,MAAM,CAAC;IACrB,qCAAqC,EAAE,OAAO,CAAC;CAClD;AAED,eAAO,MAAM,yBAAyB,UAAW,MAAM,gBAqItD,CAAC"}

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

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 import { Select, SelectGroup, SelectOption, SelectVariant } from '@patternfly/react-core';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import { getUniqueSortedVersions } from '@rh-support/utils';
@@ -23,6 +14,7 @@ export const NewProductVersionSelector = (props) => {
     const [selected, setSelected] = useState('');
     const [selectVersionOptions, setSelectVersionOptions] = React.useState([]);
     const [showValidationLocal, setShowValidationLocal] = useState(props.isNextBtnClickedToShowValidationError);
+    const [isSEProductApiIsDown, setIsSEProductApiIsDown] = useState(false);
     const caseDispatch = useCaseDispatch();
     const { versionsDetails } = useCaseSelector((state) => ({
         versionsDetails: state.versionsDetails,
@@ -32,39 +24,51 @@ export const NewProductVersionSelector = (props) => {
         setShowValidationLocal(props.isNextBtnClickedToShowValidationError);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.isNextBtnClickedToShowValidationError]);
-    useEffect(() => {
-        if (isEmpty(props.selectedProduct)) {
-            setSelected('');
-        }
-        else {
-            setSelected(props.versionState);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [props.selectedProduct]);
     // when user selects a product, we need to fetch versions
     useEffect(() => {
-        const getVersions = () => __awaiter(void 0, void 0, void 0, function* () {
-            if (!isEmpty(props.selectedProduct.name)) {
-                try {
-                    yield getVersionsDetails(caseDispatch, props.selectedProduct.name);
-                }
-                catch (e) {
-                    console.log(e);
-                    // if sfdc api was downd and verssions were not available then populate versions with SE versions
-                    const productObj = getProductObj(allProducts.data.productsResult, props.selectedProduct.name);
-                    const versionArray = productObj.versions.map((version, index) => (React.createElement(SelectOption, { key: index, value: version })));
-                    setSelectVersionOptions(versionArray);
-                }
+        var _a;
+        if (isEmpty((_a = props.selectedProduct) === null || _a === void 0 ? void 0 : _a.name))
+            return;
+        if (props.selectedProduct.versions) {
+            // if versions array has one value set that value as selected
+            if (props.selectedProduct.versions.length === 1) {
+                props.onVersionChange(props.selectedProduct.versions[0]);
+                setSelected(props.selectedProduct.versions[0]);
             }
             else {
-                setSelectVersionOptions([]);
+                setSelected('');
             }
-        });
+            const versionArray = props.selectedProduct.versions.map((version, index) => (React.createElement(SelectOption, { key: index, value: version })));
+            setSelectVersionOptions(versionArray);
+        }
+        else {
+            setSelected('');
+            setIsSEProductApiIsDown(true);
+        }
+        const getVersions = () => getVersionsDetails(caseDispatch, props.selectedProduct.name);
+        // call sfdc version api version flags that is used in severity and submit components
         getVersions();
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [props.selectedProduct]);
+    // We have version that comes from url
+    useEffect(() => {
+        if (!props.selectedProduct.name)
+            return;
+        const productObj = getProductObj(allProducts.data.productsResult, props.selectedProduct.name);
+        if (productObj.versions) {
+            const versionArray = productObj.versions.map((version, index) => (React.createElement(SelectOption, { key: index, value: version })));
+            setSelectVersionOptions(versionArray);
+            setSelected(props.versionState);
+        }
+        else {
+            setIsSEProductApiIsDown(true);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [props.versionState]);
     // observe when fetched versions are available
     useEffect(() => {
+        if (!isSEProductApiIsDown)
+            return;
         const fetchedVersions = versionsDetails.data.map(({ name }) => name);
         // if versions array has one value set that value as selected
         if (fetchedVersions.length === 1) {
@@ -77,7 +81,7 @@ export const NewProductVersionSelector = (props) => {
         const versionArray = productVersions.map((version, index) => (React.createElement(SelectOption, { key: index, value: version })));
         setSelectVersionOptions(versionArray);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [versionsDetails.data]);
+    }, [versionsDetails.data, isSEProductApiIsDown]);
     let options = [React.createElement(SelectGroup, { key: "productVersions" }), ...selectVersionOptions];
     const onToggle = (isOpen) => {
         setIsOpen(isOpen);
@@ -87,19 +91,6 @@ export const NewProductVersionSelector = (props) => {
         setSelected(selection);
         setIsOpen(false);
     };
-    useEffect(() => {
-        const versionValidator = () => {
-            var _a;
-            if (!((_a = props.selectedProduct) === null || _a === void 0 ? void 0 : _a.versions))
-                return;
-            const confirmMatchVersion = props.selectedProduct.versions.find((version) => version === props.versionState);
-            if (isEmpty(confirmMatchVersion)) {
-                setSelected('');
-            }
-        };
-        versionValidator();
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [props.versionState]);
     const titleId = 'version-selector';
-    return (React.createElement(Select, Object.assign({ 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" }, (versionsDetails.isFetching && { loadingVariant: 'spinner' })), options));
+    return (React.createElement(Select, Object.assign({ 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.name), "data-tracking-id": "get-support-version-dropdown-selector" }, (isSEProductApiIsDown && versionsDetails.isFetching && { loadingVariant: 'spinner' })), options));
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ProductSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductSelector.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAInD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAMlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,eAiFpD"}
+{"version":3,"file":"ProductSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ProductSelector/ProductSelector.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAInD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAMlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,MAAM,eAgFpD"}

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

@@ -38,7 +38,7 @@ export default function ProductSelector(props) {
         React.createElement(AlertMessage, { variant: AlertType.DANGER, className: "pf-u-mt-lg", title: t('There was an error loading products.'), show: allProducts.isError }),
         !allProducts.isFetching && !allProducts.isError && (React.createElement(React.Fragment, null,
             React.createElement("form", null,
-                React.createElement(AllProductsSelector, { isDropdownSelected: true, routeProps: props.routeProps, checkEntitledProduct: isCaseCreate ? true : false, ref: productSelectorRef }),
+                React.createElement(AllProductsSelector, { routeProps: props.routeProps, checkEntitledProduct: isCaseCreate ? true : false, ref: productSelectorRef }),
                 product === 'Subscription Watch' && (React.createElement(Alert, { isInline: true, variant: AlertVariant.warning, title: React.createElement(Trans, null,
                         ' ',
                         "If you're having a subscription issue that doesn't relate to",

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;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAiC,MAAM,OAAO,CAAC;AAOtD,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,wEAuClC,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;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAiC,MAAM,OAAO,CAAC;AAOtD,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,wEAsClC,CAAC;AAEH,OAAO,EAAE,8BAA8B,EAAE,CAAC"}

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

@@ -15,7 +15,7 @@ const ProductVersionDropdownSelector = forwardRef((props, ref) => {
                 React.createElement(Trans, null, "Product"),
                 ' ',
                 React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")),
-            React.createElement(NewProductDropdownSelector, { products: props.products, onProductChange: props.onProductChange, selectedProduct: props.selectedProduct, onVersionChange: props.onVersionChange, isNextBtnClickedToShowValidationError: isNextBtnClickedToShowValidationError, isCaseCreate: isCaseCreate })),
+            React.createElement(NewProductDropdownSelector, { products: props.products, onProductChange: props.onProductChange, selectedProduct: props.selectedProduct, isNextBtnClickedToShowValidationError: isNextBtnClickedToShowValidationError, isCaseCreate: isCaseCreate })),
         React.createElement("div", { className: "version-selector-wrapper" },
             React.createElement("label", { htmlFor: "version-selector-dropdown-toggle" },
                 React.createElement(Trans, null, "Version"),

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

@@ -1 +1 @@
-{"version":3,"file":"Review.d.ts","sourceRoot":"","sources":["../../../../src/components/Review/Review.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAInD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAuBlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AACD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,eAuE3C"}
+{"version":3,"file":"Review.d.ts","sourceRoot":"","sources":["../../../../src/components/Review/Review.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAInD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAuBlE,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;CACpD;AACD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,MAAM,eAsE3C"}

package/lib/esm/components/Review/Review.js

@@ -49,7 +49,7 @@ export default function Review(props) {
         React.createElement("form", { className: "review-form card card-light push-bottom" },
             React.createElement(AccountSelector, null),
             React.createElement(OwnerSelector, null),
-            React.createElement(AllProductsSelector, { isDropdownSelected: true, routeProps: props.routeProps, loadTCOnChange: true, showTCAfterButtonClicked: true, checkEntitledProduct: true }),
+            React.createElement(AllProductsSelector, { routeProps: props.routeProps, loadTCOnChange: true, showTCAfterButtonClicked: true, checkEntitledProduct: true }),
             React.createElement(OpenShiftClusterId, null),
             React.createElement(Hostname, null),
             React.createElement(Description, { inlineEditable: true, hideSaveCancel: true }),

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

@@ -1 +1 @@
-{"version":3,"file":"SubmitCase.d.ts","sourceRoot":"","sources":["../../../../src/components/SubmitCase/SubmitCase.tsx"],"names":[],"mappings":"AA4BA,MAAM,CAAC,OAAO,UAAU,UAAU,gBAmSjC"}
+{"version":3,"file":"SubmitCase.d.ts","sourceRoot":"","sources":["../../../../src/components/SubmitCase/SubmitCase.tsx"],"names":[],"mappings":"AAkCA,MAAM,CAAC,OAAO,UAAU,UAAU,gBAiTjC"}

package/lib/esm/components/SubmitCase/SubmitCase.js

@@ -2,8 +2,8 @@ import { Env, publicApi } from '@cee-eng/hydrajs';
 import { ActionList, ActionListItem, Button, Text, TextVariants, Tooltip } from '@patternfly/react-core';
 import CheckCircleIcon from '@patternfly/react-icons/dist/js/icons/check-circle-icon';
 import { AlertMessage, AlertType, useFetch } from '@rh-support/components';
-import { GlobalMetadataStateContext } from '@rh-support/react-context';
-import { getConfigField, getRedhatDotComHost, PCM_CONFIG_FIELD_TYPE, PreviousCaseTypes } from '@rh-support/utils';
+import { GlobalMetadataStateContext, useGlobalStateContext } from '@rh-support/react-context';
+import { getConfigField, getRedhatDotComHost, isSpecialSupportOfferingEnabled, PCM_CONFIG_FIELD_TYPE, PreviousCaseTypes, } from '@rh-support/utils';
 import find from 'lodash/find';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
@@ -25,7 +25,8 @@ import { isUploadedAndAnalyzed, isUploadingAttachment } from '../shared/fileUplo
 import { AttachmentStateContext } from '../shared/fileUpload/reducer/AttachmentReducerContext';
 import Suggestions from '../Suggestions/Suggestions';
 export default function SubmitCase() {
-    const { entitlementSla, severity, caseNumber, caseType, version, versionsDetails, addNotifiedUserError, isCreatingCase, caseCreationError, caseCreationErrorMessage, selectedAccountDetails, } = useCaseSelector((state) => ({
+    var _a;
+    const { entitlementSla, severity, caseNumber, caseType, version, versionsDetails, addNotifiedUserError, isCreatingCase, caseCreationError, caseCreationErrorMessage, selectedAccountDetails, product, screenSessionRequested, } = useCaseSelector((state) => ({
         entitlementSla: state.caseDetails.entitlementSla,
         severity: state.caseDetails.severity,
         caseNumber: state.caseDetails.caseNumber,
@@ -37,6 +38,8 @@ export default function SubmitCase() {
         caseCreationError: state.caseCreationError,
         caseCreationErrorMessage: state.caseCreationErrorMessage,
         selectedAccountDetails: state.selectedAccountDetails,
+        product: state.caseDetails.product,
+        screenSessionRequested: state.caseDetails.screenSessionRequested,
     }), isEqual);
     const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
     const { topContentState: { topContent }, } = useContext(TCStateContext);
@@ -47,6 +50,7 @@ export default function SubmitCase() {
     const { globalMetadataState: { loggedInUser, loggedInUsersAccount, pcmConfig }, } = useContext(GlobalMetadataStateContext);
     const getBusinessHours = useFetch(publicApi.businessHours.getBusinessHours);
     const { t } = useTranslation();
+    const { globalMetadataState: { allProducts }, } = useGlobalStateContext();
     const showRemoteRiderTermsInline = getConfigField(pcmConfig.data, 'showInlineRemoteRiderTerms', PCM_CONFIG_FIELD_TYPE.FEATURE_FLAG);
     const getCaseURL = () => {
         return `/support/cases/#/case/${caseNumber}`;
@@ -81,12 +85,17 @@ export default function SubmitCase() {
         ? false
         : attachmentState.caseFiles.selectedLocalFiles.every((localFile) => !isUploadedAndAnalyzed(localFile));
     const isNotAnIdea = caseType !== PreviousCaseTypes.FEATURE_ENHANCEMENT;
+    // To check if the user is ESS Customer and Product has ESS Support
+    const isESSCustomer = isSpecialSupportOfferingEnabled((_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult, product);
     return (React.createElement("article", { className: "gird-main" },
         React.createElement(AlertMessage, { className: "pf-u-mt-lg", title: t('Failed to add user.'), variant: AlertType.DANGER, show: addNotifiedUserError }),
         React.createElement(AlertMessage, { className: "pf-u-mt-lg", variant: AlertType.DANGER, show: caseCreationError, title: t("Sorry, we're experiencing an error"), isInline: true },
             React.createElement(React.Fragment, null, caseCreationErrorMessage)),
         !isCreatingCase && !caseCreationError && (React.createElement(React.Fragment, null,
-            showRemoteRiderBanner && !loggedInUser.data.isInternal && (React.createElement(RemoteRiderBanner, { onConfirm: onRemoteRiderConfirm, onClose: onRemoteRiderClose, caseNumber: caseNumber, isSecureSupport: loggedInUsersAccount.data.secureSupport })),
+            !isESSCustomer &&
+                !screenSessionRequested &&
+                showRemoteRiderBanner &&
+                !loggedInUser.data.isInternal && (React.createElement(RemoteRiderBanner, { onConfirm: onRemoteRiderConfirm, onClose: onRemoteRiderClose, caseNumber: caseNumber, isSecureSupport: loggedInUsersAccount.data.secureSupport })),
             React.createElement("div", { className: "submit-case-header-container" },
                 React.createElement("p", { className: "kicker kicker-sm pf-u-mb-sm" }, !isEmpty(RouteUtils.seBasePath) &&
                     !isUploadingAttachment(attachmentState.caseFiles.selectedLocalFiles) ? (React.createElement(React.Fragment, null,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.2.27",
+    "version": "2.2.29",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -26,7 +26,7 @@
         "lib/**/*"
     ],
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.16.15",
+        "@cee-eng/hydrajs": "4.16.17",
         "@cee-eng/ui-toolkit": "1.1.6",
         "@patternfly/patternfly": "4.196.7",
         "@patternfly/pfe-accordion": "1.12.3",
@@ -56,7 +56,7 @@
         "react-virtualized": "^9.21.2"
     },
     "dependencies": {
-        "@cee-eng/hydrajs": "4.16.15",
+        "@cee-eng/hydrajs": "4.16.17",
         "@cee-eng/ui-toolkit": "1.1.6",
         "@patternfly/patternfly": "4.196.7",
         "@patternfly/pfe-accordion": "1.12.3",
@@ -66,11 +66,11 @@
         "@patternfly/react-core": "4.264.0",
         "@progress/kendo-drawing": "^1.6.0",
         "@progress/kendo-react-pdf": "^3.12.0",
-        "@rh-support/components": "2.1.14",
-        "@rh-support/react-context": "2.1.14",
+        "@rh-support/components": "2.1.16",
+        "@rh-support/react-context": "2.1.16",
         "@rh-support/types": "2.0.2",
-        "@rh-support/user-permissions": "2.1.8",
-        "@rh-support/utils": "2.1.5",
+        "@rh-support/user-permissions": "2.1.10",
+        "@rh-support/utils": "2.1.7",
         "@types/react-redux": "^7.1.12",
         "@types/redux": "^3.6.0",
         "dompurify": "^2.4.1",
@@ -133,5 +133,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "bfb34bcd3654c4842810f4e62b940ccf6f0b0dc4"
+    "gitHead": "16b7fff6899cdf8d7011becba0351d66ee723f90"
 }