@rh-support/troubleshoot 1.0.26 → 1.0.27

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

@@ -21,7 +21,7 @@ export const RemoteSessionAgreement = forwardRef((props, ref) => {
     // 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'),
+            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(InfoCircleIcon, null))),
         React.createElement("div", { className: "card-body" },
@@ -31,7 +31,7 @@ export const RemoteSessionAgreement = forwardRef((props, ref) => {
                 React.createElement("li", null, t(`Such access helps diagnose, debug or lead to the resolution of a software defect.`)),
                 React.createElement("li", null, t('Both you and Red Hat agree to remote access.'))),
             React.createElement("p", { className: "rrs-light-grey-text" }, t('This action does not initiate a remote session. Please make a case comment if you would like to submit a request.')),
-            acceptedRemoteSessionTerms && (React.createElement(Tooltip, { content: t('Remote session agreement has already has been accepted.'), reference: tooltipRef, "aria-live": 'polite' })),
+            acceptedRemoteSessionTerms && (React.createElement(Tooltip, { content: t('Remote session agreement has already been accepted.'), reference: tooltipRef, "aria-live": 'polite' })),
             React.createElement(Button, { "aria-label": acceptedRemoteSessionTerms ? t('Agreement accepted') : t('Accept agreement'), variant: "primary", onClick: toggleRemoteSessionAgreementModal, "data-tracking-id": "accept-remote-session-agreement-trigger", isAriaDisabled: acceptedRemoteSessionTerms, ref: tooltipRef }, acceptedRemoteSessionTerms ? t('Agreement accepted') : t('Accept agreement')))));
     return (React.createElement(React.Fragment, null,
         RemoteSessionAgreementSectionBody,

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

@@ -1 +1 @@
-{"version":3,"file":"RemoteSessionAgreementModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreementModal.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;CACrD;AAiBD,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,eAkPxD"}
+{"version":3,"file":"RemoteSessionAgreementModal.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreementModal.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;CACrD;AAiBD,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,MAAM,eA+OxD"}

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

@@ -37,7 +37,6 @@ const getLocaleNameFromLocalCode = (localeCode) => {
 export function RemoteSessionAgreementModal(props) {
     const { t } = useTranslation();
     const [isTermsChecked, setIsTermsChecked] = useState(false);
-    const [isSubmitDisabled, setSubmitDisabled] = useState(false);
     const { request } = useFetch(publicApi.terms.getRequiredTerms);
     const [isLangSelectorDropdownOpen, setisLangSelectorDropdownOpen] = useState(false);
     const caseDispatch = useCaseDispatch();
@@ -87,7 +86,7 @@ export function RemoteSessionAgreementModal(props) {
         props.onClose && props.onClose();
     };
     // Function to ack remote session terms and post comment
-    const submitRequestRemoteSessionRequest = (pdfId) => __awaiter(this, void 0, void 0, function* () {
+    const submitRemoteSessionAgreement = (pdfId) => __awaiter(this, void 0, void 0, function* () {
         const requestComment = t('#### A Remote Session request has been submitted. We will review the request and confirm via case comment.\n\n This action does not initiate a remote session. Please make a case comment if you would like to submit a request.');
         try {
             yield updateCaseDetails(caseDispatch, props.caseNumber, { remoteSessionTermsAcked: true });
@@ -116,18 +115,12 @@ export function RemoteSessionAgreementModal(props) {
     });
     // To check if terms acked and if not disable submit button
     const onSubmit = () => {
-        if (isTermsChecked) {
-            setAgreeLoading(true);
-            submitRequestRemoteSessionRequest(selectedTranslation.termsPdfId);
-        }
-        else {
-            setSubmitDisabled(true);
-        }
+        setAgreeLoading(true);
+        submitRemoteSessionAgreement(selectedTranslation.termsPdfId);
     };
     // Handle terms checkbox
     const onCheckBoxChange = (value) => {
         setIsTermsChecked(value);
-        setSubmitDisabled(!value);
     };
     // Handle language change
     const onLangChange = (event, lang) => {
@@ -136,9 +129,11 @@ export function RemoteSessionAgreementModal(props) {
     };
     // To handle dropdown toggle
     const onDropdownToggle = (toggle) => setisLangSelectorDropdownOpen(toggle);
+    // To check and if I agree button is loading
+    const isAgreeLoading = agreeLoading || isPostingComment;
     // 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: agreeLoading || isPostingComment, isDisabled: isSubmitDisabled || isPostingComment }, t('I agree')),
+        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 RSA Modal
     const RemoteSessionAgreementModalBody = (React.createElement(React.Fragment, null,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "1.0.26",
+    "version": "1.0.27",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -142,5 +142,5 @@
         "not ie <= 11",
         "not op_mini all"
     ],
-    "gitHead": "8e9b0b138cec4a9e71180e96ee391702b6754236"
+    "gitHead": "f9f98f77ee023f1323d78252ab0c07266d1be4b6"
 }