plotline-engage 3.0.6 → 3.0.8

package/PFlatList.js

@@ -0,0 +1,23 @@
+import React, { Component } from 'react';
+import { FlatList } from 'react-native';
+import Plotline from '.';
+
+class PFlatList extends Component {
+  handleScroll = (event) => {
+    Plotline.notifyScroll();
+
+    if (this.props.onScroll) {
+      this.props.onScroll(event);
+    }
+  };
+
+  render() {
+    return (
+      <FlatList {...this.props} onScroll={this.handleScroll}>
+        {this.props.children}
+      </FlatList>
+    );
+  }
+}
+
+export default PFlatList;

package/PScrollView.js

@@ -0,0 +1,23 @@
+import React, { Component } from 'react';
+import { ScrollView } from 'react-native';
+import Plotline from '.';
+
+class PScrollView extends Component {
+  handleScroll = (event) => {
+    Plotline.notifyScroll();
+
+    if (this.props.onScroll) {
+      this.props.onScroll(event);
+    }
+  };
+
+  render() {
+    return (
+      <ScrollView {...this.props} onScroll={this.handleScroll}>
+        {this.props.children}
+      </ScrollView>
+    );
+  }
+}
+
+export default PScrollView;

package/android/src/main/java/com/reactnativeplotline/RNPlotline.java

@@ -130,4 +130,9 @@ public class RNPlotline extends ReactContextBaseJavaModule {
   public void debug() {
       Plotline.debug(true);
   }
+
+  @ReactMethod 
+  public void notifyScroll() {
+      Plotline.notifyScroll();
+  }
 }

package/index.d.ts

@@ -7,6 +7,7 @@ declare class plotline {
     setColor(colors: {[key: string]: string}): void;
     trackPage(pageId: string): void;
     debug(): void;
+    notifyScroll(): void;
 }
 declare const Plotline: plotline;
 export default Plotline;

package/index.js

@@ -2,8 +2,27 @@
 import { NativeModules, Platform } from 'react-native';
 
 const { RNPlotline } = NativeModules;
+import PScrollView from './PScrollView';
+import PFlatList from './PFlatList';
 
 class plotline {
+    constructor() {
+        this.throttledNotifyScroll = this.throttle(this.handleScroll, 250);
+    }
+
+    throttle(func, limit) {
+        let inThrottle = false;
+        return function () {
+          if (!inThrottle) {
+            func.apply(this, arguments);
+            inThrottle = true;
+            setTimeout(() => {
+              inThrottle = false;
+            }, limit);
+          }
+        };
+    }
+
     track (eventName, properties) {
         if (properties)
             RNPlotline.track(eventName, properties);
@@ -38,8 +57,17 @@ class plotline {
     debug () {
         RNPlotline.debug();
     }
+
+    handleScroll() {
+        RNPlotline.notifyScroll();
+    }
+
+    notifyScroll() {
+        this.throttledNotifyScroll();
+    }
 }
 
 const Plotline = new plotline();
 
 export default Plotline;
+export {PScrollView, PFlatList};

package/ios/RNPlotline.m

@@ -48,6 +48,11 @@ RCT_EXPORT_METHOD(debug)
  [Plotline debugWithShouldDebug:true];
 }
 
+RCT_EXPORT_METHOD(notifyScroll)
+{
+ [Plotline notifyScroll];
+}
+
 RCT_EXPORT_METHOD(trackPage:(NSString *)pageName)
 {
  [Plotline trackPageWithPageName:pageName];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "plotline-engage",
-  "version": "3.0.6",
+  "version": "3.0.8",
   "description": "React Native plugin for Plotline",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"