@rh-support/troubleshoot 2.7.26 → 2.7.27

package/lib/esm/components/RemoteRider/RemoteRiderAcceptanceModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RemoteRiderAcceptanceModal.d.ts","sourceRoot":"","sources":["../../../../src/components/RemoteRider/RemoteRiderAcceptanceModal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAGxD,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;CACrD;AAED,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,KAAK,EAAE,MAAM,qBAgF/D"}
+{"version":3,"file":"RemoteRiderAcceptanceModal.d.ts","sourceRoot":"","sources":["../../../../src/components/RemoteRider/RemoteRiderAcceptanceModal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAGxD,OAAO,KAA+B,MAAM,OAAO,CAAC;AAOpD,UAAU,MAAM;IACZ,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;CACrD;AAED,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,KAAK,EAAE,MAAM,qBAoF/D"}

package/lib/esm/components/RemoteRider/RemoteRiderAcceptanceModal.js

@@ -13,21 +13,23 @@ import { AcceptTermsModal, ToastNotification, useFetch } from '@rh-support/compo
 import { GlobalMetadataStateContext } from '@rh-support/react-context';
 import { resolveSalesforceUserIdByFederationId, TncConstants } from '@rh-support/utils';
 import isEqual from 'lodash/isEqual';
-import React, { useContext } from 'react';
+import React, { useContext, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { useCaseDispatch, useCaseSelector } from '../../context/CaseContext';
-import { useCreateCaseComment } from '../../hooks/useCaseComments';
+import { GET_CASE_COMMENTS, useCreateCaseComment } from '../../hooks/useCaseComments';
 import { updateCaseDetailsGraphQL } from '../../reducers/CaseReducer';
 export default function RemoteRiderAcceptanceModal(props) {
     const { globalMetadataState: { loggedInUser }, } = useContext(GlobalMetadataStateContext);
     const { t } = useTranslation();
     const apolloClient = useApolloClient();
     const caseDispatch = useCaseDispatch();
-    const { request, isFetching } = useFetch(publicApi.terms.updateRemoteRiderTermsAck, { propgateErrors: true });
-    const { createComment, loading: isPostingComment } = useCreateCaseComment();
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const { request } = useFetch(publicApi.terms.updateRemoteRiderTermsAck, { propgateErrors: true });
+    const { createComment } = useCreateCaseComment();
     const caseSalesforceId = useCaseSelector((state) => state.caseDetails.id, isEqual);
     const existingCaseDetails = useCaseSelector((state) => state.caseDetails, isEqual);
     const onConfirm = (pdfId) => __awaiter(this, void 0, void 0, function* () {
+        setIsSubmitting(true);
         try {
             yield request(TncConstants.REMOTE_RIDER_SITE_CODE, loggedInUser.data.ssoUsername, pdfId, 'accepted');
             const ackedByUserId = yield resolveSalesforceUserIdByFederationId(apolloClient, loggedInUser.data.ssoUsername);
@@ -46,6 +48,7 @@ export default function RemoteRiderAcceptanceModal(props) {
                     body: requestComment,
                     isPublic: true,
                 });
+                yield apolloClient.refetchQueries({ include: [GET_CASE_COMMENTS] });
                 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) {
@@ -56,6 +59,9 @@ export default function RemoteRiderAcceptanceModal(props) {
         catch (e) {
             props.onFailure && props.onFailure();
         }
+        finally {
+            setIsSubmitting(false);
+        }
     });
-    return (React.createElement(AcceptTermsModal, { isSubmitting: isFetching, siteCode: TncConstants.REMOTE_RIDER_SITE_CODE, eventCode: TncConstants.REMOTER_RIDER_EVENT_CODE, loggedInUser: loggedInUser.data.ssoUsername, isModalOpen: props.isModalOpen, onModalClose: props.onModalClose, dataTrackingId: props.isCaseDetailsPage ? 'rar-case-details' : 'rar-case-submit', onConfirm: onConfirm, isDisabled: isPostingComment }));
+    return (React.createElement(AcceptTermsModal, { isSubmitting: isSubmitting, siteCode: TncConstants.REMOTE_RIDER_SITE_CODE, eventCode: TncConstants.REMOTER_RIDER_EVENT_CODE, loggedInUser: loggedInUser.data.ssoUsername, isModalOpen: props.isModalOpen, onModalClose: props.onModalClose, dataTrackingId: props.isCaseDetailsPage ? 'rar-case-details' : 'rar-case-submit', onConfirm: onConfirm }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.7.26",
+    "version": "2.7.27",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -129,5 +129,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "5433c2ca804293be5edf87dba05bf2b122bb6bbb"
+    "gitHead": "2a7b78564b71dc72c1b96910aa281fc8a50c83f5"
 }