mixpanel-browser 2.40.1 → 2.43.0

package/dist/mixpanel.umd.js

@@ -6,7 +6,7 @@
 
     var Config = {
         DEBUG: false,
-        LIB_VERSION: '2.40.1'
+        LIB_VERSION: '2.43.0'
     };
 
     // since es6 imports are static and we run unit tests from the console, window won't be defined when importing this file
@@ -59,7 +59,7 @@
     };
 
     // Console override
-    var console$1 = {
+    var console = {
         /** @type {function(...*)} */
         log: function() {
             if (Config.DEBUG && !_.isUndefined(windowConsole) && windowConsole) {
@@ -116,14 +116,14 @@
     var log_func_with_prefix = function(func, prefix) {
         return function() {
             arguments[0] = '[' + prefix + '] ' + arguments[0];
-            return func.apply(console$1, arguments);
+            return func.apply(console, arguments);
         };
     };
     var console_with_prefix = function(prefix) {
         return {
-            log: log_func_with_prefix(console$1.log, prefix),
-            error: log_func_with_prefix(console$1.error, prefix),
-            critical: log_func_with_prefix(console$1.critical, prefix)
+            log: log_func_with_prefix(console.log, prefix),
+            error: log_func_with_prefix(console.error, prefix),
+            critical: log_func_with_prefix(console.critical, prefix)
         };
     };
 
@@ -285,10 +285,6 @@
         return results;
     };
 
-    _.identity = function(value) {
-        return value;
-    };
-
     _.include = function(obj, target) {
         var found = false;
         if (obj === null) {
@@ -389,9 +385,9 @@
             try {
                 return f.apply(this, arguments);
             } catch (e) {
-                console$1.critical('Implementation error. Please turn on debug and contact support@mixpanel.com.');
+                console.critical('Implementation error. Please turn on debug and contact support@mixpanel.com.');
                 if (Config.DEBUG){
-                    console$1.critical(e);
+                    console.critical(e);
                 }
             }
         };
@@ -952,10 +948,12 @@
     // This is to block various web spiders from executing our JS and
     // sending false tracking data
     var BLOCKED_UA_STRS = [
+        'ahrefsbot',
         'baiduspider',
         'bingbot',
         'bingpreview',
         'facebookexternal',
+        'petalbot',
         'pinterest',
         'screaming frog',
         'yahoo! slurp',
@@ -1020,16 +1018,12 @@
             try {
                 result = decodeURIComponent(result);
             } catch(err) {
-                console$1.error('Skipping decoding for malformed query param: ' + result);
+                console.error('Skipping decoding for malformed query param: ' + result);
             }
             return result.replace(/\+/g, ' ');
         }
     };
 
-    _.getHashParam = function(hash, param) {
-        var matches = hash.match(new RegExp(param + '=([^&]*)'));
-        return matches ? matches[1] : null;
-    };
 
     // _.cookie
     // Methods partially borrowed from quirksmode.org/js/cookies.html
@@ -1151,13 +1145,13 @@
         is_supported: function(force_check) {
             var supported = localStorageSupported(null, force_check);
             if (!supported) {
-                console$1.error('localStorage unsupported; falling back to cookie store');
+                console.error('localStorage unsupported; falling back to cookie store');
             }
             return supported;
         },
 
         error: function(msg) {
-            console$1.error('localStorage error: ' + msg);
+            console.error('localStorage error: ' + msg);
         },
 
         get: function(name) {
@@ -1212,7 +1206,7 @@
          */
         var register_event = function(element, type, handler, oldSchool, useCapture) {
             if (!element) {
-                console$1.error('No valid element provided to register_event');
+                console.error('No valid element provided to register_event');
                 return;
             }
 
@@ -1696,28 +1690,6 @@
         return maxlen ? guid.substring(0, maxlen) : guid;
     };
 
-    /**
-     * Check deterministically whether to include or exclude from a feature rollout/test based on the
-     * given string and the desired percentage to include.
-     * @param {String} str - string to run the check against (for instance a project's token)
-     * @param {String} feature - name of feature (for inclusion in hash, to ensure different results
-     * for different features)
-     * @param {Number} percent_allowed - percentage chance that a given string will be included
-     * @returns {Boolean} whether the given string should be included
-     */
-    var determine_eligibility = _.safewrap(function(str, feature, percent_allowed) {
-        str = str + feature;
-
-        // Bernstein's hash: http://www.cse.yorku.ca/~oz/hash.html#djb2
-        var hash = 5381;
-        for (var i = 0; i < str.length; i++) {
-            hash = ((hash << 5) + hash) + str.charCodeAt(i);
-            hash = hash & hash;
-        }
-        var dart = (hash >>> 0) % 100;
-        return dart < percent_allowed;
-    });
-
     // naive way to extract domain name (example.com) from full hostname (my.sub.example.com)
     var SIMPLE_DOMAIN_MATCH_REGEX = /[a-z0-9][a-z0-9-]*\.[a-z]+$/i;
     // this next one attempts to account for some ccSLDs, e.g. extracting oxford.ac.uk from www.oxford.ac.uk
@@ -1768,539 +1740,6 @@
     _['info']['browserVersion'] = _.info.browserVersion;
     _['info']['properties']     = _.info.properties;
 
-    /*
-     * Get the className of an element, accounting for edge cases where element.className is an object
-     * @param {Element} el - element to get the className of
-     * @returns {string} the element's class
-     */
-    function getClassName(el) {
-        switch(typeof el.className) {
-            case 'string':
-                return el.className;
-            case 'object': // handle cases where className might be SVGAnimatedString or some other type
-                return el.className.baseVal || el.getAttribute('class') || '';
-            default: // future proof
-                return '';
-        }
-    }
-
-    /*
-     * Get the direct text content of an element, protecting against sensitive data collection.
-     * Concats textContent of each of the element's text node children; this avoids potential
-     * collection of sensitive data that could happen if we used element.textContent and the
-     * element had sensitive child elements, since element.textContent includes child content.
-     * Scrubs values that look like they could be sensitive (i.e. cc or ssn number).
-     * @param {Element} el - element to get the text of
-     * @returns {string} the element's direct text content
-     */
-    function getSafeText(el) {
-        var elText = '';
-
-        if (shouldTrackElement(el) && el.childNodes && el.childNodes.length) {
-            _.each(el.childNodes, function(child) {
-                if (isTextNode(child) && child.textContent) {
-                    elText += _.trim(child.textContent)
-                        // scrub potentially sensitive values
-                        .split(/(\s+)/).filter(shouldTrackValue).join('')
-                        // normalize whitespace
-                        .replace(/[\r\n]/g, ' ').replace(/[ ]+/g, ' ')
-                        // truncate
-                        .substring(0, 255);
-                }
-            });
-        }
-
-        return _.trim(elText);
-    }
-
-    /*
-     * Check whether an element has nodeType Node.ELEMENT_NODE
-     * @param {Element} el - element to check
-     * @returns {boolean} whether el is of the correct nodeType
-     */
-    function isElementNode(el) {
-        return el && el.nodeType === 1; // Node.ELEMENT_NODE - use integer constant for browser portability
-    }
-
-    /*
-     * Check whether an element is of a given tag type.
-     * Due to potential reference discrepancies (such as the webcomponents.js polyfill),
-     * we want to match tagNames instead of specific references because something like
-     * element === document.body won't always work because element might not be a native
-     * element.
-     * @param {Element} el - element to check
-     * @param {string} tag - tag name (e.g., "div")
-     * @returns {boolean} whether el is of the given tag type
-     */
-    function isTag(el, tag) {
-        return el && el.tagName && el.tagName.toLowerCase() === tag.toLowerCase();
-    }
-
-    /*
-     * Check whether an element has nodeType Node.TEXT_NODE
-     * @param {Element} el - element to check
-     * @returns {boolean} whether el is of the correct nodeType
-     */
-    function isTextNode(el) {
-        return el && el.nodeType === 3; // Node.TEXT_NODE - use integer constant for browser portability
-    }
-
-    /*
-     * Check whether a DOM event should be "tracked" or if it may contain sentitive data
-     * using a variety of heuristics.
-     * @param {Element} el - element to check
-     * @param {Event} event - event to check
-     * @returns {boolean} whether the event should be tracked
-     */
-    function shouldTrackDomEvent(el, event) {
-        if (!el || isTag(el, 'html') || !isElementNode(el)) {
-            return false;
-        }
-        var tag = el.tagName.toLowerCase();
-        switch (tag) {
-            case 'html':
-                return false;
-            case 'form':
-                return event.type === 'submit';
-            case 'input':
-                if (['button', 'submit'].indexOf(el.getAttribute('type')) === -1) {
-                    return event.type === 'change';
-                } else {
-                    return event.type === 'click';
-                }
-            case 'select':
-            case 'textarea':
-                return event.type === 'change';
-            default:
-                return event.type === 'click';
-        }
-    }
-
-    /*
-     * Check whether a DOM element should be "tracked" or if it may contain sentitive data
-     * using a variety of heuristics.
-     * @param {Element} el - element to check
-     * @returns {boolean} whether the element should be tracked
-     */
-    function shouldTrackElement(el) {
-        for (var curEl = el; curEl.parentNode && !isTag(curEl, 'body'); curEl = curEl.parentNode) {
-            var classes = getClassName(curEl).split(' ');
-            if (_.includes(classes, 'mp-sensitive') || _.includes(classes, 'mp-no-track')) {
-                return false;
-            }
-        }
-
-        if (_.includes(getClassName(el).split(' '), 'mp-include')) {
-            return true;
-        }
-
-        // don't send data from inputs or similar elements since there will always be
-        // a risk of clientside javascript placing sensitive data in attributes
-        if (
-            isTag(el, 'input') ||
-            isTag(el, 'select') ||
-            isTag(el, 'textarea') ||
-            el.getAttribute('contenteditable') === 'true'
-        ) {
-            return false;
-        }
-
-        // don't include hidden or password fields
-        var type = el.type || '';
-        if (typeof type === 'string') { // it's possible for el.type to be a DOM element if el is a form with a child input[name="type"]
-            switch(type.toLowerCase()) {
-                case 'hidden':
-                    return false;
-                case 'password':
-                    return false;
-            }
-        }
-
-        // filter out data from fields that look like sensitive fields
-        var name = el.name || el.id || '';
-        if (typeof name === 'string') { // it's possible for el.name or el.id to be a DOM element if el is a form with a child input[name="name"]
-            var sensitiveNameRegex = /^cc|cardnum|ccnum|creditcard|csc|cvc|cvv|exp|pass|pwd|routing|seccode|securitycode|securitynum|socialsec|socsec|ssn/i;
-            if (sensitiveNameRegex.test(name.replace(/[^a-zA-Z0-9]/g, ''))) {
-                return false;
-            }
-        }
-
-        return true;
-    }
-
-    /*
-     * Check whether a string value should be "tracked" or if it may contain sentitive data
-     * using a variety of heuristics.
-     * @param {string} value - string value to check
-     * @returns {boolean} whether the element should be tracked
-     */
-    function shouldTrackValue(value) {
-        if (value === null || _.isUndefined(value)) {
-            return false;
-        }
-
-        if (typeof value === 'string') {
-            value = _.trim(value);
-
-            // check to see if input value looks like a credit card number
-            // see: https://www.safaribooksonline.com/library/view/regular-expressions-cookbook/9781449327453/ch04s20.html
-            var ccRegex = /^(?:(4[0-9]{12}(?:[0-9]{3})?)|(5[1-5][0-9]{14})|(6(?:011|5[0-9]{2})[0-9]{12})|(3[47][0-9]{13})|(3(?:0[0-5]|[68][0-9])[0-9]{11})|((?:2131|1800|35[0-9]{3})[0-9]{11}))$/;
-            if (ccRegex.test((value || '').replace(/[- ]/g, ''))) {
-                return false;
-            }
-
-            // check to see if input value looks like a social security number
-            var ssnRegex = /(^\d{3}-?\d{2}-?\d{4}$)/;
-            if (ssnRegex.test(value)) {
-                return false;
-            }
-        }
-
-        return true;
-    }
-
-    var autotrack = {
-        _initializedTokens: [],
-
-        _previousElementSibling: function(el) {
-            if (el.previousElementSibling) {
-                return el.previousElementSibling;
-            } else {
-                do {
-                    el = el.previousSibling;
-                } while (el && !isElementNode(el));
-                return el;
-            }
-        },
-
-        _loadScript: function(scriptUrlToLoad, callback) {
-            var scriptTag = document.createElement('script');
-            scriptTag.type = 'text/javascript';
-            scriptTag.src = scriptUrlToLoad;
-            scriptTag.onload = callback;
-
-            var scripts = document.getElementsByTagName('script');
-            if (scripts.length > 0) {
-                scripts[0].parentNode.insertBefore(scriptTag, scripts[0]);
-            } else {
-                document.body.appendChild(scriptTag);
-            }
-        },
-
-        _getPropertiesFromElement: function(elem) {
-            var props = {
-                'classes': getClassName(elem).split(' '),
-                'tag_name': elem.tagName.toLowerCase()
-            };
-
-            if (shouldTrackElement(elem)) {
-                _.each(elem.attributes, function(attr) {
-                    if (shouldTrackValue(attr.value)) {
-                        props['attr__' + attr.name] = attr.value;
-                    }
-                });
-            }
-
-            var nthChild = 1;
-            var nthOfType = 1;
-            var currentElem = elem;
-            while (currentElem = this._previousElementSibling(currentElem)) { // eslint-disable-line no-cond-assign
-                nthChild++;
-                if (currentElem.tagName === elem.tagName) {
-                    nthOfType++;
-                }
-            }
-            props['nth_child'] = nthChild;
-            props['nth_of_type'] = nthOfType;
-
-            return props;
-        },
-
-        _getDefaultProperties: function(eventType) {
-            return {
-                '$event_type': eventType,
-                '$ce_version': 1,
-                '$host': window.location.host,
-                '$pathname': window.location.pathname
-            };
-        },
-
-        _extractCustomPropertyValue: function(customProperty) {
-            var propValues = [];
-            _.each(document.querySelectorAll(customProperty['css_selector']), function(matchedElem) {
-                var value;
-
-                if (['input', 'select'].indexOf(matchedElem.tagName.toLowerCase()) > -1) {
-                    value = matchedElem['value'];
-                } else if (matchedElem['textContent']) {
-                    value = matchedElem['textContent'];
-                }
-
-                if (shouldTrackValue(value)) {
-                    propValues.push(value);
-                }
-            });
-            return propValues.join(', ');
-        },
-
-        _getCustomProperties: function(targetElementList) {
-            var props = {};
-            _.each(this._customProperties, function(customProperty) {
-                _.each(customProperty['event_selectors'], function(eventSelector) {
-                    var eventElements = document.querySelectorAll(eventSelector);
-                    _.each(eventElements, function(eventElement) {
-                        if (_.includes(targetElementList, eventElement) && shouldTrackElement(eventElement)) {
-                            props[customProperty['name']] = this._extractCustomPropertyValue(customProperty);
-                        }
-                    }, this);
-                }, this);
-            }, this);
-            return props;
-        },
-
-        _getEventTarget: function(e) {
-            // https://developer.mozilla.org/en-US/docs/Web/API/Event/target#Compatibility_notes
-            if (typeof e.target === 'undefined') {
-                return e.srcElement;
-            } else {
-                return e.target;
-            }
-        },
-
-        _trackEvent: function(e, instance) {
-            /*** Don't mess with this code without running IE8 tests on it ***/
-            var target = this._getEventTarget(e);
-            if (isTextNode(target)) { // defeat Safari bug (see: http://www.quirksmode.org/js/events_properties.html)
-                target = target.parentNode;
-            }
-
-            if (shouldTrackDomEvent(target, e)) {
-                var targetElementList = [target];
-                var curEl = target;
-                while (curEl.parentNode && !isTag(curEl, 'body')) {
-                    targetElementList.push(curEl.parentNode);
-                    curEl = curEl.parentNode;
-                }
-
-                var elementsJson = [];
-                var href, explicitNoTrack = false;
-                _.each(targetElementList, function(el) {
-                    var shouldTrackEl = shouldTrackElement(el);
-
-                    // if the element or a parent element is an anchor tag
-                    // include the href as a property
-                    if (el.tagName.toLowerCase() === 'a') {
-                        href = el.getAttribute('href');
-                        href = shouldTrackEl && shouldTrackValue(href) && href;
-                    }
-
-                    // allow users to programatically prevent tracking of elements by adding class 'mp-no-track'
-                    var classes = getClassName(el).split(' ');
-                    if (_.includes(classes, 'mp-no-track')) {
-                        explicitNoTrack = true;
-                    }
-
-                    elementsJson.push(this._getPropertiesFromElement(el));
-                }, this);
-
-                if (explicitNoTrack) {
-                    return false;
-                }
-
-                // only populate text content from target element (not parents)
-                // to prevent text within a sensitive element from being collected
-                // as part of a parent's el.textContent
-                var elementText;
-                var safeElementText = getSafeText(target);
-                if (safeElementText && safeElementText.length) {
-                    elementText = safeElementText;
-                }
-
-                var props = _.extend(
-                    this._getDefaultProperties(e.type),
-                    {
-                        '$elements':  elementsJson,
-                        '$el_attr__href': href,
-                        '$el_text': elementText
-                    },
-                    this._getCustomProperties(targetElementList)
-                );
-
-                instance.track('$web_event', props);
-                return true;
-            }
-        },
-
-        // only reason is to stub for unit tests
-        // since you can't override window.location props
-        _navigate: function(href) {
-            window.location.href = href;
-        },
-
-        _addDomEventHandlers: function(instance) {
-            var handler = _.bind(function(e) {
-                e = e || window.event;
-                this._trackEvent(e, instance);
-            }, this);
-            _.register_event(document, 'submit', handler, false, true);
-            _.register_event(document, 'change', handler, false, true);
-            _.register_event(document, 'click', handler, false, true);
-        },
-
-        _customProperties: {},
-        init: function(instance) {
-            if (!(document && document.body)) {
-                console.log('document not ready yet, trying again in 500 milliseconds...');
-                var that = this;
-                setTimeout(function() { that.init(instance); }, 500);
-                return;
-            }
-
-            var token = instance.get_config('token');
-            if (this._initializedTokens.indexOf(token) > -1) {
-                console.log('autotrack already initialized for token "' + token + '"');
-                return;
-            }
-            this._initializedTokens.push(token);
-
-            if (!this._maybeLoadEditor(instance)) { // don't autotrack actions when the editor is enabled
-                var parseDecideResponse = _.bind(function(response) {
-                    if (response && response['config'] && response['config']['enable_collect_everything'] === true) {
-
-                        if (response['custom_properties']) {
-                            this._customProperties = response['custom_properties'];
-                        }
-
-                        instance.track('$web_event', _.extend({
-                            '$title': document.title
-                        }, this._getDefaultProperties('pageview')));
-
-                        this._addDomEventHandlers(instance);
-
-                    } else {
-                        instance['__autotrack_enabled'] = false;
-                    }
-                }, this);
-
-                instance._send_request(
-                    instance.get_config('api_host') + '/decide/', {
-                        'verbose': true,
-                        'version': '1',
-                        'lib': 'web',
-                        'token': token
-                    },
-                    {method: 'GET', transport: 'XHR'},
-                    instance._prepare_callback(parseDecideResponse)
-                );
-            }
-        },
-
-        _editorParamsFromHash: function(instance, hash) {
-            var editorParams;
-            try {
-                var state = _.getHashParam(hash, 'state');
-                state = JSON.parse(decodeURIComponent(state));
-                var expiresInSeconds = _.getHashParam(hash, 'expires_in');
-                editorParams = {
-                    'accessToken': _.getHashParam(hash, 'access_token'),
-                    'accessTokenExpiresAt': (new Date()).getTime() + (Number(expiresInSeconds) * 1000),
-                    'bookmarkletMode': !!state['bookmarkletMode'],
-                    'projectId': state['projectId'],
-                    'projectOwnerId': state['projectOwnerId'],
-                    'projectToken': state['token'],
-                    'readOnly': state['readOnly'],
-                    'userFlags': state['userFlags'],
-                    'userId': state['userId']
-                };
-                window.sessionStorage.setItem('editorParams', JSON.stringify(editorParams));
-
-                if (state['desiredHash']) {
-                    window.location.hash = state['desiredHash'];
-                } else if (window.history) {
-                    history.replaceState('', document.title, window.location.pathname + window.location.search); // completely remove hash
-                } else {
-                    window.location.hash = ''; // clear hash (but leaves # unfortunately)
-                }
-            } catch (e) {
-                console.error('Unable to parse data from hash', e);
-            }
-            return editorParams;
-        },
-
-        /**
-         * To load the visual editor, we need an access token and other state. That state comes from one of three places:
-         * 1. In the URL hash params if the customer is using an old snippet
-         * 2. From session storage under the key `_mpcehash` if the snippet already parsed the hash
-         * 3. From session storage under the key `editorParams` if the editor was initialized on a previous page
-         */
-        _maybeLoadEditor: function(instance) {
-            try {
-                var parseFromUrl = false;
-                if (_.getHashParam(window.location.hash, 'state')) {
-                    var state = _.getHashParam(window.location.hash, 'state');
-                    state = JSON.parse(decodeURIComponent(state));
-                    parseFromUrl = state['action'] === 'mpeditor';
-                }
-                var parseFromStorage = !!window.sessionStorage.getItem('_mpcehash');
-                var editorParams;
-
-                if (parseFromUrl) { // happens if they are initializing the editor using an old snippet
-                    editorParams = this._editorParamsFromHash(instance, window.location.hash);
-                } else if (parseFromStorage) { // happens if they are initialized the editor and using the new snippet
-                    editorParams = this._editorParamsFromHash(instance, window.sessionStorage.getItem('_mpcehash'));
-                    window.sessionStorage.removeItem('_mpcehash');
-                } else { // get credentials from sessionStorage from a previous initialzation
-                    editorParams = JSON.parse(window.sessionStorage.getItem('editorParams') || '{}');
-                }
-
-                if (editorParams['projectToken'] && instance.get_config('token') === editorParams['projectToken']) {
-                    this._loadEditor(instance, editorParams);
-                    return true;
-                } else {
-                    return false;
-                }
-            } catch (e) {
-                return false;
-            }
-        },
-
-        _loadEditor: function(instance, editorParams) {
-            if (!window['_mpEditorLoaded']) { // only load the codeless event editor once, even if there are multiple instances of MixpanelLib
-                window['_mpEditorLoaded'] = true;
-                var editorUrl = instance.get_config('app_host')
-                  + '/js-bundle/reports/collect-everything/editor.js?_ts='
-                  + (new Date()).getTime();
-                this._loadScript(editorUrl, function() {
-                    window['mp_load_editor'](editorParams);
-                });
-                return true;
-            }
-            return false;
-        },
-
-        // this is a mechanism to ramp up CE with no server-side interaction.
-        // when CE is active, every page load results in a decide request. we
-        // need to gently ramp this up so we don't overload decide. this decides
-        // deterministically if CE is enabled for this project by modding the char
-        // value of the project token.
-        enabledForProject: function(token, numBuckets, numEnabledBuckets) {
-            numBuckets = !_.isUndefined(numBuckets) ? numBuckets : 10;
-            numEnabledBuckets = !_.isUndefined(numEnabledBuckets) ? numEnabledBuckets : 10;
-            var charCodeSum = 0;
-            for (var i = 0; i < token.length; i++) {
-                charCodeSum += token.charCodeAt(i);
-            }
-            return (charCodeSum % numBuckets) < numEnabledBuckets;
-        },
-
-        isBrowserSupported: function() {
-            return _.isFunction(document.querySelectorAll);
-        }
-    };
-
-    _.bind_instance_methods(autotrack);
-    _.safewrap_instance_methods(autotrack);
-
     /**
      * DomTracker Object
      * @constructor
@@ -2329,7 +1768,7 @@
         var elements = _.dom_query(query);
 
         if (elements.length === 0) {
-            console$1.error('The DOM query (' + query + ') returned 0 elements');
+            console.error('The DOM query (' + query + ') returned 0 elements');
             return;
         }
 
@@ -2989,9 +2428,9 @@
                     } else if (
                         _.isObject(res) &&
                         res.xhr_req &&
-                        (res.xhr_req['status'] >= 500 || res.xhr_req['status'] <= 0)
+                        (res.xhr_req['status'] >= 500 || res.xhr_req['status'] === 429 || res.error === 'timeout')
                     ) {
-                        // network or API error, retry
+                        // network or API error, or 429 Too Many Requests, retry
                         var retryMS = this.flushInterval * 2;
                         var headers = res.xhr_req['responseHeaders'];
                         if (headers) {
@@ -3121,12 +2560,12 @@
      */
     function hasOptedOut(token, options) {
         if (_hasDoNotTrackFlagOn(options)) {
-            console$1.warn('This browser has "Do Not Track" enabled. This will prevent the Mixpanel SDK from sending any data. To ignore the "Do Not Track" browser setting, initialize the Mixpanel instance with the config "ignore_dnt: true"');
+            console.warn('This browser has "Do Not Track" enabled. This will prevent the Mixpanel SDK from sending any data. To ignore the "Do Not Track" browser setting, initialize the Mixpanel instance with the config "ignore_dnt: true"');
             return true;
         }
         var optedOut = _getStorageValue(token, options) === '0';
         if (optedOut) {
-            console$1.warn('You are opted out of Mixpanel tracking. This will prevent the Mixpanel SDK from sending any data.');
+            console.warn('You are opted out of Mixpanel tracking. This will prevent the Mixpanel SDK from sending any data.');
         }
         return optedOut;
     }
@@ -3270,7 +2709,7 @@
      */
     function _optInOut(optValue, token, options) {
         if (!_.isString(token) || !token.length) {
-            console$1.error('gdpr.' + (optValue ? 'optIn' : 'optOut') + ' called with an invalid token');
+            console.error('gdpr.' + (optValue ? 'optIn' : 'optOut') + ' called with an invalid token');
             return;
         }
 
@@ -3321,7 +2760,7 @@
                     });
                 }
             } catch(err) {
-                console$1.error('Unexpected error when checking tracking opt-out status: ' + err);
+                console.error('Unexpected error when checking tracking opt-out status: ' + err);
             }
 
             if (!optedOut) {
@@ -3561,9 +3000,13 @@
      * Permanently delete a group.
      *
      * ### Usage:
+     *
      *     mixpanel.get_group('company', 'mixpanel').delete();
+     *
+     * @param {Function} [callback] If provided, the callback will be called after the tracking event
      */
     MixpanelGroup.prototype['delete'] = addOptOutCheckMixpanelGroup(function(callback) {
+        // bracket notation above prevents a minification error related to reserved words
         var data = this.delete_action();
         return this._send_request(data, callback);
     });
@@ -3663,7 +3106,7 @@
 
         var storage_type = config['persistence'];
         if (storage_type !== 'cookie' && storage_type !== 'localStorage') {
-            console$1.critical('Unknown persistence type ' + storage_type + '; falling back to cookie');
+            console.critical('Unknown persistence type ' + storage_type + '; falling back to cookie');
             storage_type = config['persistence'] = 'cookie';
         }
 
@@ -4021,8 +3464,8 @@
             this._pop_from_people_queue(UNSET_ACTION, q_data);
         }
 
-        console$1.log('MIXPANEL PEOPLE REQUEST (QUEUED, PENDING IDENTIFY):');
-        console$1.log(data);
+        console.log('MIXPANEL PEOPLE REQUEST (QUEUED, PENDING IDENTIFY):');
+        console.log(data);
 
         this.save();
     };
@@ -4065,7 +3508,7 @@
         } else if (queue === UNION_ACTION) {
             return UNION_QUEUE_KEY;
         } else {
-            console$1.error('Invalid queue:', queue);
+            console.error('Invalid queue:', queue);
         }
     };
 
@@ -6033,7 +5476,7 @@
             _.each(prop, function(v, k) {
                 if (!this._is_reserved_property(k)) {
                     if (isNaN(parseFloat(v))) {
-                        console$1.error('Invalid increment value passed to mixpanel.people.increment - must be a number');
+                        console.error('Invalid increment value passed to mixpanel.people.increment - must be a number');
                         return;
                     } else {
                         $add[k] = v;
@@ -6157,7 +5600,7 @@
         if (!_.isNumber(amount)) {
             amount = parseFloat(amount);
             if (isNaN(amount)) {
-                console$1.error('Invalid value passed to mixpanel.people.track_charge - must be a number');
+                console.error('Invalid value passed to mixpanel.people.track_charge - must be a number');
                 return;
             }
         }
@@ -6193,7 +5636,7 @@
     */
     MixpanelPeople.prototype.delete_user = function() {
         if (!this._identify_called()) {
-            console$1.error('mixpanel.people.delete_user() requires you to call identify() first');
+            console.error('mixpanel.people.delete_user() requires you to call identify() first');
             return;
         }
         var data = {'$delete': this._mixpanel.get_distinct_id()};
@@ -6267,7 +5710,7 @@
         } else if (UNION_ACTION in data) {
             this._mixpanel['persistence']._add_to_people_queue(UNION_ACTION, data);
         } else {
-            console$1.error('Invalid call to _enqueue():', data);
+            console.error('Invalid call to _enqueue():', data);
         }
     };
 
@@ -6404,6 +5847,8 @@
     var NOOP_FUNC = function() {};
 
     /** @const */ var PRIMARY_INSTANCE_NAME = 'mixpanel';
+    /** @const */ var PAYLOAD_TYPE_BASE64   = 'base64';
+    /** @const */ var PAYLOAD_TYPE_JSON     = 'json';
 
 
     /*
@@ -6434,8 +5879,8 @@
         'api_host':                          'https://api-js.mixpanel.com',
         'api_method':                        'POST',
         'api_transport':                     'XHR',
+        'api_payload_format':                PAYLOAD_TYPE_BASE64,
         'app_host':                          'https://mixpanel.com',
-        'autotrack':                         true,
         'cdn':                               'https://cdn.mxpnl.com',
         'cross_site_cookie':                 false,
         'cross_subdomain_cookie':            true,
@@ -6466,7 +5911,7 @@
         'inapp_protocol':                    '//',
         'inapp_link_new_window':             false,
         'ignore_dnt':                        false,
-        'batch_requests':                    false, // for now
+        'batch_requests':                    true,
         'batch_size':                        50,
         'batch_flush_interval_ms':           5000,
         'batch_request_timeout_ms':          90000,
@@ -6499,7 +5944,7 @@
             instance = target;
         } else {
             if (target && !_.isArray(target)) {
-                console$1.error('You have already initialized ' + name);
+                console.error('You have already initialized ' + name);
                 return;
             }
             instance = new MixpanelLib();
@@ -6518,21 +5963,6 @@
         // global debug to be true
         Config.DEBUG = Config.DEBUG || instance.get_config('debug');
 
-        instance['__autotrack_enabled'] = instance.get_config('autotrack');
-        if (instance.get_config('autotrack')) {
-            var num_buckets = 100;
-            var num_enabled_buckets = 100;
-            if (!autotrack.enabledForProject(instance.get_config('token'), num_buckets, num_enabled_buckets)) {
-                instance['__autotrack_enabled'] = false;
-                console$1.log('Not in active bucket: disabling Automatic Event Collection.');
-            } else if (!autotrack.isBrowserSupported()) {
-                instance['__autotrack_enabled'] = false;
-                console$1.log('Disabling Automatic Event Collection because this browser is not supported');
-            } else {
-                autotrack.init(instance);
-            }
-        }
-
         // if target is not defined, we called init after the lib already
         // loaded, so there won't be an array of things to execute
         if (!_.isUndefined(target) && _.isArray(target)) {
@@ -6545,12 +5975,6 @@
         return instance;
     };
 
-    var encode_data_for_request = function(data) {
-        var json_data = _.JSONEncode(data);
-        var encoded_data = _.base64Encode(json_data);
-        return {'data': encoded_data};
-    };
-
     // Initialization methods
 
     /**
@@ -6571,11 +5995,11 @@
      */
     MixpanelLib.prototype.init = function (token, config, name) {
         if (_.isUndefined(name)) {
-            console$1.error('You must name your new library: init(token, config, name)');
+            console.error('You must name your new library: init(token, config, name)');
             return;
         }
         if (name === PRIMARY_INSTANCE_NAME) {
-            console$1.error('You must initialize the main mixpanel object right after you include the Mixpanel js snippet');
+            console.error('You must initialize the main mixpanel object right after you include the Mixpanel js snippet');
             return;
         }
 
@@ -6600,14 +6024,14 @@
         this['config'] = {};
         this['_triggered_notifs'] = [];
 
-        // rollout: enable batch_requests by default for 60% of projects
-        // (only if they have not specified a value in their init config
-        // and they aren't using a custom API host)
         var variable_features = {};
-        var api_host = config['api_host'];
-        var is_custom_api = !!api_host && !api_host.match(/\.mixpanel\.com$/);
-        if (!('batch_requests' in config) && !is_custom_api && determine_eligibility(token, 'batch', 60)) {
-            variable_features['batch_requests'] = true;
+
+        // default to JSON payload for standard mixpanel.com API hosts
+        if (!('api_payload_format' in config)) {
+            var api_host = config['api_host'] || DEFAULT_CONFIG['api_host'];
+            if (api_host.match(/\.mixpanel\.com$/)) {
+                variable_features['api_payload_format'] = PAYLOAD_TYPE_JSON;
+            }
         }
 
         this.set_config(_.extend({}, DEFAULT_CONFIG, variable_features, config, {
@@ -6632,19 +6056,36 @@
         if (this._batch_requests) {
             if (!_.localStorage.is_supported(true) || !USE_XHR) {
                 this._batch_requests = false;
-                console$1.log('Turning off Mixpanel request-queueing; needs XHR and localStorage support');
+                console.log('Turning off Mixpanel request-queueing; needs XHR and localStorage support');
             } else {
                 this.init_batchers();
                 if (sendBeacon && window$1.addEventListener) {
-                    window$1.addEventListener('unload', _.bind(function() {
-                        // Before page closes, attempt to flush any events queued up via navigator.sendBeacon.
-                        // Since sendBeacon doesn't report success/failure, events will not be removed from
-                        // the persistent store; if the site is loaded again, the events will be flushed again
-                        // on startup and deduplicated on the Mixpanel server side.
+                    // Before page closes or hides (user tabs away etc), attempt to flush any events
+                    // queued up via navigator.sendBeacon. Since sendBeacon doesn't report success/failure,
+                    // events will not be removed from the persistent store; if the site is loaded again,
+                    // the events will be flushed again on startup and deduplicated on the Mixpanel server
+                    // side.
+                    // There is no reliable way to capture only page close events, so we lean on the
+                    // visibilitychange and pagehide events as recommended at
+                    // https://developer.mozilla.org/en-US/docs/Web/API/Window/unload_event#usage_notes.
+                    // These events fire when the user clicks away from the current page/tab, so will occur
+                    // more frequently than page unload, but are the only mechanism currently for capturing
+                    // this scenario somewhat reliably.
+                    var flush_on_unload = _.bind(function() {
                         if (!this.request_batchers.events.stopped) {
                             this.request_batchers.events.flush({unloading: true});
                         }
-                    }, this));
+                    }, this);
+                    window$1.addEventListener('pagehide', function(ev) {
+                        if (ev['persisted']) {
+                            flush_on_unload();
+                        }
+                    });
+                    window$1.addEventListener('visibilitychange', function() {
+                        if (document$1['visibilityState'] === 'hidden') {
+                            flush_on_unload();
+                        }
+                    });
                 }
             }
         }
@@ -6700,7 +6141,7 @@
 
     MixpanelLib.prototype._track_dom = function(DomClass, args) {
         if (this.get_config('img')) {
-            console$1.error('You can\'t use DOM tracking functions with img = true.');
+            console.error('You can\'t use DOM tracking functions with img = true.');
             return false;
         }
 
@@ -6810,7 +6251,7 @@
             try {
                 succeeded = sendBeacon(url, body_data);
             } catch (e) {
-                console$1.error(e);
+                console.error(e);
                 succeeded = false;
             }
             try {
@@ -6818,7 +6259,7 @@
                     callback(succeeded ? 1 : 0);
                 }
             } catch (e) {
-                console$1.error(e);
+                console.error(e);
             }
         } else if (USE_XHR) {
             try {
@@ -6850,7 +6291,7 @@
                                     try {
                                         response = _.JSONDecode(req.responseText);
                                     } catch (e) {
-                                        console$1.error(e);
+                                        console.error(e);
                                         if (options.ignore_json_errors) {
                                             response = req.responseText;
                                         } else {
@@ -6873,7 +6314,7 @@
                             } else {
                                 error = 'Bad HTTP status: ' + req.status + ' ' + req.statusText;
                             }
-                            console$1.error(error);
+                            console.error(error);
                             if (callback) {
                                 if (verbose_mode) {
                                     callback({status: 0, error: error, xhr_req: req});
@@ -6886,7 +6327,7 @@
                 };
                 req.send(body_data);
             } catch (e) {
-                console$1.error(e);
+                console.error(e);
                 succeeded = false;
             }
         } else {
@@ -6969,7 +6410,7 @@
                         sendRequestFunc: _.bind(function(data, options, cb) {
                             this._send_request(
                                 this.get_config('api_host') + attrs.endpoint,
-                                encode_data_for_request(data),
+                                this._encode_data_for_request(data),
                                 options,
                                 this._prepare_callback(cb, data)
                             );
@@ -7043,6 +6484,14 @@
         }
     };
 
+    MixpanelLib.prototype._encode_data_for_request = function(data) {
+        var encoded_data = _.JSONEncode(data);
+        if (this.get_config('api_payload_format') === PAYLOAD_TYPE_BASE64) {
+            encoded_data = _.base64Encode(encoded_data);
+        }
+        return {'data': encoded_data};
+    };
+
     // internal method for handling track vs batch-enqueue logic
     MixpanelLib.prototype._track_or_batch = function(options, callback) {
         var truncated_data = _.truncate(options.data, 255);
@@ -7058,11 +6507,11 @@
                 truncated_data = this._run_hook('before_send_' + options.type, truncated_data);
             }
             if (truncated_data) {
-                console$1.log('MIXPANEL REQUEST:');
-                console$1.log(truncated_data);
+                console.log('MIXPANEL REQUEST:');
+                console.log(truncated_data);
                 return this._send_request(
                     endpoint,
-                    encode_data_for_request(truncated_data),
+                    this._encode_data_for_request(truncated_data),
                     send_request_options,
                     this._prepare_callback(callback, truncated_data)
                 );
@@ -7125,7 +6574,7 @@
         }
 
         if (_.isUndefined(event_name)) {
-            console$1.error('No event name provided to mixpanel.track');
+            console.error('No event name provided to mixpanel.track');
             return;
         }
 
@@ -7166,7 +6615,7 @@
                 delete properties[blacklisted_prop];
             });
         } else {
-            console$1.error('Invalid value for property_blacklist config: ' + property_blacklist);
+            console.error('Invalid value for property_blacklist config: ' + property_blacklist);
         }
 
         var data = {
@@ -7411,7 +6860,7 @@
      */
     MixpanelLib.prototype.time_event = function(event_name) {
         if (_.isUndefined(event_name)) {
-            console$1.error('No event name provided to mixpanel.time_event');
+            console.error('No event name provided to mixpanel.time_event');
             return;
         }
 
@@ -7684,7 +7133,7 @@
         // mixpanel.people.identify() call made for this user. It is VERY BAD to make an alias with
         // this ID, as it will duplicate users.
         if (alias === this.get_property(PEOPLE_DISTINCT_ID_KEY)) {
-            console$1.critical('Attempting to create alias for existing People user - aborting.');
+            console.critical('Attempting to create alias for existing People user - aborting.');
             return -2;
         }
 
@@ -7704,7 +7153,7 @@
                 _this.identify(alias);
             });
         } else {
-            console$1.error('alias matches current distinct_id - skipping api call.');
+            console.error('alias matches current distinct_id - skipping api call.');
             this.identify(alias);
             return -1;
         }
@@ -7887,7 +7336,7 @@
     MixpanelLib.prototype._run_hook = function(hook_name) {
         var ret = (this['config']['hooks'][hook_name] || IDENTITY_FUNC).apply(this, slice.call(arguments, 1));
         if (typeof ret === 'undefined') {
-            console$1.error(hook_name + ' hook did not return a value');
+            console.error(hook_name + ' hook did not return a value');
             ret = null;
         }
         return ret;
@@ -7953,7 +7402,7 @@
             return;
         }
 
-        console$1.log('MIXPANEL NOTIFICATION CHECK');
+        console.log('MIXPANEL NOTIFICATION CHECK');
 
         var data = {
             'verbose':     true,