@atlaskit/analytics-next 10.1.0 → 10.2.0

package/dist/cjs/utils/withAnalytics.js

@@ -0,0 +1,147 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _excluded = ["analyticsId", "analyticsData"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2.default)(t); if (r) { var s = (0, _getPrototypeOf2.default)(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2.default)(this, e); }; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+/**
+ * The withAnalytics HOC wraps a component and provides the `fireAnalyticsEvent`
+ * and `firePrivateAnalyticsEvent` methods to it as props. It contains the logic
+ * for how to fire events, including handling the analyticsId and analyticsData
+ * props. The `map` argument may be an object or a function that returns an object.
+ * The properties of the `map` object/result can be strings (the name of the event
+ * that will be fired) or functions (which are responsible for firing the event).
+ * You can specify a default `analyticsId` and `analyticsData` with the `defaultProps`
+ * param. Please be aware that specifying a default `analyticsId` will cause public
+ * events to always fire for your component unless it has been set to a falsy by
+ * the component consumer.
+ *
+ * @param WrappedComponent
+ * @param map
+ * @param defaultProps
+ * @param withDelegation
+ */
+var withAnalytics = function withAnalytics(WrappedComponent) {
+  var _class;
+  var map = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var defaultProps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  var withDelegation = arguments.length > 3 ? arguments[3] : undefined;
+  return _class = /*#__PURE__*/function (_Component) {
+    (0, _inherits2.default)(WithAnalytics, _Component);
+    var _super = _createSuper(WithAnalytics);
+    function WithAnalytics(props) {
+      var _this;
+      (0, _classCallCheck2.default)(this, WithAnalytics);
+      _this = _super.call(this, props);
+      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "delegateAnalyticsEvent", function (analyticsId, data, isPrivate) {
+        var _ref = _this.context,
+          onAnalyticsEvent = _ref.onAnalyticsEvent;
+        if (!onAnalyticsEvent) {
+          return;
+        }
+        onAnalyticsEvent(analyticsId, data, isPrivate);
+      });
+      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "fireAnalyticsEvent", function (name, data) {
+        var _this$props = _this.props,
+          analyticsData = _this$props.analyticsData,
+          analyticsId = _this$props.analyticsId;
+        var _ref2 = _this.context,
+          onAnalyticsEvent = _ref2.onAnalyticsEvent;
+        if (!analyticsId || !onAnalyticsEvent) {
+          return;
+        }
+        var eventData = _objectSpread(_objectSpread({}, analyticsData), data);
+        onAnalyticsEvent("".concat(analyticsId, ".").concat(name), eventData, false);
+      });
+      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "privateAnalyticsEvent", function (name, data) {
+        var _ref3 = _this.context,
+          onAnalyticsEvent = _ref3.onAnalyticsEvent;
+        if (!onAnalyticsEvent) {
+          return;
+        }
+        onAnalyticsEvent("".concat(name), data, true);
+      });
+      (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "getParentAnalyticsData", function (name) {
+        var _ref4 = _this.context,
+          getParentAnalyticsData = _ref4.getParentAnalyticsData;
+        var parentData = {};
+        if (typeof getParentAnalyticsData === 'function' && _this.props.analyticsId) {
+          var analyticsId = _this.props.analyticsId;
+          parentData = getParentAnalyticsData("".concat(analyticsId, ".").concat(name), false);
+        }
+        return parentData;
+      });
+      _this.state = {
+        evaluatedMap: {}
+      };
+      return _this;
+    }
+    (0, _createClass2.default)(WithAnalytics, [{
+      key: "componentDidMount",
+      value: function componentDidMount() {
+        this.setState({
+          evaluatedMap: typeof map === 'function' ? map(this.fireAnalyticsEvent) : map
+        });
+      }
+    }, {
+      key: "render",
+      value: function render() {
+        var _this2 = this;
+        var _this$props2 = this.props,
+          analyticsId = _this$props2.analyticsId,
+          analyticsData = _this$props2.analyticsData,
+          componentProps = (0, _objectWithoutProperties2.default)(_this$props2, _excluded);
+        Object.keys(this.state.evaluatedMap).forEach(function (prop) {
+          var handler = _this2.state.evaluatedMap[prop];
+          var originalProp = componentProps[prop];
+          componentProps[prop] = function () {
+            if (typeof handler === 'function') {
+              handler.apply(void 0, arguments);
+            } else {
+              _this2.fireAnalyticsEvent(handler);
+            }
+            if (typeof originalProp === 'function') {
+              originalProp.apply(void 0, arguments);
+            }
+          };
+        });
+        return /*#__PURE__*/_react.default.createElement(WrappedComponent, (0, _extends2.default)({
+          fireAnalyticsEvent: this.fireAnalyticsEvent,
+          firePrivateAnalyticsEvent: this.privateAnalyticsEvent,
+          getParentAnalyticsData: this.getParentAnalyticsData,
+          delegateAnalyticsEvent: withDelegation ? this.delegateAnalyticsEvent : undefined,
+          analyticsId: analyticsId,
+          ref: this.props.innerRef
+        }, componentProps));
+      }
+    }]);
+    return WithAnalytics;
+  }(_react.Component), (0, _defineProperty2.default)(_class, "displayName", "WithAnalytics(".concat(WrappedComponent.displayName || WrappedComponent.name, ")")), (0, _defineProperty2.default)(_class, "contextTypes", {
+    onAnalyticsEvent: _propTypes.default.func,
+    getParentAnalyticsData: _propTypes.default.func
+  }), (0, _defineProperty2.default)(_class, "defaultProps", {
+    analyticsId: defaultProps.analyticsId,
+    analyticsData: defaultProps.analyticsData
+  }), _class;
+};
+var _default = exports.default = withAnalytics;

package/dist/es2019/components/AnalyticsContext/index.js

@@ -4,7 +4,7 @@ import isModernContextEnabledEnv from '../../utils/isModernContextEnabledEnv';
 import LegacyAnalyticsContext from './LegacyAnalyticsContext';
 import ModernAnalyticsContext from './ModernAnalyticsContext';
 const ExportedAnalyticsContext = props => {
-  const isModernContext = isModernContextEnabledEnv || fg('platform.analytics-next-use-modern-context_fqgbx');
+  const isModernContext = isModernContextEnabledEnv || fg('analytics-next-use-modern-context_jira');
   return isModernContext ? /*#__PURE__*/React.createElement(ModernAnalyticsContext, props) : /*#__PURE__*/React.createElement(LegacyAnalyticsContext, props);
 };
 export default ExportedAnalyticsContext;

package/dist/es2019/components/AnalyticsDecorator/index.js

@@ -0,0 +1,79 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import index from '../matchEvent';
+export const ContextTypes = {
+  onAnalyticsEvent: PropTypes.func,
+  getParentAnalyticsData: PropTypes.func
+};
+
+/**
+ * The Decorator component extends analytics event data
+ * for any events fired by its descendents,
+ * then passes the event up the hierarchy
+ */
+// eslint-disable-next-line @repo/internal/react/no-class-components
+export class AnalyticsDecorator extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "getDecoratedAnalyticsData", (name, srcData, isPrivate) => {
+      const {
+        data,
+        getData,
+        match,
+        matchPrivate
+      } = this.props;
+      const decoratedData = {
+        ...srcData
+      };
+      if (matchPrivate === isPrivate && index(match, name)) {
+        if (typeof data === 'object') {
+          Object.assign(decoratedData, data);
+        }
+        if (typeof getData === 'function') {
+          Object.assign(decoratedData, getData(name, decoratedData));
+        }
+      }
+      return decoratedData;
+    });
+    _defineProperty(this, "onAnalyticsEvent", (name, srcData, isPrivate) => {
+      const {
+        onAnalyticsEvent
+      } = this.context;
+      if (typeof onAnalyticsEvent !== 'function') {
+        return;
+      }
+      const decoratedData = this.getDecoratedAnalyticsData(name, srcData, isPrivate);
+      onAnalyticsEvent(name, decoratedData, isPrivate);
+    });
+    _defineProperty(this, "getParentAnalyticsData", (name, isPrivate) => {
+      const parentData = this.getDecoratedAnalyticsData(name, {}, isPrivate);
+      const {
+        getParentAnalyticsData
+      } = this.context;
+      if (typeof getParentAnalyticsData === 'function') {
+        Object.assign(parentData, getParentAnalyticsData(name, isPrivate));
+      }
+      return parentData;
+    });
+  }
+  getChildContext() {
+    return {
+      onAnalyticsEvent: this.onAnalyticsEvent,
+      getParentAnalyticsData: this.getParentAnalyticsData
+    };
+  }
+  render() {
+    const {
+      children
+    } = this.props;
+    return React.Children.only(children);
+  }
+}
+_defineProperty(AnalyticsDecorator, "defaultProps", {
+  match: '*',
+  matchPrivate: false
+});
+_defineProperty(AnalyticsDecorator, "contextTypes", ContextTypes);
+_defineProperty(AnalyticsDecorator, "childContextTypes", ContextTypes);
+export default AnalyticsDecorator;

package/dist/es2019/components/AnalyticsDelegate/index.js

@@ -0,0 +1,48 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+const ContextTypes = {
+  onAnalyticsEvent: PropTypes.func
+};
+
+/**
+ * Listens to public and private events and delegates to an analytics
+ * stack in a different React root.
+ */
+// eslint-disable-next-line @repo/internal/react/no-class-components
+class AnalyticsDelegate extends Component {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "onAnalyticsEvent", (name, data, isPrivate) => {
+      const {
+        delegateAnalyticsEvent
+      } = this.props;
+      const eventData = {
+        ...data
+      };
+      if (delegateAnalyticsEvent) {
+        delegateAnalyticsEvent(name, eventData, isPrivate);
+      }
+      const {
+        onAnalyticsEvent
+      } = this.context;
+      if (typeof onAnalyticsEvent === 'function') {
+        onAnalyticsEvent(name, data, isPrivate);
+      }
+    });
+  }
+  getChildContext() {
+    return {
+      onAnalyticsEvent: this.onAnalyticsEvent
+    };
+  }
+  render() {
+    const {
+      children
+    } = this.props;
+    return React.Children.only(children);
+  }
+}
+_defineProperty(AnalyticsDelegate, "contextTypes", ContextTypes);
+_defineProperty(AnalyticsDelegate, "childContextTypes", ContextTypes);
+export default AnalyticsDelegate;

package/dist/es2019/components/AnalyticsErrorBoundary.js

@@ -33,7 +33,7 @@ export default class AnalyticsErrorBoundary extends Component {
     const {
       hasError
     } = this.state;
-    const isModernContext = isModernContextEnabledEnv || fg('platform.analytics-next-use-modern-context_fqgbx');
+    const isModernContext = isModernContextEnabledEnv || fg('analytics-next-use-modern-context_jira');
     if (hasError) {
       if (ErrorComponent) {
         if (isModernContext) {

package/dist/es2019/components/AnalyticsListener/index.js

@@ -4,7 +4,7 @@ import isModernContextEnabledEnv from '../../utils/isModernContextEnabledEnv';
 import LegacyAnalyticsListener from './LegacyAnalyticsListener';
 import ModernAnalyticsListener from './ModernAnalyticsListener';
 const ExportedAnalyticsListener = props => {
-  const isModernContext = isModernContextEnabledEnv || fg('platform.analytics-next-use-modern-context_fqgbx');
+  const isModernContext = isModernContextEnabledEnv || fg('analytics-next-use-modern-context_jira');
   return isModernContext ? /*#__PURE__*/React.createElement(ModernAnalyticsListener, props) : /*#__PURE__*/React.createElement(LegacyAnalyticsListener, props);
 };
 export default ExportedAnalyticsListener;

package/dist/es2019/components/matchEvent/index.js

@@ -0,0 +1,17 @@
+const ENDS_WITH_DOT = /\.$/;
+function matchEvent(matcher, name) {
+  if (matcher === '*' || name === undefined) {
+    return true;
+  }
+  if (typeof matcher === 'string') {
+    if (ENDS_WITH_DOT.test(matcher)) {
+      return name.substr(0, matcher.length) === matcher;
+    }
+    return name === matcher;
+  }
+  if (typeof matcher === 'function') {
+    return matcher(name);
+  }
+  return matcher.test(name);
+}
+export default matchEvent;

package/dist/es2019/events/UIAnalyticsEvent.js

@@ -1,4 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
+/// <reference types="node" />
 import AnalyticsEvent from './AnalyticsEvent';
 export const isUIAnalyticsEvent = obj => {
   var _obj$constructor;

package/dist/es2019/index.js

@@ -20,4 +20,9 @@ export { usePlatformLeafEventHandler } from './hooks/usePlatformLeafEventHandler
 export { usePlatformLeafSyntheticEventHandler } from './hooks/usePlatformLeafSyntheticEventHandler';
 // Helper functions
 export { default as createAndFireEvent } from './utils/createAndFireEvent';
-export { default as cleanProps } from './utils/cleanProps';
+export { default as cleanProps } from './utils/cleanProps';
+
+// Moved from deprecated @atlaskit/analytics
+export { default as AnalyticsDecorator } from './components/AnalyticsDecorator';
+export { default as AnalyticsDelegate } from './components/AnalyticsDelegate';
+export { default as withAnalytics } from './utils/withAnalytics';

package/dist/es2019/utils/isModernContextEnabledEnv.js

@@ -1,2 +1,3 @@
 var _process$env;
+/// <reference types="node" />
 export default typeof process !== 'undefined' && process !== null && ((_process$env = process.env) === null || _process$env === void 0 ? void 0 : _process$env['ANALYTICS_NEXT_MODERN_CONTEXT']);

package/dist/es2019/utils/withAnalytics.js

@@ -0,0 +1,121 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+/**
+ * The withAnalytics HOC wraps a component and provides the `fireAnalyticsEvent`
+ * and `firePrivateAnalyticsEvent` methods to it as props. It contains the logic
+ * for how to fire events, including handling the analyticsId and analyticsData
+ * props. The `map` argument may be an object or a function that returns an object.
+ * The properties of the `map` object/result can be strings (the name of the event
+ * that will be fired) or functions (which are responsible for firing the event).
+ * You can specify a default `analyticsId` and `analyticsData` with the `defaultProps`
+ * param. Please be aware that specifying a default `analyticsId` will cause public
+ * events to always fire for your component unless it has been set to a falsy by
+ * the component consumer.
+ *
+ * @param WrappedComponent
+ * @param map
+ * @param defaultProps
+ * @param withDelegation
+ */
+const withAnalytics = (WrappedComponent, map = {}, defaultProps = {}, withDelegation) => {
+  var _class;
+  return _class = class WithAnalytics extends Component {
+    constructor(props) {
+      super(props);
+      _defineProperty(this, "delegateAnalyticsEvent", (analyticsId, data, isPrivate) => {
+        const {
+          onAnalyticsEvent
+        } = this.context;
+        if (!onAnalyticsEvent) {
+          return;
+        }
+        onAnalyticsEvent(analyticsId, data, isPrivate);
+      });
+      _defineProperty(this, "fireAnalyticsEvent", (name, data) => {
+        const {
+          analyticsData,
+          analyticsId
+        } = this.props;
+        const {
+          onAnalyticsEvent
+        } = this.context;
+        if (!analyticsId || !onAnalyticsEvent) {
+          return;
+        }
+        const eventData = {
+          ...analyticsData,
+          ...data
+        };
+        onAnalyticsEvent(`${analyticsId}.${name}`, eventData, false);
+      });
+      _defineProperty(this, "privateAnalyticsEvent", (name, data) => {
+        const {
+          onAnalyticsEvent
+        } = this.context;
+        if (!onAnalyticsEvent) {
+          return;
+        }
+        onAnalyticsEvent(`${name}`, data, true);
+      });
+      _defineProperty(this, "getParentAnalyticsData", name => {
+        const {
+          getParentAnalyticsData
+        } = this.context;
+        let parentData = {};
+        if (typeof getParentAnalyticsData === 'function' && this.props.analyticsId) {
+          const {
+            analyticsId
+          } = this.props;
+          parentData = getParentAnalyticsData(`${analyticsId}.${name}`, false);
+        }
+        return parentData;
+      });
+      this.state = {
+        evaluatedMap: {}
+      };
+    }
+    componentDidMount() {
+      this.setState({
+        evaluatedMap: typeof map === 'function' ? map(this.fireAnalyticsEvent) : map
+      });
+    }
+    render() {
+      const {
+        analyticsId,
+        analyticsData,
+        ...componentProps
+      } = this.props;
+      Object.keys(this.state.evaluatedMap).forEach(prop => {
+        const handler = this.state.evaluatedMap[prop];
+        const originalProp = componentProps[prop];
+        componentProps[prop] = (...args) => {
+          if (typeof handler === 'function') {
+            handler(...args);
+          } else {
+            this.fireAnalyticsEvent(handler);
+          }
+          if (typeof originalProp === 'function') {
+            originalProp(...args);
+          }
+        };
+      });
+      return /*#__PURE__*/React.createElement(WrappedComponent, _extends({
+        fireAnalyticsEvent: this.fireAnalyticsEvent,
+        firePrivateAnalyticsEvent: this.privateAnalyticsEvent,
+        getParentAnalyticsData: this.getParentAnalyticsData,
+        delegateAnalyticsEvent: withDelegation ? this.delegateAnalyticsEvent : undefined,
+        analyticsId: analyticsId,
+        ref: this.props.innerRef
+      }, componentProps));
+    }
+  }, _defineProperty(_class, "displayName", `WithAnalytics(${WrappedComponent.displayName || WrappedComponent.name})`), _defineProperty(_class, "contextTypes", {
+    onAnalyticsEvent: PropTypes.func,
+    getParentAnalyticsData: PropTypes.func
+  }), _defineProperty(_class, "defaultProps", {
+    analyticsId: defaultProps.analyticsId,
+    analyticsData: defaultProps.analyticsData
+  }), _class;
+};
+export default withAnalytics;

package/dist/esm/components/AnalyticsContext/LegacyAnalyticsContext.js

@@ -6,7 +6,7 @@ import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';

package/dist/esm/components/AnalyticsContext/index.js

@@ -4,7 +4,7 @@ import isModernContextEnabledEnv from '../../utils/isModernContextEnabledEnv';
 import LegacyAnalyticsContext from './LegacyAnalyticsContext';
 import ModernAnalyticsContext from './ModernAnalyticsContext';
 var ExportedAnalyticsContext = function ExportedAnalyticsContext(props) {
-  var isModernContext = isModernContextEnabledEnv || fg('platform.analytics-next-use-modern-context_fqgbx');
+  var isModernContext = isModernContextEnabledEnv || fg('analytics-next-use-modern-context_jira');
   return isModernContext ? /*#__PURE__*/React.createElement(ModernAnalyticsContext, props) : /*#__PURE__*/React.createElement(LegacyAnalyticsContext, props);
 };
 export default ExportedAnalyticsContext;

package/dist/esm/components/AnalyticsDecorator/index.js

@@ -0,0 +1,97 @@
+import _typeof from "@babel/runtime/helpers/typeof";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import index from '../matchEvent';
+export var ContextTypes = {
+  onAnalyticsEvent: PropTypes.func,
+  getParentAnalyticsData: PropTypes.func
+};
+
+/**
+ * The Decorator component extends analytics event data
+ * for any events fired by its descendents,
+ * then passes the event up the hierarchy
+ */
+// eslint-disable-next-line @repo/internal/react/no-class-components
+export var AnalyticsDecorator = /*#__PURE__*/function (_Component) {
+  _inherits(AnalyticsDecorator, _Component);
+  var _super = _createSuper(AnalyticsDecorator);
+  function AnalyticsDecorator() {
+    var _this;
+    _classCallCheck(this, AnalyticsDecorator);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "getDecoratedAnalyticsData", function (name, srcData, isPrivate) {
+      var _this$props = _this.props,
+        data = _this$props.data,
+        getData = _this$props.getData,
+        match = _this$props.match,
+        matchPrivate = _this$props.matchPrivate;
+      var decoratedData = _objectSpread({}, srcData);
+      if (matchPrivate === isPrivate && index(match, name)) {
+        if (_typeof(data) === 'object') {
+          Object.assign(decoratedData, data);
+        }
+        if (typeof getData === 'function') {
+          Object.assign(decoratedData, getData(name, decoratedData));
+        }
+      }
+      return decoratedData;
+    });
+    _defineProperty(_assertThisInitialized(_this), "onAnalyticsEvent", function (name, srcData, isPrivate) {
+      var _ref = _this.context,
+        onAnalyticsEvent = _ref.onAnalyticsEvent;
+      if (typeof onAnalyticsEvent !== 'function') {
+        return;
+      }
+      var decoratedData = _this.getDecoratedAnalyticsData(name, srcData, isPrivate);
+      onAnalyticsEvent(name, decoratedData, isPrivate);
+    });
+    _defineProperty(_assertThisInitialized(_this), "getParentAnalyticsData", function (name, isPrivate) {
+      var parentData = _this.getDecoratedAnalyticsData(name, {}, isPrivate);
+      var _ref2 = _this.context,
+        getParentAnalyticsData = _ref2.getParentAnalyticsData;
+      if (typeof getParentAnalyticsData === 'function') {
+        Object.assign(parentData, getParentAnalyticsData(name, isPrivate));
+      }
+      return parentData;
+    });
+    return _this;
+  }
+  _createClass(AnalyticsDecorator, [{
+    key: "getChildContext",
+    value: function getChildContext() {
+      return {
+        onAnalyticsEvent: this.onAnalyticsEvent,
+        getParentAnalyticsData: this.getParentAnalyticsData
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var children = this.props.children;
+      return React.Children.only(children);
+    }
+  }]);
+  return AnalyticsDecorator;
+}(Component);
+_defineProperty(AnalyticsDecorator, "defaultProps", {
+  match: '*',
+  matchPrivate: false
+});
+_defineProperty(AnalyticsDecorator, "contextTypes", ContextTypes);
+_defineProperty(AnalyticsDecorator, "childContextTypes", ContextTypes);
+export default AnalyticsDecorator;

package/dist/esm/components/AnalyticsDelegate/index.js

@@ -0,0 +1,65 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+var ContextTypes = {
+  onAnalyticsEvent: PropTypes.func
+};
+
+/**
+ * Listens to public and private events and delegates to an analytics
+ * stack in a different React root.
+ */
+// eslint-disable-next-line @repo/internal/react/no-class-components
+var AnalyticsDelegate = /*#__PURE__*/function (_Component) {
+  _inherits(AnalyticsDelegate, _Component);
+  var _super = _createSuper(AnalyticsDelegate);
+  function AnalyticsDelegate() {
+    var _this;
+    _classCallCheck(this, AnalyticsDelegate);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "onAnalyticsEvent", function (name, data, isPrivate) {
+      var delegateAnalyticsEvent = _this.props.delegateAnalyticsEvent;
+      var eventData = _objectSpread({}, data);
+      if (delegateAnalyticsEvent) {
+        delegateAnalyticsEvent(name, eventData, isPrivate);
+      }
+      var _ref = _this.context,
+        onAnalyticsEvent = _ref.onAnalyticsEvent;
+      if (typeof onAnalyticsEvent === 'function') {
+        onAnalyticsEvent(name, data, isPrivate);
+      }
+    });
+    return _this;
+  }
+  _createClass(AnalyticsDelegate, [{
+    key: "getChildContext",
+    value: function getChildContext() {
+      return {
+        onAnalyticsEvent: this.onAnalyticsEvent
+      };
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var children = this.props.children;
+      return React.Children.only(children);
+    }
+  }]);
+  return AnalyticsDelegate;
+}(Component);
+_defineProperty(AnalyticsDelegate, "contextTypes", ContextTypes);
+_defineProperty(AnalyticsDelegate, "childContextTypes", ContextTypes);
+export default AnalyticsDelegate;