@rh-support/troubleshoot 2.1.7 → 2.1.9

package/lib/esm/components/AccountInfo/AccountSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccountSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountInfo/AccountSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAOnC,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAcrE,UAAU,MAAO,SAAQ,gBAAgB;CAAG;AAE5C,eAAO,MAAM,YAAY,EAAE,MAG1B,CAAC;AAEF,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eA4KrC;kBA5KQ,eAAe;;;AAgLxB,OAAO,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"AccountSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/AccountInfo/AccountSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC;AAOnC,OAAO,EAAE,gBAAgB,EAAW,MAAM,0BAA0B,CAAC;AAcrE,UAAU,MAAO,SAAQ,gBAAgB;CAAG;AAE5C,eAAO,MAAM,YAAY,EAAE,MAG1B,CAAC;AAEF,iBAAS,eAAe,CAAC,KAAK,EAAE,MAAM,eA2KrC;kBA3KQ,eAAe;;;AA+KxB,OAAO,EAAE,eAAe,EAAE,CAAC"}

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

@@ -39,7 +39,7 @@ function AccountSelector(props) {
     const routeDispatch = useRouteDispatchContext();
     const { globalMetadataState: { bookmarkedGroupAccounts, loggedInUserRights, managedAccounts, loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
     const { t } = useTranslation();
-    /** Various Abilities */
+    // Various Abilities
     const ability = useContext(AbilityContext);
     const canAccessManagedAccounts = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.MANAGED_ACCOUNTS);
     const canBookmarkAccounts = ability.can(resourceActions.PATCH, resources.CASE_CREATE, CaseListFields.BOOKMARK_ACCOUNTS);
@@ -76,8 +76,7 @@ function AccountSelector(props) {
         accountNumber: selectedAccountDetails.data.accountNumber,
         subscriptionAbuse: selectedAccountDetails.data.subscriptionAbuse,
     };
-    // When internal user wants to open a case for a customer but
-    // customer account doesn't have entitlement, we show an error
+    // When internal user wants to open a case for a customer but customer account doesn't have entitlement, we show an error
     useEffect(() => {
         const getAccountEntitlement = () => __awaiter(this, void 0, void 0, function* () {
             // internal user doesn't open case for customer. No need to check account entitlement

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

@@ -1 +1 @@
-{"version":3,"file":"CaseDetailsAside.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsAside.tsx"],"names":[],"mappings":"AA8BA,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAMD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,eAiU7C"}
+{"version":3,"file":"CaseDetailsAside.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsAside.tsx"],"names":[],"mappings":"AA8BA,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAMD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,eA2V7C"}

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

@@ -17,7 +17,7 @@ import TrendUpIcon from '@patternfly/react-icons/dist/js/icons/trend-up-icon';
 import { ErrorBoundary, ToastNotification, useBreakpoint, useForceUpdate } from '@rh-support/components';
 import { GlobalMetadataDispatchContext, toggleViewAsCustomerFlag, useGlobalStateContext, useUserPreferences, } from '@rh-support/react-context';
 import { ability, CaseDetailsFields, resourceActions, resources } from '@rh-support/user-permissions';
-import { scrollIntoView } from '@rh-support/utils';
+import { isSpecialSupportOfferingEnabled, scrollIntoView } from '@rh-support/utils';
 import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useContext, useEffect, useRef, useState } from 'react';
@@ -29,17 +29,20 @@ import { useRecommendationStateContext } from '../../context/RecommendationConte
 import { ActiveCustomerEscalation } from './ActiveCustomerEscalation';
 import { CaseSolutions } from './CaseSolutions';
 import { PDFContext } from './PDFContainer';
-import { RemoteSessionAgreement } from './RequestRemoteSession';
+import { ESSRemoteSession, RemoteSessionAgreement } from './RequestRemoteSession';
 export function CaseDetailsAside(props) {
-    var _a;
+    var _a, _b;
     const { t } = useTranslation();
-    const { severity, status, isFetchingCaseDetails, isFetchingCaseDetailsError, acceptedRemoteSessionTerms } = useCaseSelector((state) => ({
+    const { severity, status, isFetchingCaseDetails, isFetchingCaseDetailsError, acceptedRemoteSessionTerms, screenSessionRequested, product, } = useCaseSelector((state) => ({
         severity: state.caseDetails.severity,
         status: state.caseDetails.status,
         isFetchingCaseDetails: state.isFetchingCaseDetails,
         isFetchingCaseDetailsError: state.isFetchingCaseDetailsError,
         acceptedRemoteSessionTerms: state.caseDetails.remoteSessionTermsAcked,
+        screenSessionRequested: state.caseDetails.screenSessionRequested,
+        product: state.caseDetails.product,
     }), isEqual);
+    const selectedProduct = product;
     const { caseDetailsPageState: { caseEscalations }, } = useCaseDetailsPageStateContext();
     const isCreateRMEVisible = (caseEscalations.data || []).length === 0 || caseEscalations.data.every((item) => item.status === 'Closed');
     const { recommendationState: { isLoadingRecommendations, allDocs }, } = useRecommendationStateContext();
@@ -58,7 +61,7 @@ export function CaseDetailsAside(props) {
     const isXLScreen = breakPoint.xl;
     const toggleCustomerViewRef = useRef(null);
     const isFirstMountRef = useRef(true);
-    const { globalMetadataState: { navBarRef, viewAsCustomer, loggedInUsersAccount, loggedInUserRights }, } = useGlobalStateContext();
+    const { globalMetadataState: { navBarRef, viewAsCustomer, loggedInUsersAccount, loggedInUserRights, allProducts }, } = useGlobalStateContext();
     const isSecureSupportAccount = loggedInUsersAccount.data.secureSupport;
     // To enable RSA Section for external users
     const isExternal = loggedInUserRights.data.isExternal();
@@ -163,6 +166,8 @@ export function CaseDetailsAside(props) {
             return t('View internal information available to Red Hat associates only.');
         }
     };
+    // To check if the user is ESS Customer and Product has ESS Support
+    const isESSCustomer = isSpecialSupportOfferingEnabled((_b = allProducts.data) === null || _b === void 0 ? void 0 : _b.productsResult, selectedProduct);
     return (React.createElement("aside", { className: `grid-aside ${isSideBarExpanded ? '' : 'sidebar-collapsed'} ` },
         React.createElement("pfe-collapse-toggle", { "aria-controls": "case-details-aside-content", onClick: onToggleAside }, isSideBarExpanded ? (React.createElement("div", { className: `sidebar-header ${isExportingPDF ? 'hide-in-pdf' : ''}` },
             React.createElement(Button, { variant: "link", isInline: true, title: t('Collapse sidebar') },
@@ -201,6 +206,9 @@ export function CaseDetailsAside(props) {
                     React.createElement(CaseSolutions, { caseNumber: caseNumber, ref: topSolutionsRef, isSecureSupportAccount: isSecureSupportAccount })),
                 !caseEscalations.isFetching && canViewACESection && (React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading customer escalation') } },
                     React.createElement(ActiveCustomerEscalation, { caseNumber: caseNumber, caseSeverity: severity, caseStatus: status, ref: createEscalationRef }))),
-                isExternal && (React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading remote session agreement') } },
-                    React.createElement(RemoteSessionAgreement, { caseNumber: caseNumber, caseSeverity: severity, caseStatus: status, ref: createEscalationRef, acceptedRemoteSessionTerms: acceptedRemoteSessionTerms, readOnly: canReadCase })))))));
+                isESSCustomer
+                    ? isExternal && (React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading remote session agreement') } },
+                        React.createElement(RemoteSessionAgreement, { caseNumber: caseNumber, caseSeverity: severity, caseStatus: status, ref: createEscalationRef, acceptedRemoteSessionTerms: acceptedRemoteSessionTerms, readOnly: canReadCase })))
+                    : isExternal && (React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading requesting remote session') } },
+                        React.createElement(ESSRemoteSession, { screenSessionRequested: screenSessionRequested, caseNumber: caseNumber, caseSeverity: severity, caseStatus: status, ref: createEscalationRef, readOnly: canReadCase })))))));
 }

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

@@ -0,0 +1,11 @@
+import React from 'react';
+interface IProps {
+    caseNumber: string;
+    caseSeverity: string;
+    caseStatus: string;
+    readOnly: boolean;
+    screenSessionRequested: boolean;
+}
+export declare const ESSRemoteSession: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=ESSRemoteSession.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ESSRemoteSession.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/ESSRemoteSession.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,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;CACnC;AAED,eAAO,MAAM,gBAAgB,+EA2F3B,CAAC"}

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

@@ -0,0 +1,38 @@
+import { Button, Popover, Tooltip } from '@patternfly/react-core';
+import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
+import { GlobalMetadataStateContext, useCanEditCase } from '@rh-support/react-context';
+import React, { forwardRef, useContext, useRef, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import { ESSRemoteSessionModal } from './ESSRemoteSessionModal';
+export const ESSRemoteSession = forwardRef((props, ref) => {
+    const tooltipRef = useRef();
+    const { t } = useTranslation();
+    const canEditCase = useCanEditCase();
+    const { caseNumber, caseStatus, screenSessionRequested, readOnly } = props;
+    const { globalMetadataState: { loggedInUser, loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
+    const [openESSRemoteSessionModal, setOpenESSRemoteSessionModal] = useState(false);
+    // To toggle ESS RS Modal
+    const toggleESSRemoteSessionModal = () => {
+        if (canEditCase.alert())
+            return;
+        setOpenESSRemoteSessionModal((openESSRemoteSessionModal) => !openESSRemoteSessionModal);
+    };
+    // ESS RS Aside Section Body
+    const ESSRemoteSessionSectionBody = (React.createElement("div", { className: "card card-white card-support escalations", ref: ref },
+        React.createElement("h3", { className: "card-heading pf-u-display-flex pf-u-justify-content-space-between" },
+            t('Remote session'),
+            React.createElement(Popover, { "aria-label": t('Remote Session Helper Info'), bodyContent: t('A remote session allows support engineers to view or access your computer to simplify collaboration and troubleshooting.'), footerContent: React.createElement("a", { href: "/articles/3566571", target: "_blank", rel: "noopener noreferrer", "aria-label": t('Read more about remote sessions') }, t('Read more about remote sessions')) },
+                React.createElement(InfoCircleIcon, null))),
+        React.createElement("div", { className: "card-body" },
+            React.createElement("p", null,
+                React.createElement("strong", null, `${t('Red Hat may agree to remotely access your systems if:')}`)),
+            React.createElement("ul", null,
+                React.createElement("li", null, t(`Such access will help diagnose, debug or lead to the resolution of a software defect`)),
+                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: toggleESSRemoteSessionModal, "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,
+        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 })));
+});

package/lib/esm/components/CaseEditView/RequestRemoteSession/ESSRemoteSessionModal.d.ts

@@ -0,0 +1,15 @@
+import { IApiResponseDetails } from '@rh-support/types/shared';
+import { UserAuth } from '@rh-support/user-permissions';
+interface IProps {
+    caseNumber: string;
+    onClose?: () => void;
+    loggedInUser: string;
+    caseStatus: string;
+    show: boolean;
+    loggedInUserRights: IApiResponseDetails<UserAuth>;
+    readOnly: boolean;
+    screenSessionRequested: boolean;
+}
+export declare function ESSRemoteSessionModal(props: IProps): JSX.Element;
+export {};
+//# sourceMappingURL=ESSRemoteSessionModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ESSRemoteSessionModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/ESSRemoteSessionModal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAkBxD,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;IACd,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IAClD,QAAQ,EAAE,OAAO,CAAC;IAClB,sBAAsB,EAAE,OAAO,CAAC;CACnC;AAED,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,MAAM,eAiKlD"}

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

@@ -0,0 +1,106 @@
+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 { publicApi } from '@cee-eng/hydrajs';
+import { Button, ButtonVariant, Modal, ModalVariant, Title, TitleSizes } from '@patternfly/react-core';
+import CheckCircleIcon from '@patternfly/react-icons/dist/js/icons/check-circle-icon';
+import { ToastNotification, useFetch } from '@rh-support/components';
+import React, { useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { useCaseDispatch } from '../../../context/CaseContext';
+import { useCaseDetailsPageStateContext } from '../../../context/CaseDetailsPageContext';
+import { useCaseDiscussionTabDispatchContext, useCaseDiscussionTabStateContext, } from '../../../context/CaseDiscussionTabContext';
+import { updateDiscussionStateComments } from '../../../reducers/CaseDiscussionTabReducer';
+import { checkForCaseStatusToggleOnAttachOrComment, setCaseDetails, setRemoteRiderFlag, updateCaseDetails, } from '../../../reducers/CaseReducer';
+export function ESSRemoteSessionModal(props) {
+    const { t } = useTranslation();
+    const caseDispatch = useCaseDispatch();
+    const [agreeLoading, setAgreeLoading] = useState(false);
+    const { request: postCommentRequest, isFetching: isPostingComment } = useFetch(publicApi.kase.postComment, {
+        propgateErrors: true,
+    });
+    const dispatchDiscussion = useCaseDiscussionTabDispatchContext();
+    const { sort, allDiscussions, discussionFiltersListState } = useCaseDiscussionTabStateContext();
+    const { caseDetailsPageState: { caseFeedbacksHydra }, } = useCaseDetailsPageStateContext();
+    // To handle modal cancel and close
+    const onCancel = () => {
+        props.onClose && props.onClose();
+    };
+    // Function to ack remote session terms and post comment
+    const submitESSRemoteSessionRequest = () => __awaiter(this, void 0, void 0, function* () {
+        const requestComment = t('Submitted a remote session request.');
+        try {
+            yield updateCaseDetails(caseDispatch, props.caseNumber, { screenSessionRequested: true });
+            setCaseDetails(caseDispatch, {
+                screenSessionRequested: true,
+            });
+            setRemoteRiderFlag(caseDispatch, true);
+            try {
+                yield postCommentRequest({
+                    caseNumber: props.caseNumber,
+                    commentBody: requestComment,
+                    contentType: 'markdown',
+                });
+                updateDiscussionStateComments(dispatchDiscussion, props.caseNumber, allDiscussions, sort, caseFeedbacksHydra.data, discussionFiltersListState);
+                checkForCaseStatusToggleOnAttachOrComment(caseDispatch, props.loggedInUserRights.data.isInternal(), props.caseStatus);
+                setAgreeLoading(false);
+                ToastNotification.addSuccessMessage(t('Remote session has been requested successfully'), t('Red Hat will add a comment to your case to schedule your remote session.'));
+            }
+            catch (e) {
+                ToastNotification.addWarningMessage(t('Could not submit a comment'), t('Rest assured, we have noted you have accepted the agreement'));
+                setAgreeLoading(false);
+                props.onClose();
+            }
+            props.onClose();
+        }
+        catch (e) {
+            if (props.readOnly) {
+                ToastNotification.addDangerMessage(t('You are not authorized to update this case.'));
+            }
+            else {
+                ToastNotification.addDangerMessage(t('Could not submit a request for remote session'), t('Please try again.'));
+            }
+            setAgreeLoading(false);
+            props.onClose();
+        }
+    });
+    // To check if terms acked and if not disable submit button
+    const onSubmit = () => {
+        setAgreeLoading(true);
+        submitESSRemoteSessionRequest();
+    };
+    // To check and if Request remote session button is loading
+    const isAgreeLoading = agreeLoading || isPostingComment;
+    // ESS RS Modal Actions
+    const modalActions = [
+        React.createElement(Button, { "aria-label": t('Request remote session'), variant: ButtonVariant.primary, onClick: onSubmit, "data-tracking-id": "ess-request-remote-session", isLoading: isAgreeLoading }, t('Request remote session')),
+        React.createElement(Button, { key: "cancel", variant: "link", onClick: props.onClose }, t('Cancel')),
+    ];
+    const acceptedModalActions = [
+        React.createElement(Button, { key: "cancel", variant: "link", onClick: props.onClose },
+            React.createElement(Trans, null, "Close")),
+    ];
+    // Body of ESS Modal
+    const ESSRemoteSessionModalBody = () => {
+        return (React.createElement(React.Fragment, null,
+            React.createElement("p", { className: "pf-u-mt-xs" },
+                React.createElement(Trans, null, "To troubleshoot your problem, Red Hat support accesses your network or systems remotely."))));
+    };
+    const RequestedESSRemoteSessionModalBody = () => {
+        return (React.createElement(React.Fragment, null,
+            React.createElement("p", { className: "pf-u-mt-xs" },
+                React.createElement(Trans, null, "Red Hat will add a comment to your case to schedule your remote session."))));
+    };
+    const essModalHeader = props.screenSessionRequested ? (React.createElement(React.Fragment, null,
+        React.createElement(Title, { className: "pf-u-mb-xs", id: "modal-custom-header-label", headingLevel: "h1", size: TitleSizes['2xl'] },
+            React.createElement(CheckCircleIcon, { size: "lg" }),
+            t('Remote session has been requested')))) : (React.createElement(React.Fragment, null,
+        React.createElement(Title, { className: "pf-u-mb-xs", id: "modal-custom-header-label", headingLevel: "h1", size: TitleSizes['2xl'] }, t('Request a remote session?'))));
+    return (React.createElement(Modal, { variant: ModalVariant.small, id: "remote-session-agreement-modal", "aria-label": props.screenSessionRequested ? t('Remote session has been requested') : t('Request a remote session?'), header: essModalHeader, isOpen: props.show, onClose: onCancel, actions: props.screenSessionRequested ? acceptedModalActions : modalActions }, props.screenSessionRequested ? RequestedESSRemoteSessionModalBody() : ESSRemoteSessionModalBody()));
+}

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

@@ -11,18 +11,18 @@ export const RemoteSessionAgreement = forwardRef((props, ref) => {
     const canEditCase = useCanEditCase();
     const { caseNumber, caseStatus, acceptedRemoteSessionTerms, readOnly } = props;
     const { globalMetadataState: { loggedInUser, loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
-    const [openRequestRemoteSessionModal, setOpenRequestRemoteSessionnModal] = useState(false);
+    const [openRequestRemoteSessionModal, setOpenRequestRemoteSessionModal] = useState(false);
     // To toggle RSA Modal
     const toggleRemoteSessionAgreementModal = () => {
         if (canEditCase.alert())
             return;
-        setOpenRequestRemoteSessionnModal((openRequestRemoteSessionModal) => !openRequestRemoteSessionModal);
+        setOpenRequestRemoteSessionModal((openRequestRemoteSessionModal) => !openRequestRemoteSessionModal);
     };
     // RSA Aside Section Body
     const RemoteSessionAgreementSectionBody = (React.createElement("div", { className: "card card-white card-support escalations", ref: ref },
         React.createElement("h3", { className: "card-heading pf-u-display-flex pf-u-justify-content-space-between" },
             t('Remote session agreement'),
-            React.createElement(Popover, { "aria-label": t('Remote Session Helper Info'), bodyContent: t('Before Red Hat logs into your systems to analyze your support issue during a remote session, Red Hat needs your approval and authorization for such remote access.'), footerContent: React.createElement("a", { href: "/articles/3566571", target: "_blank", rel: "noopener noreferrer", "aria-label": t('Read more about remote sessions') }, t('Read more about remote sessions')) },
+            React.createElement(Popover, { "aria-label": t('Remote Session Helper Info'), bodyContent: t('Before Red Hat logs into your systems to analyze your support issue during a remote session, Red Hat needs your approval and authorization for such remote access'), footerContent: React.createElement("a", { href: "/articles/3566571", target: "_blank", rel: "noopener noreferrer", "aria-label": t('Read more about remote sessions') }, t('Read more about remote sessions')) },
                 React.createElement(InfoCircleIcon, null))),
         React.createElement("div", { className: "card-body" },
             React.createElement("p", null,

package/lib/esm/components/CaseEditView/RequestRemoteSession/index.d.ts

@@ -1,2 +1,3 @@
 export * from './RemoteSessionAgreement';
+export * from './ESSRemoteSession';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,oBAAoB,CAAC"}

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

@@ -1 +1,2 @@
 export * from './RemoteSessionAgreement';
+export * from './ESSRemoteSession';

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

@@ -1 +1 @@
-{"version":3,"file":"CaseManagement.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/CaseManagement.tsx"],"names":[],"mappings":"AAiBA,MAAM,WAAW,MAAM;CAAG;AAC1B,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM,eA4BnD"}
+{"version":3,"file":"CaseManagement.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/CaseManagement.tsx"],"names":[],"mappings":"AAqBA,MAAM,WAAW,MAAM;CAAG;AAC1B,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,MAAM,eA4CnD"}

package/lib/esm/components/CaseManagement/CaseManagement.js

@@ -1,6 +1,9 @@
 import { Flex, FlexItem } from '@patternfly/react-core';
+import { useGlobalStateContext } from '@rh-support/react-context';
+import { isSpecialSupportOfferingEnabled } from '@rh-support/utils';
+import { isEqual } from 'lodash';
 import React from 'react';
-import { useCaseDispatch } from '../../context/CaseContext';
+import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
 import { setCaseDetails } from '../../reducers/CaseReducer';
 import CaseGroup from '../CaseInformation/CaseGroup';
 import { ContactPhoneNumber } from '../CaseInformation/ContactPhoneNumber';
@@ -10,14 +13,21 @@ import Severity from '../CaseInformation/Severity';
 import SupportLevel from '../CaseInformation/SupportLevel';
 import CaseLanguageSelector from './CaseLanguageSelector';
 import { Cep } from './Cep';
+import ESSRemoteSessionCheckBox from './ESSRemoteSessionCheckBox';
 import OpenReferenceNumber from './OpenReferenceNumber';
 import { RHAssociatesSelector } from './RHAssociatesSelector';
 import CaseContactSelector from './SendNotifications/CaseContactSelector';
 export default function CaseManagement(props) {
+    var _a;
     const caseDispatch = useCaseDispatch();
     const onSeverityChange = (payload) => {
         setCaseDetails(caseDispatch, payload);
     };
+    const { globalMetadataState: { allProducts }, } = useGlobalStateContext();
+    const { product } = useCaseSelector((state) => ({
+        product: state.caseDetails.product,
+    }), isEqual);
+    const selectedProduct = product;
     return (React.createElement("form", null,
         React.createElement(SupportLevel, null),
         React.createElement(Flex, { direction: { default: 'column', '2xl': 'row' } },
@@ -32,5 +42,6 @@ export default function CaseManagement(props) {
         React.createElement(CaseContactSelector, null),
         React.createElement(RHAssociatesSelector, null),
         React.createElement(OpenReferenceNumber, { inlineEditable: false, hideSaveCancel: true }),
-        React.createElement(Cep, null)));
+        React.createElement(Cep, null),
+        isSpecialSupportOfferingEnabled((_a = allProducts.data) === null || _a === void 0 ? void 0 : _a.productsResult, selectedProduct) && (React.createElement(ESSRemoteSessionCheckBox, null))));
 }

package/lib/esm/components/CaseManagement/ESSRemoteSessionCheckBox.d.ts

@@ -0,0 +1,3 @@
+declare const ESSRemoteSessionCheck: () => JSX.Element;
+export default ESSRemoteSessionCheck;
+//# sourceMappingURL=ESSRemoteSessionCheckBox.d.ts.map

package/lib/esm/components/CaseManagement/ESSRemoteSessionCheckBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ESSRemoteSessionCheckBox.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/ESSRemoteSessionCheckBox.tsx"],"names":[],"mappings":"AAQA,QAAA,MAAM,qBAAqB,mBAmD1B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/lib/esm/components/CaseManagement/ESSRemoteSessionCheckBox.js

@@ -0,0 +1,41 @@
+import { Checkbox } from '@patternfly/react-core';
+import isEqual from 'lodash/isEmpty';
+import React, { useState } from 'react';
+import { Trans, useTranslation } from 'react-i18next';
+import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
+import { setCaseDetails, updateCaseDetails } from '../../reducers/CaseReducer';
+const ESSRemoteSessionCheck = () => {
+    const { t } = useTranslation();
+    const { caseNumber, isCaseUpdating } = useCaseSelector((state) => ({
+        caseNumber: state.caseDetails.caseNumber,
+        status: state.caseDetails.status,
+        isCaseUpdating: state.isCaseUpdating,
+    }), isEqual);
+    const caseDispatch = useCaseDispatch();
+    const [remoteSessionChecked, setRemoteSessionChecked] = useState(false);
+    const handleEssRemoteSessionChange = (checked) => {
+        remoteSessionChecked &&
+            setCaseDetails(caseDispatch, {
+                screenSessionRequested: checked,
+            });
+        try {
+            updateCaseDetails(caseDispatch, caseNumber, { screenSessionRequested: checked });
+        }
+        catch (e) {
+            setCaseDetails(caseDispatch, {
+                screenSessionRequested: false,
+            });
+            updateCaseDetails(caseDispatch, caseNumber, { screenSessionRequested: false });
+        }
+    };
+    const handleChange = (checked) => {
+        setRemoteSessionChecked(checked);
+        handleEssRemoteSessionChange(checked);
+    };
+    return (React.createElement(Checkbox, { id: "case-management-remote-session", label: React.createElement(React.Fragment, null,
+            React.createElement(Trans, null, "I want a"),
+            ' ',
+            React.createElement("a", { href: "https://access.redhat.com/articles/3566571", target: "_blank", rel: "noopener noreferrer" },
+                React.createElement(Trans, null, "remote session"))), description: t('Red Hat will add a comment to your case to schedule your remote session.'), "data-tracking-id": "case-management-remote-session-check", isChecked: remoteSessionChecked, onChange: handleChange, isDisabled: isCaseUpdating }));
+};
+export default ESSRemoteSessionCheck;

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

@@ -1 +1 @@
-{"version":3,"file":"Issue.d.ts","sourceRoot":"","sources":["../../../../src/components/Issue/Issue.tsx"],"names":[],"mappings":"AAmBA,MAAM,CAAC,OAAO,UAAU,KAAK,gBA0F5B"}
+{"version":3,"file":"Issue.d.ts","sourceRoot":"","sources":["../../../../src/components/Issue/Issue.tsx"],"names":[],"mappings":"AAmBA,MAAM,CAAC,OAAO,UAAU,KAAK,gBA2F5B"}

package/lib/esm/components/Issue/Issue.js

@@ -27,6 +27,7 @@ export default function Issue() {
     const onCaseDetailsChange = (caseDetails) => {
         setCaseDetails(caseDispatch, caseDetails);
     };
+    // To handle change of KTQ1
     const onKTQ1IssueChange = (value, e) => {
         const ktQ1Local = isEmpty(value === null || value === void 0 ? void 0 : value.trim()) ? '' : value;
         const description = getUpdatedDescription(ktQ1Local, environment, periodicityOfIssue, timeFramesAndUrgency, v3ClusterName);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.1.7",
+    "version": "2.1.9",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -26,7 +26,7 @@
         "lib/**/*"
     ],
     "peerDependencies": {
-        "@cee-eng/hydrajs": "4.15.78",
+        "@cee-eng/hydrajs": "4.15.81",
         "@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.15.78",
+        "@cee-eng/hydrajs": "4.15.81",
         "@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.0.5",
-        "@rh-support/react-context": "2.0.5",
-        "@rh-support/types": "2.0.1",
-        "@rh-support/user-permissions": "2.0.5",
-        "@rh-support/utils": "2.0.5",
+        "@rh-support/components": "2.0.7",
+        "@rh-support/react-context": "2.0.7",
+        "@rh-support/types": "2.0.2",
+        "@rh-support/user-permissions": "2.0.7",
+        "@rh-support/utils": "2.0.7",
         "@types/react-redux": "^7.1.12",
         "@types/redux": "^3.6.0",
         "dompurify": "^2.4.1",
@@ -134,5 +134,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "81f772293e311afe41a2b5b09d0e122c9aa168b6"
+    "gitHead": "c05aa6c2542ab83bfc1984ec113a116f0885d123"
 }