posthog-react-native 2.0.0-alpha11 → 2.0.0-alpha12

package/lib/index.cjs.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var reactNative = require('react-native');
 var ExpoApplication = require('expo-application');
 var ExpoDevice = require('expo-device');
+var ExpoLocalization = require('expo-localization');
 var FileSystem = require('expo-file-system');
 var React = require('react');
 
@@ -30,6 +31,7 @@ function _interopNamespace(e) {
 
 var ExpoApplication__namespace = /*#__PURE__*/_interopNamespace(ExpoApplication);
 var ExpoDevice__namespace = /*#__PURE__*/_interopNamespace(ExpoDevice);
+var ExpoLocalization__namespace = /*#__PURE__*/_interopNamespace(ExpoLocalization);
 var FileSystem__namespace = /*#__PURE__*/_interopNamespace(FileSystem);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
@@ -166,6 +168,7 @@ function __generator(thisArg, body) {
 
 var PostHogPersistedProperty;
 (function (PostHogPersistedProperty) {
+    PostHogPersistedProperty["AnonymousId"] = "anonymous_id";
     PostHogPersistedProperty["DistinctId"] = "distinct_id";
     PostHogPersistedProperty["Props"] = "props";
     PostHogPersistedProperty["FeatureFlags"] = "feature_flags";
@@ -720,7 +723,7 @@ var SimpleEventEmitter = /** @class */ (function () {
 var PostHogCore = /** @class */ (function () {
     function PostHogCore(apiKey, options) {
         var _this = this;
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b, _c, _d, _e;
         this.flagCallReported = {};
         // internal
         this._events = new SimpleEventEmitter();
@@ -731,14 +734,13 @@ var PostHogCore = /** @class */ (function () {
         this.flushInterval = (_a = options === null || options === void 0 ? void 0 : options.flushInterval) !== null && _a !== void 0 ? _a : 10000;
         this.captureMode = (options === null || options === void 0 ? void 0 : options.captureMode) || 'form';
         this.sendFeatureFlagEvent = (_b = options === null || options === void 0 ? void 0 : options.sendFeatureFlagEvent) !== null && _b !== void 0 ? _b : true;
-        this._decidePollInterval = Math.max(0, (_c = options === null || options === void 0 ? void 0 : options.decidePollInterval) !== null && _c !== void 0 ? _c : 30000);
         // If enable is explicitly set to false we override the optout
         this._optoutOverride = (options === null || options === void 0 ? void 0 : options.enable) === false;
         this._retryOptions = {
-            retryCount: (_d = options === null || options === void 0 ? void 0 : options.fetchRetryCount) !== null && _d !== void 0 ? _d : 3,
-            retryDelay: (_e = options === null || options === void 0 ? void 0 : options.fetchRetryDelay) !== null && _e !== void 0 ? _e : 3000,
+            retryCount: (_c = options === null || options === void 0 ? void 0 : options.fetchRetryCount) !== null && _c !== void 0 ? _c : 3,
+            retryDelay: (_d = options === null || options === void 0 ? void 0 : options.fetchRetryDelay) !== null && _d !== void 0 ? _d : 3000,
         };
-        this._sessionExpirationTimeSeconds = (_f = options === null || options === void 0 ? void 0 : options.sessionExpirationTimeSeconds) !== null && _f !== void 0 ? _f : 1800; // 30 minutes
+        this._sessionExpirationTimeSeconds = (_e = options === null || options === void 0 ? void 0 : options.sessionExpirationTimeSeconds) !== null && _e !== void 0 ? _e : 1800; // 30 minutes
         // NOTE: It is important we don't initiate anything in the constructor as some async IO may still be underway on the parent
         if ((options === null || options === void 0 ? void 0 : options.preloadFeatureFlags) !== false) {
             safeSetTimeout(function () {
@@ -790,7 +792,6 @@ var PostHogCore = /** @class */ (function () {
         for (var key in PostHogPersistedProperty) {
             this.setPersistedProperty(PostHogPersistedProperty[key], null);
         }
-        this.setPersistedProperty(PostHogPersistedProperty.DistinctId, generateUUID(globalThis));
     };
     PostHogCore.prototype.debug = function (enabled) {
         var _a;
@@ -820,13 +821,16 @@ var PostHogCore = /** @class */ (function () {
     PostHogCore.prototype.resetSessionId = function () {
         this.setPersistedProperty(PostHogPersistedProperty.SessionId, null);
     };
-    PostHogCore.prototype.getDistinctId = function () {
-        var distinctId = this.getPersistedProperty(PostHogPersistedProperty.DistinctId);
-        if (!distinctId) {
-            distinctId = generateUUID(globalThis);
-            this.setPersistedProperty(PostHogPersistedProperty.DistinctId, distinctId);
+    PostHogCore.prototype.getAnonymousId = function () {
+        var anonId = this.getPersistedProperty(PostHogPersistedProperty.AnonymousId);
+        if (!anonId) {
+            anonId = generateUUID(globalThis);
+            this.setPersistedProperty(PostHogPersistedProperty.AnonymousId, anonId);
         }
-        return distinctId;
+        return anonId;
+    };
+    PostHogCore.prototype.getDistinctId = function () {
+        return this.getPersistedProperty(PostHogPersistedProperty.DistinctId) || this.getAnonymousId();
     };
     PostHogCore.prototype.register = function (properties) {
         this.props = __assign(__assign({}, this.props), properties);
@@ -840,27 +844,28 @@ var PostHogCore = /** @class */ (function () {
      *** TRACKING
      ***/
     PostHogCore.prototype.identify = function (distinctId, properties) {
-        distinctId = distinctId || this.getDistinctId();
+        var previousDistinctId = this.getDistinctId();
+        distinctId = distinctId || previousDistinctId;
         if (properties === null || properties === void 0 ? void 0 : properties.$groups) {
             this.groups(properties.$groups);
         }
         var payload = __assign(__assign({}, this.buildPayload({
             distinct_id: distinctId,
             event: '$identify',
-            properties: __assign(__assign({}, (properties || {})), { $anon_distinct_id: this.getDistinctId() }),
+            properties: __assign(__assign({}, (properties || {})), { $anon_distinct_id: this.getAnonymousId() }),
         })), { $set: properties });
-        if (distinctId !== this.getDistinctId()) {
+        if (distinctId !== previousDistinctId) {
+            // We keep the AnonymousId to be used by decide calls and identify to link the previousId
+            this.setPersistedProperty(PostHogPersistedProperty.AnonymousId, previousDistinctId);
             this.setPersistedProperty(PostHogPersistedProperty.DistinctId, distinctId);
+            if (this.getFeatureFlags()) {
+                void this.reloadFeatureFlagsAsync();
+            }
         }
         this.enqueue('identify', payload);
         return this;
     };
     PostHogCore.prototype.capture = function (event, properties) {
-        // NOTE: Legacy nodejs implementation uses groups
-        if (properties && properties['groups']) {
-            properties.$groups = properties.groups;
-            delete properties.groups;
-        }
         if (properties === null || properties === void 0 ? void 0 : properties.$groups) {
             this.groups(properties.$groups);
         }
@@ -899,7 +904,7 @@ var PostHogCore = /** @class */ (function () {
         this.register({
             $groups: __assign(__assign({}, existingGroups), groups),
         });
-        if (Object.keys(groups).find(function (type) { return existingGroups[type] !== groups[type]; }) && this._decideResponsePromise) {
+        if (Object.keys(groups).find(function (type) { return existingGroups[type] !== groups[type]; }) && this.getFeatureFlags()) {
             void this.reloadFeatureFlagsAsync();
         }
         return this;
@@ -943,16 +948,24 @@ var PostHogCore = /** @class */ (function () {
                 fetchOptions = {
                     method: 'POST',
                     headers: { 'Content-Type': 'application/json' },
-                    body: JSON.stringify({ groups: groups, distinct_id: distinctId, token: this.apiKey }),
+                    body: JSON.stringify({
+                        token: this.apiKey,
+                        distinct_id: distinctId,
+                        $anon_distinct_id: this.getAnonymousId(),
+                        groups: groups,
+                    }),
                 };
                 this._decideResponsePromise = this.fetchWithRetry(url, fetchOptions)
                     .then(function (r) { return r.json(); })
                     .then(function (res) {
                     if (res.featureFlags) {
                         _this.setPersistedProperty(PostHogPersistedProperty.FeatureFlags, res.featureFlags);
+                        _this._events.emit('featureflags', res.featureFlags);
                     }
-                    _this._events.emit('featureflags', res.featureFlags);
                     return res;
+                })
+                    .finally(function () {
+                    _this._decideResponsePromise = undefined;
                 });
                 return [2 /*return*/, this._decideResponsePromise];
             });
@@ -1001,27 +1014,16 @@ var PostHogCore = /** @class */ (function () {
     };
     PostHogCore.prototype.reloadFeatureFlagsAsync = function () {
         return __awaiter(this, void 0, void 0, function () {
-            var _this = this;
             return __generator(this, function (_a) {
                 switch (_a.label) {
-                    case 0:
-                        clearTimeout(this._decideTimer);
-                        if (this._decidePollInterval) {
-                            this._decideTimer = safeSetTimeout(function () { return _this.reloadFeatureFlagsAsync(); }, this._decidePollInterval);
-                        }
-                        this._decideResponsePromise = undefined;
-                        return [4 /*yield*/, this.decideAsync()];
+                    case 0: return [4 /*yield*/, this.decideAsync()];
                     case 1: return [2 /*return*/, (_a.sent()).featureFlags];
                 }
             });
         });
     };
-    // When listening to feature flags polling is active
     PostHogCore.prototype.onFeatureFlags = function (cb) {
         var _this = this;
-        if (!this._decideTimer) {
-            void this.reloadFeatureFlagsAsync();
-        }
         return this.on('featureflags', function () { return __awaiter(_this, void 0, void 0, function () {
             var flags;
             return __generator(this, function (_a) {
@@ -1033,6 +1035,19 @@ var PostHogCore = /** @class */ (function () {
             });
         }); });
     };
+    PostHogCore.prototype.onFeatureFlag = function (key, cb) {
+        var _this = this;
+        return this.on('featureflags', function () { return __awaiter(_this, void 0, void 0, function () {
+            var flagResponse;
+            return __generator(this, function (_a) {
+                flagResponse = this.getFeatureFlag(key);
+                if (flagResponse !== undefined) {
+                    cb(flagResponse);
+                }
+                return [2 /*return*/];
+            });
+        }); });
+    };
     PostHogCore.prototype.overrideFeatureFlag = function (flags) {
         if (flags === null) {
             return this.setPersistedProperty(PostHogPersistedProperty.OverrideFeatureFlags, null);
@@ -1140,7 +1155,6 @@ var PostHogCore = /** @class */ (function () {
             return __generator(this, function (_a) {
                 switch (_a.label) {
                     case 0:
-                        clearTimeout(this._decideTimer);
                         clearTimeout(this._flushTimer);
                         return [4 /*yield*/, this.flushAsync()];
                     case 1:
@@ -1353,36 +1367,7 @@ var preloadSemiAsyncStorage = function () {
   return _preloadSemiAsyncStoragePromise;
 };
 
-var _OptionalReactNativeNavigation = undefined;
-var _OptionalExpoLocalization = undefined;
-var _OptionalExpoNetwork = undefined;
-
-var warn = function (name) {
-  console.warn("PostHog: Missing ".concat(name, " optional dependency. Some functions may not work as expected..."));
-};
-
-try {
-  _OptionalReactNativeNavigation = require('@react-navigation/native');
-} catch (e) {
-  warn('@react-navigation/native');
-}
-
-try {
-  _OptionalExpoLocalization = require('expo-localization');
-} catch (e) {
-  warn('expo-localization');
-}
-
-try {
-  _OptionalExpoNetwork = require('expo-network');
-} catch (e) {
-  warn('expo-network');
-}
-
-var OptionalReactNativeNavigation = _OptionalReactNativeNavigation;
-var OptionalExpoLocalization = _OptionalExpoLocalization;
-
-var version = "2.0.0-alpha11";
+var version = "2.0.0-alpha12";
 
 var PostHog =
 /** @class */
@@ -1400,10 +1385,11 @@ function (_super) {
     // It is possible that the old library was used so we try to get the legacy distinctID
 
     void preloadSemiAsyncStorage().then(function () {
-      if (!SemiAsyncStorage.getItem(PostHogPersistedProperty.DistinctId)) {
+      if (!SemiAsyncStorage.getItem(PostHogPersistedProperty.AnonymousId)) {
         getLegacyValues().then(function (legacyValues) {
           if (legacyValues === null || legacyValues === void 0 ? void 0 : legacyValues.distinctId) {
             SemiAsyncStorage.setItem(PostHogPersistedProperty.DistinctId, legacyValues.distinctId);
+            SemiAsyncStorage.setItem(PostHogPersistedProperty.AnonymousId, legacyValues.anonymousId);
           }
         });
       }
@@ -1449,24 +1435,25 @@ function (_super) {
   };
 
   PostHog.prototype.getCommonEventProperties = function () {
+    console.log('DeviceInfo', ExpoDevice__namespace);
     return __assign(__assign({}, _super.prototype.getCommonEventProperties.call(this)), {
       $app_build: '1',
-      $app_name: ExpoApplication__namespace === null || ExpoApplication__namespace === void 0 ? void 0 : ExpoApplication__namespace.applicationName,
-      $app_namespace: ExpoApplication__namespace === null || ExpoApplication__namespace === void 0 ? void 0 : ExpoApplication__namespace.applicationId,
-      $app_version: ExpoApplication__namespace === null || ExpoApplication__namespace === void 0 ? void 0 : ExpoApplication__namespace.nativeApplicationVersion,
+      $app_name: ExpoApplication__namespace.applicationName,
+      $app_namespace: ExpoApplication__namespace.applicationId,
+      $app_version: ExpoApplication__namespace.nativeApplicationVersion,
       // "$device_id": "F31C35E8-5B28-4626-8AFC-213D1C655FF9",
-      $device_manufacturer: ExpoDevice__namespace === null || ExpoDevice__namespace === void 0 ? void 0 : ExpoDevice__namespace.manufacturer,
+      $device_manufacturer: ExpoDevice__namespace.manufacturer,
       //     "$device_model": "x86_64",
-      $device_name: ExpoDevice__namespace === null || ExpoDevice__namespace === void 0 ? void 0 : ExpoDevice__namespace.modelName,
+      $device_name: ExpoDevice__namespace.modelName,
       // "$device_type": "ios",
-      $locale: OptionalExpoLocalization === null || OptionalExpoLocalization === void 0 ? void 0 : OptionalExpoLocalization.locale,
+      $locale: ExpoLocalization__namespace.locale,
       //     "$network_cellular": false,
       //     "$network_wifi": true,
-      $os_name: ExpoDevice__namespace === null || ExpoDevice__namespace === void 0 ? void 0 : ExpoDevice__namespace.osName,
-      $os_version: ExpoDevice__namespace === null || ExpoDevice__namespace === void 0 ? void 0 : ExpoDevice__namespace.osVersion,
+      $os_name: ExpoDevice__namespace.osName,
+      $os_version: ExpoDevice__namespace.osVersion,
       $screen_height: reactNative.Dimensions.get('screen').height,
       $screen_width: reactNative.Dimensions.get('screen').width,
-      $timezone: OptionalExpoLocalization === null || OptionalExpoLocalization === void 0 ? void 0 : OptionalExpoLocalization.timezone
+      $timezone: ExpoLocalization__namespace.timezone
     });
   }; // Custom methods
 
@@ -1524,6 +1511,20 @@ function useLifecycleTracker(client) {
   }, [posthog]);
 }
 
+var _OptionalReactNativeNavigation = undefined;
+
+var warn = function (name) {
+  console.warn("PostHog: Missing ".concat(name, " optional dependency. Some functions may not work as expected..."));
+};
+
+try {
+  _OptionalReactNativeNavigation = require('@react-navigation/native');
+} catch (e) {
+  warn('@react-navigation/native');
+}
+
+var OptionalReactNativeNavigation = _OptionalReactNativeNavigation;
+
 function _useNavigationTrackerDisabled() {
   return;
 }
@@ -1670,7 +1671,9 @@ var autocaptureFromTouchEvent = function (e, posthog, options) {
       _e = options.maxElementsCaptured,
       maxElementsCaptured = _e === void 0 ? 20 : _e,
       _f = options.ignoreLabels,
-      ignoreLabels = _f === void 0 ? [] : _f;
+      ignoreLabels = _f === void 0 ? [] : _f,
+      _g = options.propsToCapture,
+      propsToCapture = _g === void 0 ? ['style', 'testID', 'accessibilityLabel', 'ph-label'] : _g;
 
   if (!e._targetInst) {
     return;
@@ -1685,8 +1688,19 @@ var autocaptureFromTouchEvent = function (e, posthog, options) {
     };
     var props = currentInst.memoizedProps;
 
+    if (props === null || props === void 0 ? void 0 : props[noCaptureProp]) {
+      return {
+        value: void 0
+      };
+    }
+
     if (props) {
+      // Capture only props we have said to capture. By default this is only "safe" props
       Object.keys(props).forEach(function (key) {
+        if (!propsToCapture.includes(key)) {
+          return;
+        }
+
         var value = props[key];
 
         if (key === 'style') {
@@ -1699,12 +1713,6 @@ var autocaptureFromTouchEvent = function (e, posthog, options) {
           }
         }
       });
-    }
-
-    if (props === null || props === void 0 ? void 0 : props[noCaptureProp]) {
-      return {
-        value: void 0
-      };
     } // Try and find a sensible label