@atlaskit/reactions 21.5.1 → 21.6.1

package/dist/cjs/containers/ConnectedReactionsView/ConnectedReactionsView.js

@@ -0,0 +1,258 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.mapStateToPropsHelper = exports.mapDispatchToPropsHelper = exports.ConnectedReactionsView = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _analyticsNamespacedContext = require("@atlaskit/analytics-namespaced-context");
+
+var _analyticsNext = require("@atlaskit/analytics-next");
+
+var _components = require("../../components");
+
+var _store2 = require("../../store");
+
+var _types = require("../../types");
+
+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; }
+
+/**
+ * Export the mapper function outside the component so easier to do unit tests migration from Enzyme to React Testing Library
+ */
+var mapStateToPropsHelper = function mapStateToPropsHelper(containerAri, ari, state) {
+  var reactionsState = state && state.reactions["".concat(containerAri, "|").concat(ari)];
+
+  if (!state || !reactionsState) {
+    return {
+      status: _types.ReactionStatus.notLoaded,
+      reactions: []
+    };
+  }
+
+  switch (reactionsState.status) {
+    case _types.ReactionStatus.ready:
+      return {
+        reactions: reactionsState.reactions,
+        status: reactionsState.status,
+        flash: state.flash["".concat(containerAri, "|").concat(ari)]
+      };
+
+    case _types.ReactionStatus.error:
+      return {
+        status: _types.ReactionStatus.error,
+        reactions: []
+      };
+
+    default:
+      return {
+        status: _types.ReactionStatus.loading,
+        reactions: []
+      };
+  }
+};
+/**
+ * Export the mapper function outside the component so easier to do unit tests migration from Enzyme to React Testing Library
+ */
+
+
+exports.mapStateToPropsHelper = mapStateToPropsHelper;
+
+var mapDispatchToPropsHelper = function mapDispatchToPropsHelper(actions, containerAri, ari) {
+  return {
+    loadReaction: function loadReaction() {
+      actions.getReactions(containerAri, ari);
+    },
+    onReactionClick: function onReactionClick(emojiId) {
+      actions.toggleReaction(containerAri, ari, emojiId);
+    },
+    onReactionHover: function onReactionHover(emojiId) {
+      actions.getDetailedReaction(containerAri, ari, emojiId);
+    },
+    onSelection: function onSelection(emojiId) {
+      actions.addReaction(containerAri, ari, emojiId);
+    }
+  };
+};
+
+exports.mapDispatchToPropsHelper = mapDispatchToPropsHelper;
+
+var ConnectedReactionsView = function ConnectedReactionsView(props) {
+  var ari = props.ari,
+      containerAri = props.containerAri,
+      store = props.store;
+  /**
+   * Reference to the <Reactions /> component instance mandatory props
+   */
+
+  var _useState = (0, _react.useState)(),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      stateData = _useState2[0],
+      setStateData = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      dispatchData = _useState4[0],
+      setDispatchData = _useState4[1]; // compose a UFO experience object
+
+
+  var experienceInstance = (0, _react.useRef)();
+
+  var _useAnalyticsEvents = (0, _analyticsNext.useAnalyticsEvents)(),
+      createAnalyticsEvent = _useAnalyticsEvents.createAnalyticsEvent;
+
+  (0, _react.useEffect)(function () {
+    experienceInstance.current = _store2.ufoExperiences.render(ari);
+  }, [ari]); // abort when component gets unmounted
+
+  (0, _react.useEffect)(function () {
+    return function cleanup() {
+      var _experienceInstance$c;
+
+      (_experienceInstance$c = experienceInstance.current) === null || _experienceInstance$c === void 0 ? void 0 : _experienceInstance$c.abort({
+        metadata: {
+          source: 'Connected-Reactions-View',
+          data: {
+            ari: ari,
+            containerAri: containerAri
+          },
+          reason: 'unmount'
+        }
+      });
+    };
+  }, [experienceInstance, containerAri, ari]);
+  /**
+   * Maps the store instance "reactions" data to the <Reactions /> component state data
+   * @param state store instance latest data
+   */
+
+  var mapStateToProps = (0, _react.useCallback)(function (state) {
+    return mapStateToPropsHelper(containerAri, ari, state);
+  }, [containerAri, ari]);
+  /**
+   * Map the store instance "actions" methods to the <Reactions /> component actions methods
+   * @param actions list of actions in the store instance
+   */
+
+  var mapDispatchToProps = (0, _react.useCallback)(function (actions) {
+    return mapDispatchToPropsHelper(actions, containerAri, ari);
+  }, [ari, containerAri]);
+  (0, _react.useEffect)(function () {
+    (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var _store, state, dispatch;
+
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return Promise.resolve(store);
+
+            case 2:
+              _store = _context.sent;
+
+              if (_store.setCreateAnalyticsEvent && createAnalyticsEvent) {
+                _store.setCreateAnalyticsEvent(createAnalyticsEvent);
+              }
+
+              state = mapStateToProps(_store.getState());
+              dispatch = mapDispatchToProps(_store);
+              setStateData(state);
+              setDispatchData(dispatch);
+
+            case 8:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }))();
+  }, [createAnalyticsEvent, store, ari, containerAri, mapStateToProps, mapDispatchToProps]);
+  /**
+   * Listen to changes on the store data.
+   * TODO: Needs to be refactored inside the MemoryReactionsStore to different pattern, currently it relies on internal callbacks variable to trigger changes to the store.
+   * The flow that each action method triggers a call to "setState" => "triggerOnChange" => calls the callback function registered by the onChange method and de-register by the "removeOnChangeListener" method
+   */
+
+  (0, _react.useEffect)(function () {
+    var onChangeCallback = function onChangeCallback(state) {
+      var stateProps = mapStateToProps(state);
+      setStateData(stateProps);
+    };
+
+    (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
+      var _store;
+
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.next = 2;
+              return Promise.resolve(store);
+
+            case 2:
+              _store = _context2.sent;
+
+              _store.onChange(onChangeCallback);
+
+            case 4:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }))();
+    return function cleanup() {
+      (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
+        var _store;
+
+        return _regenerator.default.wrap(function _callee3$(_context3) {
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                _context3.next = 2;
+                return Promise.resolve(store);
+
+              case 2:
+                _store = _context3.sent;
+
+                _store.removeOnChangeListener(onChangeCallback);
+
+              case 4:
+              case "end":
+                return _context3.stop();
+            }
+          }
+        }, _callee3);
+      }))();
+    };
+  }, [mapStateToProps, store]);
+  return /*#__PURE__*/_react.default.createElement(_analyticsNamespacedContext.FabricElementsAnalyticsContext, {
+    data: {
+      containerAri: containerAri,
+      ari: ari
+    }
+  }, /*#__PURE__*/_react.default.createElement(_components.UfoErrorBoundary, {
+    experiences: experienceInstance.current ? [experienceInstance.current] : []
+  }, stateData && dispatchData ? /*#__PURE__*/_react.default.createElement(_components.Reactions, (0, _extends2.default)({
+    key: "".concat(props.containerAri, "|").concat(props.ari)
+  }, props, dispatchData, stateData)) : null));
+};
+
+exports.ConnectedReactionsView = ConnectedReactionsView;

package/dist/cjs/containers/ConnectedReactionsView/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ConnectedReactionsView", {
+  enumerable: true,
+  get: function get() {
+    return _ConnectedReactionsView.ConnectedReactionsView;
+  }
+});
+
+var _ConnectedReactionsView = require("./ConnectedReactionsView");

package/dist/cjs/containers/index.js

@@ -3,19 +3,29 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "ConnectedReactionPicker", {
-  enumerable: true,
-  get: function get() {
-    return _ConnectedReactionPicker.ConnectedReactionPicker;
-  }
-});
-Object.defineProperty(exports, "ConnectedReactionsView", {
-  enumerable: true,
-  get: function get() {
-    return _ConnectedReactionsView.ConnectedReactionsView;
-  }
-});
 
 var _ConnectedReactionPicker = require("./ConnectedReactionPicker");
 
-var _ConnectedReactionsView = require("./ConnectedReactionsView");
+Object.keys(_ConnectedReactionPicker).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ConnectedReactionPicker[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ConnectedReactionPicker[key];
+    }
+  });
+});
+
+var _ConnectedReactionsView = require("./ConnectedReactionsView");
+
+Object.keys(_ConnectedReactionsView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ConnectedReactionsView[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ConnectedReactionsView[key];
+    }
+  });
+});

package/dist/cjs/hooks/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useClickAway", {
+  enumerable: true,
+  get: function get() {
+    return _useClickAway.useClickAway;
+  }
+});
+
+var _useClickAway = require("./useClickAway");

package/dist/cjs/hooks/useClickAway.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useClickAway = useClickAway;
+
+var _react = require("react");
+
+/**
+ * Custom hook to detect when user action is outside given container ref
+ * @param ref ref object to an html element
+ * @param callback event callback when detected a click outside the ref object
+ * @param type (Optional) type of event to listen to. @default click
+ */
+function useClickAway(ref, callback) {
+  var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'click';
+  (0, _react.useEffect)(function () {
+    /**
+     * Alert if clicked on outside of element
+     */
+    function handleClickOutside(event) {
+      if (ref.current && event.target instanceof Node && !ref.current.contains(event.target)) {
+        callback();
+      }
+    } // Bind the event listener
+
+
+    document.addEventListener(type, handleClickOutside);
+    return function () {
+      // Unbind the event listener on clean up
+      document.removeEventListener(type, handleClickOutside);
+    };
+  }, [ref, callback, type]);
+}

package/dist/cjs/index.js

@@ -57,11 +57,19 @@ Object.defineProperty(exports, "UFO", {
     return _analytics.UFO;
   }
 });
+Object.defineProperty(exports, "constants", {
+  enumerable: true,
+  get: function get() {
+    return _shared.constants;
+  }
+});
 
 var _analytics = require("./analytics");
 
 var _client = require("./client");
 
+var _shared = require("./shared");
+
 var _components = require("./components");
 
 var _containers = require("./containers");

package/dist/cjs/shared/constants.js

@@ -3,11 +3,42 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.demoCloudId = exports.ContainerAriPrefix = exports.AriPrefix = void 0;
-// site id for jdog.jira-dev.com
-var demoCloudId = "49d8b9d6-ee7d-4931-a0ca-7fcae7d1c3b5";
-exports.demoCloudId = demoCloudId;
-var AriPrefix = "ari:cloud:test:".concat(demoCloudId, ":item/");
-exports.AriPrefix = AriPrefix;
-var ContainerAriPrefix = "ari:cloud:test:".concat(demoCloudId, ":container/");
-exports.ContainerAriPrefix = ContainerAriPrefix;
+exports.TOOLTIP_USERS_LIMIT = exports.DefaultReactionsByShortName = exports.DefaultReactions = void 0;
+
+/**
+ * Initial list of emoji to pick from
+ */
+var DefaultReactions = [{
+  id: '1f44d',
+  shortName: ':thumbsup:'
+}, {
+  id: '1f44f',
+  shortName: ':clap:'
+}, {
+  id: '1f525',
+  shortName: ':fire:'
+}, {
+  id: '2764',
+  shortName: ':heart:'
+}, {
+  id: '1f632',
+  shortName: ':astonished:'
+}, {
+  id: '1f914',
+  shortName: ':thinking:'
+}];
+/**
+ * ES6 Map object from default emoji reactions (with key => shortName, value => entire emoji item)
+ */
+
+exports.DefaultReactions = DefaultReactions;
+var DefaultReactionsByShortName = new Map(DefaultReactions.map(function (reaction) {
+  return [reaction.shortName, reaction];
+}));
+/**
+ * Maximum number of users to show in the tooltip for an emoji reaction
+ */
+
+exports.DefaultReactionsByShortName = DefaultReactionsByShortName;
+var TOOLTIP_USERS_LIMIT = 5;
+exports.TOOLTIP_USERS_LIMIT = TOOLTIP_USERS_LIMIT;

package/dist/cjs/{components → shared}/i18n.js

@@ -20,7 +20,7 @@ var messages = (0, _reactIntlNext.defineMessages)({
   },
   unexpectedError: {
     id: 'fabric.reactions.error.unexpected',
-    defaultMessage: 'Something went wrong',
+    defaultMessage: 'Reactions are temporarily unavailable',
     description: 'Unexpected error message'
   },
   otherUsers: {

package/dist/cjs/shared/index.js

@@ -5,11 +5,19 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Constants = void 0;
+exports.utils = exports.i18n = exports.constants = void 0;
 
-var _Constants = _interopRequireWildcard(require("./constants"));
+var _constants = _interopRequireWildcard(require("./constants"));
 
-exports.Constants = _Constants;
+exports.constants = _constants;
+
+var _utils = _interopRequireWildcard(require("./utils"));
+
+exports.utils = _utils;
+
+var _i18n = _interopRequireWildcard(require("./i18n"));
+
+exports.i18n = _i18n;
 
 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); }
 

package/dist/cjs/shared/utils.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isLeftClick = exports.isDefaultReaction = void 0;
+
+var _constants = require("./constants");
+
+/**
+ * Is selected mouse event a left click
+ * @param event event data
+ */
+var isLeftClick = function isLeftClick(event) {
+  return event.button === 0 && !event.altKey && !event.ctrlKey && !event.metaKey && !event.shiftKey;
+};
+/**
+ * Does provided item part of the default emoji ids
+ * @param item selected emoji item
+ */
+
+
+exports.isLeftClick = isLeftClick;
+
+var isDefaultReaction = function isDefaultReaction(item) {
+  return _constants.DefaultReactions.some(function (otherEmojiId) {
+    return isEqualEmojiId(otherEmojiId, item);
+  });
+};
+/**
+ * compare 2 emoji items if they are same input
+ * @param a first emoji item
+ * @param b second emoji item
+ */
+
+
+exports.isDefaultReaction = isDefaultReaction;
+
+var isEqualEmojiId = function isEqualEmojiId(a, b) {
+  if (isEmojiId(a) && isEmojiId(b)) {
+    return a === b || a && b && a.id === b.id && a.shortName === b.shortName;
+  } else {
+    return a === b;
+  }
+};
+/**
+ * Type guard if provided object is a string id or an object info collection for the emoji
+ * @param item given item
+ */
+
+
+var isEmojiId = function isEmojiId(item) {
+  return item.id !== undefined;
+};

package/dist/cjs/store/{ReactionsStore.js → MemoryReactionsStore.js}

@@ -15,7 +15,7 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var Analytics = _interopRequireWildcard(require("../analytics"));
+var _analytics = require("../analytics");
 
 var Types = _interopRequireWildcard(require("../types"));
 
@@ -42,12 +42,12 @@ var ufoExperiences = {
   /**
    * Experience when a reaction emoji gets added
    */
-  add: Analytics.UFO.ReactionsAdd,
+  add: _analytics.UFO.ReactionsAdd,
 
   /**
    * Experience when a reaction emoji gets removed/decrement
    */
-  remove: Analytics.UFO.ReactionsRemove,
+  remove: _analytics.UFO.ReactionsRemove,
 
   /**
    * Experience when the list of reactions gets rendered with sampling
@@ -59,25 +59,27 @@ var ufoExperiences = {
   /**
    * Experience when a reaction details gets fetched
    */
-  fetchDetails: Analytics.UFO.ReactionDetailsFetch
+  fetchDetails: _analytics.UFO.ReactionDetailsFetch
 };
 /**
- * Collection of methods to manage internal state across the different Reaction container components ConnectedReactionPicker and ConnectedReactionsView
+ * Optional metadata information in the store used in sending the API client requests
  */
 
 exports.ufoExperiences = ufoExperiences;
 
 var MemoryReactionsStore = /*#__PURE__*/function () {
-  function MemoryReactionsStore(client) {
+  /**
+   * default initial store data
+   */
+  function MemoryReactionsStore(client, state, metadata) {
     var _this = this;
 
-    var state = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
-      reactions: {},
-      flash: {}
-    };
-    var metadata = arguments.length > 2 ? arguments[2] : undefined;
     (0, _classCallCheck2.default)(this, MemoryReactionsStore);
     (0, _defineProperty2.default)(this, "callbacks", []);
+    (0, _defineProperty2.default)(this, "initialState", {
+      reactions: {},
+      flash: {}
+    });
     (0, _defineProperty2.default)(this, "setState", function (newState) {
       _this.state = _objectSpread(_objectSpread({}, _this.state), newState);
 
@@ -165,14 +167,14 @@ var MemoryReactionsStore = /*#__PURE__*/function () {
 
       _this.client.addReaction(containerAri, ari, emojiId, _this.metadata).then(function (_) {
         if (_this.createAnalyticsEvent) {
-          Analytics.createAndFireSafe(_this.createAnalyticsEvent, Analytics.createRestSucceededEvent, 'addReaction');
+          _analytics.Analytics.createAndFireSafe(_this.createAnalyticsEvent, _analytics.Analytics.createRestSucceededEvent, 'addReaction');
         } // ufo add reaction success
 
 
         exp.success();
       }).catch(function (error) {
-        if (_this.createAnalyticsEvent && (0, utils.isRealErrorFromService)(error.code)) {
-          _this.createAnalyticsEvent && Analytics.createAndFireSafe(_this.createAnalyticsEvent, Analytics.createRestFailedEvent, 'addReaction', error.code); // ufo add reaction failure
+        if ((0, utils.isRealErrorFromService)(error.code)) {
+          _this.createAnalyticsEvent && _analytics.Analytics.createAndFireSafe(_this.createAnalyticsEvent, _analytics.Analytics.createRestFailedEvent, 'addReaction', error.code); // ufo add reaction failure
 
           exp.failure({
             metadata: {
@@ -247,14 +249,14 @@ var MemoryReactionsStore = /*#__PURE__*/function () {
         });
       }).then(function () {
         if (_this.createAnalyticsEvent) {
-          Analytics.createAndFireSafe(_this.createAnalyticsEvent, Analytics.createRestSucceededEvent, 'getReactions');
+          _analytics.Analytics.createAndFireSafe(_this.createAnalyticsEvent, _analytics.Analytics.createRestSucceededEvent, 'getReactions');
         }
 
         sampledExp.success();
       }).catch(function (error) {
         if ((0, utils.isRealErrorFromService)(error.code)) {
           if (_this.createAnalyticsEvent) {
-            Analytics.createAndFireSafe(_this.createAnalyticsEvent, Analytics.createRestFailedEvent, 'getReactions', error.code);
+            _analytics.Analytics.createAndFireSafe(_this.createAnalyticsEvent, _analytics.Analytics.createRestFailedEvent, 'getReactions');
           }
 
           sampledExp.failure({
@@ -268,8 +270,20 @@ var MemoryReactionsStore = /*#__PURE__*/function () {
               reason: 'getReactions fetch failed'
             }
           });
-          return Promise.reject(error);
         }
+
+        var reactionsState = arisArr.reduce(function (acc, ari) {
+          return _objectSpread(_objectSpread({}, acc), {}, (0, _defineProperty2.default)({}, "".concat(containerAri, "|").concat(ari), {
+            reactions: [],
+            status: Types.ReactionStatus.error
+          }));
+        }, {});
+
+        _this.setState(_objectSpread(_objectSpread({}, _this.state), {}, {
+          reactions: _objectSpread(_objectSpread({}, _this.state.reactions), reactionsState)
+        }));
+
+        return Promise.reject(error);
       });
     }));
     (0, _defineProperty2.default)(this, "toggleReaction", this.withReaction(this.doRemoveReaction, this.doAddReaction));
@@ -311,9 +325,14 @@ var MemoryReactionsStore = /*#__PURE__*/function () {
       });
     });
     this.client = client;
-    this.state = state;
+    this.state = state !== null && state !== void 0 ? state : this.initialState;
     this.metadata = metadata;
   }
+  /**
+   * Update the store state data with a new data
+   * @param newState new store data
+   */
+
 
   (0, _createClass2.default)(MemoryReactionsStore, [{
     key: "getReactionsState",