@rh-support/troubleshoot 2.1.17 → 2.1.19

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

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

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

@@ -1,167 +0,0 @@
-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 { useFetch } from '@rh-support/components';
-import { GlobalMetadataStateContext } from '@rh-support/react-context';
-import isEqual from 'lodash/isEmpty';
-import React, { useContext, useEffect, useState } from 'react';
-import { Trans, useTranslation } from 'react-i18next';
-import { TnC } from '../../constants/tncConstants';
-import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
-import { setCaseDetails } 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;
-};
-const ESSRemoteSessionCheck = () => {
-    const { t } = useTranslation();
-    const { request } = useFetch(publicApi.terms.getRequiredTerms);
-    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);
-    const [isLangSelectorDropdownOpen, setisLangSelectorDropdownOpen] = useState(false);
-    const [isTermsChecked, setIsTermsChecked] = useState(false);
-    const [isRSAModalOpen, setIsRSAModalOpen] = useState(false);
-    const { isCaseUpdating, screenSessionRequested } = useCaseSelector((state) => ({
-        caseNumber: state.caseDetails.caseNumber,
-        isCaseUpdating: state.isCaseUpdating,
-        screenSessionRequested: state.caseDetails.screenSessionRequested,
-    }), isEqual);
-    const caseDispatch = useCaseDispatch();
-    const [remoteSessionChecked, setRemoteSessionChecked] = useState(screenSessionRequested);
-    const { globalMetadataState: { loggedInUser, loggedInUsersAccount }, } = useContext(GlobalMetadataStateContext);
-    const siteCode = TnC.REMOTE_RIDER_SITE_CODE;
-    const eventCode = TnC.REMOTER_RIDER_EVENT_CODE;
-    const user = loggedInUser.data.ssoUsername === undefined ? '' : loggedInUser.data.ssoUsername;
-    useEffect(() => {
-        const fetchTerms = () => __awaiter(void 0, void 0, void 0, function* () {
-            try {
-                const response = yield request(siteCode, eventCode, user);
-                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 handleCheckBoxChange = (checked) => {
-        setRemoteSessionChecked(checked);
-        setCaseDetails(caseDispatch, {
-            screenSessionRequested: checked,
-        });
-    };
-    const handleTermsCheckBoxChange = (checked) => {
-        setRemoteSessionChecked(checked);
-        setIsRSAModalOpen(checked);
-    };
-    // To handle RSA submit
-    const submitRemoteSessionAgreement = () => {
-        setAgreeLoading(true);
-        setRemoteSessionChecked(isTermsChecked);
-        setCaseDetails(caseDispatch, {
-            remoteSessionTermsAcked: isTermsChecked,
-            screenSessionRequested: isTermsChecked,
-        });
-        setAgreeLoading(false);
-        setIsRSAModalOpen(false);
-    };
-    // 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 handle modal cancel and close
-    const onCancel = () => {
-        setIsRSAModalOpen(false);
-        setCaseDetails(caseDispatch, {
-            remoteSessionTermsAcked: false,
-            screenSessionRequested: false,
-        });
-        setRemoteSessionChecked(false);
-        setAgreeLoading(false);
-    };
-    const modalActions = [
-        React.createElement(Button, { key: "submit", "aria-label": t('I agree'), variant: ButtonVariant.primary, onClick: submitRemoteSessionAgreement, "data-tracking-id": "ess-remote-session-agreement-check", isLoading: agreeLoading, isDisabled: !isTermsChecked || agreeLoading }, t('I agree')),
-    ];
-    // To check if terms have been accepted on account level
-    const termsAcceptedOnAccountLevel = loggedInUsersAccount.data.remoteSessionTermsAcked;
-    return (React.createElement(React.Fragment, null,
-        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: termsAcceptedOnAccountLevel ? handleCheckBoxChange : handleTermsCheckBoxChange, isDisabled: isCaseUpdating, className: "rsa-checkbox" }),
-        React.createElement(Modal, { id: "remote-session-check-modal", "aria-label": t('Remote Session Agreement'), title: t('Remote Session Agreement'), isOpen: isRSAModalOpen, onClose: onCancel, actions: modalActions },
-            React.createElement(React.Fragment, null,
-                React.createElement("p", { className: "pf-u-mt-xs" },
-                    React.createElement(Trans, null,
-                        "Your acceptance of this Remote Access Agreement is required",
-                        ' ',
-                        React.createElement("strong", null, "for creating a case"),
-                        " for Red Hat\u2019s support team to remotely 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 Agreement 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": "ess-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": "ccase-management-ess-request-rsa" },
-                                React.createElement(Trans, null, "terms "),
-                                React.createElement(ExternalLinkAltIcon, null))), isChecked: isTermsChecked, "aria-label": t('I have read and agree to the terms'), onChange: onCheckBoxChange }))))));
-};
-export default ESSRemoteSessionCheck;