@rh-support/troubleshoot 2.2.28 → 2.2.30

package/lib/esm/components/CaseEditView/Case.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Case.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/Case.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAS,mBAAmB,EAAiD,MAAM,kBAAkB,CAAC;AAmB7G,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC;CACnC;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,MAAM,eA8LzC"}
+{"version":3,"file":"Case.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/Case.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAS,mBAAmB,EAAiD,MAAM,kBAAkB,CAAC;AAmB7G,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC;CACnC;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,KAAK,EAAE,MAAM,eA+LzC"}

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

@@ -123,5 +123,5 @@ export default function Case(props) {
                                     React.createElement(CaseDetailsTabs, { basePath: url, caseNumber: caseNumber, routeProps: props.routeProps, tabdRef: caseDetailsTabsRef }))))),
                         React.createElement(HostnameAwarenessModal, null))),
                 React.createElement(CaseDetailsAside, { caseNumber: caseNumber }),
-                React.createElement(CaseDetailsModals, { caseNumber: caseNumber, isSecureSupport: loggedInUsersAccount.data.secureSupport })))))));
+                React.createElement(CaseDetailsModals, { caseNumber: caseNumber, isSecureSupport: loggedInUsersAccount.data.secureSupport, loggedInUserRights: loggedInUserRights })))))));
 }

package/lib/esm/components/CaseEditView/CaseDetailsModals.d.ts

@@ -1,6 +1,9 @@
+import { IApiResponseDetails } from '@rh-support/types/shared';
+import { UserAuth } from '@rh-support/user-permissions';
 interface IProps {
     caseNumber: string;
     isSecureSupport: boolean;
+    loggedInUserRights: IApiResponseDetails<UserAuth>;
 }
 export default function CaseDetailsModals(props: IProps): any;
 export {};

package/lib/esm/components/CaseEditView/CaseDetailsModals.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseDetailsModals.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsModals.tsx"],"names":[],"mappings":"AAaA,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,OAAO,CAAC;CAC5B;AAKD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,MAAM,OA6EtD"}
+{"version":3,"file":"CaseDetailsModals.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsModals.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAaxD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;CACrD;AAKD,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,KAAK,EAAE,MAAM,OA8EtD"}

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

@@ -55,7 +55,7 @@ export default function CaseDetailsModals(props) {
                 React.createElement("a", { href: getTnCRemoteRiderUrl(props.caseNumber, props.isSecureSupport), target: "_blank", rel: "noopener noreferrer" }, "link"),
                 "to accept the terms in a new tab.")));
     };
-    const remoterRiderModal = remoteSessionTermsAcked ? null : (React.createElement(RemoteRiderAcceptanceModal, { caseNumber: props.caseNumber, isModalOpen: !remoteSessionTermsAcked, onSuccess: onRemoteRiderSuccess, onFailure: onRemoteRiderFailure, onModalClose: onModalClose, isCaseDetailsPage: true }));
+    const remoterRiderModal = remoteSessionTermsAcked ? null : (React.createElement(RemoteRiderAcceptanceModal, { caseNumber: props.caseNumber, isModalOpen: !remoteSessionTermsAcked, onSuccess: onRemoteRiderSuccess, onFailure: onRemoteRiderFailure, onModalClose: onModalClose, isCaseDetailsPage: true, loggedInUserRights: props.loggedInUserRights }));
     const modalNameComponentMap = {
         [ModalNames.REMOTE_RIDER_TERMS]: remoterRiderModal,
     };

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,eA4PrC;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,42 @@ 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) {
+            const productVersions = productObj.hasComponentsInsteadOfVersions
+                ? productObj.versions.sort()
+                : productObj.versions;
+            setVersions(productVersions);
+            if (productVersions.length === 1 && !selectedVersionLocal) {
+                setSelectedVersionLocal(productVersions[0]);
+                updateProductVerstion(selectedProductLocal, productVersions[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 +164,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.sort()
+            : versionsForSelectedProduct;
         setVersions(productVersions);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [versionsDetails.data]);
@@ -174,6 +189,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/CaseInformation/FileDiag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileDiag.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/FileDiag.tsx"],"names":[],"mappings":"AAYA,UAAU,MAAM;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,eAiCrC"}
+{"version":3,"file":"FileDiag.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/FileDiag.tsx"],"names":[],"mappings":"AAYA,UAAU,MAAM;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,eAqCrC"}

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

@@ -2,7 +2,7 @@ import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import { ability, CaseListFields, resourceActions, resources } from '@rh-support/user-permissions';
 import { PreviousCaseTypes } from '@rh-support/utils';
 import isEqual from 'lodash/isEqual';
-import React, { useContext } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import { useCaseSelector } from '../../context/CaseContext';
 import { RulesStateContext } from '../../context/RulesContext';
 import { SessionRestoreStateContext } from '../../context/SessionRestoreContext';
@@ -16,7 +16,10 @@ export function FileDiag(props) {
     const { caseType } = useCaseSelector((state) => ({
         caseType: state.caseDetails.caseType,
     }), isEqual);
-    const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
+    const [isIdea, setIsIdea] = useState(false);
+    useEffect(() => {
+        setIsIdea(caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT);
+    }, [caseType]);
     if (!canAddAttachments)
         return null;
     return (React.createElement(WidgetFileUploader, { className: props.className, idToUploadTo: activeSessionId, isPrivate: false, needsAnalyzing: isIdea ? false : true, isSessionId: true, isSecureSupport: loggedInUsersAccount.data.secureSupport, autoUploadOnSelect: loggedInUsersAccount.data.secureSupport ? false : true, helperText: getValidAttachmentRules(rulesState.EARules.rules).length > 0 ? React.createElement(FileEARule, null) : null, isIdea: isIdea }));

package/lib/esm/components/IdeaInformation/{IdeaInformtion.d.ts → IdeaInformation.d.ts}

@@ -1,2 +1,2 @@
 export default function IdeaInformation(): JSX.Element;
-//# sourceMappingURL=IdeaInformtion.d.ts.map
+//# sourceMappingURL=IdeaInformation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IdeaInformation.d.ts","sourceRoot":"","sources":["../../../../src/components/IdeaInformation/IdeaInformation.tsx"],"names":[],"mappings":"AAgCA,MAAM,CAAC,OAAO,UAAU,eAAe,gBA+ItC"}

package/lib/esm/components/IdeaInformation/{IdeaInformtion.js → IdeaInformation.js}

@@ -1,7 +1,7 @@
 import { Flex, FlexItem } from '@patternfly/react-core';
 import { AlertMessage, AlertType, LoadingIndicator } from '@rh-support/components';
-import { fetchCaseSeverities, fetchCaseTypes, fetchLanguageMetadata, GlobalMetadataDispatchContext, GlobalMetadataStateContext, } from '@rh-support/react-context';
-import { canManageCase, haventLoadedMetadata } from '@rh-support/utils';
+import { fetchCaseSeverities, fetchCaseTypes, fetchLanguageMetadata, GlobalMetadataDispatchContext, GlobalMetadataStateContext, useGlobalStateContext, } from '@rh-support/react-context';
+import { canManageCase, haventLoadedMetadata, isSpecialSupportOfferingEnabled } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect } from 'react';
@@ -16,19 +16,23 @@ import Severity from '../CaseInformation/Severity';
 import SupportLevel from '../CaseInformation/SupportLevel';
 import CaseLanguageSelector from '../CaseManagement/CaseLanguageSelector';
 import { Cep } from '../CaseManagement/Cep';
+import ESSRemoteSessionCheckBox from '../CaseManagement/ESSRemoteSessionCheckBox';
 import OpenReferenceNumber from '../CaseManagement/OpenReferenceNumber';
 import { RHAssociatesSelector } from '../CaseManagement/RHAssociatesSelector';
 import CaseContactSelector from '../CaseManagement/SendNotifications/CaseContactSelector';
 import KtQuestions from '../ImproveCase/KtQuestions';
 export default function IdeaInformation() {
+    var _a;
     const { t } = useTranslation();
     const { globalMetadataState: { allCaseTypes, allCaseSeverities, caseLanguages, loggedInUser, loggedInUserJwtToken, loggedInUsersAccount, }, } = useContext(GlobalMetadataStateContext);
     const dispatchToGlobalMetadataReducer = useContext(GlobalMetadataDispatchContext);
-    const { contactSSOName, selectedAccountDetails, ownersCaseGroups, hasInvalidEntitlements } = useCaseSelector((state) => ({
+    const { globalMetadataState: { allProducts }, } = useGlobalStateContext();
+    const { contactSSOName, selectedAccountDetails, ownersCaseGroups, hasInvalidEntitlements, product } = useCaseSelector((state) => ({
         contactSSOName: state.caseDetails.contactSSOName,
         ownersCaseGroups: state.ownersCaseGroups,
         selectedAccountDetails: state.selectedAccountDetails,
         hasInvalidEntitlements: state.hasInvalidEntitlements,
+        product: state.caseDetails.product,
     }), isEqual);
     const caseDispatch = useCaseDispatch();
     const isMetadataLoading = () => {
@@ -71,6 +75,8 @@ export default function IdeaInformation() {
     const onSeverityChange = (payload) => {
         setCaseDetails(caseDispatch, payload);
     };
+    // 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(React.Fragment, null,
         React.createElement(LoadingIndicator, { show: isMetadataLoading(), size: "lg" }),
         React.createElement(AlertMessage, { variant: AlertType.DANGER, className: "pf-u-mb-md", title: t("Sorry, we're having a problem gathering your information."), show: isMetadataLoadingError(), isInline: true }),
@@ -105,5 +111,6 @@ export default function IdeaInformation() {
                 React.createElement(CaseContactSelector, null),
                 React.createElement(RHAssociatesSelector, null),
                 React.createElement(OpenReferenceNumber, { inlineEditable: false, hideSaveCancel: true }),
+                isESSCustomer && React.createElement(ESSRemoteSessionCheckBox, null),
                 React.createElement(Cep, null))))));
 }

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,gBA+ItD,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,58 @@ 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) {
+            const productObj = getProductObj(allProducts.data.productsResult, props.selectedProduct.name);
+            const productVersions = productObj.hasComponentsInsteadOfVersions
+                ? props.selectedProduct.versions.sort()
+                : props.selectedProduct.versions;
+            // if versions array has one value set that value as selected
+            if (productVersions.length === 1) {
+                props.onVersionChange(productVersions[0]);
+                setSelected(productVersions[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 productVersions = productObj.hasComponentsInsteadOfVersions
+                ? productObj.versions.sort()
+                : productObj.versions;
+            const versionArray = productVersions.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) {
@@ -73,11 +84,11 @@ export const NewProductVersionSelector = (props) => {
         }
         const productObj = getProductObj(allProducts.data.productsResult, props.selectedProduct.name);
         const sfdcVersions = getUniqueSortedVersions(fetchedVersions);
-        const productVersions = (productObj === null || productObj === void 0 ? void 0 : productObj.hasComponentsInsteadOfVersions) ? sfdcVersions.reverse() : sfdcVersions;
+        const productVersions = (productObj === null || productObj === void 0 ? void 0 : productObj.hasComponentsInsteadOfVersions) ? sfdcVersions.sort() : sfdcVersions;
         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 +98,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/RemoteRider/RemoteRiderAcceptanceModal.d.ts

@@ -1,3 +1,5 @@
+import { IApiResponseDetails } from '@rh-support/types/shared';
+import { UserAuth } from '@rh-support/user-permissions';
 interface IProps {
     isModalOpen: boolean;
     onModalClose?: () => void;
@@ -5,6 +7,7 @@ interface IProps {
     onFailure: () => void;
     isCaseDetailsPage?: boolean;
     caseNumber: string;
+    loggedInUserRights: IApiResponseDetails<UserAuth>;
 }
 export default function RemoteRiderAcceptanceModal(props: IProps): JSX.Element;
 export {};

package/lib/esm/components/RemoteRider/RemoteRiderAcceptanceModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RemoteRiderAcceptanceModal.d.ts","sourceRoot":"","sources":["../../../../src/components/RemoteRider/RemoteRiderAcceptanceModal.tsx"],"names":[],"mappings":"AAOA,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,KAAK,EAAE,MAAM,eA2B/D"}
+{"version":3,"file":"RemoteRiderAcceptanceModal.d.ts","sourceRoot":"","sources":["../../../../src/components/RemoteRider/RemoteRiderAcceptanceModal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAMxD,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;CACrD;AAED,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,KAAK,EAAE,MAAM,eAsD/D"}

package/lib/esm/components/RemoteRider/RemoteRiderAcceptanceModal.js

@@ -8,21 +8,38 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 import { publicApi } from '@cee-eng/hydrajs';
-import { AcceptTermsModal, useFetch } from '@rh-support/components';
+import { AcceptTermsModal, ToastNotification, useFetch } from '@rh-support/components';
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import React, { useContext } from 'react';
+import { useTranslation } from 'react-i18next';
 import { TnC } from '../../constants/tncConstants';
 export default function RemoteRiderAcceptanceModal(props) {
     const { globalMetadataState: { loggedInUser }, } = useContext(GlobalMetadataStateContext);
+    const { t } = useTranslation();
     const { request, isFetching } = useFetch(publicApi.kase.acknowledgeRemoteSessionTerms, { propgateErrors: true });
+    const { request: postCommentRequest, isFetching: isPostingComment } = useFetch(publicApi.kase.postComment, {
+        propgateErrors: true,
+    });
     const onConfirm = (pdfId) => __awaiter(this, void 0, void 0, function* () {
         try {
             yield request(props.caseNumber, pdfId);
+            try {
+                const requestComment = t('#### Remote Access Rider agreement has been accepted.\n\n This action does not initiate a remote session. Please make a case comment if you would like to submit a request.');
+                yield postCommentRequest({
+                    caseNumber: props.caseNumber,
+                    commentBody: requestComment,
+                    contentType: 'markdown',
+                });
+                ToastNotification.addSuccessMessage(t('Remote Access Rider agreement has been accepted'), t('This action does not initiate a remote session. Please make a case comment if you would like to submit a request.'));
+            }
+            catch (e) {
+                ToastNotification.addWarningMessage(t('Could not submit a comment'), t('Rest assured, we have noted you have accepted the agreement'));
+            }
             props.onSuccess && props.onSuccess();
         }
         catch (e) {
             props.onFailure && props.onFailure();
         }
     });
-    return (React.createElement(AcceptTermsModal, { isSubmitting: isFetching, siteCode: TnC.REMOTE_RIDER_SITE_CODE, eventCode: TnC.REMOTER_RIDER_EVENT_CODE, loggedInUser: loggedInUser.data.ssoUsername, isModalOpen: props.isModalOpen, onModalClose: props.onModalClose, dataTrackingId: props.isCaseDetailsPage ? 'rar-case-details' : 'rar-case-submit', onConfirm: onConfirm }));
+    return (React.createElement(AcceptTermsModal, { isSubmitting: isFetching, siteCode: TnC.REMOTE_RIDER_SITE_CODE, eventCode: TnC.REMOTER_RIDER_EVENT_CODE, loggedInUser: loggedInUser.data.ssoUsername, isModalOpen: props.isModalOpen, onModalClose: props.onModalClose, dataTrackingId: props.isCaseDetailsPage ? 'rar-case-details' : 'rar-case-submit', onConfirm: onConfirm, isDisabled: isPostingComment }));
 }

package/lib/esm/components/RemoteRider/RemoteRiderBanner.d.ts

@@ -1,8 +1,11 @@
+import { IApiResponseDetails } from '@rh-support/types/shared';
+import { UserAuth } from '@rh-support/user-permissions';
 interface IProps {
     onConfirm: () => void;
     onClose: () => void;
     caseNumber: string;
     isSecureSupport: boolean;
+    loggedInUserRights: IApiResponseDetails<UserAuth>;
 }
 export declare function RemoteRiderBanner(props: IProps): JSX.Element;
 export {};

package/lib/esm/components/RemoteRider/RemoteRiderBanner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RemoteRiderBanner.d.ts","sourceRoot":"","sources":["../../../../src/components/RemoteRider/RemoteRiderBanner.tsx"],"names":[],"mappings":"AASA,UAAU,MAAM;IACZ,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,OAAO,CAAC;CAC5B;AAMD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,eAkF9C"}
+{"version":3,"file":"RemoteRiderBanner.d.ts","sourceRoot":"","sources":["../../../../src/components/RemoteRider/RemoteRiderBanner.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAOxD,UAAU,MAAM;IACZ,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,OAAO,CAAC;IACzB,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;CACrD;AAMD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,eAmF9C"}

package/lib/esm/components/RemoteRider/RemoteRiderBanner.js

@@ -43,5 +43,5 @@ export function RemoteRiderBanner(props) {
                     " ",
                     React.createElement(ExternalLinkAltIcon, null)))), actionClose: React.createElement(AlertActionCloseButton, { onClose: props.onClose }) },
             React.createElement(Trans, null, areTermsAccepted ? TERMS_ACCEPTED_MSG : TERMS_ACCEPT_MSG)),
-        isRemoteRiderModalVisble && (React.createElement(RemoteRiderAcceptanceModal, { caseNumber: props.caseNumber, isModalOpen: true, onModalClose: onModalClose, onSuccess: onTermsAcceptSuccess, onFailure: onTermsAcceptFailure }))));
+        isRemoteRiderModalVisble && (React.createElement(RemoteRiderAcceptanceModal, { caseNumber: props.caseNumber, isModalOpen: true, onModalClose: onModalClose, onSuccess: onTermsAcceptSuccess, onFailure: onTermsAcceptFailure, loggedInUserRights: props.loggedInUserRights }))));
 }

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":"AAkCA,MAAM,CAAC,OAAO,UAAU,UAAU,gBAiTjC"}
+{"version":3,"file":"SubmitCase.d.ts","sourceRoot":"","sources":["../../../../src/components/SubmitCase/SubmitCase.tsx"],"names":[],"mappings":"AAkCA,MAAM,CAAC,OAAO,UAAU,UAAU,gBAkTjC"}

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

@@ -26,7 +26,7 @@ import { AttachmentStateContext } from '../shared/fileUpload/reducer/AttachmentR
 import Suggestions from '../Suggestions/Suggestions';
 export default function SubmitCase() {
     var _a;
-    const { entitlementSla, severity, caseNumber, caseType, version, versionsDetails, addNotifiedUserError, isCreatingCase, caseCreationError, caseCreationErrorMessage, selectedAccountDetails, product, } = useCaseSelector((state) => ({
+    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,
@@ -39,17 +39,15 @@ export default function SubmitCase() {
         caseCreationErrorMessage: state.caseCreationErrorMessage,
         selectedAccountDetails: state.selectedAccountDetails,
         product: state.caseDetails.product,
+        screenSessionRequested: state.caseDetails.screenSessionRequested,
     }), isEqual);
     const isIdea = caseType === PreviousCaseTypes.FEATURE_ENHANCEMENT;
-    const { isFetching: isPostingComment } = useFetch(publicApi.kase.postComment, {
-        propgateErrors: true,
-    });
     const { topContentState: { topContent }, } = useContext(TCStateContext);
     const { rulesState } = useContext(RulesStateContext);
     const { clusterRecommendationsState: { clusterRecommendations }, } = useContext(ClusterRecommendationsContext);
     const { attachmentState } = useContext(AttachmentStateContext);
     const [isRemoteRiderBannerVisible, setIsRemoteRiderBannerVisible] = useState(true);
-    const { globalMetadataState: { loggedInUser, loggedInUsersAccount, pcmConfig }, } = useContext(GlobalMetadataStateContext);
+    const { globalMetadataState: { loggedInUser, loggedInUsersAccount, pcmConfig, loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
     const getBusinessHours = useFetch(publicApi.businessHours.getBusinessHours);
     const { t } = useTranslation();
     const { globalMetadataState: { allProducts }, } = useGlobalStateContext();
@@ -83,7 +81,7 @@ export default function SubmitCase() {
         showRemoteRiderTermsInline &&
         !selectedAccountDetails.data.remoteSessionTermsAcked &&
         !isIdea;
-    const viewDisabled = isPostingComment && isEmpty(attachmentState.caseFiles.selectedLocalFiles)
+    const viewDisabled = isEmpty(attachmentState.caseFiles.selectedLocalFiles)
         ? false
         : attachmentState.caseFiles.selectedLocalFiles.every((localFile) => !isUploadedAndAnalyzed(localFile));
     const isNotAnIdea = caseType !== PreviousCaseTypes.FEATURE_ENHANCEMENT;
@@ -94,7 +92,10 @@ export default function SubmitCase() {
         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,
-            !isESSCustomer && 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, loggedInUserRights: loggedInUserRights })),
             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/lib/esm/components/shared/fileUpload/WidgetFileUploader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WidgetFileUploader.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/fileUpload/WidgetFileUploader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAA0C,MAAM,OAAO,CAAC;AA0B/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAInD,UAAU,MAAO,SAAQ,wBAAwB,EAAE,gBAAgB;IAC/D,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAYD,iBAAS,kBAAkB,CAAC,KAAK,EAAE,MAAM,eA4NxC;kBA5NQ,kBAAkB;;;AAgO3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"WidgetFileUploader.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/fileUpload/WidgetFileUploader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,KAA0C,MAAM,OAAO,CAAC;AA0B/D,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAInD,UAAU,MAAO,SAAQ,wBAAwB,EAAE,gBAAgB;IAC/D,UAAU,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAYD,iBAAS,kBAAkB,CAAC,KAAK,EAAE,MAAM,eA2OxC;kBA3OQ,kBAAkB;;;AA+O3B,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

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

@@ -70,6 +70,14 @@ function WidgetFileUploader(props) {
             payload: { isRuleModalVisible: true },
         });
     };
+    useEffect(() => {
+        //need to run the analysis to throw an error if the file is an error
+        attachmentState.caseFiles.selectedLocalFiles.forEach((file, index) => {
+            props.needsAnalyzing &&
+                doSosReportAnalysisForFile(dispatchToAttachmentReducer, props.idToUploadTo, file.attachmentId, file, true, index);
+        });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [props.isIdea]);
     useEffect(() => {
         attachmentState.caseFiles.selectedLocalFiles.forEach((file, index) => {
             if (isRestoredFromSession(file.uploadProgress.uploadStatus) &&
@@ -84,7 +92,6 @@ function WidgetFileUploader(props) {
         props.idToUploadTo,
         dispatchToAttachmentReducer,
         props.needsAnalyzing,
-        props.isIdea,
     ]);
     const getFileAccessDetails = (file) => __awaiter(this, void 0, void 0, function* () {
         const fileName = (file === null || file === void 0 ? void 0 : file.name) || '';

package/lib/esm/hooks/useWizard.js

@@ -6,7 +6,7 @@ import React, { Suspense, useContext } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import CaseInformation from '../components/CaseInformation/CaseInformation';
 import CaseManagement from '../components/CaseManagement/CaseManagement';
-import IdeaInformation from '../components/IdeaInformation/IdeaInformtion';
+import IdeaInformation from '../components/IdeaInformation/IdeaInformation';
 import OpenCase from '../components/OpenCase/OpenCase';
 import ProductSelector from '../components/ProductSelector/ProductSelector';
 import Review from '../components/Review/Review';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.2.28",
+    "version": "2.2.30",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -26,7 +26,7 @@
         "lib/**/*"
     ],
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.16.16",
+        "@cee-eng/hydrajs": "4.16.18",
         "@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.16",
+        "@cee-eng/hydrajs": "4.16.18",
         "@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.15",
-        "@rh-support/react-context": "2.1.15",
+        "@rh-support/components": "2.1.17",
+        "@rh-support/react-context": "2.1.17",
         "@rh-support/types": "2.0.2",
-        "@rh-support/user-permissions": "2.1.9",
-        "@rh-support/utils": "2.1.6",
+        "@rh-support/user-permissions": "2.1.11",
+        "@rh-support/utils": "2.1.8",
         "@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": "9d0bc7eaea19da8494cea702ffc4ef1c6532481a"
+    "gitHead": "4ec11a07c3b157b92a224211e68c903243028255"
 }

package/lib/esm/components/IdeaInformation/IdeaInformtion.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IdeaInformtion.d.ts","sourceRoot":"","sources":["../../../../src/components/IdeaInformation/IdeaInformtion.tsx"],"names":[],"mappings":"AA8BA,MAAM,CAAC,OAAO,UAAU,eAAe,gBAsItC"}