@corva/ui 0.65.0-1 → 0.65.0-1-test

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 { Collapse, Typography, TextField, InputAdornment, Paper } from '@material-ui/core';\nimport classNames from 'classnames';\nimport { get } from 'lodash';\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 IconButton from '~components/IconButton';\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 INPUT_HEIGHT = 32;\nconst AVATAR_SIZE = 32;\n\nconst style = {\n  chatAvatarWrapper: {\n    display: 'flex',\n    alignItems: 'center',\n    position: 'absolute',\n    left: 0,\n    height: INPUT_HEIGHT,\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% - 48px)',\n    marginLeft: AVATAR_SIZE + 16,\n    display: 'inline-block',\n    height: INPUT_HEIGHT,\n    border: '0',\n    '&:focus-within': {\n      boxShadow: `inset 0 0 0 2px ${theme.palette.primary.main}`,\n    },\n    boxShadow: 'none',\n    background: '#4D4D4D',\n  },\n  input: {\n    paddingLeft: 5,\n    width: '100%',\n  },\n  inputRoot: {\n    height: INPUT_HEIGHT,\n    paddingRight: '8px',\n    lineHeight: '29px',\n    paddingLeft: '8px',\n  },\n  inputEl: { padding: '0 0 0 6px', height: '100%' },\n  additionalActionButton: {\n    padding: '6px',\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: '11px',\n    color: theme.palette.primary.text8,\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  iconTooltip: {\n    marginTop: '3px',\n  },\n  sendButton: {\n    '&:hover': {\n      backgroundColor: 'rgba(3,188,212, 0.1)',\n    },\n    '&.MuiButtonBase-root': {\n      padding: 7,\n    },\n  },\n  inputAdornment: {\n    marginBottom: '0!important',\n    height: '100%',\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      isInputFocused: false,\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\n        ? this.props.editAttachment.file_name ||\n          utils.getFileNameWithExtensionFromPath(attachmentUrl)\n        : null,\n      attachmentSize: this.props.editAttachment ? this.props.editAttachment.size : 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  handleCancelClick = () => {\n    this.setState(\n      {\n        comment: '',\n        attachmentUrl: null,\n        attachmentName: null,\n        attachmentSize: null,\n      },\n      this.props.exitEditMode()\n    );\n  };\n\n  render() {\n    const { classes, currentUser } = this.props;\n\n    const currentUserFullName = `${\n      get(currentUser, ['attributes', 'first_name']) || get(currentUser, 'first_name')\n    } ${get(currentUser, ['attributes', 'last_name']) || get(currentUser, 'last_name')}`;\n\n    const isVisibleActionBar =\n      this.state.isInputFocused ||\n      this.state.attachmentUrl ||\n      this.state.comment ||\n      this.props.editComment ||\n      this.props.editAttachment?.url;\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            size={AVATAR_SIZE}\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=\"Type 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                onFocus: () => this.setState({ isInputFocused: true }),\n                onBlur: () => this.setState({ isInputFocused: false }),\n                allowSuggestionsAboveCursor: true,\n              },\n              endAdornment: !this.props.isNative && (\n                <InputAdornment position=\"end\" className={this.props.classes.inputAdornment}>\n                  {!this.state.attachmentUrl && (\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-${\n                          this.props.editCommentId || this.props.parentId\n                        }`}\n                        tooltipProps={{\n                          title: 'Attach File',\n                          classes: { tooltip: classes.iconTooltip },\n                          placement: 'top',\n                        }}\n                      />\n                    </div>\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                      tooltipProps={{\n                        title: 'Add Emoji',\n                        classes: { tooltip: classes.iconTooltip },\n                        placement: 'top',\n                      }}\n                    />\n                  </div>\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        <Collapse in={isVisibleActionBar} mountOnEnter unmountOnExit>\n          <div className={styles.cCommentInputSendContainer}>\n            <div className={styles.cCommentInputSendContainerCancel}>\n              <Typography\n                data-testid={`${PAGE_NAME}_cancel`}\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.handleCancelClick}\n              >\n                Cancel\n              </Typography>\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\n                size=\"large\"\n                tooltipProps={{ title: 'Send' }}\n                data-testid={`${PAGE_NAME}_sendButton`}\n                onClick={this.handleSendComment}\n                classes={{ root: this.props.classes.sendButton }}\n              >\n                <SendIcon />\n              </IconButton>\n            </div>\n          </div>\n        </Collapse>\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({\n    url: PropTypes.string,\n    size: PropTypes.number,\n    file_name: PropTypes.string,\n  }),\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  parentId: PropTypes.string,\n};\n\nCommentInput.defaultProps = {\n  inputRef: null,\n  editFeedItemId: null,\n  editCommentId: null,\n  parentId: 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","INPUT_HEIGHT","AVATAR_SIZE","style","chatAvatarWrapper","display","alignItems","position","left","height","commentTextFieldContainer","margin","commentTextFieldContainerSpaceAround","muiStyles","theme","paperRoot","width","marginLeft","border","boxShadow","palette","primary","main","background","input","paddingLeft","inputRoot","paddingRight","lineHeight","inputEl","padding","additionalActionButton","nativeActionButton","cursor","fileUploadingError","marginTop","inputMain","marginBottom","fontSize","color","text8","inputHelper","cancelText","highlightedLabel","iconTooltip","sendButton","backgroundColor","inputAdornment","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","isInputFocused","setInitialCommentValue","prevProps","enteredEditMode","editAttachment","editComment","utils","getFileNameWithExtensionFromPath","inputRef","current","focus","classes","currentUser","currentUserFullName","get","isVisibleActionBar","_jsxs","spaceAround","_jsx","profile_photo","component","inputComponent","UserMention","inputProps","onChange","singleLine","value","withLightTheme","onMount","companyId","autoFocus","disabled","onFocus","onBlur","allowSuggestionsAboveCursor","endAdornment","isNative","classNames","styles","cCommentInputIconContainer","cCommentInputIconUpload","handleFileUpload","handleAttachmentLoadingError","grey","parentId","title","tooltip","placement","handleSelectEmoji","disableUnderline","root","handleKeyDown","handleFileDelete","cCommentInputSendContainer","cCommentInputSendContainerCancel","handleCancelClick","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:48px;margin-top:4px}.styles_cCommentInputSendContainerCancel__ihM5z,.styles_cCommentInputSendContainerSend__v2QuS{align-items:center;display:flex;height:36px}.styles_cCommentInputIconContainer__GI8uz{border-radius:20px}.styles_cCommentInputIconContainer__GI8uz:hover{background:#414141}.styles_cCommentInputIconUpload__-4I0T{align-items:center;display:flex;height:28px;width:28px}");export{e as default};
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".styles_cCommentInputSendContainer__YGdyj {\n  display: flex;\n  justify-content: space-between;\n  margin-left: 48px;\n  margin-top: 4px;\n}\n\n.styles_cCommentInputSendContainerSend__v2QuS,\n.styles_cCommentInputSendContainerCancel__ihM5z {\n  display: flex;\n  align-items: center;\n  height: 36px;\n}\n\n.styles_cCommentInputIconContainer__GI8uz {\n  border-radius: 20px;\n}\n\n.styles_cCommentInputIconContainer__GI8uz:hover {\n  background: #414141;\n}\n\n.styles_cCommentInputIconUpload__-4I0T {\n  display: flex;\n  align-items: center;\n  height: 28px;\n  width: 28px;\n}\n";
+var styles = {"cCommentInputSendContainer":"styles_cCommentInputSendContainer__YGdyj","cCommentInputSendContainerSend":"styles_cCommentInputSendContainerSend__v2QuS","cCommentInputSendContainerCancel":"styles_cCommentInputSendContainerCancel__ihM5z","cCommentInputIconContainer":"styles_cCommentInputIconContainer__GI8uz","cCommentInputIconUpload":"styles_cCommentInputIconUpload__-4I0T"};
+styleInject(css_248z);
+
+export { styles as default };
+//# 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,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/components/CommentLoader.js

@@ -1 +1,84 @@
-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 _classCallCheck from '@babel/runtime/helpers/classCallCheck';
+import _createClass from '@babel/runtime/helpers/createClass';
+import _assertThisInitialized from '@babel/runtime/helpers/assertThisInitialized';
+import _inherits from '@babel/runtime/helpers/inherits';
+import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
+import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { createRef, PureComponent } from 'react';
+import PropTypes from 'prop-types';
+import { withStyles } from '@material-ui/core/styles';
+import LoadingIndicator from './LoadingIndicator/LoadingIndicator.js';
+import CommentWrapper from './CommentWrapper.js';
+import { jsx } from 'react/jsx-runtime';
+
+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 { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], 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 { CommentLoader$1 as default };
+//# 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,YAAA;AAAa,GAAA;AACnD,CAAC,CAAA;AAED,IAAMC,SAAS,GAAG;AAChBC,EAAAA,cAAc,EAAE;IACdC,KAAK,EAAE,mBAAmB;AAC5B,GAAA;AACF,CAAC,CAAA;AAAC,IAEIC,aAAa,gBAAA,UAAA,cAAA,EAAA;AAAA,EAAA,SAAA,CAAA,aAAA,EAAA,cAAA,CAAA,CAAA;AAAA,EAAA,IAAA,MAAA,GAAA,YAAA,CAAA,aAAA,CAAA,CAAA;AACjB,EAAA,SAAA,aAAA,CAAYC,KAAK,EAAE;AAAA,IAAA,IAAA,KAAA,CAAA;AAAA,IAAA,eAAA,CAAA,IAAA,EAAA,aAAA,CAAA,CAAA;AACjB,IAAA,KAAA,GAAA,MAAA,CAAA,IAAA,CAAA,IAAA,EAAMA,KAAK,CAAA,CAAA;AAAE,IAAA,eAAA,CAAA,sBAAA,CAAA,KAAA,CAAA,EAAA,cAAA,EAWA,YAAM;AACnB,MAAA,KAAA,CAAKC,eAAe,CAACC,OAAO,CAACC,cAAc,CAAC;AAAEC,QAAAA,KAAK,EAAE,KAAA;AAAM,OAAC,CAAC,CAAA;KAC9D,CAAA,CAAA;IAXC,KAAKH,CAAAA,eAAe,GAAGI,SAAS,EAAE,CAAA;AAAC,IAAA,OAAA,KAAA,CAAA;AACrC,GAAA;AAAC,EAAA,YAAA,CAAA,aAAA,EAAA,CAAA;AAAA,IAAA,GAAA,EAAA,mBAAA;AAAA,IAAA,KAAA,EAED,SAAoB,iBAAA,GAAA;AAClB,MAAA,IAAI,IAAI,CAACL,KAAK,CAACM,WAAW,EAAE;QAC1B,IAAI,CAACC,YAAY,EAAE,CAAA;AACrB,OAAA;AACF,KAAA;AAAC,GAAA,EAAA;AAAA,IAAA,GAAA,EAAA,QAAA;AAAA,IAAA,KAAA,EAMD,SAAS,MAAA,GAAA;MACP,oBACEC,GAAA,CAAA,KAAA,EAAA;QAAK,GAAG,EAAE,IAAI,CAACP,eAAgB;AAAA,QAAA,QAAA,eAC7BO,IAAC,cAAc,EAAA;AACb,UAAA,WAAW,EAAE,IAAI,CAACR,KAAK,CAACS,WAAY;UACpC,QAAQ,EAAA,IAAA;AACR,UAAA,SAAS,EAAE,IAAI,CAACT,KAAK,CAACU,OAAO,CAACb,cAAe;UAAA,QAE7C,eAAAW,GAAA,CAAA,KAAA,EAAA;YAAK,KAAK,EAAEf,MAAM,CAACC,uBAAwB;AAAA,YAAA,QAAA,eACzCc,IAAC,gBAAgB,EAAA;AAAC,cAAA,UAAU,EAAE,KAAM;AAAC,cAAA,IAAI,EAAE,EAAA;AAAG,aAAA,CAAA;AAAG,WAAA,CAAA;AAC7C,SAAA,CAAA;OAEJ,CAAA,CAAA;AAEV,KAAA;AAAC,GAAA,CAAA,CAAA,CAAA;AAAA,EAAA,OAAA,aAAA,CAAA;AAAA,CAAA,CA/ByBG,aAAa,CAAA,CAAA;AAkCzCZ,aAAa,CAACa,SAAS,GAAG;EACxBN,WAAW,EAAEO,SAAS,CAACC,IAAI;EAC3BL,WAAW,EAAEI,SAAS,CAACC,IAAI;EAE3BJ,OAAO,EAAEG,SAAS,CAACE,KAAK,CAAC,EAAE,CAAC,CAACC,UAAAA;AAC/B,CAAC,CAAA;AAEDjB,aAAa,CAACkB,YAAY,GAAG;AAC3BX,EAAAA,WAAW,EAAE,KAAK;AAClBG,EAAAA,WAAW,EAAE,KAAA;AACf,CAAC,CAAA;AAED,sBAAeS,UAAU,CAACtB,SAAS,CAAC,CAACG,aAAa,CAAC;;;;"}

package/components/CommentWrapper.js

@@ -1 +1,71 @@
-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 s=function(r,e,a){return a&&e?r.paperRootLoaderSpaceAround:a&&!e?r.paperRootLoader:!a&&e?r.paperRootSpaceAround:a||e?null:r.paperRoot},i=function(r){var a=r.spaceAround,i=r.isLoader,t=r.children,n=r.classes,d=r.className;return p(o,{className:e(s(n,a,i),n.paperBase,d),elevation:0,children:t})};i.propTypes={spaceAround:r.bool,isLoader:r.bool,children:r.node.isRequired,className:r.string,classes:r.shape({}).isRequired},i.defaultProps={spaceAround:!1,isLoader:!1,className:void 0};var t=a({paperBase:{backgroundColor:"transparent",position:"relative"},paperRoot:{marginBottom:8},paperRootSpaceAround:{margin:"5px 0 10px",padding:11},paperRootLoader:{margin:"5px 0",minHeight:60},paperRootLoaderSpaceAround:{margin:"5px 0 10px",padding:"4px 0 6px"}})(i);export{t as default};
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import { withStyles } from '@material-ui/core/styles';
+import Paper from '@material-ui/core/Paper';
+import { jsx } from 'react/jsx-runtime';
+
+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: {
+    marginBottom: 8
+  },
+  // 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 { CommentWrapper$1 as default };
+//# 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: { marginBottom: 8 },\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","marginBottom","paperRootSpaceAround","margin","padding","paperRootLoader","minHeight","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,aAAa;AAAEC,IAAAA,QAAQ,EAAE,UAAA;GAAY;AACnE;AACAC,EAAAA,SAAS,EAAE;AAAEC,IAAAA,YAAY,EAAE,CAAA;GAAG;AAC9B;AACAC,EAAAA,oBAAoB,EAAE;AAAEC,IAAAA,MAAM,EAAE,YAAY;AAAEC,IAAAA,OAAO,EAAE,EAAA;GAAI;AAC3D;AACAC,EAAAA,eAAe,EAAE;AAAEF,IAAAA,MAAM,EAAE,OAAO;AAAEG,IAAAA,SAAS,EAAE,EAAA;GAAI;AACnD;AACAC,EAAAA,0BAA0B,EAAE;AAAEJ,IAAAA,MAAM,EAAE,YAAY;AAAEC,IAAAA,OAAO,EAAE,WAAA;AAAY,GAAA;AAC3E,CAAC,CAAA;AAED,IAAMI,YAAY,GAAG,SAAfA,YAAY,CAAIC,OAAO,EAAEC,WAAW,EAAEC,QAAQ,EAAK;EACvD,IAAIA,QAAQ,IAAID,WAAW,EAAE;IAC3B,OAAOD,OAAO,CAACF,0BAA0B,CAAA;AAC3C,GAAC,MAAM,IAAII,QAAQ,IAAI,CAACD,WAAW,EAAE;IACnC,OAAOD,OAAO,CAACJ,eAAe,CAAA;AAChC,GAAC,MAAM,IAAI,CAACM,QAAQ,IAAID,WAAW,EAAE;IACnC,OAAOD,OAAO,CAACP,oBAAoB,CAAA;AACrC,GAAC,MAAM,IAAI,CAACS,QAAQ,IAAI,CAACD,WAAW,EAAE;IACpC,OAAOD,OAAO,CAACT,SAAS,CAAA;AAC1B,GAAA;AAEA,EAAA,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,IAAMY,cAAc,GAAG,SAAjBA,cAAc,CAAA,IAAA,EAAA;EAAA,IAAMF,WAAW,QAAXA,WAAW;AAAEC,IAAAA,QAAQ,QAARA,QAAQ;AAAEE,IAAAA,QAAQ,QAARA,QAAQ;AAAEJ,IAAAA,OAAO,QAAPA,OAAO;AAAEK,IAAAA,SAAS,QAATA,SAAS,CAAA;AAAA,EAAA,oBAC3EC,IAAC,KAAK,EAAA;AACJ,IAAA,SAAS,EAAEC,UAAU,CACnBR,YAAY,CAACC,OAAO,EAAEC,WAAW,EAAEC,QAAQ,CAAC,EAC5CF,OAAO,CAACZ,SAAS,EACjBiB,SAAS,CACT;AACF,IAAA,SAAS,EAAE,CAAE;IAAA,QAEZD,EAAAA,QAAAA;GACK,CAAA,CAAA;AAAA,CACT,CAAA;AAEDD,cAAc,CAACK,SAAS,GAAG;EACzBP,WAAW,EAAEQ,SAAS,CAACC,IAAI;EAC3BR,QAAQ,EAAEO,SAAS,CAACC,IAAI;AACxBN,EAAAA,QAAQ,EAAEK,SAAS,CAACE,IAAI,CAACC,UAAU;EACnCP,SAAS,EAAEI,SAAS,CAACI,MAAM;EAE3Bb,OAAO,EAAES,SAAS,CAACK,KAAK,CAAC,EAAE,CAAC,CAACF,UAAAA;AAC/B,CAAC,CAAA;AAEDT,cAAc,CAACY,YAAY,GAAG;AAC5Bd,EAAAA,WAAW,EAAE,KAAK;AAClBC,EAAAA,QAAQ,EAAE,KAAK;AACfG,EAAAA,SAAS,EAAEW,SAAAA;AACb,CAAC,CAAA;AAED,uBAAeC,UAAU,CAAC9B,SAAS,CAAC,CAACgB,cAAc,CAAC;;;;"}

package/components/CommentsInfo/index.js

@@ -1 +1,147 @@
-import e from"prop-types";import{withStyles as t}from"@material-ui/core/styles";import{Tooltip as o,Typography as r}from"@material-ui/core";import s from"@material-ui/core/colors/grey";import{isNativeDetected as i}from"../../utils/mobileDetect.js";import a from"../Avatar/index.js";import n from"../UserCardPopover.js";import c from"./styles.css.js";import{jsxs as m,Fragment as l,jsx as p}from"react/jsx-runtime";var u=function(e){return e?"".concat(e.first_name," ").concat(e.last_name):""},d=function(e){var t=e.users,o=e.noReactionsText,r=t.length;if(!r)return o;var s="";r>19&&(s="\nand ".concat(r-19," more..."));var i=t.slice(0,19).join("\n");return"".concat(i).concat(s)},h=function(e){var t=e.likesCount,s=e.usersWhoLike,i=e.commentsCount,h=e.usersWhoCommented,f=e.onCommentsClick,v=e.currentUser,y=e.activeUsersList,C=e.classes,k=e.isNative,g=e.small;return m(l,{children:[!!t&&p(o,{title:p(d,{users:s,noReactionsText:"Nobody likes this yet..."}),enterTouchDelay:0,classes:{popper:C.tooltip},placement:"top",children:m(r,{"data-testid":"".concat("FeedPo","_likesCounter_").concat(t),className:C.reactionTypographyRoot,variant:"caption",children:["Likes ",t]})}),!!i&&p("span",{onClick:f,children:p(o,{title:p(d,{users:h,noReactionsText:"Nobody commented this yet..."}),enterTouchDelay:0,classes:{popper:C.tooltip},placement:"top",children:m(r,{"data-testid":"".concat("FeedPo","_commentsCounter_").concat(i),className:C.reactionTypographyRoot,variant:"caption",children:["Comments ",i]})})}),p("div",{"data-testid":"".concat("FeedPo","_activeUsersCounter_").concat(y&&y.length),className:c.cCommentsInfoActiveUsersList,children:y.map((function(e){return k?p(a,{displayName:u(e),imgSrc:e.profile_photo,className:C.avatarInList,size:g?24:32},e.id):p(n,{user:e,currentUser:v,children:p(a,{displayName:u(e),imgSrc:e.profile_photo,size:g?24:32,className:C.avatarInList})},e.id)}))})]})},f={reactionTypographyRoot:{color:s[400],margin:"0 8px",cursor:"pointer","&:hover":{textDecoration:"underline",textUnderlineOffset:"4px",color:"#fff"}},avatarInList:{marginRight:3,borderWidth:1},tooltip:{whiteSpace:"pre-line"}};h.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({})},h.defaultProps={likesCount:0,usersWhoLike:[],commentsCount:0,onCommentsClick:function(){},small:!1,isNative:i,currentUser:{}};var v=t(f)(h);export{v as default};
+import PropTypes from 'prop-types';
+import { withStyles } from '@material-ui/core/styles';
+import { Tooltip, Typography } from '@material-ui/core';
+import grey from '@material-ui/core/colors/grey';
+import { isNativeDetected } from '../../utils/mobileDetect.js';
+import Avatar from '../Avatar/index.js';
+import UserCardPopover from '../UserCardPopover.js';
+import styles from './styles.css.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+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,
+      classes: {
+        popper: classes.tooltip
+      },
+      placement: "top",
+      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,
+        classes: {
+          popper: classes.tooltip
+        },
+        placement: "top",
+        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: classes.avatarInList,
+          size: small ? 24 : 32
+        }, user.id) : /*#__PURE__*/jsx(UserCardPopover, {
+          user: user,
+          currentUser: currentUser,
+          children: /*#__PURE__*/jsx(Avatar, {
+            displayName: getUserFullName(user),
+            imgSrc: user.profile_photo,
+            size: small ? 24 : 32,
+            className: classes.avatarInList
+          })
+        }, user.id);
+      })
+    })]
+  });
+};
+var muiStyles = {
+  reactionTypographyRoot: {
+    color: grey[400],
+    margin: '0 8px',
+    cursor: 'pointer',
+    '&:hover': {
+      textDecoration: 'underline',
+      textUnderlineOffset: '4px',
+      color: '#fff'
+    }
+  },
+  avatarInList: {
+    marginRight: 3,
+    borderWidth: 1
+  },
+  tooltip: {
+    whiteSpace: 'pre-line'
+  }
+};
+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 { CommentsInfo$1 as default };
+//# 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';\n\nimport { withStyles } from '@material-ui/core/styles';\n/*\n * Using Tooltip from material-ui here because MuiTooltipDcWrapper is broken when used inside popover\n * Here it makes no sense to use that wrapper, because tooltip doesn't go out of parent bounds\n * Bug ticket: https://corvaqa.atlassian.net/browse/DC-3803\n */\nimport { Typography, Tooltip } from '@material-ui/core';\nimport grey from '@material-ui/core/colors/grey';\n\nimport { isNativeDetected } from '~/utils/mobileDetect';\n\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        classes={{ popper: classes.tooltip }}\n        placement=\"top\"\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          classes={{ popper: classes.tooltip }}\n          placement=\"top\"\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={classes.avatarInList}\n            size={small ? 24 : 32}\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 ? 24 : 32}\n              className={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      textUnderlineOffset: '4px',\n      color: '#fff',\n    },\n  },\n  avatarInList: {\n    marginRight: 3,\n    borderWidth: 1,\n  },\n  tooltip: {\n    whiteSpace: 'pre-line',\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","_Fragment","_jsx","popper","tooltip","reactionTypographyRoot","styles","cCommentsInfoActiveUsersList","map","profile_photo","avatarInList","id","muiStyles","color","grey","margin","cursor","textDecoration","textUnderlineOffset","marginRight","borderWidth","whiteSpace","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__zzjgQ {\n  display: flex;\n  align-items: center;\n  flex-direction: row-reverse;\n}\n.styles_cCommentsInfoActiveUsersList__zzjgQ > div {\n  margin-right: -7px;\n}\n";
+var styles = {"cCommentsInfoActiveUsersList":"styles_cCommentsInfoActiveUsersList__zzjgQ"};
+styleInject(css_248z);
+
+export { styles as default };
+//# 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,sDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;"}

package/components/ConfirmationDialog.js

@@ -1 +1,136 @@
-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 _inherits from '@babel/runtime/helpers/inherits';
+import _possibleConstructorReturn from '@babel/runtime/helpers/possibleConstructorReturn';
+import _getPrototypeOf from '@babel/runtime/helpers/getPrototypeOf';
+import { Component } from 'react';
+import PropTypes from 'prop-types';
+import { withStyles } from '@material-ui/core/styles';
+import Typography from '@material-ui/core/Typography';
+import TextField from '@material-ui/core/TextField';
+import DialogTitle from '@material-ui/core/DialogTitle';
+import DialogContent from '@material-ui/core/DialogContent';
+import DialogContentText from '@material-ui/core/DialogContentText';
+import DialogActions from '@material-ui/core/DialogActions';
+import Button from '@material-ui/core/Button';
+import Dialog from '@material-ui/core/Dialog';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+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 { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], 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: "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
+        })]
+      });
+    }
+  }, {
+    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
+        })]
+      });
+    }
+  }]);
+  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 { ConfirmationDialog$1 as default };
+//# sourceMappingURL=ConfirmationDialog.js.map