@corva/ui 3.1.0-rc.4 → 3.1.0-rc.5

package/components/Comment/index.js

@@ -1 +1,433 @@
-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 l,PureComponent as m}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 b from"@material-ui/core/Typography";import g from"@material-ui/core/Menu";import C from"@material-ui/core/MenuItem";import M from"@material-ui/icons/MoreVert";import{deleteFeedItemComment as D}from"../../clients/jsonApi/index.js";import E from"./styles.css.js";import w from"../CommentWrapper.js";import O from"../CommentLoader.js";import I from"../CommentInput/index.js";import{AvatarComponent as j}from"../Avatar/index.js";import k from"../Attachment/index.js";import x from"../IconButton/index.js";import A from"../ConfirmationDialog.js";import N from"../UserCardPopover.js";import{formatMentionText as _}from"../UserMention/utils/index.js";import{isNativeDetected as S}from"../../utils/mobileDetect.js";import R from"../../utils/main.js";import{jsxs as P,jsx as U}from"react/jsx-runtime";function z(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 L(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 W={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}},T=function(i){o(p,m);var a=L(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,D(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),"handleOpenActionsMenu",(function(e){e.stopPropagation(),o.setState({actionsMenuAnchorEl:e.currentTarget})})),s(r(o),"handleCloseActionsMenu",(function(e){e.stopPropagation(),o.setState({actionsMenuAnchorEl:null})})),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=l(),o.commentEl=l(),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:E.cCommentMenu,children:[U(x,{"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.handleOpenActionsMenu,children:U(M,{})}),P(g,{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.handleCloseActionsMenu,onClose:this.handleCloseActionsMenu,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(O,{spaceAround:a})}var c=this.props,l=c.comment,m=c.classes,p=c.spaceAround,h=c.isNative,y=c.patchCommentCallback,g=c.companyId;if(i)return U(I,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?z(Object(n),!0).forEach((function(t){s(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):z(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:g,currentUser:this.props.currentUser},this.getEditCommentProps()));var C=R.getUserFullName(l.user),M=h?"MM/DD HH:mm":"MM/DD/YY HH:mm",D=u(l.created_at).format(M),x=(null==l||null===(e=l.attachment)||void 0===e?void 0:e.signed_url)||(null==l||null===(t=l.attachment)||void 0===t?void 0:t.url),S=d(l,["attachment","size"]),L=d(l,["attachment","file_name"]);return P("div",{"data-testid":"".concat("comment","_commentItem_").concat(l.body),className:v(E.cComment,s({},E.cCommentNative,h)),ref:this.commentEl,children:[P(w,{spaceAround:p,className:this.props.classes.commentWrapper,children:[U("div",{style:W.chatAvatarWrapper,children:h?U(j,{size:24,displayName:C,imgSrc:d(l,["user","profile_photo"]),className:this.props.classes.avatar}):U(N,{user:l.user,currentUser:this.props.currentUser,children:U(j,{size:24,displayName:C,imgSrc:d(l,["user","profile_photo"]),className:this.props.classes.avatar})})}),P("div",{style:W.infoContainer,children:[U("div",{children:P("div",{style:W.commentInfoContainer,children:[U("div",{style:W.userNameWrapper,children:U(b,{"data-testid":"".concat("comment","_userName"),variant:"subtitle2",noWrap:!0,className:m.userName,children:C})}),U("div",{style:W.timeWrapper,children:U(b,{"data-testid":"".concat("comment","_addTime"),variant:"caption",classes:{root:m.timeRoot},children:D})})]})}),P("div",{className:E.cCommentBody,children:[this.renderMenuIcon(),U(b,{"data-testid":"".concat("comment","_commentMessage"),variant:"body1",classes:{root:m.textRoot},children:_(l.body,l.mentioned_users,h,"#00bcd4",this.props.currentUser)}),x&&U(k,{attachmentUrl:x,attachmentSize:S,size:"small",fileName:L})]})]})]}),this.state.openDeleteDialog&&U(A,{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}();T.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},T.defaultProps={showOnMount:!1,spaceAround:!1,handleShowOnMount:f,handleEdit:f,companyId:null,isNative:S,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"}}}))(T);export{B as default};
+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 { deleteFeedItemComment } from '../../clients/jsonApi/index.js';
+import styles from './styles.css.js';
+import CommentWrapper from '../CommentWrapper.js';
+import CommentLoader from '../CommentLoader.js';
+import CommentInput from '../CommentInput/index.js';
+import { AvatarComponent } 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 utils from '../../utils/main.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), "handleOpenActionsMenu", function (event) {
+      event.stopPropagation();
+      _this.setState({
+        actionsMenuAnchorEl: event.currentTarget
+      });
+    });
+    _defineProperty(_assertThisInitialized(_this), "handleCloseActionsMenu", function (event) {
+      event.stopPropagation();
+      _this.setState({
+        actionsMenuAnchorEl: null
+      });
+    });
+    _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.handleOpenActionsMenu,
+          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.handleCloseActionsMenu,
+          onClose: this.handleCloseActionsMenu,
+          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(AvatarComponent, {
+              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(AvatarComponent, {
+                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

package/components/Comment/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Comment/index.js"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport { createRef, PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport moment from 'moment';\nimport { get, noop, includes } from 'lodash';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport Typography from '@material-ui/core/Typography';\nimport Menu from '@material-ui/core/Menu';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport MoreVertIcon from '@material-ui/icons/MoreVert';\n\nimport { deleteFeedItemComment } from '../../clients/jsonApi';\n\nimport styles from './styles.css';\n\nimport CommentWrapper from '~components/CommentWrapper';\nimport CommentLoader from '~components/CommentLoader';\nimport CommentInput from '~components/CommentInput';\nimport Avatar from '~components/Avatar';\nimport Attachment from '~components/Attachment';\nimport IconButton from '~components/IconButton';\nimport ConfirmationDialog from '~components/ConfirmationDialog';\nimport UserCardPopover from '~components/UserCardPopover';\nimport { formatMentionText } from '~components/UserMention/utils';\nimport { isNativeDetected } from '~/utils/mobileDetect';\nimport utils from '~utils/main';\n\nconst PAGE_NAME = 'comment';\n\nconst CREATED_AT_FORMAT = 'MM/DD/YY HH:mm';\nconst CREATED_AT_FORMAT_NATIVE = 'MM/DD HH:mm';\n\nconst style = {\n  chatAvatarWrapper: {\n    paddingTop: 2,\n    position: 'absolute',\n    top: 6,\n    left: 0,\n  },\n  commentInfoContainer: {\n    display: 'inline-flex',\n    alignItems: 'center',\n    width: '100%',\n    paddingTop: 5,\n  },\n  userNameWrapper: { overflow: 'hidden' },\n  infoContainer: {\n    display: 'inline-block',\n    verticalAlign: 'top',\n    width: '100%',\n    paddingLeft: 33,\n  },\n};\n\nconst muiStyles = theme => ({\n  commentWrapper: { width: '100%' },\n  timeRoot: {\n    color: theme.palette.primary.text7,\n    float: 'right',\n    marginRight: 5,\n    marginLeft: 8,\n    fontSize: '12px',\n  },\n  textRoot: {\n    marginTop: 5,\n    color: '#CCC',\n    fontWeight: 'normal',\n    fontSize: '14px',\n  },\n  iconButtonRoot: {\n    float: 'right',\n    visibility: 'hidden',\n    color: theme.palette.primary.text7,\n  },\n  userName: {\n    fontSize: '12px',\n    fontWeight: 'bold',\n  },\n});\n\nclass Comment extends PureComponent {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      actionsMenuAnchorEl: null,\n      isLoading: false,\n      isEditing: false,\n      openDeleteDialog: false,\n    };\n    this.inputEl = createRef();\n    this.commentEl = createRef();\n  }\n\n  componentDidMount() {\n    if (this.props.showOnMount) {\n      this.showIntoView();\n    }\n  }\n\n  get isCurrentUserCommentCreator() {\n    return Number(get(this.props.comment, ['user', 'id'])) === Number(this.props.currentUser.id);\n  }\n\n  deleteComment = async (feedItemId, commentId) => {\n    let commentResponse;\n\n    try {\n      commentResponse = await deleteFeedItemComment(feedItemId, commentId);\n    } catch (e) {\n      console.error(e);\n    }\n\n    return commentResponse;\n  };\n\n  showIntoView = () => {\n    this.props.handleShowOnMount();\n    this.commentEl.current.scrollIntoView({ block: 'end' });\n  };\n\n  handleOpenActionsMenu = event => {\n    event.stopPropagation();\n    this.setState({ actionsMenuAnchorEl: event.currentTarget });\n  };\n\n  handleCloseActionsMenu = event => {\n    event.stopPropagation();\n    this.setState({ actionsMenuAnchorEl: null });\n  };\n\n  handleKeyDown = event => {\n    if (event.keyCode === 27) {\n      this.setState({\n        isEditing: false,\n      });\n    }\n    document.removeEventListener('keydown', this.handleKeyDown, false);\n  };\n\n  handleEditMenuItem = () => {\n    document.addEventListener('keydown', this.handleKeyDown, false);\n    this.setState(\n      {\n        isEditing: true,\n      },\n      () => {\n        if (this.inputEl.current) this.inputEl.current.focus();\n      }\n    );\n  };\n\n  // TODO: move to one prop, not multiple\n  getEditCommentProps = () => {\n    const { comment } = this.props;\n    const editCommentId = comment.id;\n    const editComment = comment.body;\n    const editAttachment = comment.attachment;\n    const editFeedItemId = comment.feed_activity_id;\n    return {\n      editFeedItemId,\n      editCommentId,\n      editComment,\n      editAttachment,\n    };\n  };\n\n  onEditFinish = () => {\n    this.setState({ isEditing: false, isLoading: false });\n  };\n\n  handleDeleteMenuItem = () => {\n    this.setState({ openDeleteDialog: true });\n  };\n\n  handleDelete = async () => {\n    const { id } = this.props.comment;\n    const feedItemId = this.props.comment.feed_activity_id;\n\n    this.setState({ isLoading: true });\n\n    const response = await this.deleteComment(feedItemId, id);\n\n    this.setState({ isLoading: false, openDeleteDialog: false });\n    if (response) this.props.handleDeleteCallback(id);\n  };\n\n  renderMenuIcon() {\n    const showEdit = this.isCurrentUserCommentCreator;\n\n    const showDelete =\n      this.isCurrentUserCommentCreator || includes(this.props.comment.allowed_actions, 'destroy');\n\n    if (!(showDelete || showEdit)) return null;\n\n    return (\n      <div className={styles.cCommentMenu}>\n        <IconButton\n          data-testid={`${PAGE_NAME}_menuButton`}\n          aria-label=\"Actions\"\n          aria-owns={this.state.actionsMenuAnchorEl ? 'c-comment__actions-menu' : undefined}\n          aria-haspopup=\"true\"\n          className={this.props.classes.iconButtonRoot}\n          size=\"small\"\n          onClick={this.handleOpenActionsMenu}\n        >\n          <MoreVertIcon />\n        </IconButton>\n\n        <Menu\n          id=\"c-comment__actions-menu\"\n          anchorOrigin={{ vertical: 'top', horizontal: 'right' }}\n          transformOrigin={{ vertical: 'top', horizontal: 'right' }}\n          anchorEl={this.state.actionsMenuAnchorEl}\n          open={!!this.state.actionsMenuAnchorEl}\n          onClick={this.handleCloseActionsMenu}\n          onClose={this.handleCloseActionsMenu}\n        >\n          {showEdit && (\n            <MenuItem data-testid={`${PAGE_NAME}_editMenuItem`} onClick={this.handleEditMenuItem}>\n              Edit\n            </MenuItem>\n          )}\n\n          {showDelete && (\n            <MenuItem\n              data-testid={`${PAGE_NAME}_deleteMenuItem`}\n              onClick={this.handleDeleteMenuItem}\n            >\n              Delete\n            </MenuItem>\n          )}\n        </Menu>\n      </div>\n    );\n  }\n\n  render() {\n    const { isLoading, isEditing } = this.state;\n\n    if (isLoading) {\n      const { spaceAround } = this.props;\n      return <CommentLoader spaceAround={spaceAround} />;\n    }\n\n    const { comment, classes, spaceAround, isNative, patchCommentCallback, companyId } = this.props;\n\n    if (isEditing) {\n      return (\n        <CommentInput\n          inputRef={this.inputEl}\n          postComment={noop}\n          exitEditMode={this.onEditFinish}\n          setIsEditting={() => this.setState({ isLoading: true })}\n          patchCommentCallback={patchCommentCallback}\n          companyId={companyId}\n          currentUser={this.props.currentUser}\n          {...this.getEditCommentProps()}\n        />\n      );\n    }\n\n    const userFullName = utils.getUserFullName(comment.user);\n\n    const format = isNative ? CREATED_AT_FORMAT_NATIVE : CREATED_AT_FORMAT;\n    const time = moment(comment.created_at).format(format);\n\n    const attachmentUrl = comment?.attachment?.signed_url || comment?.attachment?.url;\n    const attachmentSize = get(comment, ['attachment', 'size']);\n    const attachmentFileName = get(comment, ['attachment', 'file_name']);\n\n    return (\n      <div\n        data-testid={`${PAGE_NAME}_commentItem_${comment.body}`}\n        className={classNames(styles.cComment, { [styles.cCommentNative]: isNative })}\n        ref={this.commentEl}\n      >\n        <CommentWrapper spaceAround={spaceAround} className={this.props.classes.commentWrapper}>\n          <div style={style.chatAvatarWrapper}>\n            {isNative ? (\n              <Avatar\n                size={24}\n                displayName={userFullName}\n                imgSrc={get(comment, ['user', 'profile_photo'])}\n                className={this.props.classes.avatar}\n              />\n            ) : (\n              <UserCardPopover user={comment.user} currentUser={this.props.currentUser}>\n                <Avatar\n                  size={24}\n                  displayName={userFullName}\n                  imgSrc={get(comment, ['user', 'profile_photo'])}\n                  className={this.props.classes.avatar}\n                />\n              </UserCardPopover>\n            )}\n          </div>\n\n          <div style={style.infoContainer}>\n            <div>\n              <div style={style.commentInfoContainer}>\n                <div style={style.userNameWrapper}>\n                  <Typography\n                    data-testid={`${PAGE_NAME}_userName`}\n                    variant=\"subtitle2\"\n                    noWrap\n                    className={classes.userName}\n                  >\n                    {userFullName}\n                  </Typography>\n                </div>\n\n                <div style={style.timeWrapper}>\n                  <Typography\n                    data-testid={`${PAGE_NAME}_addTime`}\n                    variant=\"caption\"\n                    classes={{ root: classes.timeRoot }}\n                  >\n                    {time}\n                  </Typography>\n                </div>\n              </div>\n            </div>\n\n            <div className={styles.cCommentBody}>\n              {this.renderMenuIcon()}\n              <Typography\n                data-testid={`${PAGE_NAME}_commentMessage`}\n                variant=\"body1\"\n                classes={{ root: classes.textRoot }}\n              >\n                {formatMentionText(\n                  comment.body,\n                  comment.mentioned_users,\n                  isNative,\n                  '#00bcd4',\n                  this.props.currentUser\n                )}\n              </Typography>\n\n              {attachmentUrl && (\n                <Attachment\n                  attachmentUrl={attachmentUrl}\n                  attachmentSize={attachmentSize}\n                  size=\"small\"\n                  fileName={attachmentFileName}\n                />\n              )}\n            </div>\n          </div>\n        </CommentWrapper>\n\n        {this.state.openDeleteDialog && (\n          <ConfirmationDialog\n            open={this.state.openDeleteDialog}\n            text=\"Do you really want to delete comment?\"\n            handleClose={() => this.setState({ openDeleteDialog: false })}\n            handleOk={this.handleDelete}\n            okText=\"Delete\"\n          />\n        )}\n      </div>\n    );\n  }\n}\n\nComment.propTypes = {\n  comment: PropTypes.shape({}).isRequired,\n  showOnMount: PropTypes.bool,\n  spaceAround: PropTypes.bool,\n  handleShowOnMount: PropTypes.func,\n  handleEdit: PropTypes.func,\n  handleDeleteCallback: PropTypes.func.isRequired,\n  patchCommentCallback: PropTypes.func.isRequired,\n  companyId: PropTypes.number,\n  currentUser: PropTypes.shape(),\n\n  classes: PropTypes.shape({}).isRequired,\n  isNative: PropTypes.bool,\n};\n\nComment.defaultProps = {\n  showOnMount: false,\n  spaceAround: false,\n  handleShowOnMount: noop,\n  handleEdit: noop,\n  companyId: null,\n\n  isNative: isNativeDetected,\n\n  currentUser: {},\n};\n\nexport default withStyles(muiStyles)(Comment);\n"],"names":["PAGE_NAME","CREATED_AT_FORMAT","CREATED_AT_FORMAT_NATIVE","style","chatAvatarWrapper","paddingTop","position","top","left","commentInfoContainer","display","alignItems","width","userNameWrapper","overflow","infoContainer","verticalAlign","paddingLeft","muiStyles","theme","commentWrapper","timeRoot","color","palette","primary","text7","float","marginRight","marginLeft","fontSize","textRoot","marginTop","fontWeight","iconButtonRoot","visibility","userName","Comment","props","feedItemId","commentId","deleteFeedItemComment","commentResponse","console","error","handleShowOnMount","commentEl","current","scrollIntoView","block","event","stopPropagation","setState","actionsMenuAnchorEl","currentTarget","keyCode","isEditing","document","removeEventListener","handleKeyDown","addEventListener","inputEl","focus","comment","editCommentId","id","editComment","body","editAttachment","attachment","editFeedItemId","feed_activity_id","isLoading","openDeleteDialog","deleteComment","response","handleDeleteCallback","state","createRef","showOnMount","showIntoView","get","Number","currentUser","showEdit","isCurrentUserCommentCreator","showDelete","includes","allowed_actions","_jsxs","styles","cCommentMenu","_jsx","undefined","classes","handleOpenActionsMenu","vertical","horizontal","handleCloseActionsMenu","handleEditMenuItem","handleDeleteMenuItem","spaceAround","isNative","patchCommentCallback","companyId","noop","onEditFinish","getEditCommentProps","userFullName","utils","getUserFullName","user","format","time","moment","created_at","attachmentUrl","signed_url","url","attachmentSize","attachmentFileName","classNames","cComment","cCommentNative","Avatar","avatar","timeWrapper","root","cCommentBody","renderMenuIcon","formatMentionText","mentioned_users","handleDelete","PureComponent","propTypes","PropTypes","shape","isRequired","bool","func","handleEdit","number","defaultProps","isNativeDetected","withStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,IAAMA,SAAS,GAAG,SAAS,CAAA;AAE3B,IAAMC,iBAAiB,GAAG,gBAAgB,CAAA;AAC1C,IAAMC,wBAAwB,GAAG,aAAa,CAAA;AAE9C,IAAMC,KAAK,GAAG;AACZC,EAAAA,iBAAiB,EAAE;AACjBC,IAAAA,UAAU,EAAE,CAAC;AACbC,IAAAA,QAAQ,EAAE,UAAU;AACpBC,IAAAA,GAAG,EAAE,CAAC;AACNC,IAAAA,IAAI,EAAE,CAAA;GACP;AACDC,EAAAA,oBAAoB,EAAE;AACpBC,IAAAA,OAAO,EAAE,aAAa;AACtBC,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,KAAK,EAAE,MAAM;AACbP,IAAAA,UAAU,EAAE,CAAA;GACb;AACDQ,EAAAA,eAAe,EAAE;AAAEC,IAAAA,QAAQ,EAAE,QAAA;GAAU;AACvCC,EAAAA,aAAa,EAAE;AACbL,IAAAA,OAAO,EAAE,cAAc;AACvBM,IAAAA,aAAa,EAAE,KAAK;AACpBJ,IAAAA,KAAK,EAAE,MAAM;AACbK,IAAAA,WAAW,EAAE,EAAA;AACf,GAAA;AACF,CAAC,CAAA;AAED,IAAMC,SAAS,GAAG,SAAZA,SAAS,CAAGC,KAAK,EAAA;EAAA,OAAK;AAC1BC,IAAAA,cAAc,EAAE;AAAER,MAAAA,KAAK,EAAE,MAAA;KAAQ;AACjCS,IAAAA,QAAQ,EAAE;AACRC,MAAAA,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACC,OAAO,CAACC,KAAK;AAClCC,MAAAA,KAAK,EAAE,OAAO;AACdC,MAAAA,WAAW,EAAE,CAAC;AACdC,MAAAA,UAAU,EAAE,CAAC;AACbC,MAAAA,QAAQ,EAAE,MAAA;KACX;AACDC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,SAAS,EAAE,CAAC;AACZT,MAAAA,KAAK,EAAE,MAAM;AACbU,MAAAA,UAAU,EAAE,QAAQ;AACpBH,MAAAA,QAAQ,EAAE,MAAA;KACX;AACDI,IAAAA,cAAc,EAAE;AACdP,MAAAA,KAAK,EAAE,OAAO;AACdQ,MAAAA,UAAU,EAAE,QAAQ;AACpBZ,MAAAA,KAAK,EAAEH,KAAK,CAACI,OAAO,CAACC,OAAO,CAACC,KAAAA;KAC9B;AACDU,IAAAA,QAAQ,EAAE;AACRN,MAAAA,QAAQ,EAAE,MAAM;AAChBG,MAAAA,UAAU,EAAE,MAAA;AACd,KAAA;GACD,CAAA;AAAA,CAAC,CAAA;AAAC,IAEGI,OAAO,gBAAA,UAAA,cAAA,EAAA;AAAA,EAAA,SAAA,CAAA,OAAA,EAAA,cAAA,CAAA,CAAA;AAAA,EAAA,IAAA,MAAA,GAAA,YAAA,CAAA,OAAA,CAAA,CAAA;AACX,EAAA,SAAA,OAAA,CAAYC,KAAK,EAAE;AAAA,IAAA,IAAA,KAAA,CAAA;AAAA,IAAA,eAAA,CAAA,IAAA,EAAA,OAAA,CAAA,CAAA;AACjB,IAAA,KAAA,GAAA,MAAA,CAAA,IAAA,CAAA,IAAA,EAAMA,KAAK,CAAA,CAAA;AAAE,IAAA,eAAA,CAAA,sBAAA,CAAA,KAAA,CAAA,EAAA,eAAA,eAAA,YAAA;MAAA,IAsBC,IAAA,GAAA,iBAAA,eAAA,mBAAA,CAAA,IAAA,CAAA,SAAA,OAAA,CAAOC,UAAU,EAAEC,SAAS,EAAA;AAAA,QAAA,IAAA,eAAA,CAAA;AAAA,QAAA,OAAA,mBAAA,CAAA,IAAA,CAAA,SAAA,QAAA,CAAA,QAAA,EAAA;AAAA,UAAA,OAAA,CAAA,EAAA;AAAA,YAAA,QAAA,QAAA,CAAA,IAAA,GAAA,QAAA,CAAA,IAAA;AAAA,cAAA,KAAA,CAAA;AAAA,gBAAA,QAAA,CAAA,IAAA,GAAA,CAAA,CAAA;AAAA,gBAAA,QAAA,CAAA,IAAA,GAAA,CAAA,CAAA;AAAA,gBAAA,OAIhBC,qBAAqB,CAACF,UAAU,EAAEC,SAAS,CAAC,CAAA;AAAA,cAAA,KAAA,CAAA;gBAApEE,eAAe,GAAA,QAAA,CAAA,IAAA,CAAA;AAAA,gBAAA,QAAA,CAAA,IAAA,GAAA,CAAA,CAAA;AAAA,gBAAA,MAAA;AAAA,cAAA,KAAA,CAAA;AAAA,gBAAA,QAAA,CAAA,IAAA,GAAA,CAAA,CAAA;AAAA,gBAAA,QAAA,CAAA,EAAA,GAAA,QAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA;gBAEfC,OAAO,CAACC,KAAK,CAAG,QAAA,CAAA,EAAA,CAAA,CAAA;AAAC,cAAA,KAAA,CAAA;AAAA,gBAAA,OAAA,QAAA,CAAA,MAAA,CAAA,QAAA,EAGZF,eAAe,CAAA,CAAA;AAAA,cAAA,KAAA,EAAA,CAAA;AAAA,cAAA,KAAA,KAAA;AAAA,gBAAA,OAAA,QAAA,CAAA,IAAA,EAAA,CAAA;AAAA,aAAA;AAAA,WAAA;AAAA,SAAA,EAAA,OAAA,EAAA,IAAA,EAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA;OACvB,CAAA,CAAA,CAAA;AAAA,MAAA,OAAA,UAAA,EAAA,EAAA,GAAA,EAAA;AAAA,QAAA,OAAA,IAAA,CAAA,KAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;AAAA,OAAA,CAAA;AAAA,KAAA,EAAA,CAAA,CAAA;AAAA,IAAA,eAAA,CAAA,sBAAA,CAAA,KAAA,CAAA,EAAA,cAAA,EAEc,YAAM;MACnB,KAAKJ,CAAAA,KAAK,CAACO,iBAAiB,EAAE,CAAA;AAC9B,MAAA,KAAA,CAAKC,SAAS,CAACC,OAAO,CAACC,cAAc,CAAC;AAAEC,QAAAA,KAAK,EAAE,KAAA;AAAM,OAAC,CAAC,CAAA;KACxD,CAAA,CAAA;IAAA,eAEuB,CAAA,sBAAA,CAAA,KAAA,CAAA,EAAA,uBAAA,EAAA,UAAAC,KAAK,EAAI;MAC/BA,KAAK,CAACC,eAAe,EAAE,CAAA;AACvB,MAAA,KAAA,CAAKC,QAAQ,CAAC;QAAEC,mBAAmB,EAAEH,KAAK,CAACI,aAAAA;AAAc,OAAC,CAAC,CAAA;KAC5D,CAAA,CAAA;IAAA,eAEwB,CAAA,sBAAA,CAAA,KAAA,CAAA,EAAA,wBAAA,EAAA,UAAAJ,KAAK,EAAI;MAChCA,KAAK,CAACC,eAAe,EAAE,CAAA;AACvB,MAAA,KAAA,CAAKC,QAAQ,CAAC;AAAEC,QAAAA,mBAAmB,EAAE,IAAA;AAAK,OAAC,CAAC,CAAA;KAC7C,CAAA,CAAA;IAAA,eAEe,CAAA,sBAAA,CAAA,KAAA,CAAA,EAAA,eAAA,EAAA,UAAAH,KAAK,EAAI;AACvB,MAAA,IAAIA,KAAK,CAACK,OAAO,KAAK,EAAE,EAAE;AACxB,QAAA,KAAA,CAAKH,QAAQ,CAAC;AACZI,UAAAA,SAAS,EAAE,KAAA;AACb,SAAC,CAAC,CAAA;AACJ,OAAA;MACAC,QAAQ,CAACC,mBAAmB,CAAC,SAAS,EAAE,KAAKC,CAAAA,aAAa,EAAE,KAAK,CAAC,CAAA;KACnE,CAAA,CAAA;AAAA,IAAA,eAAA,CAAA,sBAAA,CAAA,KAAA,CAAA,EAAA,oBAAA,EAEoB,YAAM;MACzBF,QAAQ,CAACG,gBAAgB,CAAC,SAAS,EAAE,KAAKD,CAAAA,aAAa,EAAE,KAAK,CAAC,CAAA;AAC/D,MAAA,KAAA,CAAKP,QAAQ,CACX;AACEI,QAAAA,SAAS,EAAE,IAAA;AACb,OAAC,EACD,YAAM;QACJ,IAAI,KAAA,CAAKK,OAAO,CAACd,OAAO,EAAE,KAAKc,CAAAA,OAAO,CAACd,OAAO,CAACe,KAAK,EAAE,CAAA;AACxD,OAAC,CACF,CAAA;KACF,CAAA,CAAA;AAAA,IAAA,eAAA,CAAA,sBAAA,CAAA,KAAA,CAAA,EAAA,qBAAA,EAGqB,YAAM;AAC1B,MAAA,IAAQC,OAAO,GAAK,KAAKzB,CAAAA,KAAK,CAAtByB,OAAO,CAAA;AACf,MAAA,IAAMC,aAAa,GAAGD,OAAO,CAACE,EAAE,CAAA;AAChC,MAAA,IAAMC,WAAW,GAAGH,OAAO,CAACI,IAAI,CAAA;AAChC,MAAA,IAAMC,cAAc,GAAGL,OAAO,CAACM,UAAU,CAAA;AACzC,MAAA,IAAMC,cAAc,GAAGP,OAAO,CAACQ,gBAAgB,CAAA;MAC/C,OAAO;AACLD,QAAAA,cAAc,EAAdA,cAAc;AACdN,QAAAA,aAAa,EAAbA,aAAa;AACbE,QAAAA,WAAW,EAAXA,WAAW;AACXE,QAAAA,cAAc,EAAdA,cAAAA;OACD,CAAA;KACF,CAAA,CAAA;AAAA,IAAA,eAAA,CAAA,sBAAA,CAAA,KAAA,CAAA,EAAA,cAAA,EAEc,YAAM;AACnB,MAAA,KAAA,CAAKhB,QAAQ,CAAC;AAAEI,QAAAA,SAAS,EAAE,KAAK;AAAEgB,QAAAA,SAAS,EAAE,KAAA;AAAM,OAAC,CAAC,CAAA;KACtD,CAAA,CAAA;AAAA,IAAA,eAAA,CAAA,sBAAA,CAAA,KAAA,CAAA,EAAA,sBAAA,EAEsB,YAAM;AAC3B,MAAA,KAAA,CAAKpB,QAAQ,CAAC;AAAEqB,QAAAA,gBAAgB,EAAE,IAAA;AAAK,OAAC,CAAC,CAAA;KAC1C,CAAA,CAAA;IAAA,eAEc,CAAA,sBAAA,CAAA,KAAA,CAAA,EAAA,cAAA,eAAA,iBAAA,eAAA,mBAAA,CAAA,IAAA,CAAA,SAAA,QAAA,GAAA;AAAA,MAAA,IAAA,EAAA,EAAA,UAAA,EAAA,QAAA,CAAA;AAAA,MAAA,OAAA,mBAAA,CAAA,IAAA,CAAA,SAAA,SAAA,CAAA,SAAA,EAAA;AAAA,QAAA,OAAA,CAAA,EAAA;AAAA,UAAA,QAAA,SAAA,CAAA,IAAA,GAAA,SAAA,CAAA,IAAA;AAAA,YAAA,KAAA,CAAA;AACLR,cAAAA,EAAE,GAAK,KAAK3B,CAAAA,KAAK,CAACyB,OAAO,CAAzBE,EAAE,CAAA;AACJ1B,cAAAA,UAAU,GAAG,KAAKD,CAAAA,KAAK,CAACyB,OAAO,CAACQ,gBAAgB,CAAA;AAEtD,cAAA,KAAA,CAAKnB,QAAQ,CAAC;AAAEoB,gBAAAA,SAAS,EAAE,IAAA;AAAK,eAAC,CAAC,CAAA;AAAC,cAAA,SAAA,CAAA,IAAA,GAAA,CAAA,CAAA;AAAA,cAAA,OAEZ,MAAKE,aAAa,CAACnC,UAAU,EAAE0B,EAAE,CAAC,CAAA;AAAA,YAAA,KAAA,CAAA;cAAnDU,QAAQ,GAAA,SAAA,CAAA,IAAA,CAAA;AAEd,cAAA,KAAA,CAAKvB,QAAQ,CAAC;AAAEoB,gBAAAA,SAAS,EAAE,KAAK;AAAEC,gBAAAA,gBAAgB,EAAE,KAAA;AAAM,eAAC,CAAC,CAAA;cAC5D,IAAIE,QAAQ,EAAE,KAAKrC,CAAAA,KAAK,CAACsC,oBAAoB,CAACX,EAAE,CAAC,CAAA;AAAC,YAAA,KAAA,CAAA,CAAA;AAAA,YAAA,KAAA,KAAA;AAAA,cAAA,OAAA,SAAA,CAAA,IAAA,EAAA,CAAA;AAAA,WAAA;AAAA,SAAA;AAAA,OAAA,EAAA,QAAA,CAAA,CAAA;KACnD,CAAA,CAAA,CAAA,CAAA;AArGC,IAAA,KAAA,CAAKY,KAAK,GAAG;AACXxB,MAAAA,mBAAmB,EAAE,IAAI;AACzBmB,MAAAA,SAAS,EAAE,KAAK;AAChBhB,MAAAA,SAAS,EAAE,KAAK;AAChBiB,MAAAA,gBAAgB,EAAE,KAAA;KACnB,CAAA;IACD,KAAKZ,CAAAA,OAAO,GAAGiB,SAAS,EAAE,CAAA;IAC1B,KAAKhC,CAAAA,SAAS,GAAGgC,SAAS,EAAE,CAAA;AAAC,IAAA,OAAA,KAAA,CAAA;AAC/B,GAAA;AAAC,EAAA,YAAA,CAAA,OAAA,EAAA,CAAA;AAAA,IAAA,GAAA,EAAA,mBAAA;AAAA,IAAA,KAAA,EAED,SAAoB,iBAAA,GAAA;AAClB,MAAA,IAAI,IAAI,CAACxC,KAAK,CAACyC,WAAW,EAAE;QAC1B,IAAI,CAACC,YAAY,EAAE,CAAA;AACrB,OAAA;AACF,KAAA;AAAC,GAAA,EAAA;AAAA,IAAA,GAAA,EAAA,6BAAA;AAAA,IAAA,GAAA,EAED,SAAkCC,KAAA,GAAA;MAChC,OAAOC,MAAM,CAACD,GAAG,CAAC,IAAI,CAAC3C,KAAK,CAACyB,OAAO,EAAE,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,KAAKmB,MAAM,CAAC,IAAI,CAAC5C,KAAK,CAAC6C,WAAW,CAAClB,EAAE,CAAC,CAAA;AAC9F,KAAA;AAAC,GAAA,EAAA;AAAA,IAAA,GAAA,EAAA,gBAAA;AAAA,IAAA,KAAA,EAqFD,SAAiB,cAAA,GAAA;AACf,MAAA,IAAMmB,QAAQ,GAAG,IAAI,CAACC,2BAA2B,CAAA;AAEjD,MAAA,IAAMC,UAAU,GACd,IAAI,CAACD,2BAA2B,IAAIE,QAAQ,CAAC,IAAI,CAACjD,KAAK,CAACyB,OAAO,CAACyB,eAAe,EAAE,SAAS,CAAC,CAAA;AAE7F,MAAA,IAAI,EAAEF,UAAU,IAAIF,QAAQ,CAAC,EAAE,OAAO,IAAI,CAAA;MAE1C,oBACEK,IAAA,CAAA,KAAA,EAAA;QAAK,SAAS,EAAEC,MAAM,CAACC,YAAa;AAAA,QAAA,QAAA,EAAA,cAClCC,IAAC,UAAU,EAAA;AACT,UAAA,aAAA,EAAA,EAAA,CAAA,MAAA,CAAgB3F,SAAS,EAAc,aAAA,CAAA;AACvC,UAAA,YAAA,EAAW,SAAS;UACpB,WAAW,EAAA,IAAI,CAAC4E,KAAK,CAACxB,mBAAmB,GAAG,yBAAyB,GAAGwC,SAAU;AAClF,UAAA,eAAA,EAAc,MAAM;AACpB,UAAA,SAAS,EAAE,IAAI,CAACvD,KAAK,CAACwD,OAAO,CAAC5D,cAAe;AAC7C,UAAA,IAAI,EAAC,OAAO;UACZ,OAAO,EAAE,IAAI,CAAC6D,qBAAsB;AAAA,UAAA,QAAA,eAEpCH,IAAC,YAAY,EAAA,EAAA,CAAA;SACF,CAAA,eAEbH,KAAC,IAAI,EAAA;AACH,UAAA,EAAE,EAAC,yBAAyB;AAC5B,UAAA,YAAY,EAAE;AAAEO,YAAAA,QAAQ,EAAE,KAAK;AAAEC,YAAAA,UAAU,EAAE,OAAA;WAAU;AACvD,UAAA,eAAe,EAAE;AAAED,YAAAA,QAAQ,EAAE,KAAK;AAAEC,YAAAA,UAAU,EAAE,OAAA;WAAU;AAC1D,UAAA,QAAQ,EAAE,IAAI,CAACpB,KAAK,CAACxB,mBAAoB;AACzC,UAAA,IAAI,EAAE,CAAC,CAAC,IAAI,CAACwB,KAAK,CAACxB,mBAAoB;UACvC,OAAO,EAAE,IAAI,CAAC6C,sBAAuB;UACrC,OAAO,EAAE,IAAI,CAACA,sBAAuB;UAAA,QAEpCd,EAAAA,CAAAA,QAAQ,iBACPQ,GAAA,CAAC,QAAQ,EAAA;AAAC,YAAA,aAAA,EAAA,EAAA,CAAA,MAAA,CAAgB3F,SAAS,EAAgB,eAAA,CAAA;YAAC,OAAO,EAAE,IAAI,CAACkG,kBAAmB;AAAA,YAAA,QAAA,EAAA,MAAA;AAAA,WAAA,CAGtF,EAEAb,UAAU,iBACTM,GAAA,CAAC,QAAQ,EAAA;AACP,YAAA,aAAA,EAAA,EAAA,CAAA,MAAA,CAAgB3F,SAAS,EAAkB,iBAAA,CAAA;YAC3C,OAAO,EAAE,IAAI,CAACmG,oBAAqB;AAAA,YAAA,QAAA,EAAA,QAAA;WAItC,CAAA,CAAA;SACI,CAAA,CAAA;OACH,CAAA,CAAA;AAEV,KAAA;AAAC,GAAA,EAAA;AAAA,IAAA,GAAA,EAAA,QAAA;AAAA,IAAA,KAAA,EAED,SAAS,MAAA,GAAA;AAAA,MAAA,IAAA,MAAA,GAAA,IAAA;AAAA,QAAA,mBAAA;AAAA,QAAA,oBAAA,CAAA;MACP,IAAiC,WAAA,GAAA,IAAI,CAACvB,KAAK;AAAnCL,QAAAA,SAAS,eAATA,SAAS;AAAEhB,QAAAA,SAAS,eAATA,SAAS,CAAA;AAE5B,MAAA,IAAIgB,SAAS,EAAE;AACb,QAAA,IAAQ6B,YAAW,GAAK,IAAI,CAAC/D,KAAK,CAA1B+D,WAAW,CAAA;AACnB,QAAA,oBAAOT,IAAC,aAAa,EAAA;AAAC,UAAA,WAAW,EAAES,YAAAA;SAAe,CAAA,CAAA;AACpD,OAAA;MAEA,IAAqF,WAAA,GAAA,IAAI,CAAC/D,KAAK;AAAvFyB,QAAAA,OAAO,eAAPA,OAAO;AAAE+B,QAAAA,OAAO,eAAPA,OAAO;AAAEO,QAAAA,WAAW,eAAXA,WAAW;AAAEC,QAAAA,QAAQ,eAARA,QAAQ;AAAEC,QAAAA,oBAAoB,eAApBA,oBAAoB;AAAEC,QAAAA,SAAS,eAATA,SAAS,CAAA;AAEhF,MAAA,IAAIhD,SAAS,EAAE;AACb,QAAA,oBACEoC,IAAC,YAAY,EAAA,aAAA,CAAA;UACX,QAAQ,EAAE,IAAI,CAAC/B,OAAQ;AACvB,UAAA,WAAW,EAAE4C,IAAK;UAClB,YAAY,EAAE,IAAI,CAACC,YAAa;AAChC,UAAA,aAAa,EAAE,SAAA,aAAA,GAAA;YAAA,OAAM,MAAI,CAACtD,QAAQ,CAAC;AAAEoB,cAAAA,SAAS,EAAE,IAAA;AAAK,aAAC,CAAC,CAAA;WAAC;AACxD,UAAA,oBAAoB,EAAE+B,oBAAqB;AAC3C,UAAA,SAAS,EAAEC,SAAU;AACrB,UAAA,WAAW,EAAE,IAAI,CAAClE,KAAK,CAAC6C,WAAAA;AAAY,SAAA,EAChC,IAAI,CAACwB,mBAAmB,EAAE,CAC9B,CAAA,CAAA;AAEN,OAAA;MAEA,IAAMC,YAAY,GAAGC,KAAK,CAACC,eAAe,CAAC/C,OAAO,CAACgD,IAAI,CAAC,CAAA;AAExD,MAAA,IAAMC,MAAM,GAAGV,QAAQ,GAAGnG,wBAAwB,GAAGD,iBAAiB,CAAA;AACtE,MAAA,IAAM+G,IAAI,GAAGC,MAAM,CAACnD,OAAO,CAACoD,UAAU,CAAC,CAACH,MAAM,CAACA,MAAM,CAAC,CAAA;MAEtD,IAAMI,aAAa,GAAG,CAAArD,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA,mBAAA,GAAPA,OAAO,CAAEM,UAAU,MAAA,IAAA,IAAA,mBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAnB,oBAAqBgD,UAAU,MAAItD,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAA,oBAAA,GAAPA,OAAO,CAAEM,UAAU,MAAnB,IAAA,IAAA,oBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,oBAAA,CAAqBiD,GAAG,CAAA,CAAA;MACjF,IAAMC,cAAc,GAAGtC,GAAG,CAAClB,OAAO,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,CAAA;MAC3D,IAAMyD,kBAAkB,GAAGvC,GAAG,CAAClB,OAAO,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAA;MAEpE,oBACE0B,IAAA,CAAA,KAAA,EAAA;AACE,QAAA,aAAA,EAAA,EAAA,CAAA,MAAA,CAAgBxF,SAAS,EAAA,eAAA,CAAA,CAAA,MAAA,CAAgB8D,OAAO,CAACI,IAAI,CAAG;AACxD,QAAA,SAAS,EAAEsD,UAAU,CAAC/B,MAAM,CAACgC,QAAQ,EAAKhC,eAAAA,CAAAA,EAAAA,EAAAA,MAAM,CAACiC,cAAc,EAAGrB,QAAQ,CAAI,CAAA;QAC9E,GAAG,EAAE,IAAI,CAACxD,SAAU;AAAA,QAAA,QAAA,EAAA,cAEpB2C,KAAC,cAAc,EAAA;AAAC,UAAA,WAAW,EAAEY,WAAY;AAAC,UAAA,SAAS,EAAE,IAAI,CAAC/D,KAAK,CAACwD,OAAO,CAACzE,cAAe;UAAA,QACrF,EAAA,cAAAuE,GAAA,CAAA,KAAA,EAAA;YAAK,KAAK,EAAExF,KAAK,CAACC,iBAAkB;YAAA,QACjCiG,EAAAA,QAAQ,gBACPV,GAAA,CAACgC,eAAM,EAAA;AACL,cAAA,IAAI,EAAE,EAAG;AACT,cAAA,WAAW,EAAEhB,YAAa;cAC1B,MAAM,EAAE3B,GAAG,CAAClB,OAAO,EAAE,CAAC,MAAM,EAAE,eAAe,CAAC,CAAE;AAChD,cAAA,SAAS,EAAE,IAAI,CAACzB,KAAK,CAACwD,OAAO,CAAC+B,MAAAA;aAC9B,CAAA,gBAEFjC,IAAC,eAAe,EAAA;cAAC,IAAI,EAAE7B,OAAO,CAACgD,IAAK;AAAC,cAAA,WAAW,EAAE,IAAI,CAACzE,KAAK,CAAC6C,WAAY;AAAA,cAAA,QAAA,eACvES,IAACgC,eAAM,EAAA;AACL,gBAAA,IAAI,EAAE,EAAG;AACT,gBAAA,WAAW,EAAEhB,YAAa;gBAC1B,MAAM,EAAE3B,GAAG,CAAClB,OAAO,EAAE,CAAC,MAAM,EAAE,eAAe,CAAC,CAAE;AAChD,gBAAA,SAAS,EAAE,IAAI,CAACzB,KAAK,CAACwD,OAAO,CAAC+B,MAAAA;AAAO,eAAA,CAAA;AACrC,aAAA,CAAA;AAEL,WAAA,CACG,eAENpC,IAAA,CAAA,KAAA,EAAA;YAAK,KAAK,EAAErF,KAAK,CAACY,aAAc;YAAA,QAC9B,EAAA,cAAA4E,GAAA,CAAA,KAAA,EAAA;cAAA,QACE,eAAAH,IAAA,CAAA,KAAA,EAAA;gBAAK,KAAK,EAAErF,KAAK,CAACM,oBAAqB;gBAAA,QACrC,EAAA,cAAAkF,GAAA,CAAA,KAAA,EAAA;kBAAK,KAAK,EAAExF,KAAK,CAACU,eAAgB;AAAA,kBAAA,QAAA,eAChC8E,IAAC,UAAU,EAAA;AACT,oBAAA,aAAA,EAAA,EAAA,CAAA,MAAA,CAAgB3F,SAAS,EAAY,WAAA,CAAA;AACrC,oBAAA,OAAO,EAAC,WAAW;oBACnB,MAAM,EAAA,IAAA;oBACN,SAAS,EAAE6F,OAAO,CAAC1D,QAAS;oBAAA,QAE3BwE,EAAAA,YAAAA;AAAY,mBAAA,CAAA;AACF,iBAAA,CACT,eAENhB,GAAA,CAAA,KAAA,EAAA;kBAAK,KAAK,EAAExF,KAAK,CAAC0H,WAAY;AAAA,kBAAA,QAAA,eAC5BlC,IAAC,UAAU,EAAA;AACT,oBAAA,aAAA,EAAA,EAAA,CAAA,MAAA,CAAgB3F,SAAS,EAAW,UAAA,CAAA;AACpC,oBAAA,OAAO,EAAC,SAAS;AACjB,oBAAA,OAAO,EAAE;sBAAE8H,IAAI,EAAEjC,OAAO,CAACxE,QAAAA;qBAAW;oBAAA,QAEnC2F,EAAAA,IAAAA;AAAI,mBAAA,CAAA;iBAEH,CAAA,CAAA;AAAA,eAAA,CAAA;AACF,aAAA,CACF,eAENxB,IAAA,CAAA,KAAA,EAAA;cAAK,SAAS,EAAEC,MAAM,CAACsC,YAAa;AAAA,cAAA,QAAA,EAAA,CACjC,IAAI,CAACC,cAAc,EAAE,eACtBrC,IAAC,UAAU,EAAA;AACT,gBAAA,aAAA,EAAA,EAAA,CAAA,MAAA,CAAgB3F,SAAS,EAAkB,iBAAA,CAAA;AAC3C,gBAAA,OAAO,EAAC,OAAO;AACf,gBAAA,OAAO,EAAE;kBAAE8H,IAAI,EAAEjC,OAAO,CAAC/D,QAAAA;iBAAW;AAAA,gBAAA,QAAA,EAEnCmG,iBAAiB,CAChBnE,OAAO,CAACI,IAAI,EACZJ,OAAO,CAACoE,eAAe,EACvB7B,QAAQ,EACR,SAAS,EACT,IAAI,CAAChE,KAAK,CAAC6C,WAAW,CAAA;AACvB,eAAA,CACU,EAEZiC,aAAa,iBACZxB,GAAA,CAAC,UAAU,EAAA;AACT,gBAAA,aAAa,EAAEwB,aAAc;AAC7B,gBAAA,cAAc,EAAEG,cAAe;AAC/B,gBAAA,IAAI,EAAC,OAAO;AACZ,gBAAA,QAAQ,EAAEC,kBAAAA;eAEb,CAAA,CAAA;aACG,CAAA,CAAA;WACF,CAAA,CAAA;SACS,CAAA,EAEhB,IAAI,CAAC3C,KAAK,CAACJ,gBAAgB,iBAC1BmB,IAAC,kBAAkB,EAAA;AACjB,UAAA,IAAI,EAAE,IAAI,CAACf,KAAK,CAACJ,gBAAiB;AAClC,UAAA,IAAI,EAAC,uCAAuC;AAC5C,UAAA,WAAW,EAAE,SAAA,WAAA,GAAA;YAAA,OAAM,MAAI,CAACrB,QAAQ,CAAC;AAAEqB,cAAAA,gBAAgB,EAAE,KAAA;AAAM,aAAC,CAAC,CAAA;WAAC;UAC9D,QAAQ,EAAE,IAAI,CAAC2D,YAAa;AAC5B,UAAA,MAAM,EAAC,QAAA;SAEV,CAAA,CAAA;OACG,CAAA,CAAA;AAEV,KAAA;AAAC,GAAA,CAAA,CAAA,CAAA;AAAA,EAAA,OAAA,OAAA,CAAA;AAAA,CAAA,CA3RmBC,aAAa,CAAA,CAAA;AA8RnChG,OAAO,CAACiG,SAAS,GAAG;EAClBvE,OAAO,EAAEwE,SAAS,CAACC,KAAK,CAAC,EAAE,CAAC,CAACC,UAAU;EACvC1D,WAAW,EAAEwD,SAAS,CAACG,IAAI;EAC3BrC,WAAW,EAAEkC,SAAS,CAACG,IAAI;EAC3B7F,iBAAiB,EAAE0F,SAAS,CAACI,IAAI;EACjCC,UAAU,EAAEL,SAAS,CAACI,IAAI;AAC1B/D,EAAAA,oBAAoB,EAAE2D,SAAS,CAACI,IAAI,CAACF,UAAU;AAC/ClC,EAAAA,oBAAoB,EAAEgC,SAAS,CAACI,IAAI,CAACF,UAAU;EAC/CjC,SAAS,EAAE+B,SAAS,CAACM,MAAM;AAC3B1D,EAAAA,WAAW,EAAEoD,SAAS,CAACC,KAAK,EAAE;EAE9B1C,OAAO,EAAEyC,SAAS,CAACC,KAAK,CAAC,EAAE,CAAC,CAACC,UAAU;EACvCnC,QAAQ,EAAEiC,SAAS,CAACG,IAAAA;AACtB,CAAC,CAAA;AAEDrG,OAAO,CAACyG,YAAY,GAAG;AACrB/D,EAAAA,WAAW,EAAE,KAAK;AAClBsB,EAAAA,WAAW,EAAE,KAAK;AAClBxD,EAAAA,iBAAiB,EAAE4D,IAAI;AACvBmC,EAAAA,UAAU,EAAEnC,IAAI;AAChBD,EAAAA,SAAS,EAAE,IAAI;AAEfF,EAAAA,QAAQ,EAAEyC,gBAAgB;AAE1B5D,EAAAA,WAAW,EAAE,EAAC;AAChB,CAAC,CAAA;AAED,gBAAe6D,UAAU,CAAC7H,SAAS,CAAC,CAACkB,OAAO,CAAC;;;;"}

package/components/Comment/styles.css.js

@@ -1 +1,8 @@
-import e from'./../../ext-esm/style-inject/dist/style-inject.es.js';var t={cComment:"styles_cComment__YNkXC",cCommentBody:"styles_cCommentBody__9DkEd",cCommentNative:"styles_cCommentNative__lh-sb",cCommentMenu:"styles_cCommentMenu__XRA2A"};e(".styles_cComment__YNkXC{align-items:flex-start;display:flex}.styles_cCommentBody__9DkEd{position:relative}.styles_cCommentNative__lh-sb .styles_cCommentMenu__XRA2A button,.styles_cComment__YNkXC:hover .styles_cCommentMenu__XRA2A button{visibility:visible}.styles_cCommentMenu__XRA2A{position:absolute;right:8px;top:-28px}");export{t as default};
+import styleInject from './../../ext-esm/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".styles_cComment__YNkXC {\n  display: flex;\n  align-items: flex-start;\n}\n\n.styles_cCommentBody__9DkEd {\n  position: relative;\n}\n\n.styles_cCommentNative__lh-sb .styles_cCommentMenu__XRA2A button,\n.styles_cComment__YNkXC:hover .styles_cCommentMenu__XRA2A button {\n  visibility: visible;\n}\n\n.styles_cCommentMenu__XRA2A {\n  position: absolute;\n  right: 8px;\n  top: -28px;\n}\n";
+var styles = {"cComment":"styles_cComment__YNkXC","cCommentBody":"styles_cCommentBody__9DkEd","cCommentNative":"styles_cCommentNative__lh-sb","cCommentMenu":"styles_cCommentMenu__XRA2A"};
+styleInject(css_248z);
+
+export { styles as default };
+//# sourceMappingURL=styles.css.js.map

package/components/Comment/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;"}