posthog-js 1.425.0 → 1.426.0

package/react/dist/esm/slim/index.js

@@ -1,25 +1,63 @@
-import React, { createContext, useMemo, useContext, useState, useEffect, useRef, useCallback, Children } from 'react';
-
-var defaultPostHogInstance;
-function getDefaultPostHogInstance() {
-    return defaultPostHogInstance;
-}
-
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __setFunctionName = (this && this.__setFunctionName) || function (f, name, prefix) {
+    if (typeof name === "symbol") name = name.description ? "[".concat(name.description, "]") : "";
+    return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var _a;
+import React, { Children, createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 var PostHogContext = createContext({
-    get client() {
-        return getDefaultPostHogInstance();
-    },
-    bootstrap: undefined,
+    get client() { },
+    bootstrap: void 0
 });
-
-function PostHogProvider(_a) {
-    var client = _a.client, children = _a.children;
-    var value = useMemo(function () { var _a; return ({ client: client, bootstrap: (_a = client.config) === null || _a === void 0 ? void 0 : _a.bootstrap }); }, [client]);
+function PostHogProvider(_b) {
+    var client = _b.client, children = _b.children;
+    var value = useMemo(function () {
+        var _b;
+        return ({
+            client: client,
+            bootstrap: (_b = client.config) === null || _b === void 0 ? void 0 : _b.bootstrap
+        });
+    }, [client]);
     return React.createElement(PostHogContext.Provider, { value: value }, children);
 }
-
 var isFunction = function (f) {
-    return typeof f === 'function';
+    return typeof f === "function";
 };
 var isUndefined = function (x) {
     return x === void 0;
@@ -27,186 +65,118 @@ var isUndefined = function (x) {
 var isNull = function (x) {
     return x === null;
 };
-
 function useFeatureFlagEnabled(flag, defaultValue) {
-    var _a, _b;
-    var _c = useContext(PostHogContext), client = _c.client, bootstrap = _c.bootstrap;
-    var _d = useState(function () { return client.isFeatureEnabled(flag); }), featureEnabled = _d[0], setFeatureEnabled = _d[1];
+    var _b, _c;
+    var _d = useContext(PostHogContext), client = _d.client, bootstrap = _d.bootstrap;
+    var _e = useState(function () { return client.isFeatureEnabled(flag); }), featureEnabled = _e[0], setFeatureEnabled = _e[1];
     useEffect(function () {
         return client.onFeatureFlags(function () {
             setFeatureEnabled(client.isFeatureEnabled(flag));
         });
     }, [client, flag]);
-    var bootstrapped = (_a = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.featureFlags) === null || _a === void 0 ? void 0 : _a[flag];
-    if (!((_b = client === null || client === void 0 ? void 0 : client.featureFlags) === null || _b === void 0 ? void 0 : _b.hasLoadedFlags) && (bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.featureFlags)) {
+    var bootstrapped = (_b = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.featureFlags) === null || _b === void 0 ? void 0 : _b[flag];
+    if (!((_c = client === null || client === void 0 ? void 0 : client.featureFlags) === null || _c === void 0 ? void 0 : _c.hasLoadedFlags) && (bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.featureFlags))
         return isUndefined(bootstrapped) ? defaultValue : !!bootstrapped;
-    }
     return isUndefined(featureEnabled) ? defaultValue : featureEnabled;
 }
-
 function useFeatureFlagPayload(flag) {
-    var _a;
-    var _b = useContext(PostHogContext), client = _b.client, bootstrap = _b.bootstrap;
-    var _c = useState(function () { var _a; return (_a = client.getFeatureFlagResult(flag, { send_event: false })) === null || _a === void 0 ? void 0 : _a.payload; }), featureFlagPayload = _c[0], setFeatureFlagPayload = _c[1];
+    var _b;
+    var _c = useContext(PostHogContext), client = _c.client, bootstrap = _c.bootstrap;
+    var _d = useState(function () { var _b; return (_b = client.getFeatureFlagResult(flag, { send_event: false })) === null || _b === void 0 ? void 0 : _b.payload; }), featureFlagPayload = _d[0], setFeatureFlagPayload = _d[1];
     useEffect(function () {
         return client.onFeatureFlags(function () {
-            var _a;
-            setFeatureFlagPayload((_a = client.getFeatureFlagResult(flag, { send_event: false })) === null || _a === void 0 ? void 0 : _a.payload);
+            var _b;
+            setFeatureFlagPayload((_b = client.getFeatureFlagResult(flag, { send_event: false })) === null || _b === void 0 ? void 0 : _b.payload);
         });
     }, [client, flag]);
-    if (!((_a = client === null || client === void 0 ? void 0 : client.featureFlags) === null || _a === void 0 ? void 0 : _a.hasLoadedFlags) && (bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.featureFlagPayloads)) {
+    if (!((_b = client === null || client === void 0 ? void 0 : client.featureFlags) === null || _b === void 0 ? void 0 : _b.hasLoadedFlags) && (bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.featureFlagPayloads))
         return bootstrap.featureFlagPayloads[flag];
-    }
     return featureFlagPayload;
 }
-
 function useFeatureFlagResult(flag) {
-    var _a, _b;
-    var _c = useContext(PostHogContext), client = _c.client, bootstrap = _c.bootstrap;
-    var _d = useState(function () { return client.getFeatureFlagResult(flag); }), result = _d[0], setResult = _d[1];
+    var _b, _c;
+    var _d = useContext(PostHogContext), client = _d.client, bootstrap = _d.bootstrap;
+    var _e = useState(function () { return client.getFeatureFlagResult(flag); }), result = _e[0], setResult = _e[1];
     useEffect(function () {
         return client.onFeatureFlags(function () {
             setResult(client.getFeatureFlagResult(flag));
         });
     }, [client, flag]);
-    if (!((_a = client === null || client === void 0 ? void 0 : client.featureFlags) === null || _a === void 0 ? void 0 : _a.hasLoadedFlags) && (bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.featureFlags)) {
+    if (!((_b = client === null || client === void 0 ? void 0 : client.featureFlags) === null || _b === void 0 ? void 0 : _b.hasLoadedFlags) && (bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.featureFlags)) {
         var bootstrappedValue = bootstrap.featureFlags[flag];
-        if (isUndefined(bootstrappedValue)) {
-            return undefined;
-        }
+        if (isUndefined(bootstrappedValue))
+            return;
         return {
             key: flag,
-            enabled: typeof bootstrappedValue === 'string' ? true : !!bootstrappedValue,
-            variant: typeof bootstrappedValue === 'string' ? bootstrappedValue : undefined,
-            payload: (_b = bootstrap.featureFlagPayloads) === null || _b === void 0 ? void 0 : _b[flag],
+            enabled: typeof bootstrappedValue === "string" ? true : !!bootstrappedValue,
+            variant: typeof bootstrappedValue === "string" ? bootstrappedValue : void 0,
+            payload: (_c = bootstrap.featureFlagPayloads) === null || _c === void 0 ? void 0 : _c[flag]
         };
     }
     return result;
 }
-
 function useActiveFeatureFlags() {
-    var _a;
-    var _b = useContext(PostHogContext), client = _b.client, bootstrap = _b.bootstrap;
-    var _c = useState(function () { return client.featureFlags.getFlags(); }), featureFlags = _c[0], setFeatureFlags = _c[1];
+    var _b;
+    var _c = useContext(PostHogContext), client = _c.client, bootstrap = _c.bootstrap;
+    var _d = useState(function () { return client.featureFlags.getFlags(); }), featureFlags = _d[0], setFeatureFlags = _d[1];
     useEffect(function () {
         return client.onFeatureFlags(function (flags) {
             setFeatureFlags(flags);
         });
     }, [client]);
-    if (!((_a = client === null || client === void 0 ? void 0 : client.featureFlags) === null || _a === void 0 ? void 0 : _a.hasLoadedFlags) && (bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.featureFlags)) {
-        return Object.entries(bootstrap.featureFlags)
-            .filter(function (_a) {
-            var value = _a[1];
+    if (!((_b = client === null || client === void 0 ? void 0 : client.featureFlags) === null || _b === void 0 ? void 0 : _b.hasLoadedFlags) && (bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.featureFlags))
+        return Object.entries(bootstrap.featureFlags).filter(function (_b) {
+            var value = _b[1];
             return value;
-        })
-            .map(function (_a) {
-            var key = _a[0];
+        }).map(function (_b) {
+            var key = _b[0];
             return key;
         });
-    }
     return featureFlags;
 }
-
 function useFeatureFlagVariantKey(flag) {
-    var _a;
-    var _b = useContext(PostHogContext), client = _b.client, bootstrap = _b.bootstrap;
-    var _c = useState(function () {
-        return client.getFeatureFlag(flag);
-    }), featureFlagVariantKey = _c[0], setFeatureFlagVariantKey = _c[1];
+    var _b;
+    var _c = useContext(PostHogContext), client = _c.client, bootstrap = _c.bootstrap;
+    var _d = useState(function () { return client.getFeatureFlag(flag); }), featureFlagVariantKey = _d[0], setFeatureFlagVariantKey = _d[1];
     useEffect(function () {
         return client.onFeatureFlags(function () {
             setFeatureFlagVariantKey(client.getFeatureFlag(flag));
         });
     }, [client, flag]);
-    if (!((_a = client === null || client === void 0 ? void 0 : client.featureFlags) === null || _a === void 0 ? void 0 : _a.hasLoadedFlags) && (bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.featureFlags)) {
+    if (!((_b = client === null || client === void 0 ? void 0 : client.featureFlags) === null || _b === void 0 ? void 0 : _b.hasLoadedFlags) && (bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.featureFlags))
         return bootstrap.featureFlags[flag];
-    }
     return featureFlagVariantKey;
 }
-
 var usePostHog = function () {
     var client = useContext(PostHogContext).client;
     return client;
 };
-
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise, SuppressedError, Symbol, Iterator */
-
-var extendStatics = function(d, b) {
-    extendStatics = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-    return extendStatics(d, b);
-};
-
-function __extends(d, b) {
-    if (typeof b !== "function" && b !== null)
-        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-    extendStatics(d, b);
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-}
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-function __rest(s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
-
-function VisibilityAndClickTracker(_a) {
-    var children = _a.children, onIntersect = _a.onIntersect, onClick = _a.onClick, trackView = _a.trackView, options = _a.options, props = __rest(_a, ["children", "onIntersect", "onClick", "trackView", "options"]);
+function VisibilityAndClickTracker(_b) {
+    var children = _b.children, onIntersect = _b.onIntersect, onClick = _b.onClick, trackView = _b.trackView, options = _b.options, props = __rest(_b, ["children", "onIntersect", "onClick", "trackView", "options"]);
     var ref = useRef(null);
-    var observerOptions = useMemo(function () { return (__assign({ threshold: 0.1 }, options)); }, [options === null || options === void 0 ? void 0 : options.threshold, options === null || options === void 0 ? void 0 : options.root, options === null || options === void 0 ? void 0 : options.rootMargin]);
+    var observerOptions = useMemo(function () { return (__assign({ threshold: .1 }, options)); }, [
+        options === null || options === void 0 ? void 0 : options.threshold,
+        options === null || options === void 0 ? void 0 : options.root,
+        options === null || options === void 0 ? void 0 : options.rootMargin
+    ]);
     useEffect(function () {
         if (isNull(ref.current) || !trackView)
             return;
-        var observer = new IntersectionObserver(function (_a) {
-            var entry = _a[0];
+        var observer = new IntersectionObserver(function (_b) {
+            var entry = _b[0];
             return onIntersect(entry);
         }, observerOptions);
         observer.observe(ref.current);
         return function () { return observer.disconnect(); };
-    }, [observerOptions, trackView, onIntersect]);
-    return (React.createElement("div", __assign({ ref: ref }, props, { onClick: onClick }), children));
+    }, [
+        observerOptions,
+        trackView,
+        onIntersect
+    ]);
+    return React.createElement("div", __assign(__assign({ ref: ref }, props), { onClick: onClick }), children);
 }
-
-function VisibilityAndClickTrackers(_a) {
-    var children = _a.children, trackInteraction = _a.trackInteraction, trackView = _a.trackView, options = _a.options, onInteract = _a.onInteract, onView = _a.onView, props = __rest(_a, ["children", "trackInteraction", "trackView", "options", "onInteract", "onView"]);
+function VisibilityAndClickTrackers(_b) {
+    var children = _b.children, trackInteraction = _b.trackInteraction, trackView = _b.trackView, options = _b.options, onInteract = _b.onInteract, onView = _b.onView, props = __rest(_b, ["children", "trackInteraction", "trackView", "options", "onInteract", "onView"]);
     var clickTrackedRef = useRef(false);
     var visibilityTrackedRef = useRef(false);
     var cachedOnClick = useCallback(function () {
@@ -222,13 +192,12 @@ function VisibilityAndClickTrackers(_a) {
         }
     };
     var trackedChildren = Children.map(children, function (child) {
-        return (React.createElement(VisibilityAndClickTracker, __assign({ onClick: cachedOnClick, onIntersect: onIntersect, trackView: trackView, options: options }, props), child));
+        return React.createElement(VisibilityAndClickTracker, __assign({ onClick: cachedOnClick, onIntersect: onIntersect, trackView: trackView, options: options }, props), child);
     });
     return React.createElement(React.Fragment, null, trackedChildren);
 }
-
-function PostHogFeature(_a) {
-    var flag = _a.flag, match = _a.match, children = _a.children, fallback = _a.fallback, visibilityObserverOptions = _a.visibilityObserverOptions, trackInteraction = _a.trackInteraction, trackView = _a.trackView, props = __rest(_a, ["flag", "match", "children", "fallback", "visibilityObserverOptions", "trackInteraction", "trackView"]);
+function PostHogFeature(_b) {
+    var flag = _b.flag, match = _b.match, children = _b.children, fallback = _b.fallback, visibilityObserverOptions = _b.visibilityObserverOptions, trackInteraction = _b.trackInteraction, trackView = _b.trackView, props = __rest(_b, ["flag", "match", "children", "fallback", "visibilityObserverOptions", "trackInteraction", "trackView"]);
     var payload = useFeatureFlagPayload(flag);
     var variant = useFeatureFlagVariantKey(flag);
     var posthog = usePostHog();
@@ -237,68 +206,89 @@ function PostHogFeature(_a) {
     if (!isUndefined(variant)) {
         if (isUndefined(match) || variant === match) {
             var childNode = isFunction(children) ? children(payload) : children;
-            return (React.createElement(VisibilityAndClickTrackers, __assign({ flag: flag, options: visibilityObserverOptions, trackInteraction: shouldTrackInteraction, trackView: shouldTrackView, onInteract: function () { return captureFeatureInteraction({ flag: flag, posthog: posthog, flagVariant: variant }); }, onView: function () { return captureFeatureView({ flag: flag, posthog: posthog, flagVariant: variant }); } }, props), childNode));
+            return React.createElement(VisibilityAndClickTrackers, __assign({ flag: flag, options: visibilityObserverOptions, trackInteraction: shouldTrackInteraction, trackView: shouldTrackView, onInteract: function () { return captureFeatureInteraction({
+                    flag: flag,
+                    posthog: posthog,
+                    flagVariant: variant
+                }); }, onView: function () { return captureFeatureView({
+                    flag: flag,
+                    posthog: posthog,
+                    flagVariant: variant
+                }); } }, props), childNode);
         }
     }
     return React.createElement(React.Fragment, null, fallback);
 }
-function captureFeatureEvent(event, _a) {
-    var _b;
-    var flag = _a.flag, posthog = _a.posthog, flagVariant = _a.flagVariant;
+function captureFeatureEvent(event, _b) {
+    var _c;
+    var flag = _b.flag, posthog = _b.posthog, flagVariant = _b.flagVariant;
     var properties = {
         feature_flag: flag,
-        $set: (_b = {}, _b["".concat(event, "/").concat(flag)] = flagVariant !== null && flagVariant !== void 0 ? flagVariant : true, _b),
+        $set: (_c = {}, _c["".concat(event, "/").concat(flag)] = flagVariant !== null && flagVariant !== void 0 ? flagVariant : true, _c)
     };
-    if (typeof flagVariant === 'string') {
+    if (typeof flagVariant === "string")
         properties.feature_flag_variant = flagVariant;
-    }
     posthog.capture(event, properties);
 }
 function captureFeatureInteraction(options) {
-    captureFeatureEvent('$feature_interaction', options);
+    captureFeatureEvent("$feature_interaction", options);
 }
 function captureFeatureView(options) {
-    captureFeatureEvent('$feature_view', options);
+    captureFeatureEvent("$feature_view", options);
 }
-
-function TrackedChild(_a) {
-    var child = _a.child, index = _a.index, name = _a.name, properties = _a.properties, observerOptions = _a.observerOptions;
+function TrackedChild(_b) {
+    var child = _b.child, index = _b.index, name = _b.name, properties = _b.properties, observerOptions = _b.observerOptions;
     var trackedRef = useRef(false);
     var posthog = usePostHog();
     var onIntersect = useCallback(function (entry) {
         if (entry.isIntersecting && !trackedRef.current) {
-            posthog.capture('$element_viewed', __assign({ element_name: name, child_index: index }, properties));
+            posthog.capture("$element_viewed", __assign({ element_name: name, child_index: index }, properties));
             trackedRef.current = true;
         }
-    }, [posthog, name, index, properties]);
-    return (React.createElement(VisibilityAndClickTracker, { onIntersect: onIntersect, trackView: true, options: observerOptions }, child));
+    }, [
+        posthog,
+        name,
+        index,
+        properties
+    ]);
+    return React.createElement(VisibilityAndClickTracker, {
+        onIntersect: onIntersect,
+        trackView: true,
+        options: observerOptions
+    }, child);
 }
-function PostHogCaptureOnViewed(_a) {
-    var name = _a.name, properties = _a.properties, observerOptions = _a.observerOptions, trackAllChildren = _a.trackAllChildren, children = _a.children, props = __rest(_a, ["name", "properties", "observerOptions", "trackAllChildren", "children"]);
+function PostHogCaptureOnViewed(_b) {
+    var name = _b.name, properties = _b.properties, observerOptions = _b.observerOptions, trackAllChildren = _b.trackAllChildren, children = _b.children, props = __rest(_b, ["name", "properties", "observerOptions", "trackAllChildren", "children"]);
     var trackedRef = useRef(false);
     var posthog = usePostHog();
     var onIntersect = useCallback(function (entry) {
         if (entry.isIntersecting && !trackedRef.current) {
-            posthog.capture('$element_viewed', __assign({ element_name: name }, properties));
+            posthog.capture("$element_viewed", __assign({ element_name: name }, properties));
             trackedRef.current = true;
         }
-    }, [posthog, name, properties]);
+    }, [
+        posthog,
+        name,
+        properties
+    ]);
     if (trackAllChildren) {
         var trackedChildren = Children.map(children, function (child, index) {
-            return (React.createElement(TrackedChild, { key: index, child: child, index: index, name: name, properties: properties, observerOptions: observerOptions }));
+            return React.createElement(TrackedChild, {
+                key: index,
+                child: child,
+                index: index,
+                name: name,
+                properties: properties,
+                observerOptions: observerOptions
+            });
         });
-        return React.createElement("div", __assign({}, props), trackedChildren);
+        return React.createElement("div", props, trackedChildren);
     }
-    return (React.createElement(VisibilityAndClickTracker, __assign({ onIntersect: onIntersect, trackView: true, options: observerOptions }, props), children));
+    return React.createElement(VisibilityAndClickTracker, __assign({ onIntersect: onIntersect, trackView: true, options: observerOptions }, props), children);
 }
-
 var isError = function (value) {
     var tag = Object.prototype.toString.call(value);
-    return (value instanceof Error ||
-        tag === '[object Error]' ||
-        tag === '[object Exception]' ||
-        tag === '[object DOMException]' ||
-        tag === '[object DOMError]');
+    return value instanceof Error || tag === "[object Error]" || tag === "[object Exception]" || tag === "[object DOMException]" || tag === "[object DOMError]";
 };
 var setCause = function (error, cause) {
     var seenErrors = new WeakSet();
@@ -306,9 +296,8 @@ var setCause = function (error, cause) {
     while (!seenErrors.has(currentError)) {
         seenErrors.add(currentError);
         if (!isError(currentError.cause)) {
-            if (!isUndefined(currentError.cause)) {
+            if (!isUndefined(currentError.cause))
                 cause.cause = currentError.cause;
-            }
             currentError.cause = cause;
             return;
         }
@@ -316,11 +305,10 @@ var setCause = function (error, cause) {
     }
 };
 var addReactComponentStack = function (error, componentStack) {
-    if (!componentStack) {
+    if (!componentStack)
         return error;
-    }
     var componentStackError = new Error(isError(error) ? error.message : "Primitive value captured as exception: ".concat(String(error)));
-    componentStackError.name = "React ErrorBoundary ".concat(isError(error) ? error.name : 'Error');
+    componentStackError.name = "React ErrorBoundary ".concat(isError(error) ? error.name : "Error");
     componentStackError.stack = componentStack;
     if (isError(error)) {
         setCause(error, componentStackError);
@@ -328,71 +316,63 @@ var addReactComponentStack = function (error, componentStack) {
     }
     return componentStackError;
 };
-
 var INITIAL_STATE = {
     componentStack: null,
     exceptionEvent: null,
-    error: null,
-};
-var __POSTHOG_ERROR_MESSAGES = {
-    INVALID_FALLBACK: '[PostHog.js][PostHogErrorBoundary] Invalid fallback prop, provide a valid React element or a function that returns a valid React element.',
+    error: null
 };
-var PostHogErrorBoundary = (function (_super) {
-    __extends(PostHogErrorBoundary, _super);
-    function PostHogErrorBoundary(props) {
-        var _this = _super.call(this, props) || this;
-        _this.state = INITIAL_STATE;
-        return _this;
-    }
-    PostHogErrorBoundary.prototype.componentDidCatch = function (error, errorInfo) {
-        var additionalProperties = this.props.additionalProperties;
-        var currentProperties;
-        if (isFunction(additionalProperties)) {
-            currentProperties = additionalProperties(error, errorInfo);
-        }
-        else if (typeof additionalProperties === 'object') {
-            currentProperties = additionalProperties;
-        }
-        var client = this.context.client;
-        var componentStack = errorInfo.componentStack;
-        var exceptionEvent = client.captureException(addReactComponentStack(error, componentStack), currentProperties);
-        this.setState({
-            error: error,
-            componentStack: componentStack !== null && componentStack !== void 0 ? componentStack : null,
-            exceptionEvent: exceptionEvent,
-        });
-    };
-    PostHogErrorBoundary.prototype.render = function () {
-        var _a = this.props, children = _a.children, fallback = _a.fallback;
-        var state = this.state;
-        if (state.componentStack == null) {
-            return isFunction(children) ? children() : children;
+var __POSTHOG_ERROR_MESSAGES = { INVALID_FALLBACK: "[PostHog.js][PostHogErrorBoundary] Invalid fallback prop, provide a valid React element or a function that returns a valid React element." };
+var PostHogErrorBoundary = (_a = (function (_super) {
+        __extends(class_1, _super);
+        function class_1(props) {
+            var _this = _super.call(this, props) || this;
+            _this.state = INITIAL_STATE;
+            return _this;
         }
-        var element = isFunction(fallback)
-            ? React.createElement(fallback, {
+        class_1.prototype.componentDidCatch = function (error, errorInfo) {
+            var additionalProperties = this.props.additionalProperties;
+            var currentProperties;
+            if (isFunction(additionalProperties))
+                currentProperties = additionalProperties(error, errorInfo);
+            else if (typeof additionalProperties === "object")
+                currentProperties = additionalProperties;
+            var client = this.context.client;
+            var componentStack = errorInfo.componentStack;
+            var exceptionEvent = client.captureException(addReactComponentStack(error, componentStack), currentProperties);
+            this.setState({
+                error: error,
+                componentStack: componentStack !== null && componentStack !== void 0 ? componentStack : null,
+                exceptionEvent: exceptionEvent
+            });
+        };
+        class_1.prototype.render = function () {
+            var _b = this.props, children = _b.children, fallback = _b.fallback;
+            var state = this.state;
+            if (state.componentStack == null)
+                return isFunction(children) ? children() : children;
+            var element = isFunction(fallback) ? React.createElement(fallback, {
                 error: state.error,
                 componentStack: state.componentStack,
-                exceptionEvent: state.exceptionEvent,
-            })
-            : fallback;
-        if (React.isValidElement(element)) {
-            return element;
-        }
-        console.warn(__POSTHOG_ERROR_MESSAGES.INVALID_FALLBACK);
-        return React.createElement(React.Fragment, null);
-    };
-    PostHogErrorBoundary.contextType = PostHogContext;
-    return PostHogErrorBoundary;
-}(React.Component));
-
+                exceptionEvent: state.exceptionEvent
+            }) : fallback;
+            if (React.isValidElement(element))
+                return element;
+            console.warn(__POSTHOG_ERROR_MESSAGES.INVALID_FALLBACK);
+            return React.createElement(React.Fragment, null);
+        };
+        return class_1;
+    }(React.Component)),
+    __setFunctionName(_a, "PostHogErrorBoundary"),
+    (function () {
+        _a.contextType = PostHogContext;
+    })(),
+    _a);
 var setupReactErrorHandler = function (client, callback) {
     return function (error, errorInfo) {
         var event = client.captureException(addReactComponentStack(error, errorInfo.componentStack));
-        if (callback) {
+        if (callback)
             callback(event, error, errorInfo);
-        }
     };
 };
-
 export { PostHogCaptureOnViewed, PostHogContext, PostHogErrorBoundary, PostHogFeature, PostHogProvider, captureFeatureInteraction, captureFeatureView, setupReactErrorHandler, useActiveFeatureFlags, useFeatureFlagEnabled, useFeatureFlagPayload, useFeatureFlagResult, useFeatureFlagVariantKey, usePostHog };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map