@rh-support/troubleshoot 2.2.25 → 2.2.27

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,eAiW7C"}

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,10 @@ 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 section') } },
                     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 section') } },
+                isExternal && isESSCustomer && (React.createElement(ErrorBoundary, { errorMsgInfo: {
+                        message: t('There was an error loading requesting remote session section'),
+                    } },
+                    React.createElement(ESSRemoteSession, { screenSessionRequested: screenSessionRequested, remoteSessionTermsAcked: acceptedRemoteSessionTerms, caseNumber: caseNumber, caseSeverity: severity, caseStatus: status, ref: createEscalationRef, readOnly: canReadCase }))),
+                isExternal && !isESSCustomer && (React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading remote session agreement section') } },
                     React.createElement(RemoteSessionAgreement, { caseNumber: caseNumber, caseSeverity: severity, caseStatus: status, ref: createEscalationRef, acceptedRemoteSessionTerms: acceptedRemoteSessionTerms, readOnly: canReadCase })))))));
 }

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

@@ -0,0 +1,12 @@
+import React from 'react';
+interface IProps {
+    caseNumber: string;
+    caseSeverity: string;
+    caseStatus: string;
+    readOnly: boolean;
+    screenSessionRequested: boolean;
+    remoteSessionTermsAcked?: 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;AAOxE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,sBAAsB,EAAE,OAAO,CAAC;IAChC,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,gBAAgB,+EAmH3B,CAAC"}

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

@@ -0,0 +1,48 @@
+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 { TnC } from '../../../constants/tncConstants';
+import { ESSRemoteSessionModal } from './ESSRemoteSessionModal';
+import { NewEssTermsModal } from './NewEssTermsModal';
+export const ESSRemoteSession = forwardRef((props, ref) => {
+    const tooltipRef = useRef();
+    const { t } = useTranslation();
+    const canEditCase = useCanEditCase();
+    const { caseNumber, caseStatus, screenSessionRequested, readOnly, remoteSessionTermsAcked } = props;
+    const { globalMetadataState: { loggedInUser, loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
+    const [openESSRemoteSessionModal, setOpenESSRemoteSessionModal] = useState(false);
+    const [openNewESSRemoteSessionModal, setOpenNewESSRemoteSessionModal] = useState(false);
+    // To toggle ESS RS Modal
+    const toggleESSRemoteSessionModal = () => {
+        if (canEditCase.alert())
+            return;
+        setOpenESSRemoteSessionModal((openESSRemoteSessionModal) => !openESSRemoteSessionModal);
+    };
+    // To toggle New ESS RS Modal
+    const toggleNewESSRemoteSessionModal = () => {
+        if (canEditCase.alert())
+            return;
+        setOpenNewESSRemoteSessionModal((openNewESSRemoteSessionModal) => !openNewESSRemoteSessionModal);
+    };
+    const termsAcked = remoteSessionTermsAcked && !screenSessionRequested;
+    // 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: termsAcked ? toggleESSRemoteSessionModal : toggleNewESSRemoteSessionModal, "data-tracking-id": "accept-remote-session-agreement-trigger", isAriaDisabled: screenSessionRequested, ref: tooltipRef, isDisabled: screenSessionRequested }, screenSessionRequested ? t('Remote session requested') : t('Request remote session')))));
+    return (React.createElement(React.Fragment, null,
+        ESSRemoteSessionSectionBody,
+        remoteSessionTermsAcked && !screenSessionRequested ? (React.createElement(ESSRemoteSessionModal, { caseNumber: caseNumber, caseStatus: caseStatus, screenSessionRequested: screenSessionRequested, show: openESSRemoteSessionModal, onClose: toggleESSRemoteSessionModal, loggedInUser: loggedInUser.data.ssoUsername === undefined ? '' : loggedInUser.data.ssoUsername, loggedInUserRights: loggedInUserRights, readOnly: readOnly })) : (React.createElement(NewEssTermsModal, { caseNumber: caseNumber, caseStatus: caseStatus, show: openNewESSRemoteSessionModal, onClose: toggleNewESSRemoteSessionModal, siteCode: TnC.REMOTE_RIDER_SITE_CODE, eventCode: TnC.REMOTER_RIDER_EVENT_CODE, loggedInUser: loggedInUser.data.ssoUsername === undefined ? '' : loggedInUser.data.ssoUsername, loggedInUserRights: loggedInUserRights, readOnly: readOnly }))));
+});

package/lib/esm/components/CaseEditView/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;AAiBxD,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,eAoKlD"}

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

@@ -0,0 +1,108 @@
+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, 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,
+            });
+            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);
+                onCancel();
+                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) {
+                onCancel();
+                setAgreeLoading(false);
+                setCaseDetails(caseDispatch, {
+                    screenSessionRequested: false,
+                });
+                ToastNotification.addWarningMessage(t('Could not submit a comment'), t('Rest assured, we have noted you have accepted the agreement'));
+            }
+        }
+        catch (e) {
+            onCancel();
+            setAgreeLoading(false);
+            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.'));
+            }
+        }
+    });
+    // To handle submit
+    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, { key: "submit", "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: ButtonVariant.primary, 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, { color: "#3E8635", size: "lg", className: "pf-u-mr-md" }),
+            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/NewEssTermsModal.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"NewEssTermsModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/NewEssTermsModal.tsx"],"names":[],"mappings":"AAMA,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,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,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;CACrB;AAiBD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,eA6P7C"}

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

@@ -0,0 +1,182 @@
+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, Checkbox, Modal, Select, SelectOption } from '@patternfly/react-core';
+import DownloadIcon from '@patternfly/react-icons/dist/esm/icons/download-icon';
+import ExternalLinkAltIcon from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
+import { ToastNotification, useFetch } from '@rh-support/components';
+import React, { useEffect, 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, updateCaseDetails } from '../../../reducers/CaseReducer';
+const getLocaleNameFromLocalCode = (localeCode) => {
+    if ('Intl' in window && 'DisplayNames' in Intl) {
+        try {
+            const [lang, locale] = localeCode.includes('_') ? localeCode.split('_') : localeCode.split('-');
+            // https://github.com/microsoft/TypeScript/issues/41338
+            const langName = new Intl.DisplayNames([lang], { type: 'language' });
+            const regionNamesInLang = new Intl.DisplayNames([lang], { type: 'region' });
+            return `${regionNamesInLang.of(locale)} (${langName.of(lang)})`;
+        }
+        catch (e) {
+            return localeCode;
+        }
+    }
+    return localeCode;
+};
+export function NewEssTermsModal(props) {
+    const { t } = useTranslation();
+    const [isTermsChecked, setIsTermsChecked] = useState(false);
+    const { request } = useFetch(publicApi.terms.getRequiredTerms);
+    const [isLangSelectorDropdownOpen, setisLangSelectorDropdownOpen] = useState(false);
+    const caseDispatch = useCaseDispatch();
+    const [selectedTranslation, setSelectedTranslation] = useState({
+        id: '5001',
+        isDefault: false,
+        localeCode: 'en_US',
+        pdfDownloadUrl: '/wapps/tnc/viewterms/7275e6f5-5f32-4d9c-aeaf-c796b56817fd',
+        termsPdfId: '7275e6f5-5f32-4d9c-aeaf-c796b56817fd',
+        translatedDescription: 'Your acceptance of this remote session agreement is required when you request Red Hat’s support team to remotely access your network or systems. Remote access to your network or systems is not a standard Red Hat problem resolution process. Before Red Hat logs onto your systems to analyze your support issue, Red Hat needs your approval and authorization for such remote access.',
+        translatedInstructions: 'Please read and accept the remote session terms below to allow Red Hat to access your network or systems.',
+        translatedTermsName: 'Remote Access Agreement',
+    });
+    const [allTranslations, setAllTranslations] = useState({});
+    const [agreeLoading, setAgreeLoading] = useState(false);
+    useEffect(() => {
+        const fetchTerms = () => __awaiter(this, void 0, void 0, function* () {
+            try {
+                const { siteCode, eventCode, loggedInUser } = props;
+                const response = yield request(siteCode, eventCode, loggedInUser);
+                let defaultTranslation = response[0].translations[0];
+                const translationLangInfoMap = response[0].translations.reduce((allTranslationsmap, translation) => {
+                    if (translation.isDefault) {
+                        defaultTranslation = translation;
+                    }
+                    allTranslationsmap[translation['localeCode']] = translation;
+                    return allTranslationsmap;
+                }, {});
+                setSelectedTranslation(defaultTranslation);
+                setAllTranslations(translationLangInfoMap);
+            }
+            catch (e) {
+                console.log(e);
+            }
+        });
+        fetchTerms();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    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 submitRemoteSessionAgreement = (pdfId) => __awaiter(this, void 0, void 0, function* () {
+        const requestComment = t('Submitted a remote session request.');
+        try {
+            yield updateCaseDetails(caseDispatch, props.caseNumber, {
+                remoteSessionTermsAcked: true,
+                screenSessionRequested: 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);
+                onCancel();
+                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) {
+                onCancel();
+                setAgreeLoading(false);
+                setIsTermsChecked(false);
+                ToastNotification.addWarningMessage(t('Could not submit a comment'), t('Rest assured, we have noted you have accepted the agreement'));
+            }
+        }
+        catch (e) {
+            if (props.readOnly) {
+                onCancel();
+                setAgreeLoading(false);
+                setIsTermsChecked(false);
+                ToastNotification.addDangerMessage(t('You are not authorized to update this case.'));
+            }
+            else {
+                onCancel();
+                setAgreeLoading(false);
+                setIsTermsChecked(false);
+                yield updateCaseDetails(caseDispatch, props.caseNumber, {
+                    screenSessionRequested: false,
+                });
+                ToastNotification.addDangerMessage(t('Could not submit a request for remote session'), t('Please try again.'));
+            }
+        }
+    });
+    // To handle submit
+    const onSubmit = () => {
+        setAgreeLoading(true);
+        submitRemoteSessionAgreement(selectedTranslation.termsPdfId);
+    };
+    // Handle terms checkbox
+    const onCheckBoxChange = (value) => {
+        setIsTermsChecked(value);
+    };
+    // Handle language change
+    const onLangChange = (event, lang) => {
+        setSelectedTranslation(allTranslations[lang]);
+        setisLangSelectorDropdownOpen(false);
+    };
+    // To handle dropdown toggle
+    const onDropdownToggle = (toggle) => setisLangSelectorDropdownOpen(toggle);
+    // To check and if I agree button is loading
+    const isAgreeLoading = agreeLoading || isPostingComment;
+    // ESS RSA Modal Actions
+    const modalActions = [
+        React.createElement(Button, { key: "submit", "aria-label": t('I agree'), variant: ButtonVariant.primary, onClick: onSubmit, "data-tracking-id": "remote-session-agreement-check", isLoading: isAgreeLoading, isDisabled: !isTermsChecked || isAgreeLoading }, t('I agree')),
+    ];
+    // Body of ESS RSA Modal
+    const EssRSAModalBody = () => {
+        return (React.createElement(React.Fragment, null,
+            React.createElement("p", { className: "pf-u-mt-xs" },
+                React.createElement(Trans, null,
+                    "Your acceptance of this remote session agreement is required ",
+                    React.createElement("strong", null, "for each case"),
+                    " when you request Red Hat\u2019s support team to directly access your network or systems.")),
+            React.createElement("p", { className: "pf-u-mt-md" },
+                React.createElement(Trans, null, "Remote access to your network or systems is not a standard Red Hat problem resolution process. 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.")),
+            React.createElement("p", { className: "pf-u-mt-md" },
+                React.createElement(Trans, null, "Please read and accept the remote session terms below to allow Red Hat to access your network or systems.")),
+            React.createElement("div", null,
+                React.createElement(Select, { className: "pf-u-mt-md", "aria-label": t('Select language'), id: "terms-language-selector", selections: selectedTranslation.localeCode, onSelect: onLangChange, isOpen: isLangSelectorDropdownOpen, menuAppendTo: document.body, placeholderText: t('Select an option that best fits'), onToggle: onDropdownToggle, width: 350 }, Object.keys(allTranslations).map((option, index) => (React.createElement(SelectOption, { key: index, value: option }, getLocaleNameFromLocalCode(option))))),
+                React.createElement("a", { "aria-label": t('Download'), "data-tracking-id": "rsa-modal-terms-download", className: "pf-u-ml-md", href: selectedTranslation.pdfDownloadUrl, rel: "noopener noreferrer", target: "_blank" },
+                    t('Download'),
+                    " ",
+                    React.createElement(DownloadIcon, { className: "pf-u-ml-xs" }))),
+            React.createElement("div", null,
+                React.createElement(Checkbox, { className: "pf-u-mt-md rsa-checkbox", id: "terms-accept-checkbox", label: React.createElement(React.Fragment, null,
+                        React.createElement(Trans, null, "I have read and agree to the"),
+                        ' ',
+                        React.createElement("a", { className: "pf-c-button pf-m-link pf-m-inline align-link-items", rel: "noopener noreferrer", target: "_blank", href: selectedTranslation.pdfDownloadUrl, "data-tracking-id": "case-details-request-remote-session-terms" },
+                            React.createElement(Trans, null, "terms "),
+                            React.createElement(ExternalLinkAltIcon, null))), isChecked: isTermsChecked, "aria-label": t('I have read and agree to the terms'), onChange: onCheckBoxChange }))));
+    };
+    return (React.createElement(Modal, { id: "remote-session-agreement-modal", "aria-label": t('Remote Session Agreement'), title: t('Remote Session Agreement'), isOpen: props.show, onClose: onCancel, actions: modalActions }, EssRSAModalBody()));
+}

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,eA6CnD"}

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,23 @@ 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;
+    // 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, selectedProduct);
     return (React.createElement("form", null,
         React.createElement(SupportLevel, null),
         React.createElement(Flex, { direction: { default: 'column', '2xl': 'row' } },
@@ -32,5 +44,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),
+        isESSCustomer && 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":"AA8BA,QAAA,MAAM,qBAAqB,mBAyO1B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}