Add UserFeedback

src/js/client.ts

@@ -2,10 +2,17 @@ import { BrowserClient, defaultStackParser, makeFetchTransport } from '@sentry/b
 import { BrowserTransportOptions } from '@sentry/browser/types/transports/types';
 import { FetchImpl } from '@sentry/browser/types/transports/utils';
 import { BaseClient } from '@sentry/core';
-import { Event, EventHint, SeverityLevel, Transport } from '@sentry/types';
+import {
+  Event,
+  EventHint,
+  SeverityLevel,
+  Transport,
+  UserFeedback,
+} from '@sentry/types';
 // @ts-ignore LogBox introduced in RN 0.63
 import { Alert, LogBox, YellowBox } from 'react-native';
 
+import { createUserFeedbackEnvelope } from './envelope';
 import { ReactNativeClientOptions } from './options';
 import { NativeTransport } from './transports/native';
 import { NATIVE } from './wrapper';
@@ -89,6 +96,14 @@ export class ReactNativeClient extends BaseClient<ReactNativeClientOptions> {
     });
   }
 
+  /**
+   * Sends user feedback to Sentry.
+   */
+  public captureUserFeedback(feedback: UserFeedback): void {
+    const envelope = createUserFeedbackEnvelope(feedback);
+    this._sendEnvelope(envelope);
+  }
+
   /**
  * Starts native client with dsn and options
  */

src/js/envelope.ts

@@ -0,0 +1,31 @@
+import {
+  EventEnvelope,
+  EventEnvelopeHeaders,
+  UserFeedback,
+  UserFeedbackItem,
+} from '@sentry/types';
+import { createEnvelope } from '@sentry/utils';
+
+/**
+ * Creates an envelope from a user feedback.
+ */
+export function createUserFeedbackEnvelope(
+  feedback: UserFeedback
+): EventEnvelope {
+  const headers: EventEnvelopeHeaders = {
+    event_id: feedback.event_id, // not sure feedback.event_id is correct
+    sent_at: new Date().toISOString(),
+  };
+  const item = createUserFeedbackEnvelopeItem(feedback);
+
+  return createEnvelope(headers, [item]);
+}
+
+function createUserFeedbackEnvelopeItem(
+  feedback: UserFeedback
+): UserFeedbackItem {
+  const feedbackHeaders: UserFeedbackItem[0] = {
+    type: 'user_report',
+  };
+  return [feedbackHeaders, feedback];
+}

src/js/index.ts

@@ -7,7 +7,6 @@ export {
   StackFrame,
   Stacktrace,
   Thread,
-  User,
 } from '@sentry/types';
 
 export {
@@ -49,6 +48,7 @@ export {
   withProfiler,
 } from '@sentry/react';
 
+export { User, UserFeedback, captureUserFeedback } from './user';
 import * as Integrations from './integrations';
 import { SDK_NAME, SDK_VERSION } from './version';
 export { ReactNativeOptions } from './options';

src/js/user.ts

@@ -0,0 +1,13 @@
+import { getCurrentHub } from '@sentry/hub';
+import { UserFeedback } from '@sentry/types';
+
+import { ReactNativeClient } from './client';
+
+/**
+ * Captures a user feedback and sends it to Sentry.
+ */
+export function captureUserFeedback(feedback: UserFeedback): void {
+  getCurrentHub().getClient<ReactNativeClient>()?.captureUserFeedback(feedback);
+}
+
+export { User, UserFeedback } from '@sentry/types';