@atlaskit/reactions 21.1.0 → 21.2.2

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/reactions
 
+## 21.2.2
+
+### Patch Changes
+
+- [`58a563ece8f`](https://bitbucket.org/atlassian/atlassian-frontend/commits/58a563ece8f) - Add ComponentName as part of the exported enum collection for easier consumption inside products
+
+## 21.2.1
+
+### Patch Changes
+
+- [`783c8c02335`](https://bitbucket.org/atlassian/atlassian-frontend/commits/783c8c02335) - Update the reactions rendered UFO type
+
+## 21.2.0
+
+### Minor Changes
+
+- [`ed9ab4d82a3`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ed9ab4d82a3) - Adds "reactions-rendered", "reactions-picker-opened", "reaction-added" and "reaction-removed" to UFO experiences
+
 ## 21.1.0
 
 ### Minor Changes

package/dist/cjs/analytics/index.js

@@ -2,10 +2,12 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createRestSucceededEvent = exports.createRestFailedEvent = exports.createReactionsRenderedEvent = exports.createReactionSelectionEvent = exports.createReactionHoveredEvent = exports.createReactionClickedEvent = exports.createPickerMoreClickedEvent = exports.createPickerCancelledEvent = exports.createPickerButtonClickedEvent = exports.createAndFireSafe = exports.createAndFireEventInElementsChannel = void 0;
+exports.createRestSucceededEvent = exports.createRestFailedEvent = exports.createReactionsRenderedEvent = exports.createReactionSelectionEvent = exports.createReactionHoveredEvent = exports.createReactionClickedEvent = exports.createPickerMoreClickedEvent = exports.createPickerCancelledEvent = exports.createPickerButtonClickedEvent = exports.createAndFireSafe = exports.createAndFireEventInElementsChannel = exports.UFO = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
@@ -15,6 +17,14 @@ var _analyticsGasTypes = require("@atlaskit/analytics-gas-types");
 
 var _version = require("../version.json");
 
+var _UFO = _interopRequireWildcard(require("./ufo"));
+
+exports.UFO = _UFO;
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }

package/dist/cjs/analytics/ufo.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ReactionsRendered = exports.ReactionsRemove = exports.ReactionsAdd = exports.PickerRender = exports.ExperienceName = exports.ComponentName = void 0;
+
+var _ufo = require("@atlaskit/ufo");
+
+/**
+ * Helper method for create the config type for an individual/Concurrent experience
+ * @param componentName
+ */
+var createExperienceConfig = function createExperienceConfig(componentName, type, performanceType) {
+  return {
+    platform: {
+      component: componentName
+    },
+    type: type,
+    performanceType: performanceType
+  };
+};
+/**
+ * Types of experiences
+ */
+
+
+var ExperienceName;
+/**
+ * UFO types of components been instrumented
+ */
+
+exports.ExperienceName = ExperienceName;
+
+(function (ExperienceName) {
+  ExperienceName["REACTIONS_RENDERED"] = "reactions-rendered";
+  ExperienceName["PICKER_OPENED"] = "reactions-picker-opened";
+  ExperienceName["REACTION_ADDED"] = "reaction-added";
+  ExperienceName["REACTION_REMOVED"] = "reaction-removed";
+})(ExperienceName || (exports.ExperienceName = ExperienceName = {}));
+
+var ComponentName;
+/**
+ * Experience when the emoji picker is opened
+ */
+
+exports.ComponentName = ComponentName;
+
+(function (ComponentName) {
+  ComponentName["PICKER_RENDERED"] = "reactions-picker";
+  ComponentName["REACTIONS"] = "reactions-list";
+})(ComponentName || (exports.ComponentName = ComponentName = {}));
+
+var PickerRender = new _ufo.UFOExperience(ExperienceName.PICKER_OPENED, createExperienceConfig(ComponentName.PICKER_RENDERED, _ufo.ExperienceTypes.Experience, _ufo.ExperiencePerformanceTypes.InlineResult));
+/**
+ * Experience when the list of reactions gets rendered
+ */
+
+exports.PickerRender = PickerRender;
+var ReactionsRendered = new _ufo.ConcurrentExperience(ExperienceName.REACTIONS_RENDERED, createExperienceConfig(ComponentName.REACTIONS, _ufo.ExperienceTypes.Load, _ufo.ExperiencePerformanceTypes.PageSegmentLoad));
+/**
+ * Experience when a reaction emoji gets added
+ */
+
+exports.ReactionsRendered = ReactionsRendered;
+var ReactionsAdd = new _ufo.ConcurrentExperience(ExperienceName.REACTION_ADDED, createExperienceConfig(ComponentName.REACTIONS, _ufo.ExperienceTypes.Experience, _ufo.ExperiencePerformanceTypes.InlineResult));
+/**
+ * Experience when a reaction emoji gets removed/decrement
+ */
+
+exports.ReactionsAdd = ReactionsAdd;
+var ReactionsRemove = new _ufo.ConcurrentExperience(ExperienceName.REACTION_REMOVED, createExperienceConfig(ComponentName.REACTIONS, _ufo.ExperienceTypes.Experience, _ufo.ExperiencePerformanceTypes.InlineResult));
+exports.ReactionsRemove = ReactionsRemove;

package/dist/cjs/components/ReactionPicker.js

@@ -23,6 +23,10 @@ var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/ge
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _react = _interopRequireWildcard(require("react"));
+
+var _reactDom = _interopRequireDefault(require("react-dom"));
+
 var _core = require("@emotion/core");
 
 var _picker = require("@atlaskit/emoji/picker");
@@ -35,14 +39,12 @@ var _colors = require("@atlaskit/theme/colors");
 
 var _tokens = require("@atlaskit/tokens");
 
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactDom = _interopRequireDefault(require("react-dom"));
-
 var _Selector = require("./Selector");
 
 var _Trigger = require("./Trigger");
 
+var _analytics = require("../analytics");
+
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -132,6 +134,9 @@ var ReactionPicker = /*#__PURE__*/function (_PureComponent) {
       _this.close(emoji.id);
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onTriggerClick", function () {
+      // ufo start reaction experience
+      _analytics.UFO.PickerRender.start();
+
       if (_this.props.onOpen) {
         _this.props.onOpen();
       }
@@ -139,6 +144,9 @@ var ReactionPicker = /*#__PURE__*/function (_PureComponent) {
       _this.setState({
         isOpen: !_this.state.isOpen,
         showFullPicker: false
+      }, function () {
+        // ufo add reaction success
+        _analytics.UFO.PickerRender.success();
       });
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "popperModifiers", [{
@@ -180,6 +188,8 @@ var ReactionPicker = /*#__PURE__*/function (_PureComponent) {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
       document.removeEventListener('click', this.handleClickOutside);
+
+      _analytics.UFO.PickerRender.abort();
     }
   }, {
     key: "close",
@@ -187,6 +197,9 @@ var ReactionPicker = /*#__PURE__*/function (_PureComponent) {
       this.setState({
         isOpen: false,
         showFullPicker: false
+      }, function () {
+        // ufo abort reaction experience
+        _analytics.UFO.PickerRender.abort();
       });
     }
   }, {

package/dist/cjs/components/UfoErrorBoundary.js

@@ -0,0 +1,68 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UfoErrorBoundary = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+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 _react = _interopRequireDefault(require("react"));
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+var UfoErrorBoundary = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2.default)(UfoErrorBoundary, _React$Component);
+
+  var _super = _createSuper(UfoErrorBoundary);
+
+  function UfoErrorBoundary() {
+    (0, _classCallCheck2.default)(this, UfoErrorBoundary);
+    return _super.apply(this, arguments);
+  }
+
+  (0, _createClass2.default)(UfoErrorBoundary, [{
+    key: "componentDidCatch",
+    value: function componentDidCatch() {
+      var _iterator = _createForOfIteratorHelper(this.props.experiences),
+          _step;
+
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var e = _step.value;
+          e.failure();
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return this.props.children;
+    }
+  }]);
+  return UfoErrorBoundary;
+}(_react.default.Component);
+
+exports.UfoErrorBoundary = UfoErrorBoundary;

package/dist/cjs/components/index.js

@@ -21,9 +21,17 @@ Object.defineProperty(exports, "Reactions", {
     return _Reactions.Reactions;
   }
 });
+Object.defineProperty(exports, "UfoErrorBoundary", {
+  enumerable: true,
+  get: function get() {
+    return _UfoErrorBoundary.UfoErrorBoundary;
+  }
+});
 
 var _Reaction = require("./Reaction");
 
 var _ReactionPicker = require("./ReactionPicker");
 
-var _Reactions = require("./Reactions");
+var _Reactions = require("./Reactions");
+
+var _UfoErrorBoundary = require("./UfoErrorBoundary");

package/dist/cjs/containers/ConnectedReactionPicker.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConnectedReactionPicker = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _components = require("../components");
+
+var _ReactionConsumer = require("../store/ReactionConsumer");
+
+var _analytics = require("../analytics");
+
+/**
+ * UFO Instance for picker
+ */
+var ConnectedReactionPicker = function ConnectedReactionPicker(props) {
+  var renderChild = function renderChild(innerProps) {
+    return /*#__PURE__*/_react.default.createElement(_components.ReactionPicker, (0, _extends2.default)({}, props, innerProps));
+  };
+
+  var actionsMapper = function actionsMapper(actions) {
+    return {
+      onSelection: function onSelection(emojiId) {
+        actions.addReaction(props.containerAri, props.ari, emojiId);
+      }
+    };
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_components.UfoErrorBoundary, {
+    experiences: [_analytics.UFO.PickerRender]
+  }, /*#__PURE__*/_react.default.createElement(_ReactionConsumer.ReactionConsumer, {
+    store: props.store,
+    actionsMapper: actionsMapper
+  }, renderChild));
+};
+
+exports.ConnectedReactionPicker = ConnectedReactionPicker;

package/dist/cjs/containers/ConnectedReactionsView.js

@@ -0,0 +1,131 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConnectedReactionsView = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _analyticsNamespacedContext = require("@atlaskit/analytics-namespaced-context");
+
+var _analyticsNext = require("@atlaskit/analytics-next");
+
+var _components = require("../components");
+
+var _ReactionConsumer = require("../store/ReactionConsumer");
+
+var _ReactionStatus = require("../types/ReactionStatus");
+
+var _ReactionsStore = require("../store/ReactionsStore");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var ReactionsView = function ReactionsView(props) {
+  // // compose a UFO experience object
+  var experienceInstance = (0, _react.useRef)();
+  var ari = props.ari,
+      createAnalyticsEvent = props.createAnalyticsEvent,
+      store = props.store;
+  (0, _react.useEffect)(function () {
+    experienceInstance.current = _ReactionsStore.ufoExperiences.render.getInstance(ari);
+  }, [ari]);
+  (0, _react.useEffect)(function () {
+    Promise.resolve(store).then(function (_store) {
+      if (_store.setCreateAnalyticsEvent && createAnalyticsEvent) {
+        _store.setCreateAnalyticsEvent(createAnalyticsEvent);
+      }
+    });
+  }, [createAnalyticsEvent, store]); // abort when component gets unmounted
+
+  (0, _react.useEffect)(function () {
+    return function () {
+      var _experienceInstance$c;
+
+      (_experienceInstance$c = experienceInstance.current) === null || _experienceInstance$c === void 0 ? void 0 : _experienceInstance$c.abort();
+    };
+  }, [experienceInstance]);
+
+  var renderChildren = function renderChildren(innerProps) {
+    var containerAri = props.containerAri,
+        ari = props.ari;
+    return /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricElementsAnalyticsContext, {
+      data: {
+        containerAri: containerAri,
+        ari: ari
+      }
+    }, /*#__PURE__*/_react.default.createElement(_components.Reactions, (0, _extends2.default)({
+      key: "".concat(props.containerAri, "|").concat(props.ari)
+    }, props, innerProps)));
+  };
+
+  var stateMapper = function stateMapper(state) {
+    var containerAri = props.containerAri,
+        ari = props.ari;
+    var reactionsState = state && state.reactions["".concat(containerAri, "|").concat(ari)];
+
+    if (!state || !reactionsState) {
+      return {
+        status: _ReactionStatus.ReactionStatus.notLoaded,
+        reactions: []
+      };
+    }
+
+    switch (reactionsState.status) {
+      case _ReactionStatus.ReactionStatus.ready:
+        return {
+          reactions: reactionsState.reactions,
+          status: reactionsState.status,
+          flash: state.flash["".concat(containerAri, "|").concat(ari)]
+        };
+
+      case _ReactionStatus.ReactionStatus.error:
+        return {
+          status: _ReactionStatus.ReactionStatus.error,
+          reactions: []
+        };
+
+      default:
+        return {
+          status: _ReactionStatus.ReactionStatus.loading,
+          reactions: []
+        };
+    }
+  };
+
+  var actionsMapper = function actionsMapper(actions) {
+    return {
+      loadReaction: function loadReaction() {
+        actions.getReactions(props.containerAri, props.ari);
+      },
+      onReactionClick: function onReactionClick(emojiId) {
+        actions.toggleReaction(props.containerAri, props.ari, emojiId);
+      },
+      onReactionHover: function onReactionHover(emojiId) {
+        actions.getDetailedReaction(props.containerAri, props.ari, emojiId);
+      },
+      onSelection: function onSelection(emojiId) {
+        actions.addReaction(props.containerAri, props.ari, emojiId);
+      }
+    };
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_components.UfoErrorBoundary, {
+    experiences: experienceInstance.current ? [experienceInstance.current] : []
+  }, /*#__PURE__*/_react.default.createElement(_ReactionConsumer.ReactionConsumer, {
+    store: props.store,
+    actionsMapper: actionsMapper,
+    stateMapper: stateMapper
+  }, renderChildren));
+};
+
+var ConnectedReactionsView = (0, _analyticsNext.withAnalyticsEvents)()(ReactionsView);
+exports.ConnectedReactionsView = ConnectedReactionsView;

package/dist/cjs/containers/index.js

@@ -1,23 +1,21 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 Object.defineProperty(exports, "ConnectedReactionPicker", {
   enumerable: true,
   get: function get() {
-    return _ReactionsPickerContainer.default;
+    return _ConnectedReactionPicker.ConnectedReactionPicker;
   }
 });
 Object.defineProperty(exports, "ConnectedReactionsView", {
   enumerable: true,
   get: function get() {
-    return _ReactionsContainer.default;
+    return _ConnectedReactionsView.ConnectedReactionsView;
   }
 });
 
-var _ReactionsPickerContainer = _interopRequireDefault(require("./ReactionsPickerContainer"));
+var _ConnectedReactionPicker = require("./ConnectedReactionPicker");
 
-var _ReactionsContainer = _interopRequireDefault(require("./ReactionsContainer"));
+var _ConnectedReactionsView = require("./ConnectedReactionsView");

package/dist/cjs/index.js

@@ -18,7 +18,7 @@ Object.defineProperty(exports, "ConnectedReactionsView", {
 Object.defineProperty(exports, "MemoryReactionsStore", {
   enumerable: true,
   get: function get() {
-    return _reactionStore.MemoryReactionsStore;
+    return _store.MemoryReactionsStore;
   }
 });
 Object.defineProperty(exports, "Reaction", {
@@ -30,7 +30,7 @@ Object.defineProperty(exports, "Reaction", {
 Object.defineProperty(exports, "ReactionConsumer", {
   enumerable: true,
   get: function get() {
-    return _reactionStore.ReactionConsumer;
+    return _store.ReactionConsumer;
   }
 });
 Object.defineProperty(exports, "ReactionPicker", {
@@ -51,6 +51,14 @@ Object.defineProperty(exports, "Reactions", {
     return _components.Reactions;
   }
 });
+Object.defineProperty(exports, "UFO", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.UFO;
+  }
+});
+
+var _analytics = require("./analytics");
 
 var _client = require("./client");
 
@@ -58,4 +66,4 @@ var _components = require("./components");
 
 var _containers = require("./containers");
 
-var _reactionStore = require("./reaction-store");
+var _store = require("./store");