How to understand if Sentry.captureFeedback was successful to send the feedback

[enszrlu]

Hi,

I am trying to implement User Feedback to our app. Modal is working fine but I would like to also use our own contact form implementation using Sentry.captureFeedback.

I am sending the form data with Sentry.captureFeedback(formData) but this does not return anything so I am not able to understand if data sent successfully or not. Based on this I will provide feedback to the user.

Is there a way to understand?

I used api to achieve this but I am not sure if this would work with tunnelling that is required for adblockers. Also using Sentry.captureFeedback would be a lot cleaner.

const eventId = Sentry.captureMessage('User Feedback');

await fetch(
      `https://sentry.io/api/0/projects/${process.env.NEXT_PUBLIC_SENTRY_ORG}/${process.env.NEXT_PUBLIC_SENTRY_PROJECT}/user-feedback/`,
      {
        method: 'POST',
        headers: {
          Authorization: `Bearer ${process.env.NEXT_PUBLIC_SENTRY_AUTH_TOKEN}`,
          'Content-Type': 'application/json',
        },
        body: JSON.stringify({ ...formData, comments: formData.message, event_id: eventId }),
      }
    )
      .then((response) => response.json())
      .then((data) => {
        console.log('Success:', data);
        toast.success('Message sent successfully');
        return data;
      })
      .catch((error) => {
        console.error('Error:', error);
        toast.error(error.message);
      });

[AbhiPrasad]

@enszrlu you can use the captureFeedback method exported by the SDK: https://docs.sentry.io/platforms/javascript/user-feedback/configuration/#bring-your-own-widget

Sentry.captureFeedback returns a promise that will reject if the event was not sent to sentry (adblocked for example). Therefore you need to add .catch and handle errors accordingly.

[enszrlu]

The problem is captureFeedback does not return a promise.

[AbhiPrasad]

Ah sorry i was looking at the sendFeedback method:

sentry-javascript/packages/feedback/src/core/sendFeedback.ts

Lines 8 to 11 in f378772

	/**
	* Public API to send a Feedback item to Sentry
	*/
	export const sendFeedback: SendFeedback = (

It seems it's not documented though. @ryan953 what is the recommended approach here?

[enszrlu]

Oh this looks cool and would be easier than using the api. If this is recommended, I will try it.

[AbhiPrasad]

Yes - the API is public! Otherwise you can also copy and use the implementation with captureFeedback.

[inomn]

thanks @AbhiPrasad , that's exactly what i was looking for. try\catch with sendFeedback do the thing