@atlaskit/reactions 21.4.0 → 21.6.0

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @atlaskit/reactions
 
+## 21.6.0
+
+### Minor Changes
+
+- [`41d75524c76`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41d75524c76) - Upgrade @atlaskit/reactions to use functional components, add comments and cleanup outdated legacy code
+- [`d840e9e5c90`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d840e9e5c90) - show proper error message in tooltip if failed to get reactions
+
+### Patch Changes
+
+- Updated dependencies
+
+## 21.5.1
+
+### Patch Changes
+
+- [`8d4228767b0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/8d4228767b0) - Upgrade Typescript from `4.2.4` to `4.3.5`.
+
+## 21.5.0
+
+### Minor Changes
+
+- [`e3192fc9dc2`](https://bitbucket.org/atlassian/atlassian-frontend/commits/e3192fc9dc2) - Fix add own emoji in reaction picker
+
+### Patch Changes
+
+- [`ac51581fc14`](https://bitbucket.org/atlassian/atlassian-frontend/commits/ac51581fc14) - Update the examples, docs descriptions and added tsdoc comments to relevant components and objects
+- Updated dependencies
+
 ## 21.4.0
 
 ### Minor Changes

package/MockReactionsClient/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@atlaskit/reactions/MockReactionsClient",
+  "main": "../dist/cjs/MockReactionsClient.js",
+  "module": "../dist/esm/MockReactionsClient.js",
+  "module:es2019": "../dist/es2019/MockReactionsClient.js",
+  "types": "../dist/types/MockReactionsClient.d.ts"
+}

package/dist/cjs/MockReactionsClient.js

@@ -0,0 +1,276 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getUser = exports.getReactionSummary = exports.containerAri = exports.ari = exports.MockReactionsClient = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _shared = require("./shared");
+
+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; }
+
+var containerAri = 'ari:cloud:owner:demo-cloud-id:container/1';
+exports.containerAri = containerAri;
+var ari = 'ari:cloud:owner:demo-cloud-id:item/1';
+exports.ari = ari;
+
+var getReactionSummary = function getReactionSummary(shortName, count, reacted) {
+  return {
+    ari: ari,
+    containerAri: containerAri,
+    emojiId: _shared.constants.DefaultReactionsByShortName.get(shortName).id,
+    count: count,
+    reacted: reacted
+  };
+};
+
+exports.getReactionSummary = getReactionSummary;
+
+var getUser = function getUser(id, displayName) {
+  return {
+    id: id,
+    displayName: displayName
+  };
+};
+
+exports.getUser = getUser;
+
+var getReactionKey = function getReactionKey(containerAri, ari) {
+  return "".concat(containerAri, "|").concat(ari);
+};
+
+var defaultUsers = [getUser('oscar', 'Oscar Wallhult'), getUser('julien', 'Julien Michel Hoarau'), getUser('craig', 'Craig Petchell'), getUser('jerome', 'Jerome Touffe-Blin'), getUser('esoares', 'Eduardo Soares'), getUser('lpereira', 'Luiz Pereira'), getUser('pcurren', 'Paul Curren'), getUser('ttjandra', 'Tara Tjandra'), getUser('severington', 'Ste Everington'), getUser('sguillope', 'Sylvain Guillope'), getUser('alunnon', 'Alex Lunnon')];
+var mockData = (0, _defineProperty2.default)({}, getReactionKey(containerAri, ari), [getReactionSummary(':fire:', 1, true), getReactionSummary(':thumbsup:', 999, false), getReactionSummary(':astonished:', 9, false), getReactionSummary(':heart:', 99, false)]);
+/**
+ * Mocked version of the client to fetch user information
+ */
+
+var MockReactionsClient = /*#__PURE__*/function () {
+  function MockReactionsClient() {
+    var _this = this;
+
+    var delay = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    (0, _classCallCheck2.default)(this, MockReactionsClient);
+    (0, _defineProperty2.default)(this, "delayPromise", function () {
+      return new Promise(function (resolve) {
+        return window.setTimeout(resolve, _this.delay);
+      });
+    });
+    this.delay = delay;
+  }
+
+  (0, _createClass2.default)(MockReactionsClient, [{
+    key: "getReactions",
+    value: function () {
+      var _getReactions = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(containerAri, aris) {
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return this.delayPromise();
+
+              case 2:
+                return _context.abrupt("return", aris.reduce(function (results, ari) {
+                  var reactionKey = getReactionKey(containerAri, ari);
+                  results[ari] = mockData[reactionKey] || [];
+                  return results;
+                }, {}));
+
+              case 3:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee, this);
+      }));
+
+      function getReactions(_x, _x2) {
+        return _getReactions.apply(this, arguments);
+      }
+
+      return getReactions;
+    }()
+  }, {
+    key: "getDetailedReaction",
+    value: function () {
+      var _getDetailedReaction = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(containerAri, ari, emojiId) {
+        var reactionKey, reactionsMockData, reaction, users;
+        return _regenerator.default.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                _context2.next = 2;
+                return this.delayPromise();
+
+              case 2:
+                reactionKey = "".concat(containerAri, "|").concat(ari);
+                reactionsMockData = mockData[reactionKey];
+
+                if (!reactionsMockData) {
+                  _context2.next = 9;
+                  break;
+                }
+
+                reaction = reactionsMockData.find(function (reaction_1) {
+                  return reaction_1.emojiId === emojiId;
+                });
+
+                if (!reaction) {
+                  _context2.next = 9;
+                  break;
+                }
+
+                users = [].concat(defaultUsers).slice(Math.floor(Math.random() * 4), Math.floor(Math.random() * 9) + 4).slice(0, reaction.count);
+                return _context2.abrupt("return", _objectSpread(_objectSpread({}, reaction), {}, {
+                  users: users
+                }));
+
+              case 9:
+                return _context2.abrupt("return", {
+                  containerAri: containerAri,
+                  ari: ari,
+                  emojiId: emojiId,
+                  count: 1,
+                  reacted: true,
+                  users: []
+                });
+
+              case 10:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2, this);
+      }));
+
+      function getDetailedReaction(_x3, _x4, _x5) {
+        return _getDetailedReaction.apply(this, arguments);
+      }
+
+      return getDetailedReaction;
+    }()
+  }, {
+    key: "addReaction",
+    value: function () {
+      var _addReaction = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(containerAri, ari, emojiId) {
+        var reactionKey, found, reactionsMockData;
+        return _regenerator.default.wrap(function _callee3$(_context3) {
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                _context3.next = 2;
+                return this.delayPromise();
+
+              case 2:
+                reactionKey = getReactionKey(containerAri, ari);
+                found = false;
+                reactionsMockData = mockData[reactionKey];
+
+                if (reactionsMockData) {
+                  mockData[reactionKey] = reactionsMockData.map(function (reaction) {
+                    if (reaction.emojiId === emojiId) {
+                      found = true;
+                      return _objectSpread(_objectSpread({}, reaction), {}, {
+                        count: reaction.count + 1,
+                        reacted: true
+                      });
+                    }
+
+                    return reaction;
+                  });
+                }
+
+                if (!found) {
+                  mockData[reactionKey] = [].concat((0, _toConsumableArray2.default)(reactionsMockData ? reactionsMockData : []), [{
+                    containerAri: containerAri,
+                    ari: ari,
+                    emojiId: emojiId,
+                    count: 1,
+                    reacted: true
+                  }]);
+                }
+
+                return _context3.abrupt("return", mockData[reactionKey]);
+
+              case 8:
+              case "end":
+                return _context3.stop();
+            }
+          }
+        }, _callee3, this);
+      }));
+
+      function addReaction(_x6, _x7, _x8) {
+        return _addReaction.apply(this, arguments);
+      }
+
+      return addReaction;
+    }()
+  }, {
+    key: "deleteReaction",
+    value: function () {
+      var _deleteReaction = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee4(containerAri, ari, emojiId) {
+        var reactionKey;
+        return _regenerator.default.wrap(function _callee4$(_context4) {
+          while (1) {
+            switch (_context4.prev = _context4.next) {
+              case 0:
+                _context4.next = 2;
+                return this.delayPromise();
+
+              case 2:
+                reactionKey = getReactionKey(containerAri, ari);
+                mockData[reactionKey] = mockData[reactionKey].map(function (reaction) {
+                  if (reaction.emojiId === emojiId) {
+                    if (reaction.count === 1) {
+                      return undefined;
+                    }
+
+                    return _objectSpread(_objectSpread({}, reaction), {}, {
+                      count: reaction.count - 1,
+                      reacted: false
+                    });
+                  }
+
+                  return reaction;
+                }).filter(function (reaction_1) {
+                  return !!reaction_1;
+                });
+                return _context4.abrupt("return", mockData[reactionKey]);
+
+              case 5:
+              case "end":
+                return _context4.stop();
+            }
+          }
+        }, _callee4, this);
+      }));
+
+      function deleteReaction(_x9, _x10, _x11) {
+        return _deleteReaction.apply(this, arguments);
+      }
+
+      return deleteReaction;
+    }()
+  }]);
+  return MockReactionsClient;
+}();
+
+exports.MockReactionsClient = MockReactionsClient;

package/dist/cjs/analytics/analytics.js

@@ -0,0 +1,141 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+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;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _analyticsNext = require("@atlaskit/analytics-next");
+
+var _analyticsGasTypes = require("@atlaskit/analytics-gas-types");
+
+var _version = require("../version.json");
+
+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; }
+
+var createAndFireEventInElementsChannel = (0, _analyticsNext.createAndFireEvent)('fabric-elements');
+exports.createAndFireEventInElementsChannel = createAndFireEventInElementsChannel;
+
+var createAndFireSafe = function createAndFireSafe(createAnalyticsEvent, creator) {
+  if (createAnalyticsEvent) {
+    for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+      args[_key - 2] = arguments[_key];
+    }
+
+    createAndFireEventInElementsChannel(creator.apply(void 0, args))(createAnalyticsEvent);
+  }
+};
+
+exports.createAndFireSafe = createAndFireSafe;
+
+var createPayload = function createPayload(action, actionSubject, eventType, actionSubjectId) {
+  return function () {
+    var attributes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    return {
+      action: action,
+      actionSubject: actionSubject,
+      eventType: eventType,
+      actionSubjectId: actionSubjectId,
+      attributes: _objectSpread(_objectSpread({}, attributes), {}, {
+        packageName: _version.name,
+        packageVersion: _version.version
+      })
+    };
+  };
+};
+
+var calculateDuration = function calculateDuration(startTime) {
+  return startTime ? Date.now() - startTime : undefined;
+};
+
+var getPreviousState = function getPreviousState(reaction) {
+  if (reaction) {
+    if (reaction.reacted) {
+      return 'existingReacted';
+    }
+
+    return 'existingNotReacted';
+  }
+
+  return 'new';
+};
+
+var createRestSucceededEvent = function createRestSucceededEvent(actionSubject) {
+  return createPayload('succeeded', actionSubject, _analyticsGasTypes.OPERATIONAL_EVENT_TYPE)();
+};
+
+exports.createRestSucceededEvent = createRestSucceededEvent;
+
+var createRestFailedEvent = function createRestFailedEvent(actionSubject, errorCode) {
+  return createPayload('failed', actionSubject, _analyticsGasTypes.OPERATIONAL_EVENT_TYPE)({
+    errorCode: errorCode
+  });
+};
+
+exports.createRestFailedEvent = createRestFailedEvent;
+
+var createReactionsRenderedEvent = function createReactionsRenderedEvent(startTime) {
+  return createPayload('rendered', 'reactionView', _analyticsGasTypes.OPERATIONAL_EVENT_TYPE)({
+    duration: calculateDuration(startTime)
+  });
+};
+
+exports.createReactionsRenderedEvent = createReactionsRenderedEvent;
+
+var createPickerButtonClickedEvent = function createPickerButtonClickedEvent(reactionEmojiCount) {
+  return createPayload('clicked', 'reactionPickerButton', _analyticsGasTypes.UI_EVENT_TYPE)({
+    reactionEmojiCount: reactionEmojiCount
+  });
+};
+
+exports.createPickerButtonClickedEvent = createPickerButtonClickedEvent;
+
+var createPickerCancelledEvent = function createPickerCancelledEvent(startTime) {
+  return createPayload('cancelled', 'reactionPicker', _analyticsGasTypes.UI_EVENT_TYPE)({
+    duration: calculateDuration(startTime)
+  });
+};
+
+exports.createPickerCancelledEvent = createPickerCancelledEvent;
+
+var createPickerMoreClickedEvent = function createPickerMoreClickedEvent(startTime) {
+  return createPayload('clicked', 'reactionPicker', _analyticsGasTypes.UI_EVENT_TYPE, 'more')({
+    duration: calculateDuration(startTime)
+  });
+};
+
+exports.createPickerMoreClickedEvent = createPickerMoreClickedEvent;
+
+var createReactionSelectionEvent = function createReactionSelectionEvent(source, emojiId, reaction, startTime) {
+  return createPayload('clicked', 'reactionPicker', _analyticsGasTypes.UI_EVENT_TYPE, 'emoji')({
+    duration: calculateDuration(startTime),
+    source: source,
+    previousState: getPreviousState(reaction),
+    emojiId: emojiId
+  });
+};
+
+exports.createReactionSelectionEvent = createReactionSelectionEvent;
+
+var createReactionHoveredEvent = function createReactionHoveredEvent(startTime) {
+  return createPayload('hovered', 'existingReaction', _analyticsGasTypes.UI_EVENT_TYPE)({
+    duration: calculateDuration(startTime)
+  });
+};
+
+exports.createReactionHoveredEvent = createReactionHoveredEvent;
+
+var createReactionClickedEvent = function createReactionClickedEvent(added, emojiId) {
+  return createPayload('clicked', 'existingReaction', _analyticsGasTypes.UI_EVENT_TYPE)({
+    added: added,
+    emojiId: emojiId
+  });
+};
+
+exports.createReactionClickedEvent = createReactionClickedEvent;

package/dist/cjs/analytics/index.js

@@ -1,21 +1,15 @@
 "use strict";
 
-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 = exports.UFO = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+exports.UFO = exports.Analytics = void 0;
 
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _Analytics = _interopRequireWildcard(require("./analytics"));
 
-var _analyticsGasTypes = require("@atlaskit/analytics-gas-types");
-
-var _version = require("../version.json");
+exports.Analytics = _Analytics;
 
 var _UFO = _interopRequireWildcard(require("./ufo"));
 
@@ -23,128 +17,4 @@ 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; }
-
-var createAndFireEventInElementsChannel = (0, _analyticsNext.createAndFireEvent)('fabric-elements');
-exports.createAndFireEventInElementsChannel = createAndFireEventInElementsChannel;
-
-var createAndFireSafe = function createAndFireSafe(createAnalyticsEvent, creator) {
-  if (createAnalyticsEvent) {
-    for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
-      args[_key - 2] = arguments[_key];
-    }
-
-    createAndFireEventInElementsChannel(creator.apply(void 0, args))(createAnalyticsEvent);
-  }
-};
-
-exports.createAndFireSafe = createAndFireSafe;
-
-var createPayload = function createPayload(action, actionSubject, eventType, actionSubjectId) {
-  return function (attributes) {
-    return {
-      action: action,
-      actionSubject: actionSubject,
-      eventType: eventType,
-      actionSubjectId: actionSubjectId,
-      attributes: _objectSpread(_objectSpread({}, attributes), {}, {
-        packageName: _version.name,
-        packageVersion: _version.version
-      })
-    };
-  };
-};
-
-var calculateDuration = function calculateDuration(startTime) {
-  return startTime ? Date.now() - startTime : undefined;
-};
-
-var getPreviousState = function getPreviousState(reaction) {
-  if (reaction) {
-    if (reaction.reacted) {
-      return 'existingReacted';
-    }
-
-    return 'existingNotReacted';
-  }
-
-  return 'new';
-};
-
-var createRestSucceededEvent = function createRestSucceededEvent(actionSubject) {
-  return createPayload('succeeded', actionSubject, _analyticsGasTypes.OPERATIONAL_EVENT_TYPE)({});
-};
-
-exports.createRestSucceededEvent = createRestSucceededEvent;
-
-var createRestFailedEvent = function createRestFailedEvent(actionSubject, errorCode) {
-  return createPayload('failed', actionSubject, _analyticsGasTypes.OPERATIONAL_EVENT_TYPE)({
-    errorCode: errorCode
-  });
-};
-
-exports.createRestFailedEvent = createRestFailedEvent;
-
-var createReactionsRenderedEvent = function createReactionsRenderedEvent(startTime) {
-  return createPayload('rendered', 'reactionView', _analyticsGasTypes.OPERATIONAL_EVENT_TYPE)({
-    duration: calculateDuration(startTime)
-  });
-};
-
-exports.createReactionsRenderedEvent = createReactionsRenderedEvent;
-
-var createPickerButtonClickedEvent = function createPickerButtonClickedEvent(reactionEmojiCount) {
-  return createPayload('clicked', 'reactionPickerButton', _analyticsGasTypes.UI_EVENT_TYPE)({
-    reactionEmojiCount: reactionEmojiCount
-  });
-};
-
-exports.createPickerButtonClickedEvent = createPickerButtonClickedEvent;
-
-var createPickerCancelledEvent = function createPickerCancelledEvent(startTime) {
-  return createPayload('cancelled', 'reactionPicker', _analyticsGasTypes.UI_EVENT_TYPE)({
-    duration: calculateDuration(startTime)
-  });
-};
-
-exports.createPickerCancelledEvent = createPickerCancelledEvent;
-
-var createPickerMoreClickedEvent = function createPickerMoreClickedEvent(startTime) {
-  return createPayload('clicked', 'reactionPicker', _analyticsGasTypes.UI_EVENT_TYPE, 'more')({
-    duration: calculateDuration(startTime)
-  });
-};
-
-exports.createPickerMoreClickedEvent = createPickerMoreClickedEvent;
-
-var createReactionSelectionEvent = function createReactionSelectionEvent(source, emojiId, reaction, startTime) {
-  return createPayload('clicked', 'reactionPicker', _analyticsGasTypes.UI_EVENT_TYPE, 'emoji')({
-    duration: calculateDuration(startTime),
-    source: source,
-    previousState: getPreviousState(reaction),
-    emojiId: emojiId
-  });
-};
-
-exports.createReactionSelectionEvent = createReactionSelectionEvent;
-
-var createReactionHoveredEvent = function createReactionHoveredEvent(startTime) {
-  return createPayload('hovered', 'existingReaction', _analyticsGasTypes.UI_EVENT_TYPE)({
-    duration: calculateDuration(startTime)
-  });
-};
-
-exports.createReactionHoveredEvent = createReactionHoveredEvent;
-
-var createReactionClickedEvent = function createReactionClickedEvent(added, emojiId) {
-  return createPayload('clicked', 'existingReaction', _analyticsGasTypes.UI_EVENT_TYPE)({
-    added: added,
-    emojiId: emojiId
-  });
-};
-
-exports.createReactionClickedEvent = createReactionClickedEvent;
+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; }

package/dist/cjs/client/ReactionServiceClient.js

@@ -19,7 +19,23 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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; }
 
+/**
+ * Utility class to retrieve/modify all actions on reactions collection
+ */
 var ReactionServiceClient = /*#__PURE__*/function () {
+  /**
+   * oAuth token
+   */
+
+  /**
+   * API config
+   */
+
+  /**
+   *
+   * @param baseUrl base domain url
+   * @param sessionToken oAuth token for reactions emoji services
+   */
   function ReactionServiceClient(baseUrl, sessionToken) {
     var _this = this;
 
@@ -34,17 +50,18 @@ var ReactionServiceClient = /*#__PURE__*/function () {
     };
     this.sessionToken = sessionToken;
   }
+  /**
+   * Get http headers for the "fetch" request
+   * @param hasBody
+   */
+
 
   (0, _createClass2.default)(ReactionServiceClient, [{
     key: "getHeaders",
     value: function getHeaders() {
-      var hasBody = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
       var headers = {};
       headers['Accept'] = 'application/json';
-
-      if (hasBody) {
-        headers['Content-Type'] = 'application/json';
-      }
+      headers['Content-Type'] = 'application/json';
 
       if (this.sessionToken) {
         headers['Authorization'] = this.sessionToken;
@@ -52,6 +69,12 @@ var ReactionServiceClient = /*#__PURE__*/function () {
 
       return headers;
     }
+    /**
+     * Send a request to remote service
+     * @param path endpoint api url
+     * @param options Optional custom params
+     */
+
   }, {
     key: "getReactions",
     value: function getReactions(containerAri, aris) {
@@ -74,7 +97,7 @@ var ReactionServiceClient = /*#__PURE__*/function () {
     key: "getDetailedReaction",
     value: function getDetailedReaction(containerAri, ari, emojiId) {
       var reactionId = "".concat(containerAri, "|").concat(ari, "|").concat(emojiId);
-      var headers = this.getHeaders(false);
+      var headers = this.getHeaders();
       return this.requestService('reactions', {
         queryParams: {
           reactionId: reactionId