@rh-support/troubleshoot 2.1.12 → 2.1.14

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,eA0V7C"}
+{"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,eA6V7C"}

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

@@ -33,7 +33,7 @@ import { ESSRemoteSession, RemoteSessionAgreement } from './RequestRemoteSession
 export function CaseDetailsAside(props) {
     var _a, _b;
     const { t } = useTranslation();
-    const { severity, status, isFetchingCaseDetails, isFetchingCaseDetailsError, acceptedRemoteSessionTerms, screenSessionRequested, product, } = useCaseSelector((state) => ({
+    const { severity, status, isFetchingCaseDetails, isFetchingCaseDetailsError, acceptedRemoteSessionTerms, screenSessionRequested, product, remoteSessionTermsAcked, } = useCaseSelector((state) => ({
         severity: state.caseDetails.severity,
         status: state.caseDetails.status,
         isFetchingCaseDetails: state.isFetchingCaseDetails,
@@ -41,6 +41,7 @@ export function CaseDetailsAside(props) {
         acceptedRemoteSessionTerms: state.caseDetails.remoteSessionTermsAcked,
         screenSessionRequested: state.caseDetails.screenSessionRequested,
         product: state.caseDetails.product,
+        remoteSessionTermsAcked: state.caseDetails.remoteSessionTermsAcked,
     }), isEqual);
     const selectedProduct = product;
     const { caseDetailsPageState: { caseEscalations }, } = useCaseDetailsPageStateContext();
@@ -208,6 +209,6 @@ export function CaseDetailsAside(props) {
                     React.createElement(ActiveCustomerEscalation, { caseNumber: caseNumber, caseSeverity: severity, caseStatus: status, ref: createEscalationRef }))),
                 isExternal &&
                     (isESSCustomer ? (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 }))) : (React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading remote session agreement') } },
+                        React.createElement(ESSRemoteSession, { screenSessionRequested: screenSessionRequested, caseNumber: caseNumber, caseSeverity: severity, caseStatus: status, ref: createEscalationRef, readOnly: canReadCase, remoteSessionTermsAcked: remoteSessionTermsAcked }))) : (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 }))))))));
 }

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

@@ -5,6 +5,7 @@ interface IProps {
     caseStatus: string;
     readOnly: boolean;
     screenSessionRequested: boolean;
+    remoteSessionTermsAcked?: boolean;
 }
 export declare const ESSRemoteSession: React.ForwardRefExoticComponent<IProps & React.RefAttributes<HTMLDivElement>>;
 export {};

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

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

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

@@ -3,12 +3,14 @@ import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-ic
 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 { NewEssRSAModal } from './NewEssRSAModal';
 export const ESSRemoteSession = forwardRef((props, ref) => {
     const tooltipRef = useRef();
     const { t } = useTranslation();
     const canEditCase = useCanEditCase();
-    const { caseNumber, caseStatus, screenSessionRequested, readOnly } = props;
+    const { caseNumber, caseStatus, screenSessionRequested, readOnly, remoteSessionTermsAcked } = props;
     const { globalMetadataState: { loggedInUser, loggedInUserRights }, } = useContext(GlobalMetadataStateContext);
     const [openESSRemoteSessionModal, setOpenESSRemoteSessionModal] = useState(false);
     // To toggle ESS RS Modal
@@ -31,8 +33,8 @@ export const ESSRemoteSession = forwardRef((props, ref) => {
                 React.createElement("li", null, t('Agreed upon by both Red Hat and you, the end user'))),
             React.createElement("p", { className: "rrs-light-grey-text" }, t('Red Hat will add a comment to your case to schedule your remote session.')),
             screenSessionRequested && (React.createElement(Tooltip, { content: t('Remote session agreement has already been accepted.'), reference: tooltipRef, "aria-live": 'polite' })),
-            React.createElement(Button, { "aria-label": screenSessionRequested ? t('Remote session requested') : t('Request remote session'), variant: screenSessionRequested ? 'primary' : 'secondary', onClick: toggleESSRemoteSessionModal, "data-tracking-id": "accept-remote-session-agreement-trigger", isAriaDisabled: screenSessionRequested, ref: tooltipRef }, screenSessionRequested ? t('Remote session requested') : t('Request remote session')))));
+            React.createElement(Button, { "aria-label": screenSessionRequested ? t('Remote session requested') : t('Request remote session'), variant: screenSessionRequested ? 'primary' : 'secondary', onClick: toggleESSRemoteSessionModal, "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,
-        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 })));
+        remoteSessionTermsAcked ? (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(NewEssRSAModal, { caseNumber: caseNumber, caseStatus: caseStatus, show: openESSRemoteSessionModal, onClose: toggleESSRemoteSessionModal, 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.map

@@ -1 +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"}
+{"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,eAgKlD"}

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

@@ -17,7 +17,7 @@ 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';
+import { checkForCaseStatusToggleOnAttachOrComment, setCaseDetails, setRemoteRiderFlag, } from '../../../reducers/CaseReducer';
 export function ESSRemoteSessionModal(props) {
     const { t } = useTranslation();
     const caseDispatch = useCaseDispatch();
@@ -36,7 +36,6 @@ export function ESSRemoteSessionModal(props) {
     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,
             });

package/lib/esm/components/CaseEditView/RequestRemoteSession/NewEssRSAModal.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 NewEssRSAModal(props: IProps): JSX.Element;
+export {};
+//# sourceMappingURL=NewEssRSAModal.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NewEssRSAModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/NewEssRSAModal.tsx"],"names":[],"mappings":"AAMA,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,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,cAAc,CAAC,KAAK,EAAE,MAAM,eA+P3C"}

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

@@ -0,0 +1,181 @@
+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, setRemoteRiderFlag, 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 NewEssRSAModal(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 Access Rider 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 Access Rider terms below to allow Red Hat to access your network or systems.',
+        translatedTermsName: 'Remote Access Rider',
+    });
+    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 });
+            try {
+                yield updateCaseDetails(caseDispatch, props.caseNumber, { 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 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'));
+                    setAgreeLoading(false);
+                    props.onClose();
+                }
+                props.onClose();
+            }
+            catch (e) {
+                yield updateCaseDetails(caseDispatch, props.caseNumber, { screenSessionRequested: false });
+                ToastNotification.addDangerMessage(t('Could not submit a request for remote session'), t('Please try again.'));
+                props.onClose();
+            }
+        }
+        catch (e) {
+            if (props.readOnly) {
+                ToastNotification.addDangerMessage(t('You are not authorized to update this case.'));
+            }
+            else {
+                ToastNotification.addDangerMessage(t('Could not accept the remote access rider agreement'), t('Please try again.'));
+            }
+            setAgreeLoading(false);
+            setIsTermsChecked(false);
+            props.onClose();
+        }
+    });
+    // To check if terms acked and if not disable submit button
+    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, { "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 Access Rider 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 Access Rider 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/SubmitCase/SubmitCase.d.ts.map

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.1.12",
+    "version": "2.1.14",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -133,5 +133,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "19377aef011c0242cb5290e36ee927eace353f27"
+    "gitHead": "b58b25951bb84533b380d7868f120eaa33461f5e"
 }