react-native-gleapsdk 6.4.8 → 7.0.0

package/lib/typescript/networklogger.d.ts

@@ -3,12 +3,17 @@ declare class GleapNetworkIntercepter {
     requests: any;
     maxRequests: number;
     stopped: boolean;
+    updatedCallback: any;
+    setUpdatedCallback(updatedCallback: any): void;
     getRequests(): unknown[];
     setMaxRequests(maxRequests: number): void;
     setStopped(stopped: boolean): void;
     cleanRequests(): void;
     calcRequestTime(gleapRequestId: string | number): void;
-    contentSizeOk(text: string): boolean;
+    getTextContentSizeOk(text: string): boolean;
+    prepareContent(text: string): string;
+    cleanupPayload(payload: any): any;
+    preparePayload(payload: any): string;
     start(): void;
     interceptNetworkRequests(callback: any): any;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-gleapsdk",
-  "version": "6.4.8",
+  "version": "7.0.0",
   "description": "Know exactly why and how a bug happened. Get reports with screenshots, live action replays and all of the important metadata every time.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/react-native-gleapsdk.podspec

@@ -16,5 +16,5 @@ Pod::Spec.new do |s|
   s.source_files = "ios/**/*.{h,m,mm}"
 
   s.dependency "React-Core"
-  s.dependency "Gleap", "6.4.8"
+  s.dependency "Gleap", "7.0.2"
 end

package/src/index.tsx

@@ -16,28 +16,42 @@ type GleapActivationMethod = 'SHAKE' | 'SCREENSHOT';
 
 type GleapSdkType = {
   initialize(token: string): void;
-  open(): void;
-  startFeedbackFlow(feedbackFlow: string): void;
-  sendSilentBugReport(
+  startFeedbackFlow(feedbackFlow: string, showBackButton: boolean): void;
+  sendSilentCrashReport(
     description: string,
     severity: 'LOW' | 'MEDIUM' | 'HIGH'
   ): void;
-  sendSilentBugReportWithType(
+  sendSilentCrashReportWithExcludeData(
     description: string,
     severity: 'LOW' | 'MEDIUM' | 'HIGH',
-    type: string
+    excludeData: {
+      customData?: Boolean;
+      metaData?: Boolean;
+      attachments?: Boolean;
+      consoleLog?: Boolean;
+      networkLogs?: Boolean;
+      customEventLog?: Boolean;
+      screenshot?: Boolean;
+      replays?: Boolean;
+    }
   ): void;
+  open(): void;
+  close(): void;
+  isOpened(): boolean;
   identify(userId: string, userProperties: GleapUserProperty): void;
+  identifyWithUserHash(
+    userId: string,
+    userProperties: GleapUserProperty,
+    userHash: string
+  ): void;
   clearIdentity(): void;
+  preFillForm(formData: { [key: string]: string }): void;
   setApiUrl(apiUrl: string): void;
-  setWidgetUrl(widgetUrl: string): void;
+  setFrameUrl(frameUrl: string): void;
   attachCustomData(customData: any): void;
   setCustomData(key: string, value: string): void;
   removeCustomDataForKey(key: string): void;
   clearCustomData(): void;
-  registerCustomAction(
-    customActionCallback: (data: { name: string }) => void
-  ): void;
   registerListener(eventType: string, callback: (data?: any) => void): void;
   setLanguage(language: string): void;
   logEvent(name: string, data: any): void;
@@ -47,23 +61,45 @@ type GleapSdkType = {
   stopNetworkLogging(): void;
   enableDebugConsoleLog(): void;
   setActivationMethods(activationMethods: GleapActivationMethod[]): void;
+  registerCustomAction(
+    customActionCallback: (data: { name: string }) => void
+  ): void;
 };
 
 const GleapSdk = NativeModules.Gleapsdk
   ? NativeModules.Gleapsdk
   : new Proxy(
-      {},
-      {
-        get() {
-          throw new Error(LINKING_ERROR);
-        },
-      }
-    );
+    {},
+    {
+      get() {
+        throw new Error(LINKING_ERROR);
+      },
+    }
+  );
 
 if (GleapSdk && !GleapSdk.touched) {
   const networkLogger = new GleapNetworkIntercepter();
 
+  // Push the network log to the native SDK.
   GleapSdk.startNetworkLogging = () => {
+    // Set the callback.
+    networkLogger.setUpdatedCallback(() => {
+      if (!networkLogger) {
+        return;
+      }
+
+      const requests = networkLogger.getRequests();
+   
+      if (requests && GleapSdk && typeof GleapSdk.attachNetworkLog !== 'undefined') {
+        if (Platform.OS === 'android') {
+          GleapSdk.attachNetworkLog(JSON.stringify(requests));
+        } else {
+          GleapSdk.attachNetworkLog(JSON.parse(JSON.stringify(requests)));
+        }
+      }
+    });
+
+    // Start the logger.
     networkLogger.start();
   };
 
@@ -103,32 +139,32 @@ if (GleapSdk && !GleapSdk.touched) {
         GleapSdk.startNetworkLogging();
       }
       notifyCallback('configLoaded', configJSON);
-    } catch (exp) {}
-  });
-
-  gleapEmitter.addListener('feedbackWillBeSent', () => {
-    // Push the network log to the native SDK.
-    const requests = networkLogger.getRequests();
-    if (Platform.OS === 'android') {
-      GleapSdk.attachNetworkLog(JSON.stringify(requests));
-    } else {
-      GleapSdk.attachNetworkLog(JSON.parse(JSON.stringify(requests)));
-    }
-
-    notifyCallback('feedbackWillBeSent');
+    } catch (exp) { }
   });
 
   gleapEmitter.addListener('feedbackSent', (data) => {
     try {
       const dataJSON = data instanceof Object ? data : JSON.parse(data);
       notifyCallback('feedbackSent', dataJSON);
-    } catch (exp) {}
+    } catch (exp) { }
+  });
+
+  gleapEmitter.addListener('feedbackFlowStarted', (feedbackAction) => {
+    notifyCallback('feedbackFlowStarted', feedbackAction);
   });
 
   gleapEmitter.addListener('feedbackSendingFailed', () => {
     notifyCallback('feedbackSendingFailed');
   });
 
+  gleapEmitter.addListener('widgetOpened', () => {
+    notifyCallback('widgetOpened');
+  });
+
+  gleapEmitter.addListener('widgetClosed', () => {
+    notifyCallback('widgetClosed');
+  });
+
   function isJsonString(str: string) {
     try {
       JSON.parse(str);
@@ -149,11 +185,10 @@ if (GleapSdk && !GleapSdk.touched) {
           name,
         });
       }
-    } catch (exp) {}
+    } catch (exp) { }
   });
 
   GleapSdk.removeAllAttachments();
-
   GleapSdk.touched = true;
 }
 

package/src/networklogger.ts

@@ -4,6 +4,11 @@ class GleapNetworkIntercepter {
   requests: any = {};
   maxRequests = 10;
   stopped = false;
+  updatedCallback: any = null;
+
+  setUpdatedCallback(updatedCallback: any) {
+    this.updatedCallback = updatedCallback; 
+  }
 
   getRequests() {
     return Object.values(this.requests);
@@ -25,6 +30,10 @@ class GleapNetworkIntercepter {
         delete this.requests[keysToRemove[i]];
       }
     }
+
+    if (this.updatedCallback) {
+      this.updatedCallback();
+    }
   }
 
   calcRequestTime(gleapRequestId: string | number) {
@@ -45,18 +54,45 @@ class GleapNetworkIntercepter {
     }
   }
 
-  contentSizeOk(text: string) {
+  getTextContentSizeOk(text: string) {
     if (text && text.length) {
       const size = text.length * 16;
       const kiloBytes = size / 1024;
       const megaBytes = kiloBytes / 1024;
-      if (megaBytes < 0.5) {
+      if (megaBytes < 0.2) {
         return true;
       }
     }
     return false;
   }
 
+  prepareContent(text: string) {
+    if (!this.getTextContentSizeOk(text)) {
+      return "<content_too_large>";
+    }
+
+    return text;
+  }
+
+  cleanupPayload(payload: any) {
+    if (payload === undefined || payload === null) {
+      return "{}";
+    }
+
+    try {
+      if (ArrayBuffer.isView(payload)) {
+        return `{ type: "binary", length: ${payload.byteLength} }`;
+      }
+    } catch (exp) { }
+
+    return payload;
+  }
+
+  preparePayload(payload: any) {
+    var payloadText = this.cleanupPayload(payload);
+    return this.prepareContent(payloadText);
+  }
+
   start() {
     this.setStopped(false);
     this.interceptNetworkRequests({
@@ -69,7 +105,7 @@ class GleapNetworkIntercepter {
           var method = params[1].method ? params[1].method : 'GET';
           this.requests[gleapRequestId] = {
             request: {
-              payload: params[1].body,
+              payload: this.preparePayload(params[1].body),
               headers: params[1].headers,
             },
             type: method,
@@ -115,9 +151,7 @@ class GleapNetworkIntercepter {
               this.requests[gleapRequestId].response = {
                 status: req.status,
                 statusText: req.statusText,
-                responseText: this.contentSizeOk(responseText)
-                  ? responseText
-                  : '<response_too_large>',
+                responseText: this.prepareContent(responseText),
               };
 
               this.calcRequestTime(gleapRequestId);
@@ -171,7 +205,7 @@ class GleapNetworkIntercepter {
           this.requests[request.gleapRequestId]
         ) {
           this.requests[request.gleapRequestId].request = {
-            payload: args.length > 0 ? args[0] : '',
+            payload: this.preparePayload(args.length > 0 ? args[0] : ''),
             headers: request.requestHeaders,
           };
         }
@@ -219,9 +253,7 @@ class GleapNetworkIntercepter {
           this.requests[request.gleapRequestId].success = true;
           this.requests[request.gleapRequestId].response = {
             status: request.status,
-            responseText: this.contentSizeOk(responseText)
-              ? responseText
-              : '<response_too_large>',
+            responseText: this.prepareContent(responseText),
           };
 
           this.calcRequestTime(request.gleapRequestId);