@corva/ui 0.34.0-rc.2 → 0.34.0-rc.3

package/components/CommentInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/CommentInput/index.js"],"sourcesContent":["import { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport noop from 'lodash/noop';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { get } from 'lodash';\n\nimport {\n  Typography,\n  TextField,\n  IconButton,\n  InputAdornment,\n  Paper,\n  Tooltip,\n} from '@material-ui/core';\n\nimport grey from '@material-ui/core/colors/grey';\n\nimport Avatar from '~components/Avatar';\nimport FileUploadIconButton from '~components/FileUploadIconButton';\nimport EmojiIconButton from '~components/EmojiIconButton';\nimport FailedFileUploading from '~components/FailedFileUploading';\nimport UserMention from '~components/UserMention';\nimport FilePreview from '~components/FilePreview';\nimport SendIcon from '~components/Icons/SendIcon';\n\nimport { isSuggestionsListOpened } from '~components/UserMention/utils';\n\nimport utils from '~utils/main';\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport { notifyCommentEdit, notifyCommentPost } from '~utils/nativeMessages'; // question here\n\nimport { patchFeedItemComment } from '../../clients/jsonApi';\n\nimport styles from './styles.css';\n\nconst PAGE_NAME = 'commentInput';\n\nconst style = {\n  chatAvatarWrapper: {\n    display: 'inline-block',\n    verticalAlign: 'top',\n    position: 'absolute',\n    left: -18,\n  },\n  commentTextFieldContainer: { position: 'relative', margin: '0' },\n  commentTextFieldContainerSpaceAround: { position: 'relative', margin: '20px 10px' },\n};\n\nconst muiStyles = theme => ({\n  paperRoot: {\n    width: 'calc(100% - 28px)', // NOTE: 28 is a settings icon size.\n    marginLeft: 25,\n    display: 'inline-block',\n    height: 35,\n    border: '0',\n    '&:focus-within': {\n      boxShadow: `inset 0 0 0 2px ${theme.palette.primary.main}`,\n    },\n    boxShadow: 'none',\n  },\n  input: {\n    paddingLeft: 5,\n    width: '100%',\n  },\n  inputRoot: {\n    height: 35,\n    paddingRight: '10px',\n    lineHeight: '29px',\n    paddingLeft: '10px',\n  },\n  inputEl: { padding: '0 0 0 6px', height: '100%' },\n  additionalActionButton: {\n    padding: '5px',\n    '&:hover': {\n      backgroundColor: 'transparent',\n    },\n  },\n  nativeActionButton: {\n    margin: '5px 10px',\n    cursor: 'pointer',\n  },\n  fileUploadingError: {\n    marginTop: 10,\n    marginLeft: 24,\n  },\n  inputMain: {\n    marginBottom: 0,\n    fontSize: '.7rem',\n    color: theme.palette.grey[700],\n  },\n  inputHelper: {\n    display: 'flex',\n    paddingRight: 5,\n  },\n  cancelText: {\n    cursor: 'pointer',\n  },\n  highlightedLabel: {\n    color: theme.palette.primary.main,\n  },\n  iconsContainer: {\n    marginRight: '8px',\n  },\n  iconTooltip: {\n    marginTop: '3px',\n  },\n});\n\nclass CommentInput extends PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      comment: '',\n      attachmentUrl: null,\n      attachmentName: null,\n      attachmentSize: null,\n\n      attachmentLoadingError: null,\n    };\n  }\n\n  componentDidMount() {\n    if (this.isEditMode) {\n      this.setInitialCommentValue();\n    }\n  }\n\n  componentDidUpdate(prevProps) {\n    const enteredEditMode = this.isEditMode && !prevProps.editFeedItemId;\n    if (\n      enteredEditMode ||\n      (this.props.editCommentId && this.props.editCommentId !== prevProps.editCommentId)\n    ) {\n      this.setInitialCommentValue();\n    }\n  }\n\n  get isEditMode() {\n    return !!this.props.editFeedItemId;\n  }\n\n  setInitialCommentValue() {\n    const attachmentUrl = this.props.editAttachment ? this.props.editAttachment.url : null;\n\n    this.setState({\n      comment: this.props.editComment,\n      attachmentUrl,\n      attachmentName: attachmentUrl ? utils.getFileNameWithExtensionFromPath(attachmentUrl) : null,\n      attachmentSize: this.props.editAttachment ? this.props.editAttachment.url : null,\n    });\n  }\n\n  handleSelectEmoji = emoji =>\n    this.setState(({ comment }) => ({ comment: `${comment}${emoji.native}` }));\n\n  postComment = async comment => {\n    let commentResponse;\n    try {\n      commentResponse = await this.props.postComment(comment);\n    } catch (e) {\n      console.error(e.message);\n    }\n\n    return commentResponse;\n  };\n\n  patchComment = async comment => {\n    const { editFeedItemId, editCommentId } = this.props;\n\n    let commentResponse;\n\n    try {\n      commentResponse = await patchFeedItemComment(editFeedItemId, editCommentId, comment);\n    } catch (e) {\n      console.error(e.message);\n    }\n\n    return commentResponse;\n  };\n\n  focusOnRef() {\n    if (this.props.inputRef) this.props.inputRef.current.focus();\n  }\n\n  clearCommentField = callback => {\n    this.setState(\n      {\n        comment: '',\n        attachmentUrl: null,\n        attachmentName: null,\n        attachmentSize: null,\n      },\n      () => {\n        this.focusOnRef();\n        if (callback && typeof callback === 'function') callback();\n      }\n    );\n  };\n\n  handleKeyDown = event => {\n    const { key } = event;\n\n    if (key === 'Escape') this.props.exitEditMode();\n\n    if (key === 'Enter') {\n      if (!isSuggestionsListOpened()) {\n        event.preventDefault();\n        this.handleSendComment();\n      }\n    }\n  };\n\n  handleAttachmentLoadingError = attachmentLoadingError => {\n    this.setState({\n      attachmentUrl: null,\n      attachmentName: null,\n      attachmentSize: null,\n      attachmentLoadingError,\n    });\n  };\n\n  handleFileUpload = (attachmentUrl, attachmentName, attachmentSize) => {\n    this.setState({\n      attachmentUrl,\n      attachmentName,\n      attachmentSize,\n      attachmentLoadingError: null,\n    });\n  };\n\n  handleNativeFileUpload = () => {\n    const { comment } = this.state;\n\n    if (this.isEditMode) {\n      notifyCommentEdit(comment);\n      this.clearCommentField(this.props.exitEditMode);\n    } else {\n      notifyCommentPost(comment);\n      this.clearCommentField();\n    }\n  };\n\n  handleFileDelete = () =>\n    this.setState({ attachmentUrl: null, attachmentName: null, attachmentSize: null });\n\n  handleSendComment = async () => {\n    const textComment = this.state.comment ? this.state.comment.trim() : null;\n    if (!textComment && !this.state.attachmentUrl) return;\n\n    const comment = {\n      comment: {\n        body: textComment,\n        attachment: {\n          url: this.state.attachmentUrl,\n          size: this.state.attachmentSize,\n          file_name: this.state.attachmentName,\n        },\n      },\n    };\n\n    let commentResponse;\n\n    if (this.isEditMode) {\n      this.props.setIsEditting(true);\n\n      commentResponse = await this.patchComment(comment);\n      await this.props.patchCommentCallback(commentResponse);\n\n      this.props.setIsEditting(false);\n      this.clearCommentField();\n      this.props.exitEditMode();\n    } else {\n      this.props.setIsPosting(true);\n\n      commentResponse = await this.postComment(comment);\n      await this.props.postCommentCallback(commentResponse);\n\n      this.props.setIsPosting(false);\n      this.clearCommentField();\n    }\n  };\n\n  handleCloseEditClick = () => {\n    this.setState({ comment: '' });\n    this.props.exitEditMode();\n  };\n\n  render() {\n    const { classes, currentUser } = this.props;\n\n    const currentUserFullName = `${get(currentUser, [\n      'attributes',\n      'first_name',\n    ])} ${get(currentUser, ['attributes', 'last_name'])}`;\n\n    return (\n      <div\n        style={\n          this.props.spaceAround\n            ? style.commentTextFieldContainerSpaceAround\n            : style.commentTextFieldContainer\n        }\n      >\n        <div style={style.chatAvatarWrapper}>\n          <Avatar\n            displayName={currentUserFullName}\n            // imgSrc={this.props.currentUser.get('profile_photo')}\n            imgSrc={this.props.currentUser && this.props.currentUser.profile_photo}\n          />\n        </div>\n        <Paper className={this.props.classes.paperRoot}>\n          <TextField\n            data-testid={`${PAGE_NAME}_input`}\n            placeholder=\"Add Comment...\"\n            FormHelperTextProps={{\n              component: 'div',\n              margin: 'dense',\n            }}\n            InputProps={{\n              inputComponent: UserMention,\n              inputProps: {\n                onChange: comment => this.setState({ comment }),\n                singleLine: true,\n                value: this.state.comment || '',\n                inputRef: this.props.inputRef,\n                withLightTheme: false,\n                onMount: this.props.onMount,\n                companyId: this.props.companyId,\n                autoFocus: this.props.autoFocus,\n                disabled: this.props.disabled,\n              },\n              endAdornment: !this.props.isNative && (\n                <InputAdornment position=\"end\" className={this.props.classes.iconsContainer}>\n                  {!this.state.attachmentUrl && (\n                    <Tooltip\n                      title=\"Attach File\"\n                      placement=\"bottom\"\n                      classes={{ tooltip: classes.iconTooltip }}\n                    >\n                      <div\n                        className={classNames(\n                          styles.cCommentInputIconContainer,\n                          styles.cCommentInputIconUpload\n                        )}\n                      >\n                        <FileUploadIconButton\n                          openPreviewDialogOnUpload={false}\n                          disableRipple\n                          onFinish={this.handleFileUpload}\n                          onError={this.handleAttachmentLoadingError}\n                          fileUploadIconClassName={this.props.classes.additionalActionButton}\n                          htmlColor={grey[400]}\n                          inputId={`comment-attachment-${this.props.editCommentId}`}\n                        />\n                      </div>\n                    </Tooltip>\n                  )}\n                  <Tooltip\n                    title=\"Add Emoji\"\n                    placement=\"bottom\"\n                    classes={{ tooltip: classes.iconTooltip }}\n                  >\n                    <div className={styles.cCommentInputIconContainer}>\n                      <EmojiIconButton\n                        data-testid={`${PAGE_NAME}_emojiButton`}\n                        handleSelectEmoji={this.handleSelectEmoji}\n                        emojiIconClassName={this.props.classes.additionalActionButton}\n                        htmlColor={grey[400]}\n                        disableRipple\n                      />\n                    </div>\n                  </Tooltip>\n                </InputAdornment>\n              ),\n              disableUnderline: true,\n              classes: {\n                root: this.props.classes.inputRoot,\n                input: this.props.classes.inputEl,\n              },\n            }}\n            className={this.props.classes.input}\n            onKeyDown={this.handleKeyDown}\n          />\n        </Paper>\n\n        {this.state.attachmentLoadingError && (\n          <FailedFileUploading\n            errorMessage={this.state.attachmentLoadingError}\n            className={this.props.classes.fileUploadingError}\n          />\n        )}\n\n        {this.state.attachmentUrl && (\n          <FilePreview\n            fileName={this.state.attachmentName}\n            fileUrl={this.state.attachmentUrl}\n            handleFileDelete={this.handleFileDelete}\n            classes={this.props.classes}\n          />\n        )}\n        <div className={styles.cCommentInputSendContainer}>\n          <div className={styles.cCommentInputSendContainerCancel}>\n            {this.isEditMode && (\n              <Typography\n                variant=\"caption\"\n                className={classNames(\n                  this.props.classes.inputMain,\n                  this.props.classes.cancelText,\n                  this.props.classes.highlightedLabel\n                )}\n                component=\"div\"\n                gutterBottom\n                onClick={this.props.exitEditMode}\n              >\n                Cancel\n              </Typography>\n            )}\n          </div>\n          <div className={styles.cCommentInputSendContainerSend}>\n            <Typography\n              variant=\"caption\"\n              className={classNames(this.props.classes.inputMain, this.props.classes.inputHelper)}\n              component=\"div\"\n              gutterBottom\n            >\n              Press&nbsp;\n              <Typography\n                variant=\"caption\"\n                color=\"primary\"\n                className={classNames(\n                  this.props.classes.inputMain,\n                  this.props.classes.highlightedLabel\n                )}\n              >\n                Enter\n              </Typography>\n              &nbsp;to send\n            </Typography>\n            <IconButton data-testid={`${PAGE_NAME}_sendButton`} onClick={this.handleSendComment}>\n              <SendIcon />\n            </IconButton>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n\nCommentInput.propTypes = {\n  inputRef: PropTypes.shape({ current: PropTypes.shape({ focus: PropTypes.shape({}) }) }),\n  editFeedItemId: PropTypes.number,\n  editCommentId: PropTypes.number,\n  editComment: PropTypes.string,\n  editAttachment: PropTypes.shape({ url: PropTypes.string }),\n  spaceAround: PropTypes.bool,\n  postComment: PropTypes.func.isRequired,\n  postCommentCallback: PropTypes.func,\n  patchCommentCallback: PropTypes.func,\n  exitEditMode: PropTypes.func,\n  setIsPosting: PropTypes.func,\n  setIsEditting: PropTypes.func,\n  onMount: PropTypes.func,\n  autoFocus: PropTypes.bool,\n  disabled: PropTypes.bool,\n\n  classes: PropTypes.shape({}).isRequired,\n\n  currentUser: PropTypes.shape(),\n  isNative: PropTypes.bool,\n  companyId: PropTypes.number,\n};\n\nCommentInput.defaultProps = {\n  inputRef: null,\n  editFeedItemId: null,\n  editCommentId: null,\n  editComment: null,\n  editAttachment: {},\n  spaceAround: false,\n  setIsPosting: noop,\n  setIsEditting: noop,\n  onMount: noop,\n  autoFocus: undefined,\n  disabled: false,\n  patchCommentCallback: noop,\n  postCommentCallback: noop,\n  exitEditMode: noop,\n  companyId: null,\n  currentUser: {},\n\n  isNative: isNativeDetected,\n};\n\nexport default withStyles(muiStyles)(CommentInput);\n"],"names":["PAGE_NAME","style","chatAvatarWrapper","display","verticalAlign","position","left","commentTextFieldContainer","margin","commentTextFieldContainerSpaceAround","muiStyles","theme","paperRoot","width","marginLeft","height","border","boxShadow","palette","primary","main","input","paddingLeft","inputRoot","paddingRight","lineHeight","inputEl","padding","additionalActionButton","backgroundColor","nativeActionButton","cursor","fileUploadingError","marginTop","inputMain","marginBottom","fontSize","color","grey","inputHelper","cancelText","highlightedLabel","iconsContainer","marginRight","iconTooltip","CommentInput","props","emoji","setState","comment","native","postComment","commentResponse","console","error","message","editFeedItemId","editCommentId","patchFeedItemComment","callback","attachmentUrl","attachmentName","attachmentSize","focusOnRef","event","key","exitEditMode","isSuggestionsListOpened","preventDefault","handleSendComment","attachmentLoadingError","state","isEditMode","notifyCommentEdit","clearCommentField","notifyCommentPost","textComment","trim","body","attachment","url","size","file_name","setIsEditting","patchComment","patchCommentCallback","setIsPosting","postCommentCallback","setInitialCommentValue","prevProps","enteredEditMode","editAttachment","editComment","utils","getFileNameWithExtensionFromPath","inputRef","current","focus","classes","currentUser","currentUserFullName","get","_jsxs","spaceAround","_jsx","profile_photo","component","inputComponent","UserMention","inputProps","onChange","singleLine","value","withLightTheme","onMount","companyId","autoFocus","disabled","endAdornment","isNative","tooltip","classNames","styles","cCommentInputIconContainer","cCommentInputIconUpload","handleFileUpload","handleAttachmentLoadingError","handleSelectEmoji","disableUnderline","root","handleKeyDown","handleFileDelete","cCommentInputSendContainer","cCommentInputSendContainerCancel","cCommentInputSendContainerSend","PureComponent","propTypes","PropTypes","shape","number","string","bool","func","isRequired","defaultProps","noop","undefined","isNativeDetected","withStyles"],"mappings":"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"}

package/components/CommentInput/styles.css.js

@@ -1 +1,8 @@
-import n from'./../../ext-esm/style-inject/dist/style-inject.es.js';var e={cCommentInputSendContainer:"styles_cCommentInputSendContainer__YGdyj",cCommentInputSendContainerSend:"styles_cCommentInputSendContainerSend__v2QuS",cCommentInputSendContainerCancel:"styles_cCommentInputSendContainerCancel__ihM5z",cCommentInputIconContainer:"styles_cCommentInputIconContainer__GI8uz",cCommentInputIconUpload:"styles_cCommentInputIconUpload__-4I0T"};n(".styles_cCommentInputSendContainer__YGdyj{display:flex;justify-content:space-between;margin-left:25px;padding-right:6px}.styles_cCommentInputSendContainerCancel__ihM5z,.styles_cCommentInputSendContainerSend__v2QuS{align-items:center;display:flex}.styles_cCommentInputIconContainer__GI8uz{border-radius:20px;height:40px;margin-right:-10px;padding:5px;text-align:center}.styles_cCommentInputIconContainer__GI8uz:hover{background:hsla(0,0%,100%,.1)}.styles_cCommentInputIconUpload__-4I0T{align-items:center;display:flex}");export{e as default};
+import styleInject from '../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".styles_cCommentInputSendContainer__3isC6 {\n  display: flex;\n  justify-content: space-between;\n  padding-right: 6px;\n  margin-left: 25px;\n}\n\n.styles_cCommentInputSendContainerSend__3FSoU,\n.styles_cCommentInputSendContainerCancel__1JpEs {\n  display: flex;\n  align-items: center;\n}\n\n.styles_cCommentInputIconContainer__1E43C {\n  border-radius: 20px;\n  text-align: center;\n  padding: 5px;\n  height: 40px;\n  margin-right: -10px;\n}\n\n.styles_cCommentInputIconContainer__1E43C:hover {\n  background: rgba(255, 255, 255, 0.1);\n}\n\n.styles_cCommentInputIconUpload__2uM_u {\n  display: flex;\n  align-items: center;\n}\n";
+var styles = {"cCommentInputSendContainer":"styles_cCommentInputSendContainer__3isC6","cCommentInputSendContainerSend":"styles_cCommentInputSendContainerSend__3FSoU","cCommentInputSendContainerCancel":"styles_cCommentInputSendContainerCancel__1JpEs","cCommentInputIconContainer":"styles_cCommentInputIconContainer__1E43C","cCommentInputIconUpload":"styles_cCommentInputIconUpload__2uM_u"};
+styleInject(css_248z);
+
+export default styles;
+//# sourceMappingURL=styles.css.js.map

package/components/CommentInput/styles.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,oDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/components/CommentLoader.js

@@ -1 +1,96 @@
-import r from"@babel/runtime/helpers/classCallCheck";import e from"@babel/runtime/helpers/createClass";import t from"@babel/runtime/helpers/assertThisInitialized";import o from"@babel/runtime/helpers/inherits";import n from"@babel/runtime/helpers/possibleConstructorReturn";import i from"@babel/runtime/helpers/getPrototypeOf";import s from"@babel/runtime/helpers/defineProperty";import{createRef as a,PureComponent as c}from"react";import p from"prop-types";import{withStyles as l}from"@material-ui/core/styles";import u from"./LoadingIndicator/LoadingIndicator.js";import m from"./CommentWrapper.js";import{jsx as f}from"react/jsx-runtime";function d(r){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(r){return!1}}();return function(){var t,o=i(r);if(e){var s=i(this).constructor;t=Reflect.construct(o,arguments,s)}else t=o.apply(this,arguments);return n(this,t)}}var h={loadingIndicatorWrapper:{padding:"0 20px 0 0"}},b=function(n){o(p,c);var i=d(p);function p(e){var o;return r(this,p),o=i.call(this,e),s(t(o),"showIntoView",(function(){o.commentLoaderEl.current.scrollIntoView({block:"end"})})),o.commentLoaderEl=a(),o}return e(p,[{key:"componentDidMount",value:function(){this.props.showOnMount&&this.showIntoView()}},{key:"render",value:function(){return f("div",{ref:this.commentLoaderEl,children:f(m,{spaceAround:this.props.spaceAround,isLoader:!0,className:this.props.classes.commentWrapper,children:f("div",{style:h.loadingIndicatorWrapper,children:f(u,{fullscreen:!1,size:30})})})})}}]),p}();b.propTypes={showOnMount:p.bool,spaceAround:p.bool,classes:p.shape({}).isRequired},b.defaultProps={showOnMount:!1,spaceAround:!1};var y=l({commentWrapper:{width:"calc(100% - 28px)"}})(b);export{y as default};
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
+import _createClass from '@babel/runtime/helpers/createClass';
+import { jsx } from 'react/jsx-runtime';
+import { createRef, PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import { withStyles } from '@material-ui/core/styles';
+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 LoadingIndicator from './LoadingIndicator/LoadingIndicator.js';
+import CommentWrapper from './CommentWrapper.js';
+
+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 _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+var styles = {
+  // NOTE: Centers the LoadingIndicator
+  loadingIndicatorWrapper: {
+    padding: '0 20px 0 0'
+  }
+};
+var muiStyles = {
+  commentWrapper: {
+    width: 'calc(100% - 28px)' // NOTE: 28 === settings icon size.
+
+  }
+};
+
+var CommentLoader = /*#__PURE__*/function (_PureComponent) {
+  _inherits(CommentLoader, _PureComponent);
+
+  var _super = _createSuper(CommentLoader);
+
+  function CommentLoader(props) {
+    var _this;
+
+    _classCallCheck(this, CommentLoader);
+
+    _this = _super.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this), "showIntoView", function () {
+      _this.commentLoaderEl.current.scrollIntoView({
+        block: 'end'
+      });
+    });
+
+    _this.commentLoaderEl = createRef();
+    return _this;
+  }
+
+  _createClass(CommentLoader, [{
+    key: "componentDidMount",
+    value: function componentDidMount() {
+      if (this.props.showOnMount) {
+        this.showIntoView();
+      }
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/jsx("div", {
+        ref: this.commentLoaderEl,
+        children: /*#__PURE__*/jsx(CommentWrapper, {
+          spaceAround: this.props.spaceAround,
+          isLoader: true,
+          className: this.props.classes.commentWrapper,
+          children: /*#__PURE__*/jsx("div", {
+            style: styles.loadingIndicatorWrapper,
+            children: /*#__PURE__*/jsx(LoadingIndicator, {
+              fullscreen: false,
+              size: 30
+            })
+          })
+        })
+      });
+    }
+  }]);
+
+  return CommentLoader;
+}(PureComponent);
+
+CommentLoader.propTypes = {
+  showOnMount: PropTypes.bool,
+  spaceAround: PropTypes.bool,
+  classes: PropTypes.shape({}).isRequired
+};
+CommentLoader.defaultProps = {
+  showOnMount: false,
+  spaceAround: false
+};
+var CommentLoader$1 = withStyles(muiStyles)(CommentLoader);
+
+export default CommentLoader$1;
+//# sourceMappingURL=CommentLoader.js.map

package/components/CommentLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentLoader.js","sources":["../../src/components/CommentLoader.js"],"sourcesContent":["import { createRef, PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\n\nimport LoadingIndicator from '~components/LoadingIndicator';\nimport CommentWrapper from '~components/CommentWrapper';\n\nconst styles = {\n  // NOTE: Centers the LoadingIndicator\n  loadingIndicatorWrapper: { padding: '0 20px 0 0' },\n};\n\nconst muiStyles = {\n  commentWrapper: {\n    width: 'calc(100% - 28px)', // NOTE: 28 === settings icon size.\n  },\n};\n\nclass CommentLoader extends PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.commentLoaderEl = createRef();\n  }\n\n  componentDidMount() {\n    if (this.props.showOnMount) {\n      this.showIntoView();\n    }\n  }\n\n  showIntoView = () => {\n    this.commentLoaderEl.current.scrollIntoView({ block: 'end' });\n  };\n\n  render() {\n    return (\n      <div ref={this.commentLoaderEl}>\n        <CommentWrapper\n          spaceAround={this.props.spaceAround}\n          isLoader\n          className={this.props.classes.commentWrapper}\n        >\n          <div style={styles.loadingIndicatorWrapper}>\n            <LoadingIndicator fullscreen={false} size={30} />\n          </div>\n        </CommentWrapper>\n      </div>\n    );\n  }\n}\n\nCommentLoader.propTypes = {\n  showOnMount: PropTypes.bool,\n  spaceAround: PropTypes.bool,\n\n  classes: PropTypes.shape({}).isRequired\n};\n\nCommentLoader.defaultProps = {\n  showOnMount: false,\n  spaceAround: false,\n};\n\nexport default withStyles(muiStyles)(CommentLoader);\n"],"names":["styles","loadingIndicatorWrapper","padding","muiStyles","commentWrapper","width","CommentLoader","props","commentLoaderEl","current","scrollIntoView","block","createRef","showOnMount","showIntoView","_jsx","spaceAround","classes","PureComponent","propTypes","PropTypes","bool","shape","isRequired","defaultProps","withStyles"],"mappings":";;;;;;;;;;;;;;;;;AAOA,IAAMA,MAAM,GAAG;AACb;AACAC,EAAAA,uBAAuB,EAAE;AAAEC,IAAAA,OAAO,EAAE;AAAX;AAFZ,CAAf;AAKA,IAAMC,SAAS,GAAG;AAChBC,EAAAA,cAAc,EAAE;AACdC,IAAAA,KAAK,EAAE,mBADO;;AAAA;AADA,CAAlB;;IAMMC;;;;;AACJ,yBAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AACjB,8BAAMA,KAAN;;AADiB,mEAYJ,YAAM;AACnB,YAAKC,eAAL,CAAqBC,OAArB,CAA6BC,cAA7B,CAA4C;AAAEC,QAAAA,KAAK,EAAE;AAAT,OAA5C;AACD,KAdkB;;AAGjB,UAAKH,eAAL,GAAuBI,SAAS,EAAhC;AAHiB;AAIlB;;;;wCAEmB;AAClB,UAAI,KAAKL,KAAL,CAAWM,WAAf,EAA4B;AAC1B,aAAKC,YAAL;AACD;AACF;;;6BAMQ;AACP,0BACEC;AAAK,QAAA,GAAG,EAAE,KAAKP,eAAf;AAAA,+BACEO,IAAC,cAAD;AACE,UAAA,WAAW,EAAE,KAAKR,KAAL,CAAWS,WAD1B;AAEE,UAAA,QAAQ,MAFV;AAGE,UAAA,SAAS,EAAE,KAAKT,KAAL,CAAWU,OAAX,CAAmBb,cAHhC;AAAA,iCAKEW;AAAK,YAAA,KAAK,EAAEf,MAAM,CAACC,uBAAnB;AAAA,mCACEc,IAAC,gBAAD;AAAkB,cAAA,UAAU,EAAE,KAA9B;AAAqC,cAAA,IAAI,EAAE;AAA3C;AADF;AALF;AADF,QADF;AAaD;;;;EA/ByBG;;AAkC5BZ,aAAa,CAACa,SAAd,GAA0B;AACxBN,EAAAA,WAAW,EAAEO,SAAS,CAACC,IADC;AAExBL,EAAAA,WAAW,EAAEI,SAAS,CAACC,IAFC;AAIxBJ,EAAAA,OAAO,EAAEG,SAAS,CAACE,KAAV,CAAgB,EAAhB,EAAoBC;AAJL,CAA1B;AAOAjB,aAAa,CAACkB,YAAd,GAA6B;AAC3BX,EAAAA,WAAW,EAAE,KADc;AAE3BG,EAAAA,WAAW,EAAE;AAFc,CAA7B;AAKA,sBAAeS,UAAU,CAACtB,SAAD,CAAV,CAAsBG,aAAtB,CAAf;;;;"}

package/components/CommentWrapper.js

@@ -1 +1,77 @@
-import r from"prop-types";import e from"classnames";import{withStyles as a}from"@material-ui/core/styles";import o from"@material-ui/core/Paper";import{jsx as p}from"react/jsx-runtime";var i=function(r,e,a){return a&&e?r.paperRootLoaderSpaceAround:a&&!e?r.paperRootLoader:!a&&e?r.paperRootSpaceAround:a||e?null:r.paperRoot},s=function(r){var a=r.spaceAround,s=r.isLoader,n=r.children,t=r.classes,d=r.className;return p(o,{className:e(i(t,a,s),t.paperBase,d),elevation:0,children:n})};s.propTypes={spaceAround:r.bool,isLoader:r.bool,children:r.node.isRequired,className:r.string,classes:r.shape({}).isRequired},s.defaultProps={spaceAround:!1,isLoader:!1,className:void 0};var n=a({paperBase:{backgroundColor:"transparent",position:"relative"},paperRoot:{margin:"5px 0",padding:"6px 5px",minHeight:60},paperRootSpaceAround:{margin:"5px 0 10px",padding:11},paperRootLoader:{margin:"5px 0",minHeight:60},paperRootLoaderSpaceAround:{margin:"5px 0 10px",padding:"4px 0 6px"}})(s);export{n as default};
+import { jsx } from 'react/jsx-runtime';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { withStyles } from '@material-ui/core/styles';
+import Paper from '@material-ui/core/Paper';
+
+var muiStyles = {
+  paperBase: {
+    backgroundColor: 'transparent',
+    position: 'relative'
+  },
+  // NOTE: With all margins and paddings it equals to 60 px for one-line feed item comment
+  paperRoot: {
+    margin: '5px 0',
+    padding: '6px 5px',
+    minHeight: 60
+  },
+  // NOTE: With all margins and paddings it equals to 70 px for one-line alert item comment
+  paperRootSpaceAround: {
+    margin: '5px 0 10px',
+    padding: 11
+  },
+  // NOTE: Makes CommentLoader have the same height as one-line Comment
+  paperRootLoader: {
+    margin: '5px 0',
+    minHeight: 60
+  },
+  // NOTE: Makes CommentLoader have the same height as one-line Comment with space around
+  paperRootLoaderSpaceAround: {
+    margin: '5px 0 10px',
+    padding: '4px 0 6px'
+  }
+};
+
+var getPaperRoot = function getPaperRoot(classes, spaceAround, isLoader) {
+  if (isLoader && spaceAround) {
+    return classes.paperRootLoaderSpaceAround;
+  } else if (isLoader && !spaceAround) {
+    return classes.paperRootLoader;
+  } else if (!isLoader && spaceAround) {
+    return classes.paperRootSpaceAround;
+  } else if (!isLoader && !spaceAround) {
+    return classes.paperRoot;
+  }
+
+  return null;
+};
+
+var CommentWrapper = function CommentWrapper(_ref) {
+  var spaceAround = _ref.spaceAround,
+      isLoader = _ref.isLoader,
+      children = _ref.children,
+      classes = _ref.classes,
+      className = _ref.className;
+  return /*#__PURE__*/jsx(Paper, {
+    className: classNames(getPaperRoot(classes, spaceAround, isLoader), classes.paperBase, className),
+    elevation: 0,
+    children: children
+  });
+};
+
+CommentWrapper.propTypes = {
+  spaceAround: PropTypes.bool,
+  isLoader: PropTypes.bool,
+  children: PropTypes.node.isRequired,
+  className: PropTypes.string,
+  classes: PropTypes.shape({}).isRequired
+};
+CommentWrapper.defaultProps = {
+  spaceAround: false,
+  isLoader: false,
+  className: undefined
+};
+var CommentWrapper$1 = withStyles(muiStyles)(CommentWrapper);
+
+export default CommentWrapper$1;
+//# sourceMappingURL=CommentWrapper.js.map

package/components/CommentWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommentWrapper.js","sources":["../../src/components/CommentWrapper.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport Paper from '@material-ui/core/Paper';\n\nconst muiStyles = {\n  paperBase: { backgroundColor: 'transparent', position: 'relative' },\n  // NOTE: With all margins and paddings it equals to 60 px for one-line feed item comment\n  paperRoot: { margin: '5px 0', padding: '6px 5px', minHeight: 60 },\n  // NOTE: With all margins and paddings it equals to 70 px for one-line alert item comment\n  paperRootSpaceAround: { margin: '5px 0 10px', padding: 11 },\n  // NOTE: Makes CommentLoader have the same height as one-line Comment\n  paperRootLoader: { margin: '5px 0', minHeight: 60 },\n  // NOTE: Makes CommentLoader have the same height as one-line Comment with space around\n  paperRootLoaderSpaceAround: { margin: '5px 0 10px', padding: '4px 0 6px' },\n};\n\nconst getPaperRoot = (classes, spaceAround, isLoader) => {\n  if (isLoader && spaceAround) {\n    return classes.paperRootLoaderSpaceAround;\n  } else if (isLoader && !spaceAround) {\n    return classes.paperRootLoader;\n  } else if (!isLoader && spaceAround) {\n    return classes.paperRootSpaceAround;\n  } else if (!isLoader && !spaceAround) {\n    return classes.paperRoot;\n  }\n\n  return null;\n};\n\nconst CommentWrapper = ({ spaceAround, isLoader, children, classes, className }) => (\n  <Paper\n    className={classNames(\n      getPaperRoot(classes, spaceAround, isLoader),\n      classes.paperBase,\n      className\n    )}\n    elevation={0}\n  >\n    {children}\n  </Paper>\n);\n\nCommentWrapper.propTypes = {\n  spaceAround: PropTypes.bool,\n  isLoader: PropTypes.bool,\n  children: PropTypes.node.isRequired,\n  className: PropTypes.string,\n\n  classes: PropTypes.shape({}).isRequired,\n};\n\nCommentWrapper.defaultProps = {\n  spaceAround: false,\n  isLoader: false,\n  className: undefined,\n};\n\nexport default withStyles(muiStyles)(CommentWrapper);\n"],"names":["muiStyles","paperBase","backgroundColor","position","paperRoot","margin","padding","minHeight","paperRootSpaceAround","paperRootLoader","paperRootLoaderSpaceAround","getPaperRoot","classes","spaceAround","isLoader","CommentWrapper","children","className","_jsx","classNames","propTypes","PropTypes","bool","node","isRequired","string","shape","defaultProps","undefined","withStyles"],"mappings":";;;;;;AAKA,IAAMA,SAAS,GAAG;AAChBC,EAAAA,SAAS,EAAE;AAAEC,IAAAA,eAAe,EAAE,aAAnB;AAAkCC,IAAAA,QAAQ,EAAE;AAA5C,GADK;AAEhB;AACAC,EAAAA,SAAS,EAAE;AAAEC,IAAAA,MAAM,EAAE,OAAV;AAAmBC,IAAAA,OAAO,EAAE,SAA5B;AAAuCC,IAAAA,SAAS,EAAE;AAAlD,GAHK;AAIhB;AACAC,EAAAA,oBAAoB,EAAE;AAAEH,IAAAA,MAAM,EAAE,YAAV;AAAwBC,IAAAA,OAAO,EAAE;AAAjC,GALN;AAMhB;AACAG,EAAAA,eAAe,EAAE;AAAEJ,IAAAA,MAAM,EAAE,OAAV;AAAmBE,IAAAA,SAAS,EAAE;AAA9B,GAPD;AAQhB;AACAG,EAAAA,0BAA0B,EAAE;AAAEL,IAAAA,MAAM,EAAE,YAAV;AAAwBC,IAAAA,OAAO,EAAE;AAAjC;AATZ,CAAlB;;AAYA,IAAMK,YAAY,GAAG,SAAfA,YAAe,CAACC,OAAD,EAAUC,WAAV,EAAuBC,QAAvB,EAAoC;AACvD,MAAIA,QAAQ,IAAID,WAAhB,EAA6B;AAC3B,WAAOD,OAAO,CAACF,0BAAf;AACD,GAFD,MAEO,IAAII,QAAQ,IAAI,CAACD,WAAjB,EAA8B;AACnC,WAAOD,OAAO,CAACH,eAAf;AACD,GAFM,MAEA,IAAI,CAACK,QAAD,IAAaD,WAAjB,EAA8B;AACnC,WAAOD,OAAO,CAACJ,oBAAf;AACD,GAFM,MAEA,IAAI,CAACM,QAAD,IAAa,CAACD,WAAlB,EAA+B;AACpC,WAAOD,OAAO,CAACR,SAAf;AACD;;AAED,SAAO,IAAP;AACD,CAZD;;AAcA,IAAMW,cAAc,GAAG,SAAjBA,cAAiB;AAAA,MAAGF,WAAH,QAAGA,WAAH;AAAA,MAAgBC,QAAhB,QAAgBA,QAAhB;AAAA,MAA0BE,QAA1B,QAA0BA,QAA1B;AAAA,MAAoCJ,OAApC,QAAoCA,OAApC;AAAA,MAA6CK,SAA7C,QAA6CA,SAA7C;AAAA,sBACrBC,IAAC,KAAD;AACE,IAAA,SAAS,EAAEC,UAAU,CACnBR,YAAY,CAACC,OAAD,EAAUC,WAAV,EAAuBC,QAAvB,CADO,EAEnBF,OAAO,CAACX,SAFW,EAGnBgB,SAHmB,CADvB;AAME,IAAA,SAAS,EAAE,CANb;AAAA,cAQGD;AARH,IADqB;AAAA,CAAvB;;AAaAD,cAAc,CAACK,SAAf,GAA2B;AACzBP,EAAAA,WAAW,EAAEQ,SAAS,CAACC,IADE;AAEzBR,EAAAA,QAAQ,EAAEO,SAAS,CAACC,IAFK;AAGzBN,EAAAA,QAAQ,EAAEK,SAAS,CAACE,IAAV,CAAeC,UAHA;AAIzBP,EAAAA,SAAS,EAAEI,SAAS,CAACI,MAJI;AAMzBb,EAAAA,OAAO,EAAES,SAAS,CAACK,KAAV,CAAgB,EAAhB,EAAoBF;AANJ,CAA3B;AASAT,cAAc,CAACY,YAAf,GAA8B;AAC5Bd,EAAAA,WAAW,EAAE,KADe;AAE5BC,EAAAA,QAAQ,EAAE,KAFkB;AAG5BG,EAAAA,SAAS,EAAEW;AAHiB,CAA9B;AAMA,uBAAeC,UAAU,CAAC7B,SAAD,CAAV,CAAsBe,cAAtB,CAAf;;;;"}

package/components/CommentsInfo/index.js

@@ -1 +1,147 @@
-import e from"prop-types";import t from"classnames";import{withStyles as r}from"@material-ui/core/styles";import{Typography as o}from"@material-ui/core";import s from"@material-ui/core/colors/grey";import{isNativeDetected as a}from"../../utils/mobileDetect.js";import{Tooltip as i}from"../Tooltip/Tooltip.js";import n from"../Avatar/index.js";import c from"../UserCardPopover.js";import m from"./styles.css.js";import{jsxs as l,Fragment as u,jsx as p}from"react/jsx-runtime";var d=function(e){return e?"".concat(e.first_name," ").concat(e.last_name):""},h=function(e){var t=e.users,r=e.noReactionsText,o=t.length;if(!o)return r;var s="";o>19&&(s="\nand ".concat(o-19," more..."));var a=t.slice(0,19).join("\n");return"".concat(a).concat(s)},f=function(e){var r=e.likesCount,s=e.usersWhoLike,a=e.commentsCount,f=e.usersWhoCommented,v=e.onCommentsClick,y=e.currentUser,C=e.activeUsersList,k=e.classes,g=e.isNative,N=e.small;return l(u,{children:[!!r&&p(i,{title:p(h,{users:s,noReactionsText:"Nobody likes this yet..."}),enterTouchDelay:0,children:l(o,{"data-testid":"".concat("FeedPo","_likesCounter_").concat(r),className:k.reactionTypographyRoot,variant:"caption",children:["Likes ",r]})}),!!a&&p("span",{onClick:v,children:p(i,{title:p(h,{users:f,noReactionsText:"Nobody commented this yet..."}),enterTouchDelay:0,children:l(o,{"data-testid":"".concat("FeedPo","_commentsCounter_").concat(a),className:k.reactionTypographyRoot,variant:"caption",children:["Comments ",a]})})}),p("div",{"data-testid":"".concat("FeedPo","_activeUsersCounter_").concat(C&&C.length),className:m.cCommentsInfoActiveUsersList,children:C.map((function(e){return g?p(n,{displayName:d(e),imgSrc:e.profile_photo,className:t(k.avatar,k.avatarInList),size:N?25:35},e.id):p(c,{user:e,currentUser:y,children:p(n,{displayName:d(e),imgSrc:e.profile_photo,size:N?25:35,className:t(k.avatar,k.avatarInList)})},e.id)}))})]})},v={reactionTypographyRoot:{color:s[400],margin:"0 8px",cursor:"pointer","&:hover":{textDecoration:"underline"}},avatar:{border:"1px solid #909090"},avatarInList:{marginRight:3,borderWidth:1}};f.propTypes={likesCount:e.number,usersWhoLike:e.arrayOf(e.shape({})),commentsCount:e.number,usersWhoCommented:e.arrayOf(e.string).isRequired,onCommentsClick:e.func,activeUsersList:e.arrayOf(e.shape({})).isRequired,classes:e.shape({}).isRequired,isNative:e.bool,small:e.bool,currentUser:e.shape({})},f.defaultProps={likesCount:0,usersWhoLike:[],commentsCount:0,onCommentsClick:function(){},small:!1,isNative:a,currentUser:{}};var y=r(v)(f);export{y as default};
+import grey from '@material-ui/core/colors/grey';
+import { isNativeDetected } from '../../utils/mobileDetect.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { Typography } from '@material-ui/core';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { withStyles } from '@material-ui/core/styles';
+import { Tooltip } from '../Tooltip/Tooltip.js';
+import Avatar from '../Avatar/index.js';
+import UserCardPopover from '../UserCardPopover.js';
+import styles from './styles.css.js';
+
+var PAGE_NAME = 'FeedPo';
+var REACTIONS_VISIBLE_AMOUNT = 19; // NOTE: Max 20 lines
+
+var getUserFullName = function getUserFullName(user) {
+  return user ? "".concat(user.first_name, " ").concat(user.last_name) : '';
+};
+
+var ReactionsTooltip = function ReactionsTooltip(_ref) {
+  var users = _ref.users,
+      noReactionsText = _ref.noReactionsText;
+  var reactionsAmount = users.length;
+
+  if (!reactionsAmount) {
+    return noReactionsText;
+  }
+
+  var reactionsInvisibleText = '';
+
+  if (reactionsAmount > REACTIONS_VISIBLE_AMOUNT) {
+    var reactionsInvisibleAmount = reactionsAmount - REACTIONS_VISIBLE_AMOUNT;
+    reactionsInvisibleText = "\nand ".concat(reactionsInvisibleAmount, " more...");
+  }
+
+  var reactionsVisibleText = users.slice(0, REACTIONS_VISIBLE_AMOUNT).join('\n');
+  return "".concat(reactionsVisibleText).concat(reactionsInvisibleText);
+};
+
+var NO_LIKES_TEXT = 'Nobody likes this yet...';
+var NO_COMMENTS_TEXT = 'Nobody commented this yet...';
+
+var CommentsInfo = function CommentsInfo(_ref2) {
+  var likesCount = _ref2.likesCount,
+      usersWhoLike = _ref2.usersWhoLike,
+      commentsCount = _ref2.commentsCount,
+      usersWhoCommented = _ref2.usersWhoCommented,
+      onCommentsClick = _ref2.onCommentsClick,
+      currentUser = _ref2.currentUser,
+      activeUsersList = _ref2.activeUsersList,
+      classes = _ref2.classes,
+      isNative = _ref2.isNative,
+      small = _ref2.small;
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [!!likesCount && /*#__PURE__*/jsx(Tooltip, {
+      title: /*#__PURE__*/jsx(ReactionsTooltip, {
+        users: usersWhoLike,
+        noReactionsText: NO_LIKES_TEXT
+      }),
+      enterTouchDelay: 0,
+      children: /*#__PURE__*/jsxs(Typography, {
+        "data-testid": "".concat(PAGE_NAME, "_likesCounter_").concat(likesCount),
+        className: classes.reactionTypographyRoot,
+        variant: "caption",
+        children: ["Likes ", likesCount]
+      })
+    }), !!commentsCount && /*#__PURE__*/jsx("span", {
+      onClick: onCommentsClick,
+      children: /*#__PURE__*/jsx(Tooltip, {
+        title: /*#__PURE__*/jsx(ReactionsTooltip, {
+          users: usersWhoCommented,
+          noReactionsText: NO_COMMENTS_TEXT
+        }),
+        enterTouchDelay: 0,
+        children: /*#__PURE__*/jsxs(Typography, {
+          "data-testid": "".concat(PAGE_NAME, "_commentsCounter_").concat(commentsCount),
+          className: classes.reactionTypographyRoot,
+          variant: "caption",
+          children: ["Comments ", commentsCount]
+        })
+      })
+    }), /*#__PURE__*/jsx("div", {
+      "data-testid": "".concat(PAGE_NAME, "_activeUsersCounter_").concat(activeUsersList && activeUsersList.length),
+      className: styles.cCommentsInfoActiveUsersList,
+      children: activeUsersList.map(function (user) {
+        return isNative ? /*#__PURE__*/jsx(Avatar, {
+          displayName: getUserFullName(user),
+          imgSrc: user.profile_photo,
+          className: classNames(classes.avatar, classes.avatarInList),
+          size: small ? 25 : 35
+        }, user.id) : /*#__PURE__*/jsx(UserCardPopover, {
+          user: user,
+          currentUser: currentUser,
+          children: /*#__PURE__*/jsx(Avatar, {
+            displayName: getUserFullName(user),
+            imgSrc: user.profile_photo,
+            size: small ? 25 : 35,
+            className: classNames(classes.avatar, classes.avatarInList)
+          })
+        }, user.id);
+      })
+    })]
+  });
+};
+
+var muiStyles = {
+  reactionTypographyRoot: {
+    color: grey[400],
+    margin: '0 8px',
+    cursor: 'pointer',
+    '&:hover': {
+      textDecoration: 'underline'
+    }
+  },
+  avatar: {
+    border: '1px solid #909090'
+  },
+  avatarInList: {
+    marginRight: 3,
+    borderWidth: 1
+  }
+};
+CommentsInfo.propTypes = {
+  likesCount: PropTypes.number,
+  usersWhoLike: PropTypes.arrayOf(PropTypes.shape({})),
+  commentsCount: PropTypes.number,
+  usersWhoCommented: PropTypes.arrayOf(PropTypes.string).isRequired,
+  onCommentsClick: PropTypes.func,
+  activeUsersList: PropTypes.arrayOf(PropTypes.shape({})).isRequired,
+  classes: PropTypes.shape({}).isRequired,
+  isNative: PropTypes.bool,
+  small: PropTypes.bool,
+  currentUser: PropTypes.shape({})
+};
+CommentsInfo.defaultProps = {
+  likesCount: 0,
+  usersWhoLike: [],
+  commentsCount: 0,
+  onCommentsClick: function onCommentsClick() {},
+  small: false,
+  isNative: isNativeDetected,
+  currentUser: {}
+};
+var CommentsInfo$1 = withStyles(muiStyles)(CommentsInfo);
+
+export default CommentsInfo$1;
+//# sourceMappingURL=index.js.map

package/components/CommentsInfo/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/CommentsInfo/index.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport classNames from 'classnames';\n\nimport { withStyles } from '@material-ui/core/styles';\nimport { Typography } from '@material-ui/core';\nimport grey from '@material-ui/core/colors/grey';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\n\nimport Tooltip from '~components/Tooltip';\nimport Avatar from '~components/Avatar';\nimport UserCardPopover from '~components/UserCardPopover';\n\nimport styles from './styles.css';\n\nconst PAGE_NAME = 'FeedPo';\n\nconst REACTIONS_VISIBLE_AMOUNT = 19; // NOTE: Max 20 lines\n\nconst getUserFullName = user => (user ? `${user.first_name} ${user.last_name}` : '');\n\nconst ReactionsTooltip = ({ users, noReactionsText }) => {\n  const reactionsAmount = users.length;\n  if (!reactionsAmount) {\n    return noReactionsText;\n  }\n\n  let reactionsInvisibleText = '';\n\n  if (reactionsAmount > REACTIONS_VISIBLE_AMOUNT) {\n    const reactionsInvisibleAmount = reactionsAmount - REACTIONS_VISIBLE_AMOUNT;\n    reactionsInvisibleText = `\\nand ${reactionsInvisibleAmount} more...`;\n  }\n\n  const reactionsVisibleText = users.slice(0, REACTIONS_VISIBLE_AMOUNT).join('\\n');\n\n  return `${reactionsVisibleText}${reactionsInvisibleText}`;\n};\n\nconst NO_LIKES_TEXT = 'Nobody likes this yet...';\nconst NO_COMMENTS_TEXT = 'Nobody commented this yet...';\n\nconst CommentsInfo = ({\n  likesCount,\n  usersWhoLike,\n  commentsCount,\n  usersWhoCommented,\n  onCommentsClick,\n  currentUser,\n  activeUsersList,\n  classes,\n  isNative,\n  small,\n}) => (\n  <>\n    {!!likesCount && (\n      <Tooltip\n        title={<ReactionsTooltip users={usersWhoLike} noReactionsText={NO_LIKES_TEXT} />}\n        enterTouchDelay={0}\n      >\n        <Typography\n          data-testid={`${PAGE_NAME}_likesCounter_${likesCount}`}\n          className={classes.reactionTypographyRoot}\n          variant=\"caption\"\n        >\n          Likes {likesCount}\n        </Typography>\n      </Tooltip>\n    )}\n\n    {!!commentsCount && (\n      <span onClick={onCommentsClick}>\n        <Tooltip\n          title={<ReactionsTooltip users={usersWhoCommented} noReactionsText={NO_COMMENTS_TEXT} />}\n          enterTouchDelay={0}\n        >\n          <Typography\n            data-testid={`${PAGE_NAME}_commentsCounter_${commentsCount}`}\n            className={classes.reactionTypographyRoot}\n            variant=\"caption\"\n          >\n            Comments {commentsCount}\n          </Typography>\n        </Tooltip>\n      </span>\n    )}\n    <div\n      data-testid={`${PAGE_NAME}_activeUsersCounter_${activeUsersList && activeUsersList.length}`}\n      className={styles.cCommentsInfoActiveUsersList}\n    >\n      {activeUsersList.map(user =>\n        isNative ? (\n          <Avatar\n            key={user.id}\n            displayName={getUserFullName(user)}\n            imgSrc={user.profile_photo}\n            className={classNames(classes.avatar, classes.avatarInList)}\n            size={small ? 25 : 35}\n          />\n        ) : (\n          <UserCardPopover key={user.id} user={user} currentUser={currentUser}>\n            <Avatar\n              displayName={getUserFullName(user)}\n              imgSrc={user.profile_photo}\n              size={small ? 25 : 35}\n              className={classNames(classes.avatar, classes.avatarInList)}\n            />\n          </UserCardPopover>\n        )\n      )}\n    </div>\n  </>\n);\n\nconst muiStyles = {\n  reactionTypographyRoot: {\n    color: grey[400],\n    margin: '0 8px',\n    cursor: 'pointer',\n    '&:hover': {\n      textDecoration: 'underline',\n    },\n  },\n  avatar: {\n    border: '1px solid #909090',\n  },\n  avatarInList: {\n    marginRight: 3,\n    borderWidth: 1,\n  },\n};\n\nCommentsInfo.propTypes = {\n  likesCount: PropTypes.number,\n  usersWhoLike: PropTypes.arrayOf(PropTypes.shape({})),\n  commentsCount: PropTypes.number,\n  usersWhoCommented: PropTypes.arrayOf(PropTypes.string).isRequired,\n  onCommentsClick: PropTypes.func,\n  activeUsersList: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\n  classes: PropTypes.shape({}).isRequired,\n  isNative: PropTypes.bool,\n  small: PropTypes.bool,\n  currentUser: PropTypes.shape({}),\n};\n\nCommentsInfo.defaultProps = {\n  likesCount: 0,\n  usersWhoLike: [],\n  commentsCount: 0,\n  onCommentsClick: () => {},\n  small: false,\n  isNative: isNativeDetected,\n  currentUser: {},\n};\n\nexport default withStyles(muiStyles)(CommentsInfo);\n"],"names":["PAGE_NAME","REACTIONS_VISIBLE_AMOUNT","getUserFullName","user","first_name","last_name","ReactionsTooltip","users","noReactionsText","reactionsAmount","length","reactionsInvisibleText","reactionsInvisibleAmount","reactionsVisibleText","slice","join","NO_LIKES_TEXT","NO_COMMENTS_TEXT","CommentsInfo","likesCount","usersWhoLike","commentsCount","usersWhoCommented","onCommentsClick","currentUser","activeUsersList","classes","isNative","small","_jsxs","_jsx","reactionTypographyRoot","styles","cCommentsInfoActiveUsersList","map","profile_photo","classNames","avatar","avatarInList","id","muiStyles","color","grey","margin","cursor","textDecoration","border","marginRight","borderWidth","propTypes","PropTypes","number","arrayOf","shape","string","isRequired","func","bool","defaultProps","isNativeDetected","withStyles"],"mappings":"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"}

package/components/CommentsInfo/styles.css.js

@@ -1 +1,8 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var s={cCommentsInfoActiveUsersList:"styles_cCommentsInfoActiveUsersList__zzjgQ"};e(".styles_cCommentsInfoActiveUsersList__zzjgQ{align-items:center;display:flex;flex-direction:row-reverse}.styles_cCommentsInfoActiveUsersList__zzjgQ>div{margin-right:-7px}");export{s as default};
+import styleInject from '../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".styles_cCommentsInfoActiveUsersList__31pn0 {\n  display: flex;\n  align-items: center;\n  flex-direction: row-reverse;\n}\n.styles_cCommentsInfoActiveUsersList__31pn0 > div {\n  margin-right: -7px;\n}\n";
+var styles = {"cCommentsInfoActiveUsersList":"styles_cCommentsInfoActiveUsersList__31pn0"};
+styleInject(css_248z);
+
+export default styles;
+//# sourceMappingURL=styles.css.js.map

package/components/CommentsInfo/styles.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,wBAAwB,oDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/components/ConfirmationDialog.js

@@ -1 +1,146 @@
-import t from"@babel/runtime/helpers/classCallCheck";import e from"@babel/runtime/helpers/createClass";import i from"@babel/runtime/helpers/inherits";import o from"@babel/runtime/helpers/possibleConstructorReturn";import r from"@babel/runtime/helpers/getPrototypeOf";import{Component as n}from"react";import a from"prop-types";import{withStyles as s}from"@material-ui/core/styles";import l from"@material-ui/core/Typography";import c from"@material-ui/core/TextField";import p from"@material-ui/core/DialogTitle";import m from"@material-ui/core/DialogContent";import f from"@material-ui/core/DialogContentText";import u from"@material-ui/core/DialogActions";import h from"@material-ui/core/Button";import d from"@material-ui/core/Dialog";import{jsxs as b,Fragment as g,jsx as x}from"react/jsx-runtime";function y(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,n=r(t);if(e){var a=r(this).constructor;i=Reflect.construct(n,arguments,a)}else i=n.apply(this,arguments);return o(this,i)}}var C="confirmationDialog",T=function(o){i(a,n);var r=y(a);function a(e){var i;return t(this,a),(i=r.call(this,e)).state={confirmationTextField:""},i}return e(a,[{key:"actions",get:function(){return b(g,{children:[this.props.isShowCancel&&x(h,{variant:"text","data-testid":"".concat(C,"_cancelButton"),className:this.props.classes.actionButton,onClick:this.props.handleClose,color:"primary",children:"Cancel"}),x(h,{variant:"contained","data-testid":"".concat(C,"_confirmButton"),className:this.props.classes.actionButton,onClick:this.props.handleOk,disabled:this.props.disableOk||this.props.confirmationText&&this.props.confirmation!==this.state.confirmationTextField,color:"primary",children:this.props.okText})]})}},{key:"render",value:function(){var t=this;return b(d,{open:this.props.open,onClose:this.props.handleClose,"aria-labelledby":"confirmation-dialog-title",classes:{paper:this.props.classes.paper},children:[x(p,{id:"confirmation-dialog-title",children:this.props.title}),x(m,{children:b(f,{children:[x(l,{variant:"body2",className:this.props.classes.content,children:this.props.text}),this.props.confirmationText&&x(c,{fullWidth:!0,"data-testid":"".concat(C,"_input"),label:this.props.confirmationText,value:this.state.confirmationTextField,onChange:function(e){return t.setState({confirmationTextField:e.target.value})},className:this.props.classes.confirmation})]})}),x(u,{className:this.props.classes.actions,children:this.actions})]})}}]),a}();T.propTypes={open:a.bool.isRequired,title:a.string,text:a.string.isRequired,confirmationText:a.string,confirmation:a.string,handleClose:a.func,handleOk:a.func,okText:a.string,disableOk:a.bool,isShowCancel:a.bool,classes:a.shape({}).isRequired},T.defaultProps={title:void 0,confirmationText:null,confirmation:"",okText:"Ok",handleOk:function(){},handleClose:function(){},disableOk:!1,isShowCancel:!0};var v=s({actionButton:{marginLeft:15},confirmation:{marginTop:10}})(T);export{v as default};
+import _classCallCheck from '@babel/runtime/helpers/classCallCheck';
+import _createClass from '@babel/runtime/helpers/createClass';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Component } from 'react';
+import PropTypes from 'prop-types';
+import { withStyles } from '@material-ui/core/styles';
+import _inherits from '@babel/runtime/helpers/inherits';
+import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
+import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
+import Button from '@material-ui/core/Button';
+import Typography from '@material-ui/core/Typography';
+import DialogActions from '@material-ui/core/DialogActions';
+import DialogContent from '@material-ui/core/DialogContent';
+import DialogTitle from '@material-ui/core/DialogTitle';
+import TextField from '@material-ui/core/TextField';
+import DialogContentText from '@material-ui/core/DialogContentText';
+import Dialog from '@material-ui/core/Dialog';
+
+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 _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+var PAGE_NAME = 'confirmationDialog';
+var muiStyles = {
+  actionButton: {
+    marginLeft: 15
+  },
+  confirmation: {
+    marginTop: 10
+  }
+};
+
+var ConfirmationDialog = /*#__PURE__*/function (_Component) {
+  _inherits(ConfirmationDialog, _Component);
+
+  var _super = _createSuper(ConfirmationDialog);
+
+  function ConfirmationDialog(props) {
+    var _this;
+
+    _classCallCheck(this, ConfirmationDialog);
+
+    _this = _super.call(this, props);
+    _this.state = {
+      confirmationTextField: ''
+    };
+    return _this;
+  }
+
+  _createClass(ConfirmationDialog, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      return /*#__PURE__*/jsxs(Dialog, {
+        open: this.props.open,
+        onClose: this.props.handleClose,
+        "aria-labelledby": "confirmation-dialog-title",
+        classes: {
+          paper: this.props.classes.paper
+        },
+        children: [/*#__PURE__*/jsx(DialogTitle, {
+          id: "confirmation-dialog-title",
+          children: this.props.title
+        }), /*#__PURE__*/jsx(DialogContent, {
+          children: /*#__PURE__*/jsxs(DialogContentText, {
+            children: [/*#__PURE__*/jsx(Typography, {
+              variant: "body2",
+              className: this.props.classes.content,
+              children: this.props.text
+            }), this.props.confirmationText && /*#__PURE__*/jsx(TextField, {
+              fullWidth: true,
+              "data-testid": "".concat(PAGE_NAME, "_input"),
+              label: this.props.confirmationText,
+              value: this.state.confirmationTextField,
+              onChange: function onChange(e) {
+                return _this2.setState({
+                  confirmationTextField: e.target.value
+                });
+              },
+              className: this.props.classes.confirmation
+            })]
+          })
+        }), /*#__PURE__*/jsx(DialogActions, {
+          className: this.props.classes.actions,
+          children: this.actions
+        })]
+      });
+    }
+  }, {
+    key: "actions",
+    get: function get() {
+      return /*#__PURE__*/jsxs(Fragment, {
+        children: [this.props.isShowCancel && /*#__PURE__*/jsx(Button, {
+          variant: "text",
+          "data-testid": "".concat(PAGE_NAME, "_cancelButton"),
+          className: this.props.classes.actionButton,
+          onClick: this.props.handleClose,
+          color: "primary",
+          children: "Cancel"
+        }), /*#__PURE__*/jsx(Button, {
+          variant: "contained",
+          "data-testid": "".concat(PAGE_NAME, "_confirmButton"),
+          className: this.props.classes.actionButton,
+          onClick: this.props.handleOk,
+          disabled: this.props.disableOk || this.props.confirmationText && this.props.confirmation !== this.state.confirmationTextField,
+          color: "primary",
+          children: this.props.okText
+        })]
+      });
+    }
+  }]);
+
+  return ConfirmationDialog;
+}(Component);
+
+ConfirmationDialog.propTypes = {
+  open: PropTypes.bool.isRequired,
+  title: PropTypes.string,
+  text: PropTypes.string.isRequired,
+  confirmationText: PropTypes.string,
+  confirmation: PropTypes.string,
+  handleClose: PropTypes.func,
+  handleOk: PropTypes.func,
+  okText: PropTypes.string,
+  disableOk: PropTypes.bool,
+  isShowCancel: PropTypes.bool,
+  classes: PropTypes.shape({}).isRequired
+};
+ConfirmationDialog.defaultProps = {
+  title: undefined,
+  confirmationText: null,
+  confirmation: '',
+  okText: 'Ok',
+  handleOk: function handleOk() {
+    return undefined;
+  },
+  handleClose: function handleClose() {
+    return undefined;
+  },
+  disableOk: false,
+  isShowCancel: true
+};
+var ConfirmationDialog$1 = withStyles(muiStyles)(ConfirmationDialog);
+
+export default ConfirmationDialog$1;
+//# sourceMappingURL=ConfirmationDialog.js.map