posthog-js 1.425.0 → 1.426.0

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

@@ -1,33 +1,89 @@
+(function () {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;
+};
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.PosthogReactSlim = {}, global.React));
-})(this, (function (exports, React) { 'use strict';
-
-    function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-    var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-    var defaultPostHogInstance;
-    function getDefaultPostHogInstance() {
-        return defaultPostHogInstance;
-    }
-
-    var PostHogContext = React.createContext({
-        get client() {
-            return getDefaultPostHogInstance();
-        },
-        bootstrap: undefined,
+    typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react")) : typeof define === "function" && define.amd ? define(["exports", "react"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.PosthogReactSlim = {}, global.React));
+})(this, function (exports, react) {
+    "use strict";
+    var _a;
+    var __create = Object.create;
+    var __defProp = Object.defineProperty;
+    var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames = Object.getOwnPropertyNames;
+    var __getProtoOf = Object.getPrototypeOf;
+    var __hasOwnProp = Object.prototype.hasOwnProperty;
+    var __copyProps = function (to, from, except, desc) {
+        if (from && typeof from === "object" || typeof from === "function")
+            for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+                key = keys[i];
+                if (!__hasOwnProp.call(to, key) && key !== except)
+                    __defProp(to, key, {
+                        get: (function (k) { return from[k]; }).bind(null, key),
+                        enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+                    });
+            }
+        return to;
+    };
+    var __toESM = function (mod, isNodeMode, target) { return (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
+        value: mod,
+        enumerable: true
+    }) : target, mod)); };
+    react = __toESM(react);
+    var PostHogContext = (0, react.createContext)({
+        get client() { },
+        bootstrap: void 0
     });
-
-    function PostHogProvider(_a) {
-        var client = _a.client, children = _a.children;
-        var value = React.useMemo(function () { var _a; return ({ client: client, bootstrap: (_a = client.config) === null || _a === void 0 ? void 0 : _a.bootstrap }); }, [client]);
-        return React__default.default.createElement(PostHogContext.Provider, { value: value }, children);
+    function PostHogProvider(_b) {
+        var client = _b.client, children = _b.children;
+        var value = (0, react.useMemo)(function () {
+            var _b;
+            return ({
+                client: client,
+                bootstrap: (_b = client.config) === null || _b === void 0 ? void 0 : _b.bootstrap
+            });
+        }, [client]);
+        return react.default.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;
@@ -35,189 +91,121 @@
     var isNull = function (x) {
         return x === null;
     };
-
     function useFeatureFlagEnabled(flag, defaultValue) {
-        var _a, _b;
-        var _c = React.useContext(PostHogContext), client = _c.client, bootstrap = _c.bootstrap;
-        var _d = React.useState(function () { return client.isFeatureEnabled(flag); }), featureEnabled = _d[0], setFeatureEnabled = _d[1];
-        React.useEffect(function () {
+        var _b, _c;
+        var _d = (0, react.useContext)(PostHogContext), client = _d.client, bootstrap = _d.bootstrap;
+        var _e = (0, react.useState)(function () { return client.isFeatureEnabled(flag); }), featureEnabled = _e[0], setFeatureEnabled = _e[1];
+        (0, react.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 = React.useContext(PostHogContext), client = _b.client, bootstrap = _b.bootstrap;
-        var _c = React.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];
-        React.useEffect(function () {
+        var _b;
+        var _c = (0, react.useContext)(PostHogContext), client = _c.client, bootstrap = _c.bootstrap;
+        var _d = (0, react.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];
+        (0, react.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 = React.useContext(PostHogContext), client = _c.client, bootstrap = _c.bootstrap;
-        var _d = React.useState(function () { return client.getFeatureFlagResult(flag); }), result = _d[0], setResult = _d[1];
-        React.useEffect(function () {
+        var _b, _c;
+        var _d = (0, react.useContext)(PostHogContext), client = _d.client, bootstrap = _d.bootstrap;
+        var _e = (0, react.useState)(function () { return client.getFeatureFlagResult(flag); }), result = _e[0], setResult = _e[1];
+        (0, react.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 = React.useContext(PostHogContext), client = _b.client, bootstrap = _b.bootstrap;
-        var _c = React.useState(function () { return client.featureFlags.getFlags(); }), featureFlags = _c[0], setFeatureFlags = _c[1];
-        React.useEffect(function () {
+        var _b;
+        var _c = (0, react.useContext)(PostHogContext), client = _c.client, bootstrap = _c.bootstrap;
+        var _d = (0, react.useState)(function () { return client.featureFlags.getFlags(); }), featureFlags = _d[0], setFeatureFlags = _d[1];
+        (0, react.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 = React.useContext(PostHogContext), client = _b.client, bootstrap = _b.bootstrap;
-        var _c = React.useState(function () {
-            return client.getFeatureFlag(flag);
-        }), featureFlagVariantKey = _c[0], setFeatureFlagVariantKey = _c[1];
-        React.useEffect(function () {
+        var _b;
+        var _c = (0, react.useContext)(PostHogContext), client = _c.client, bootstrap = _c.bootstrap;
+        var _d = (0, react.useState)(function () { return client.getFeatureFlag(flag); }), featureFlagVariantKey = _d[0], setFeatureFlagVariantKey = _d[1];
+        (0, react.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 = React.useContext(PostHogContext).client;
+        var client = (0, react.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"]);
-        var ref = React.useRef(null);
-        var observerOptions = React.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]);
-        React.useEffect(function () {
+    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 = (0, react.useRef)(null);
+        var observerOptions = (0, react.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
+        ]);
+        (0, react.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__default.default.createElement("div", __assign({ ref: ref }, props, { onClick: onClick }), children));
+        }, [
+            observerOptions,
+            trackView,
+            onIntersect
+        ]);
+        return react.default.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"]);
-        var clickTrackedRef = React.useRef(false);
-        var visibilityTrackedRef = React.useRef(false);
-        var cachedOnClick = React.useCallback(function () {
+    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 = (0, react.useRef)(false);
+        var visibilityTrackedRef = (0, react.useRef)(false);
+        var cachedOnClick = (0, react.useCallback)(function () {
             if (!clickTrackedRef.current && trackInteraction && onInteract) {
                 onInteract();
                 clickTrackedRef.current = true;
@@ -229,14 +217,13 @@
                 visibilityTrackedRef.current = true;
             }
         };
-        var trackedChildren = React.Children.map(children, function (child) {
-            return (React__default.default.createElement(VisibilityAndClickTracker, __assign({ onClick: cachedOnClick, onIntersect: onIntersect, trackView: trackView, options: options }, props), child));
+        var trackedChildren = react.Children.map(children, function (child) {
+            return react.default.createElement(VisibilityAndClickTracker, __assign({ onClick: cachedOnClick, onIntersect: onIntersect, trackView: trackView, options: options }, props), child);
         });
-        return React__default.default.createElement(React__default.default.Fragment, null, trackedChildren);
+        return react.default.createElement(react.default.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();
@@ -245,68 +232,89 @@
         if (!isUndefined(variant)) {
             if (isUndefined(match) || variant === match) {
                 var childNode = isFunction(children) ? children(payload) : children;
-                return (React__default.default.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.default.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__default.default.createElement(React__default.default.Fragment, null, fallback);
+        return react.default.createElement(react.default.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;
-        var trackedRef = React.useRef(false);
+    function TrackedChild(_b) {
+        var child = _b.child, index = _b.index, name = _b.name, properties = _b.properties, observerOptions = _b.observerOptions;
+        var trackedRef = (0, react.useRef)(false);
         var posthog = usePostHog();
-        var onIntersect = React.useCallback(function (entry) {
+        var onIntersect = (0, react.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__default.default.createElement(VisibilityAndClickTracker, { onIntersect: onIntersect, trackView: true, options: observerOptions }, child));
+        }, [
+            posthog,
+            name,
+            index,
+            properties
+        ]);
+        return react.default.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"]);
-        var trackedRef = React.useRef(false);
+    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 = (0, react.useRef)(false);
         var posthog = usePostHog();
-        var onIntersect = React.useCallback(function (entry) {
+        var onIntersect = (0, react.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 = React.Children.map(children, function (child, index) {
-                return (React__default.default.createElement(TrackedChild, { key: index, child: child, index: index, name: name, properties: properties, observerOptions: observerOptions }));
+            var trackedChildren = react.Children.map(children, function (child, index) {
+                return react.default.createElement(TrackedChild, {
+                    key: index,
+                    child: child,
+                    index: index,
+                    name: name,
+                    properties: properties,
+                    observerOptions: observerOptions
+                });
             });
-            return React__default.default.createElement("div", __assign({}, props), trackedChildren);
+            return react.default.createElement("div", props, trackedChildren);
         }
-        return (React__default.default.createElement(VisibilityAndClickTracker, __assign({ onIntersect: onIntersect, trackView: true, options: observerOptions }, props), children));
+        return react.default.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();
@@ -314,9 +322,8 @@
         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;
             }
@@ -324,11 +331,10 @@
         }
     };
     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);
@@ -336,72 +342,64 @@
         }
         return componentStackError;
     };
-
     var INITIAL_STATE = {
         componentStack: null,
         exceptionEvent: null,
-        error: 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.',
-    };
-    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);
+    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;
             }
-            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 element = isFunction(fallback)
-                ? React__default.default.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.default.createElement(fallback, {
                     error: state.error,
                     componentStack: state.componentStack,
-                    exceptionEvent: state.exceptionEvent,
-                })
-                : fallback;
-            if (React__default.default.isValidElement(element)) {
-                return element;
-            }
-            console.warn(__POSTHOG_ERROR_MESSAGES.INVALID_FALLBACK);
-            return React__default.default.createElement(React__default.default.Fragment, null);
-        };
-        PostHogErrorBoundary.contextType = PostHogContext;
-        return PostHogErrorBoundary;
-    }(React__default.default.Component));
-
+                    exceptionEvent: state.exceptionEvent
+                }) : fallback;
+                if (react.default.isValidElement(element))
+                    return element;
+                console.warn(__POSTHOG_ERROR_MESSAGES.INVALID_FALLBACK);
+                return react.default.createElement(react.default.Fragment, null);
+            };
+            return class_1;
+        }(react.default.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);
-            }
         };
     };
-
     exports.PostHogCaptureOnViewed = PostHogCaptureOnViewed;
     exports.PostHogContext = PostHogContext;
     exports.PostHogErrorBoundary = PostHogErrorBoundary;
@@ -416,6 +414,6 @@
     exports.useFeatureFlagResult = useFeatureFlagResult;
     exports.useFeatureFlagVariantKey = useFeatureFlagVariantKey;
     exports.usePostHog = usePostHog;
-
-}));
-//# sourceMappingURL=index.js.map
+});
+}).call(this);
+//# sourceMappingURL=index.js.map