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

package/components/ColorPickerPalette/ColorPickerPalette.js

@@ -1,100 +1 @@
-import { useRef } from 'react';
-import { withStyles, Popover } from '@material-ui/core';
-import PaletteChromePicker from '../ColorPicker/PaletteChromePicker/PaletteChromePicker.js';
-import { jsx } from 'react/jsx-runtime';
-
-var converters = {
-  rgba: function rgba(c) {
-    return "rgba(".concat(c.rgb.r, ", ").concat(c.rgb.g, ", ").concat(c.rgb.b, ", ").concat(c.rgb.a, ")");
-  },
-  rgb: function rgb(c) {
-    return "rgb(".concat(c.rgb.r, ", ").concat(c.rgb.g, ", ").concat(c.rgb.b, ")");
-  },
-  hex: function hex(c) {
-    return c.hex;
-  },
-  rgba_rgb: function rgba_rgb(c) {
-    return c.rgb.a === 1 ? converters.rgb(c) : converters.rgba(c);
-  },
-  rgba_hex: function rgba_hex(c) {
-    return c.rgb.a === 1 ? converters.hex(c) : converters.rgba(c);
-  }
-};
-var ColorPickerPalette = function ColorPickerPalette(_ref) {
-  var color = _ref.color,
-    onChange = _ref.onChange,
-    anchorEl = _ref.anchorEl,
-    handleClose = _ref.handleClose,
-    converter = _ref.converter,
-    popoverAnchorOrigin = _ref.popoverAnchorOrigin,
-    popoverTransformOrigin = _ref.popoverTransformOrigin,
-    PickerComponent = _ref.pickerComponent,
-    classes = _ref.classes,
-    enableTransparencyPalette = _ref.enableTransparencyPalette;
-  var popperInstanceRef = useRef();
-  var handleChange = function handleChange(nextColor) {
-    var convertedColor = converters[converter](nextColor);
-    onChange(convertedColor);
-  };
-  var updatePopperPosition = function updatePopperPosition() {
-    if (popperInstanceRef.current) {
-      popperInstanceRef.current.updatePosition();
-    }
-  };
-  return /*#__PURE__*/jsx("div", {
-    className: classes.root,
-    children: /*#__PURE__*/jsx(Popover, {
-      id: "colors-popper",
-      action: popperInstanceRef,
-      open: Boolean(anchorEl),
-      anchorEl: anchorEl,
-      onClose: handleClose,
-      anchorOrigin: popoverAnchorOrigin,
-      transformOrigin: popoverTransformOrigin,
-      children: /*#__PURE__*/jsx(PickerComponent, {
-        color: color,
-        onChange: handleChange,
-        onSizeChange: updatePopperPosition,
-        enableTransparencyPalette: enableTransparencyPalette
-      })
-    })
-  });
-};
-ColorPickerPalette.defaultProps = {
-  converter: 'rgba_hex',
-  pickerComponent: PaletteChromePicker,
-  popoverAnchorOrigin: {
-    vertical: 'bottom',
-    horizontal: 'left'
-  },
-  popoverTransformOrigin: {
-    vertical: 'top',
-    horizontal: 'left'
-  },
-  enableTransparencyPalette: false,
-  anchorEl: null
-};
-var ColorPickerPalette$1 = withStyles({
-  root: {
-    position: 'relative',
-    display: 'flex'
-  },
-  popper: {
-    zIndex: 1500
-  },
-  topLabel: {
-    marginBottom: '8px',
-    fontSize: '15px',
-    lineHeight: '17px',
-    letterSpacing: '0.4px',
-    color: '#BDBDBD',
-    whiteSpace: 'nowrap'
-  },
-  rightLabel: {
-    marginLeft: '8px',
-    fontSize: '16px'
-  }
-})(ColorPickerPalette);
-
-export { ColorPickerPalette$1 as default };
-//# sourceMappingURL=ColorPickerPalette.js.map
+import{__assign as r}from'./../../ext-esm/tslib/tslib.es6.js';import{jsx as o}from"react/jsx-runtime";import{useRef as e}from"react";import{withStyles as n,Popover as t}from"@material-ui/core";import a from"../ColorPicker/PaletteChromePicker/PaletteChromePicker.js";var i={rgba:function(r){return"rgba(".concat(r.rgb.r,", ").concat(r.rgb.g,", ").concat(r.rgb.b,", ").concat(r.rgb.a,")")},rgb:function(r){return"rgb(".concat(r.rgb.r,", ").concat(r.rgb.g,", ").concat(r.rgb.b,")")},hex:function(r){return r.hex},rgba_rgb:function(r){return 1===r.rgb.a?i.rgb(r):i.rgba(r)},rgba_hex:function(r){return 1===r.rgb.a?i.hex(r):i.rgba(r)}},c=function(n){var a=n.color,c=n.onChange,l=n.anchorEl,p=n.handleClose,g=n.converter,b=n.popoverAnchorOrigin,s=n.popoverTransformOrigin,m=n.pickerComponent,f=n.classes,h=n.enableTransparencyPalette,u=e();return o("div",r({className:f.root},{children:o(t,r({id:"colors-popper",action:u,open:Boolean(l),anchorEl:l,onClose:p,anchorOrigin:b,transformOrigin:s},{children:o(m,{color:a,onChange:function(r){var o=i[g](r);c(o)},onSizeChange:function(){u.current&&u.current.updatePosition()},enableTransparencyPalette:h})}))}))};c.defaultProps={converter:"rgba_hex",pickerComponent:a,popoverAnchorOrigin:{vertical:"bottom",horizontal:"left"},popoverTransformOrigin:{vertical:"top",horizontal:"left"},enableTransparencyPalette:!1,anchorEl:null};var l=n({root:{position:"relative",display:"flex"},popper:{zIndex:1500},topLabel:{marginBottom:"8px",fontSize:"15px",lineHeight:"17px",letterSpacing:"0.4px",color:"#BDBDBD",whiteSpace:"nowrap"},rightLabel:{marginLeft:"8px",fontSize:"16px"}})(c);export{l as default};

package/components/Comment/CommentIcon/BadgeIcon.js

@@ -1,24 +1 @@
-import { memo } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function BadgeIcon() {
-  return /*#__PURE__*/jsxs("svg", {
-    width: "16",
-    height: "16",
-    viewBox: "0 0 16 16",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: [/*#__PURE__*/jsx("path", {
-      d: "M13.0997 14.0765L13.1233 14.0918L13.1484 14.1043C13.1626 14.1114 13.1765 14.1192 13.1989 14.1321C13.2006 14.1331 13.2025 14.1342 13.2045 14.1354C13.224 14.1467 13.257 14.1657 13.2912 14.1829C13.3832 14.2288 13.503 14.2714 13.6577 14.2714C13.6609 14.2714 13.6644 14.2714 13.668 14.2714C13.7169 14.2715 13.7976 14.2716 13.8828 14.2574C13.9865 14.2401 14.0774 14.2063 14.167 14.1614L14.1949 14.1475L14.2208 14.1303C14.5074 13.9391 14.7291 13.6225 14.7291 13.1999V4.91423C14.7291 3.15237 13.3053 1.72852 11.5434 1.72852H4.40056C2.6387 1.72852 1.21484 3.15237 1.21484 4.91423V8.85709C1.21484 10.6189 2.6387 12.0428 4.40056 12.0428H9.96679L13.0997 14.0765Z",
-      fill: "#03BCD4",
-      stroke: "#212121"
-    }), /*#__PURE__*/jsx("path", {
-      d: "M10.4 7.6H8.6V9.4C8.6 9.73 8.33 10 8 10C7.67 10 7.4 9.73 7.4 9.4V7.6H5.6C5.27 7.6 5 7.33 5 7C5 6.67 5.27 6.4 5.6 6.4H7.4V4.6C7.4 4.27 7.67 4 8 4C8.33 4 8.6 4.27 8.6 4.6V6.4H10.4C10.73 6.4 11 6.67 11 7C11 7.33 10.73 7.6 10.4 7.6Z",
-      fill: "#212121"
-    })]
-  });
-}
-var BadgeIcon$1 = memo(BadgeIcon);
-
-export { BadgeIcon$1 as default };
-//# sourceMappingURL=BadgeIcon.js.map
+import{memo as C}from"react";import{jsxs as t,jsx as r}from"react/jsx-runtime";var e=C((function(){return t("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[r("path",{d:"M13.0997 14.0765L13.1233 14.0918L13.1484 14.1043C13.1626 14.1114 13.1765 14.1192 13.1989 14.1321C13.2006 14.1331 13.2025 14.1342 13.2045 14.1354C13.224 14.1467 13.257 14.1657 13.2912 14.1829C13.3832 14.2288 13.503 14.2714 13.6577 14.2714C13.6609 14.2714 13.6644 14.2714 13.668 14.2714C13.7169 14.2715 13.7976 14.2716 13.8828 14.2574C13.9865 14.2401 14.0774 14.2063 14.167 14.1614L14.1949 14.1475L14.2208 14.1303C14.5074 13.9391 14.7291 13.6225 14.7291 13.1999V4.91423C14.7291 3.15237 13.3053 1.72852 11.5434 1.72852H4.40056C2.6387 1.72852 1.21484 3.15237 1.21484 4.91423V8.85709C1.21484 10.6189 2.6387 12.0428 4.40056 12.0428H9.96679L13.0997 14.0765Z",fill:"#03BCD4",stroke:"#212121"}),r("path",{d:"M10.4 7.6H8.6V9.4C8.6 9.73 8.33 10 8 10C7.67 10 7.4 9.73 7.4 9.4V7.6H5.6C5.27 7.6 5 7.33 5 7C5 6.67 5.27 6.4 5.6 6.4H7.4V4.6C7.4 4.27 7.67 4 8 4C8.33 4 8.6 4.27 8.6 4.6V6.4H10.4C10.73 6.4 11 6.67 11 7C11 7.33 10.73 7.6 10.4 7.6Z",fill:"#212121"})]})}));export{e as default};

package/components/Comment/CommentIcon/index.js

@@ -1,83 +1 @@
-import PropTypes from 'prop-types';
-import { makeStyles, Tooltip, IconButton, Badge } from '@material-ui/core';
-import { isNativeDetected, isMobileDetected } from '../../../utils/mobileDetect.js';
-import Avatar from '../../Avatar/index.js';
-import BadgeIcon from './BadgeIcon.js';
-import { jsx } from 'react/jsx-runtime';
-
-var isMobileView = isNativeDetected || isMobileDetected;
-var useStyles = makeStyles(function (theme) {
-  return {
-    icon: {
-      padding: 0,
-      '&:hover': {
-        '& .MuiBadge-root .MuiBadge-badge svg path': {
-          '&:first-of-type': {
-            fill: theme.palette.primary.light
-          }
-        },
-        '& .MuiAvatar-root': {
-          outline: "1px solid ".concat(theme.palette.primary.light)
-        }
-      },
-      marginTop: 4
-    },
-    badge: {
-      top: 2,
-      right: 6,
-      '&:hover': {
-        '& svg path': {
-          '&:first-of-type': {
-            fill: theme.palette.primary.light
-          }
-        }
-      }
-    },
-    tooltip: {
-      marginTop: 8
-    }
-  };
-});
-var CommentIcon = function CommentIcon(_ref) {
-  var displayName = _ref.displayName,
-    imgSrc = _ref.imgSrc,
-    size = _ref.size;
-  var classes = useStyles();
-  return /*#__PURE__*/jsx(Tooltip, {
-    title: !isMobileView && "Add Comment",
-    placement: "bottom",
-    classes: {
-      tooltip: classes.tooltip
-    },
-    children: /*#__PURE__*/jsx(IconButton, {
-      classes: {
-        root: classes.icon
-      },
-      children: /*#__PURE__*/jsx(Badge, {
-        classes: {
-          badge: classes.badge
-        },
-        badgeContent: /*#__PURE__*/jsx(BadgeIcon, {}),
-        children: /*#__PURE__*/jsx(Avatar, {
-          displayName: displayName,
-          size: size,
-          imgSrc: imgSrc
-        })
-      })
-    })
-  });
-};
-var commentIconProps = {
-  displayName: PropTypes.string,
-  imgSrc: PropTypes.string,
-  size: PropTypes.number
-};
-CommentIcon.propTypes = commentIconProps;
-CommentIcon.defaultProps = {
-  displayName: '',
-  imgSrc: undefined,
-  size: 24
-};
-
-export { CommentIcon as default };
-//# sourceMappingURL=index.js.map
+import{__assign as t}from'./../../../ext-esm/tslib/tslib.es6.js';import{jsx as i}from"react/jsx-runtime";import e from"prop-types";import{makeStyles as r,Tooltip as o,IconButton as a,Badge as p}from"@material-ui/core";import{isNativeDetected as s,isMobileDetected as m}from"../../../utils/mobileDetect.js";import l from"../../Avatar/index.js";import n from"./BadgeIcon.js";var d=s||m,g=r((function(t){return{icon:{padding:0,"&:hover":{"& .MuiBadge-root .MuiBadge-badge svg path":{"&:first-of-type":{fill:t.palette.primary.light}},"& .MuiAvatar-root":{outline:"1px solid ".concat(t.palette.primary.light)}},marginTop:4},badge:{top:2,right:6,"&:hover":{"& svg path":{"&:first-of-type":{fill:t.palette.primary.light}}}},tooltip:{marginTop:8}}})),c=function(e){var r=e.displayName,s=e.imgSrc,m=e.size,c=g();return i(o,t({title:!d&&"Add Comment",placement:"bottom",classes:{tooltip:c.tooltip}},{children:i(a,t({classes:{root:c.icon}},{children:i(p,t({classes:{badge:c.badge},badgeContent:i(n,{})},{children:i(l,{displayName:r,size:m,imgSrc:s})}))}))}))},f={displayName:e.string,imgSrc:e.string,size:e.number};c.propTypes=f,c.defaultProps={displayName:"",imgSrc:void 0,size:24};export{c as default};

package/components/Comment/index.js

@@ -1,429 +1 @@
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-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 _regeneratorRuntime from '@babel/runtime/regenerator';
-import { createRef, PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import moment from 'moment';
-import { get, includes, noop } from 'lodash';
-import classNames from 'classnames';
-import { withStyles } from '@material-ui/core/styles';
-import Typography from '@material-ui/core/Typography';
-import Menu from '@material-ui/core/Menu';
-import MenuItem from '@material-ui/core/MenuItem';
-import MoreVertIcon from '@material-ui/icons/MoreVert';
-import CommentWrapper from '../CommentWrapper.js';
-import CommentLoader from '../CommentLoader.js';
-import CommentInput from '../CommentInput/index.js';
-import Avatar from '../Avatar/index.js';
-import Attachment from '../Attachment/index.js';
-import IconButton from '../IconButton/index.js';
-import ConfirmationDialog from '../ConfirmationDialog.js';
-import UserCardPopover from '../UserCardPopover.js';
-import { formatMentionText } from '../UserMention/utils/index.js';
-import { isNativeDetected } from '../../utils/mobileDetect.js';
-import { deleteFeedItemComment } from '../../clients/jsonApi/index.js';
-import utils from '../../utils/main.js';
-import styles from './styles.css.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-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 = 'comment';
-var CREATED_AT_FORMAT = 'MM/DD/YY HH:mm';
-var CREATED_AT_FORMAT_NATIVE = 'MM/DD HH:mm';
-var style = {
-  chatAvatarWrapper: {
-    paddingTop: 2,
-    position: 'absolute',
-    top: 6,
-    left: 0
-  },
-  commentInfoContainer: {
-    display: 'inline-flex',
-    alignItems: 'center',
-    width: '100%',
-    paddingTop: 5
-  },
-  userNameWrapper: {
-    overflow: 'hidden'
-  },
-  infoContainer: {
-    display: 'inline-block',
-    verticalAlign: 'top',
-    width: '100%',
-    paddingLeft: 33
-  }
-};
-var muiStyles = function muiStyles(theme) {
-  return {
-    commentWrapper: {
-      width: '100%'
-    },
-    timeRoot: {
-      color: theme.palette.primary.text7,
-      float: 'right',
-      marginRight: 5,
-      marginLeft: 8,
-      fontSize: '12px'
-    },
-    textRoot: {
-      marginTop: 5,
-      color: '#CCC',
-      fontWeight: 'normal',
-      fontSize: '14px'
-    },
-    iconButtonRoot: {
-      float: 'right',
-      visibility: 'hidden',
-      color: theme.palette.primary.text7
-    },
-    userName: {
-      fontSize: '12px',
-      fontWeight: 'bold'
-    }
-  };
-};
-var Comment = /*#__PURE__*/function (_PureComponent) {
-  _inherits(Comment, _PureComponent);
-  var _super = _createSuper(Comment);
-  function Comment(props) {
-    var _this;
-    _classCallCheck(this, Comment);
-    _this = _super.call(this, props);
-    _defineProperty(_assertThisInitialized(_this), "deleteComment", /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(feedItemId, commentId) {
-        var commentResponse;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                _context.prev = 0;
-                _context.next = 3;
-                return deleteFeedItemComment(feedItemId, commentId);
-              case 3:
-                commentResponse = _context.sent;
-                _context.next = 9;
-                break;
-              case 6:
-                _context.prev = 6;
-                _context.t0 = _context["catch"](0);
-                console.error(_context.t0);
-              case 9:
-                return _context.abrupt("return", commentResponse);
-              case 10:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee, null, [[0, 6]]);
-      }));
-      return function (_x, _x2) {
-        return _ref.apply(this, arguments);
-      };
-    }());
-    _defineProperty(_assertThisInitialized(_this), "showIntoView", function () {
-      _this.props.handleShowOnMount();
-      _this.commentEl.current.scrollIntoView({
-        block: 'end'
-      });
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleToggleActionsMenu", function (event) {
-      var currentT = event.currentTarget;
-      _this.setState(function (_ref2) {
-        var actionsMenuAnchorEl = _ref2.actionsMenuAnchorEl;
-        return {
-          actionsMenuAnchorEl: actionsMenuAnchorEl ? null : currentT
-        };
-      });
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (event) {
-      if (event.keyCode === 27) {
-        _this.setState({
-          isEditing: false
-        });
-      }
-      document.removeEventListener('keydown', _this.handleKeyDown, false);
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleEditMenuItem", function () {
-      document.addEventListener('keydown', _this.handleKeyDown, false);
-      _this.setState({
-        isEditing: true
-      }, function () {
-        if (_this.inputEl.current) _this.inputEl.current.focus();
-      });
-    });
-    _defineProperty(_assertThisInitialized(_this), "getEditCommentProps", function () {
-      var comment = _this.props.comment;
-      var editCommentId = comment.id;
-      var editComment = comment.body;
-      var editAttachment = comment.attachment;
-      var editFeedItemId = comment.feed_activity_id;
-      return {
-        editFeedItemId: editFeedItemId,
-        editCommentId: editCommentId,
-        editComment: editComment,
-        editAttachment: editAttachment
-      };
-    });
-    _defineProperty(_assertThisInitialized(_this), "onEditFinish", function () {
-      _this.setState({
-        isEditing: false,
-        isLoading: false
-      });
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleDeleteMenuItem", function () {
-      _this.setState({
-        openDeleteDialog: true
-      });
-    });
-    _defineProperty(_assertThisInitialized(_this), "handleDelete", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      var id, feedItemId, response;
-      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) {
-          switch (_context2.prev = _context2.next) {
-            case 0:
-              id = _this.props.comment.id;
-              feedItemId = _this.props.comment.feed_activity_id;
-              _this.setState({
-                isLoading: true
-              });
-              _context2.next = 5;
-              return _this.deleteComment(feedItemId, id);
-            case 5:
-              response = _context2.sent;
-              _this.setState({
-                isLoading: false,
-                openDeleteDialog: false
-              });
-              if (response) _this.props.handleDeleteCallback(id);
-            case 8:
-            case "end":
-              return _context2.stop();
-          }
-        }
-      }, _callee2);
-    })));
-    _this.state = {
-      actionsMenuAnchorEl: null,
-      isLoading: false,
-      isEditing: false,
-      openDeleteDialog: false
-    };
-    _this.inputEl = createRef();
-    _this.commentEl = createRef();
-    return _this;
-  }
-  _createClass(Comment, [{
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      if (this.props.showOnMount) {
-        this.showIntoView();
-      }
-    }
-  }, {
-    key: "isCurrentUserCommentCreator",
-    get: function get$1() {
-      return Number(get(this.props.comment, ['user', 'id'])) === Number(this.props.currentUser.id);
-    }
-  }, {
-    key: "renderMenuIcon",
-    value: function renderMenuIcon() {
-      var showEdit = this.isCurrentUserCommentCreator;
-      var showDelete = this.isCurrentUserCommentCreator || includes(this.props.comment.allowed_actions, 'destroy');
-      if (!(showDelete || showEdit)) return null;
-      return /*#__PURE__*/jsxs("div", {
-        className: styles.cCommentMenu,
-        children: [/*#__PURE__*/jsx(IconButton, {
-          "data-testid": "".concat(PAGE_NAME, "_menuButton"),
-          "aria-label": "Actions",
-          "aria-owns": this.state.actionsMenuAnchorEl ? 'c-comment__actions-menu' : undefined,
-          "aria-haspopup": "true",
-          className: this.props.classes.iconButtonRoot,
-          size: "small",
-          onClick: this.handleToggleActionsMenu,
-          children: /*#__PURE__*/jsx(MoreVertIcon, {})
-        }), /*#__PURE__*/jsxs(Menu, {
-          id: "c-comment__actions-menu",
-          anchorOrigin: {
-            vertical: 'top',
-            horizontal: 'right'
-          },
-          transformOrigin: {
-            vertical: 'top',
-            horizontal: 'right'
-          },
-          anchorEl: this.state.actionsMenuAnchorEl,
-          open: !!this.state.actionsMenuAnchorEl,
-          onClick: this.handleToggleActionsMenu,
-          children: [showEdit && /*#__PURE__*/jsx(MenuItem, {
-            "data-testid": "".concat(PAGE_NAME, "_editMenuItem"),
-            onClick: this.handleEditMenuItem,
-            children: "Edit"
-          }), showDelete && /*#__PURE__*/jsx(MenuItem, {
-            "data-testid": "".concat(PAGE_NAME, "_deleteMenuItem"),
-            onClick: this.handleDeleteMenuItem,
-            children: "Delete"
-          })]
-        })]
-      });
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this2 = this,
-        _comment$attachment,
-        _comment$attachment2;
-      var _this$state = this.state,
-        isLoading = _this$state.isLoading,
-        isEditing = _this$state.isEditing;
-      if (isLoading) {
-        var _spaceAround = this.props.spaceAround;
-        return /*#__PURE__*/jsx(CommentLoader, {
-          spaceAround: _spaceAround
-        });
-      }
-      var _this$props = this.props,
-        comment = _this$props.comment,
-        classes = _this$props.classes,
-        spaceAround = _this$props.spaceAround,
-        isNative = _this$props.isNative,
-        patchCommentCallback = _this$props.patchCommentCallback,
-        companyId = _this$props.companyId;
-      if (isEditing) {
-        return /*#__PURE__*/jsx(CommentInput, _objectSpread({
-          inputRef: this.inputEl,
-          postComment: noop,
-          exitEditMode: this.onEditFinish,
-          setIsEditting: function setIsEditting() {
-            return _this2.setState({
-              isLoading: true
-            });
-          },
-          patchCommentCallback: patchCommentCallback,
-          companyId: companyId,
-          currentUser: this.props.currentUser
-        }, this.getEditCommentProps()));
-      }
-      var userFullName = utils.getUserFullName(comment.user);
-      var format = isNative ? CREATED_AT_FORMAT_NATIVE : CREATED_AT_FORMAT;
-      var time = moment(comment.created_at).format(format);
-      var attachmentUrl = (comment === null || comment === void 0 ? void 0 : (_comment$attachment = comment.attachment) === null || _comment$attachment === void 0 ? void 0 : _comment$attachment.signed_url) || (comment === null || comment === void 0 ? void 0 : (_comment$attachment2 = comment.attachment) === null || _comment$attachment2 === void 0 ? void 0 : _comment$attachment2.url);
-      var attachmentSize = get(comment, ['attachment', 'size']);
-      var attachmentFileName = get(comment, ['attachment', 'file_name']);
-      return /*#__PURE__*/jsxs("div", {
-        "data-testid": "".concat(PAGE_NAME, "_commentItem_").concat(comment.body),
-        className: classNames(styles.cComment, _defineProperty({}, styles.cCommentNative, isNative)),
-        ref: this.commentEl,
-        children: [/*#__PURE__*/jsxs(CommentWrapper, {
-          spaceAround: spaceAround,
-          className: this.props.classes.commentWrapper,
-          children: [/*#__PURE__*/jsx("div", {
-            style: style.chatAvatarWrapper,
-            children: isNative ? /*#__PURE__*/jsx(Avatar, {
-              size: 24,
-              displayName: userFullName,
-              imgSrc: get(comment, ['user', 'profile_photo']),
-              className: this.props.classes.avatar
-            }) : /*#__PURE__*/jsx(UserCardPopover, {
-              user: comment.user,
-              currentUser: this.props.currentUser,
-              children: /*#__PURE__*/jsx(Avatar, {
-                size: 24,
-                displayName: userFullName,
-                imgSrc: get(comment, ['user', 'profile_photo']),
-                className: this.props.classes.avatar
-              })
-            })
-          }), /*#__PURE__*/jsxs("div", {
-            style: style.infoContainer,
-            children: [/*#__PURE__*/jsx("div", {
-              children: /*#__PURE__*/jsxs("div", {
-                style: style.commentInfoContainer,
-                children: [/*#__PURE__*/jsx("div", {
-                  style: style.userNameWrapper,
-                  children: /*#__PURE__*/jsx(Typography, {
-                    "data-testid": "".concat(PAGE_NAME, "_userName"),
-                    variant: "subtitle2",
-                    noWrap: true,
-                    className: classes.userName,
-                    children: userFullName
-                  })
-                }), /*#__PURE__*/jsx("div", {
-                  style: style.timeWrapper,
-                  children: /*#__PURE__*/jsx(Typography, {
-                    "data-testid": "".concat(PAGE_NAME, "_addTime"),
-                    variant: "caption",
-                    classes: {
-                      root: classes.timeRoot
-                    },
-                    children: time
-                  })
-                })]
-              })
-            }), /*#__PURE__*/jsxs("div", {
-              className: styles.cCommentBody,
-              children: [this.renderMenuIcon(), /*#__PURE__*/jsx(Typography, {
-                "data-testid": "".concat(PAGE_NAME, "_commentMessage"),
-                variant: "body1",
-                classes: {
-                  root: classes.textRoot
-                },
-                children: formatMentionText(comment.body, comment.mentioned_users, isNative, '#00bcd4', this.props.currentUser)
-              }), attachmentUrl && /*#__PURE__*/jsx(Attachment, {
-                attachmentUrl: attachmentUrl,
-                attachmentSize: attachmentSize,
-                size: "small",
-                fileName: attachmentFileName
-              })]
-            })]
-          })]
-        }), this.state.openDeleteDialog && /*#__PURE__*/jsx(ConfirmationDialog, {
-          open: this.state.openDeleteDialog,
-          text: "Do you really want to delete comment?",
-          handleClose: function handleClose() {
-            return _this2.setState({
-              openDeleteDialog: false
-            });
-          },
-          handleOk: this.handleDelete,
-          okText: "Delete"
-        })]
-      });
-    }
-  }]);
-  return Comment;
-}(PureComponent);
-Comment.propTypes = {
-  comment: PropTypes.shape({}).isRequired,
-  showOnMount: PropTypes.bool,
-  spaceAround: PropTypes.bool,
-  handleShowOnMount: PropTypes.func,
-  handleEdit: PropTypes.func,
-  handleDeleteCallback: PropTypes.func.isRequired,
-  patchCommentCallback: PropTypes.func.isRequired,
-  companyId: PropTypes.number,
-  currentUser: PropTypes.shape(),
-  classes: PropTypes.shape({}).isRequired,
-  isNative: PropTypes.bool
-};
-Comment.defaultProps = {
-  showOnMount: false,
-  spaceAround: false,
-  handleShowOnMount: noop,
-  handleEdit: noop,
-  companyId: null,
-  isNative: isNativeDetected,
-  currentUser: {}
-};
-var Comment$1 = withStyles(muiStyles)(Comment);
-
-export { Comment$1 as default };
-//# sourceMappingURL=index.js.map
+import e from"@babel/runtime/helpers/asyncToGenerator";import t from"@babel/runtime/helpers/classCallCheck";import n from"@babel/runtime/helpers/createClass";import r from"@babel/runtime/helpers/assertThisInitialized";import o from"@babel/runtime/helpers/inherits";import i from"@babel/runtime/helpers/possibleConstructorReturn";import a from"@babel/runtime/helpers/getPrototypeOf";import s from"@babel/runtime/helpers/defineProperty";import c from"@babel/runtime/regenerator";import{createRef as m,PureComponent as l}from"react";import p from"prop-types";import u from"moment";import{get as d,includes as h,noop as f}from"lodash";import v from"classnames";import{withStyles as y}from"@material-ui/core/styles";import g from"@material-ui/core/Typography";import b from"@material-ui/core/Menu";import C from"@material-ui/core/MenuItem";import D from"@material-ui/icons/MoreVert";import M from"../CommentWrapper.js";import E from"../CommentLoader.js";import w from"../CommentInput/index.js";import O from"../Avatar/index.js";import I from"../Attachment/index.js";import j from"../IconButton/index.js";import k from"../ConfirmationDialog.js";import x from"../UserCardPopover.js";import{formatMentionText as A}from"../UserMention/utils/index.js";import{isNativeDetected as N}from"../../utils/mobileDetect.js";import{deleteFeedItemComment as _}from"../../clients/jsonApi/index.js";import S from"../../utils/main.js";import R from"./styles.css.js";import{jsxs as P,jsx as U}from"react/jsx-runtime";function T(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function z(e){var t=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(e){return!1}}();return function(){var n,r=a(e);if(t){var o=a(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return i(this,n)}}var L={chatAvatarWrapper:{paddingTop:2,position:"absolute",top:6,left:0},commentInfoContainer:{display:"inline-flex",alignItems:"center",width:"100%",paddingTop:5},userNameWrapper:{overflow:"hidden"},infoContainer:{display:"inline-block",verticalAlign:"top",width:"100%",paddingLeft:33}},W=function(i){o(p,l);var a=z(p);function p(n){var o,i;return t(this,p),o=a.call(this,n),s(r(o),"deleteComment",(i=e(c.mark((function e(t,n){var r;return c.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,_(t,n);case 3:r=e.sent,e.next=9;break;case 6:e.prev=6,e.t0=e.catch(0),console.error(e.t0);case 9:return e.abrupt("return",r);case 10:case"end":return e.stop()}}),e,null,[[0,6]])}))),function(e,t){return i.apply(this,arguments)})),s(r(o),"showIntoView",(function(){o.props.handleShowOnMount(),o.commentEl.current.scrollIntoView({block:"end"})})),s(r(o),"handleToggleActionsMenu",(function(e){var t=e.currentTarget;o.setState((function(e){return{actionsMenuAnchorEl:e.actionsMenuAnchorEl?null:t}}))})),s(r(o),"handleKeyDown",(function(e){27===e.keyCode&&o.setState({isEditing:!1}),document.removeEventListener("keydown",o.handleKeyDown,!1)})),s(r(o),"handleEditMenuItem",(function(){document.addEventListener("keydown",o.handleKeyDown,!1),o.setState({isEditing:!0},(function(){o.inputEl.current&&o.inputEl.current.focus()}))})),s(r(o),"getEditCommentProps",(function(){var e=o.props.comment,t=e.id,n=e.body,r=e.attachment;return{editFeedItemId:e.feed_activity_id,editCommentId:t,editComment:n,editAttachment:r}})),s(r(o),"onEditFinish",(function(){o.setState({isEditing:!1,isLoading:!1})})),s(r(o),"handleDeleteMenuItem",(function(){o.setState({openDeleteDialog:!0})})),s(r(o),"handleDelete",e(c.mark((function e(){var t,n,r;return c.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return t=o.props.comment.id,n=o.props.comment.feed_activity_id,o.setState({isLoading:!0}),e.next=5,o.deleteComment(n,t);case 5:r=e.sent,o.setState({isLoading:!1,openDeleteDialog:!1}),r&&o.props.handleDeleteCallback(t);case 8:case"end":return e.stop()}}),e)})))),o.state={actionsMenuAnchorEl:null,isLoading:!1,isEditing:!1,openDeleteDialog:!1},o.inputEl=m(),o.commentEl=m(),o}return n(p,[{key:"componentDidMount",value:function(){this.props.showOnMount&&this.showIntoView()}},{key:"isCurrentUserCommentCreator",get:function(){return Number(d(this.props.comment,["user","id"]))===Number(this.props.currentUser.id)}},{key:"renderMenuIcon",value:function(){var e=this.isCurrentUserCommentCreator,t=this.isCurrentUserCommentCreator||h(this.props.comment.allowed_actions,"destroy");return t||e?P("div",{className:R.cCommentMenu,children:[U(j,{"data-testid":"".concat("comment","_menuButton"),"aria-label":"Actions","aria-owns":this.state.actionsMenuAnchorEl?"c-comment__actions-menu":void 0,"aria-haspopup":"true",className:this.props.classes.iconButtonRoot,size:"small",onClick:this.handleToggleActionsMenu,children:U(D,{})}),P(b,{id:"c-comment__actions-menu",anchorOrigin:{vertical:"top",horizontal:"right"},transformOrigin:{vertical:"top",horizontal:"right"},anchorEl:this.state.actionsMenuAnchorEl,open:!!this.state.actionsMenuAnchorEl,onClick:this.handleToggleActionsMenu,children:[e&&U(C,{"data-testid":"".concat("comment","_editMenuItem"),onClick:this.handleEditMenuItem,children:"Edit"}),t&&U(C,{"data-testid":"".concat("comment","_deleteMenuItem"),onClick:this.handleDeleteMenuItem,children:"Delete"})]})]}):null}},{key:"render",value:function(){var e,t,n=this,r=this.state,o=r.isLoading,i=r.isEditing;if(o){var a=this.props.spaceAround;return U(E,{spaceAround:a})}var c=this.props,m=c.comment,l=c.classes,p=c.spaceAround,h=c.isNative,y=c.patchCommentCallback,b=c.companyId;if(i)return U(w,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?T(Object(n),!0).forEach((function(t){s(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):T(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({inputRef:this.inputEl,postComment:f,exitEditMode:this.onEditFinish,setIsEditting:function(){return n.setState({isLoading:!0})},patchCommentCallback:y,companyId:b,currentUser:this.props.currentUser},this.getEditCommentProps()));var C=S.getUserFullName(m.user),D=h?"MM/DD HH:mm":"MM/DD/YY HH:mm",j=u(m.created_at).format(D),N=(null==m||null===(e=m.attachment)||void 0===e?void 0:e.signed_url)||(null==m||null===(t=m.attachment)||void 0===t?void 0:t.url),_=d(m,["attachment","size"]),z=d(m,["attachment","file_name"]);return P("div",{"data-testid":"".concat("comment","_commentItem_").concat(m.body),className:v(R.cComment,s({},R.cCommentNative,h)),ref:this.commentEl,children:[P(M,{spaceAround:p,className:this.props.classes.commentWrapper,children:[U("div",{style:L.chatAvatarWrapper,children:h?U(O,{size:24,displayName:C,imgSrc:d(m,["user","profile_photo"]),className:this.props.classes.avatar}):U(x,{user:m.user,currentUser:this.props.currentUser,children:U(O,{size:24,displayName:C,imgSrc:d(m,["user","profile_photo"]),className:this.props.classes.avatar})})}),P("div",{style:L.infoContainer,children:[U("div",{children:P("div",{style:L.commentInfoContainer,children:[U("div",{style:L.userNameWrapper,children:U(g,{"data-testid":"".concat("comment","_userName"),variant:"subtitle2",noWrap:!0,className:l.userName,children:C})}),U("div",{style:L.timeWrapper,children:U(g,{"data-testid":"".concat("comment","_addTime"),variant:"caption",classes:{root:l.timeRoot},children:j})})]})}),P("div",{className:R.cCommentBody,children:[this.renderMenuIcon(),U(g,{"data-testid":"".concat("comment","_commentMessage"),variant:"body1",classes:{root:l.textRoot},children:A(m.body,m.mentioned_users,h,"#00bcd4",this.props.currentUser)}),N&&U(I,{attachmentUrl:N,attachmentSize:_,size:"small",fileName:z})]})]})]}),this.state.openDeleteDialog&&U(k,{open:this.state.openDeleteDialog,text:"Do you really want to delete comment?",handleClose:function(){return n.setState({openDeleteDialog:!1})},handleOk:this.handleDelete,okText:"Delete"})]})}}]),p}();W.propTypes={comment:p.shape({}).isRequired,showOnMount:p.bool,spaceAround:p.bool,handleShowOnMount:p.func,handleEdit:p.func,handleDeleteCallback:p.func.isRequired,patchCommentCallback:p.func.isRequired,companyId:p.number,currentUser:p.shape(),classes:p.shape({}).isRequired,isNative:p.bool},W.defaultProps={showOnMount:!1,spaceAround:!1,handleShowOnMount:f,handleEdit:f,companyId:null,isNative:N,currentUser:{}};var B=y((function(e){return{commentWrapper:{width:"100%"},timeRoot:{color:e.palette.primary.text7,float:"right",marginRight:5,marginLeft:8,fontSize:"12px"},textRoot:{marginTop:5,color:"#CCC",fontWeight:"normal",fontSize:"14px"},iconButtonRoot:{float:"right",visibility:"hidden",color:e.palette.primary.text7},userName:{fontSize:"12px",fontWeight:"bold"}}}))(W);export{B as default};