@myunisoft/design-system 0.2.0 → 0.5.1

package/dist/CommentDialog.5b3d059d.js

@@ -0,0 +1,3012 @@
+var $k9frP$materialuicore = require("@material-ui/core");
+var $k9frP$react = require("react");
+var $k9frP$reactdraftwysiwyg = require("react-draft-wysiwyg");
+var $k9frP$proptypes = require("prop-types");
+var $k9frP$classnames = require("classnames");
+var $k9frP$moment = require("moment");
+var $k9frP$dompurify = require("dompurify");
+var $k9frP$draftjs = require("draft-js");
+require("react-draft-wysiwyg/dist/react-draft-wysiwyg.css");
+var $k9frP$reactcolor = require("react-color");
+var $k9frP$draftjstohtml = require("draftjs-to-html");
+var $k9frP$htmltodraftjs = require("html-to-draftjs");
+var $k9frP$prettybytes = require("pretty-bytes");
+var $k9frP$materialuicoreTypography = require("@material-ui/core/Typography");
+var $k9frP$materialuicorestyles = require("@material-ui/core/styles");
+
+var $parcel$global =
+typeof globalThis !== 'undefined'
+  ? globalThis
+  : typeof self !== 'undefined'
+  ? self
+  : typeof window !== 'undefined'
+  ? window
+  : typeof global !== 'undefined'
+  ? global
+  : {};
+var parcelRequire = $parcel$global["parcelRequire9472"];
+parcelRequire.register("4D1EG", function(module, exports) {
+"use strict";
+function $35ec16a0e1ba3e86$var$_typeof(obj) {
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") $35ec16a0e1ba3e86$var$_typeof = function _typeof(obj1) {
+        return typeof obj1;
+    };
+    else $35ec16a0e1ba3e86$var$_typeof = function _typeof1(obj1) {
+        return obj1 && typeof Symbol === "function" && obj1.constructor === Symbol && obj1 !== Symbol.prototype ? "symbol" : typeof obj1;
+    };
+    return $35ec16a0e1ba3e86$var$_typeof(obj);
+}
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+
+var $35ec16a0e1ba3e86$var$_react = $35ec16a0e1ba3e86$var$_interopRequireWildcard($k9frP$react);
+
+
+var $35ec16a0e1ba3e86$var$_I18n = $35ec16a0e1ba3e86$var$_interopRequireDefault((parcelRequire("do4Oi")));
+
+var $35ec16a0e1ba3e86$var$_Comment = $35ec16a0e1ba3e86$var$_interopRequireDefault((parcelRequire("irUfH")));
+
+var $jqwDJ = parcelRequire("jqwDJ");
+
+var $dJa9N = parcelRequire("dJa9N");
+
+var $gtEaY = parcelRequire("gtEaY");
+
+var $35ec16a0e1ba3e86$var$_useGlobalConfig2 = $35ec16a0e1ba3e86$var$_interopRequireDefault((parcelRequire("69eTf")));
+
+var $35ec16a0e1ba3e86$var$_styles = $35ec16a0e1ba3e86$var$_interopRequireDefault((parcelRequire("6Bst4")));
+
+var $lwiMD = parcelRequire("lwiMD");
+function $35ec16a0e1ba3e86$var$_interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        "default": obj
+    };
+}
+function $35ec16a0e1ba3e86$var$_getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return ($35ec16a0e1ba3e86$var$_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop1) {
+        return nodeInterop1 ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function $35ec16a0e1ba3e86$var$_interopRequireWildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) return obj;
+    if (obj === null || $35ec16a0e1ba3e86$var$_typeof(obj) !== "object" && typeof obj !== "function") return {
+        "default": obj
+    };
+    var cache = $35ec16a0e1ba3e86$var$_getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) return cache.get(obj);
+    var newObj = {
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj)if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+        var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+        if (desc && (desc.get || desc.set)) Object.defineProperty(newObj, key, desc);
+        else newObj[key] = obj[key];
+    }
+    newObj["default"] = obj;
+    if (cache) cache.set(obj, newObj);
+    return newObj;
+}
+function $35ec16a0e1ba3e86$var$asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) resolve(value);
+    else Promise.resolve(value).then(_next, _throw);
+}
+function $35ec16a0e1ba3e86$var$_asyncToGenerator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                $35ec16a0e1ba3e86$var$asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                $35ec16a0e1ba3e86$var$asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function $35ec16a0e1ba3e86$var$ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function $35ec16a0e1ba3e86$var$_objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {
+        };
+        if (i % 2) $35ec16a0e1ba3e86$var$ownKeys(Object(source), true).forEach(function(key) {
+            $35ec16a0e1ba3e86$var$_defineProperty(target, key, source[key]);
+        });
+        else if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+        else $35ec16a0e1ba3e86$var$ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function $35ec16a0e1ba3e86$var$_defineProperty(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function $35ec16a0e1ba3e86$var$_slicedToArray(arr, i) {
+    return $35ec16a0e1ba3e86$var$_arrayWithHoles(arr) || $35ec16a0e1ba3e86$var$_iterableToArrayLimit(arr, i) || $35ec16a0e1ba3e86$var$_unsupportedIterableToArray(arr, i) || $35ec16a0e1ba3e86$var$_nonIterableRest();
+}
+function $35ec16a0e1ba3e86$var$_nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function $35ec16a0e1ba3e86$var$_unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return $35ec16a0e1ba3e86$var$_arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return $35ec16a0e1ba3e86$var$_arrayLikeToArray(o, minLen);
+}
+function $35ec16a0e1ba3e86$var$_arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function $35ec16a0e1ba3e86$var$_iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function $35ec16a0e1ba3e86$var$_arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+var $35ec16a0e1ba3e86$var$CommentDialog = function CommentDialog(_ref) {
+    var _data$dataKey;
+    var isOpen = _ref.isOpen, handleClose = _ref.handleClose, data = _ref.data, columnIndex = _ref.columnIndex, handleGetComment = _ref.handleGetComment, dataKey = _ref.dataKey;
+    var classes = $35ec16a0e1ba3e86$var$_styles["default"]();
+    var _useConfig = $gtEaY.useConfig(), config = _useConfig.config;
+    var _useGlobalConfig = $35ec16a0e1ba3e86$var$_useGlobalConfig2["default"](), _useGlobalConfig$serv = _useGlobalConfig.service.comment, postComment = _useGlobalConfig$serv.create, putComment = _useGlobalConfig$serv.update;
+    var selectableRowKey = config.selectableRowKey, idSociety = config.idSociety, _config$columns = config.columns, columns = _config$columns === void 0 ? [] : _config$columns;
+    var _columns$columnIndex = columns[columnIndex], _columns$columnIndex$ = _columns$columnIndex.canEdit, canEdit = _columns$columnIndex$ === void 0 ? false : _columns$columnIndex$, _columns$columnIndex$2 = _columns$columnIndex.commentKey, commentKey = _columns$columnIndex$2 === void 0 ? '' : _columns$columnIndex$2, _columns$columnIndex$3 = _columns$columnIndex.location, location = _columns$columnIndex$3 === void 0 ? '' : _columns$columnIndex$3;
+    var _useState = $35ec16a0e1ba3e86$var$_react.useState($lwiMD.commentBoxInitialState), _useState2 = $35ec16a0e1ba3e86$var$_slicedToArray(_useState, 2), commentBoxState = _useState2[0], setCommentBoxState = _useState2[1];
+    var _useState3 = $35ec16a0e1ba3e86$var$_react.useState(null), _useState4 = $35ec16a0e1ba3e86$var$_slicedToArray(_useState3, 2), editorState = _useState4[0], setEditorState = _useState4[1];
+    var _useState5 = $35ec16a0e1ba3e86$var$_react.useState(null), _useState6 = $35ec16a0e1ba3e86$var$_slicedToArray(_useState5, 2), editorTextareaRef = _useState6[0], setEditorTextareaRef = _useState6[1];
+    $35ec16a0e1ba3e86$var$_react.useEffect(function() {
+        if (editorTextareaRef) editorTextareaRef.focus();
+    }, [
+        editorTextareaRef
+    ]);
+    var onEditorStateChange = function onEditorStateChange1(editorStateChange) {
+        setCommentBoxState($35ec16a0e1ba3e86$var$_objectSpread($35ec16a0e1ba3e86$var$_objectSpread({
+        }, commentBoxState), {
+        }, {
+            body: $dJa9N.draftToHtmlHelper(editorStateChange)
+        }));
+        setEditorState(editorStateChange);
+    };
+    var handlePostComment = /*#__PURE__*/ function() {
+        var _ref2 = $35ec16a0e1ba3e86$var$_asyncToGenerator(/*#__PURE__*/ regeneratorRuntime.mark(function _callee() {
+            var _postComment;
+            return regeneratorRuntime.wrap(function _callee$(_context) {
+                while(true)switch(_context.prev = _context.next){
+                    case 0:
+                        _context.next = 2;
+                        return postComment((_postComment = {
+                            location: location
+                        }, $35ec16a0e1ba3e86$var$_defineProperty(_postComment, commentKey, data[selectableRowKey]), $35ec16a0e1ba3e86$var$_defineProperty(_postComment, "comment", $dJa9N.draftToHtmlHelper(editorState)), _postComment), idSociety);
+                    case 2:
+                        setEditorState(null);
+                        _context.next = 5;
+                        return handleGetComment();
+                    case 5:
+                    case "end":
+                        return _context.stop();
+                }
+            }, _callee);
+        }));
+        return function handlePostComment1() {
+            return _ref2.apply(this, arguments);
+        };
+    }();
+    var handlePutComment = /*#__PURE__*/ function() {
+        var _ref3 = $35ec16a0e1ba3e86$var$_asyncToGenerator(/*#__PURE__*/ regeneratorRuntime.mark(function _callee2(newComment) {
+            var _putComment;
+            return regeneratorRuntime.wrap(function _callee2$(_context2) {
+                while(true)switch(_context2.prev = _context2.next){
+                    case 0:
+                        _context2.next = 2;
+                        return putComment((_putComment = {
+                            location: location
+                        }, $35ec16a0e1ba3e86$var$_defineProperty(_putComment, commentKey, data[selectableRowKey]), $35ec16a0e1ba3e86$var$_defineProperty(_putComment, "comment", newComment === null || newComment === void 0 ? void 0 : newComment.body), _putComment), newComment === null || newComment === void 0 ? void 0 : newComment.id, idSociety);
+                    case 2:
+                        _context2.next = 4;
+                        return handleGetComment();
+                    case 4:
+                    case "end":
+                        return _context2.stop();
+                }
+            }, _callee2);
+        }));
+        return function handlePutComment1(_x) {
+            return _ref3.apply(this, arguments);
+        };
+    }();
+    var buttons = [
+        {
+            _type: 'string',
+            text: $35ec16a0e1ba3e86$var$_I18n["default"].t('common.send'),
+            onClick: handlePostComment,
+            size: 'medium',
+            color: 'primary',
+            variant: 'contained'
+        },
+        {
+            _type: 'string',
+            text: $35ec16a0e1ba3e86$var$_I18n["default"].t('common.cancel'),
+            onClick: handleClose,
+            size: 'medium',
+            variant: 'outlined',
+            color: 'default'
+        }
+    ];
+    return(/*#__PURE__*/ $35ec16a0e1ba3e86$var$_react["default"].createElement($k9frP$materialuicore.Dialog, {
+        open: isOpen,
+        onClose: handleClose,
+        classes: {
+            paper: classes.paper
+        }
+    }, /*#__PURE__*/ $35ec16a0e1ba3e86$var$_react["default"].createElement($k9frP$materialuicore.DialogTitle, null, $35ec16a0e1ba3e86$var$_I18n["default"].t('common.comments')), /*#__PURE__*/ $35ec16a0e1ba3e86$var$_react["default"].createElement($k9frP$materialuicore.DialogContent, {
+        classes: {
+            root: classes.root
+        }
+    }, /*#__PURE__*/ $35ec16a0e1ba3e86$var$_react["default"].createElement("div", {
+        className: classes.editor
+    }, /*#__PURE__*/ $35ec16a0e1ba3e86$var$_react["default"].createElement($k9frP$reactdraftwysiwyg.Editor, {
+        editorState: editorState,
+        wrapperClassName: classes.wrapperContainer,
+        toolbarClassName: classes.toolbarContainer,
+        editorClassName: classes.editorContainer,
+        onEditorStateChange: onEditorStateChange,
+        toolbar: $lwiMD.toolbarOptions,
+        editorRef: setEditorTextareaRef
+    })), /*#__PURE__*/ $35ec16a0e1ba3e86$var$_react["default"].createElement("div", {
+        className: classes.containerComment
+    }, (_data$dataKey = data[dataKey]) === null || _data$dataKey === void 0 ? void 0 : _data$dataKey.map(function(comment) {
+        return(/*#__PURE__*/ $35ec16a0e1ba3e86$var$_react["default"].createElement("div", {
+            key: comment.id,
+            className: classes.separatorComment
+        }, /*#__PURE__*/ $35ec16a0e1ba3e86$var$_react["default"].createElement($35ec16a0e1ba3e86$var$_Comment["default"], {
+            comment: comment,
+            onEdit: handlePutComment,
+            canEdit: canEdit,
+            hasHistory: false
+        })));
+    }))), /*#__PURE__*/ $35ec16a0e1ba3e86$var$_react["default"].createElement($k9frP$materialuicore.DialogActions, null, /*#__PURE__*/ $35ec16a0e1ba3e86$var$_react["default"].createElement($jqwDJ.InlineButton, {
+        buttons: buttons
+    }))));
+};
+var $35ec16a0e1ba3e86$var$_default = $35ec16a0e1ba3e86$var$CommentDialog;
+module.exports["default"] = $35ec16a0e1ba3e86$var$_default;
+
+});
+parcelRequire.register("irUfH", function(module, exports) {
+"use strict";
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $d6e662224da215e4$var$_react = $d6e662224da215e4$var$_interopRequireDefault($k9frP$react);
+
+var $d6e662224da215e4$var$_propTypes = $d6e662224da215e4$var$_interopRequireDefault($k9frP$proptypes);
+
+var $d6e662224da215e4$var$_Message = $d6e662224da215e4$var$_interopRequireDefault((parcelRequire("2F42m")));
+
+var $d6e662224da215e4$var$_CommentHistory = $d6e662224da215e4$var$_interopRequireDefault((parcelRequire("9WjMp")));
+
+var $d6e662224da215e4$var$_styles = $d6e662224da215e4$var$_interopRequireDefault((parcelRequire("3sZO5")));
+var $d6e662224da215e4$var$_excluded = [
+    "history"
+];
+function $d6e662224da215e4$var$_interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        "default": obj
+    };
+}
+function $d6e662224da215e4$var$_objectWithoutProperties(source, excluded) {
+    if (source == null) return {
+    };
+    var target = $d6e662224da215e4$var$_objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function $d6e662224da215e4$var$_objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {
+    };
+    var target = {
+    };
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var $d6e662224da215e4$var$Comment = function Comment1(props) {
+    var styles = $d6e662224da215e4$var$_styles["default"]();
+    var comment = props.comment, onEdit = props.onEdit, canEdit = props.canEdit, hasHistory = props.hasHistory;
+    var history = comment.history, mainCommentProps = $d6e662224da215e4$var$_objectWithoutProperties(comment, $d6e662224da215e4$var$_excluded);
+    return(/*#__PURE__*/ $d6e662224da215e4$var$_react["default"].createElement("div", {
+        className: styles.container
+    }, /*#__PURE__*/ $d6e662224da215e4$var$_react["default"].createElement($d6e662224da215e4$var$_Message["default"], {
+        message: mainCommentProps,
+        onEdit: onEdit,
+        canEdit: canEdit
+    }), hasHistory && /*#__PURE__*/ $d6e662224da215e4$var$_react["default"].createElement($d6e662224da215e4$var$_CommentHistory["default"], {
+        history: history
+    })));
+};
+$d6e662224da215e4$var$Comment.propTypes = {
+    comment: $d6e662224da215e4$var$_propTypes["default"].object,
+    onEdit: $d6e662224da215e4$var$_propTypes["default"].func,
+    canEdit: $d6e662224da215e4$var$_propTypes["default"].bool,
+    hasHistory: $d6e662224da215e4$var$_propTypes["default"].bool
+};
+$d6e662224da215e4$var$Comment.defaultProps = {
+    onEdit: function onEdit() {
+    },
+    comment: {
+    },
+    canEdit: false,
+    hasHistory: true
+};
+var $d6e662224da215e4$var$_default = $d6e662224da215e4$var$Comment;
+module.exports["default"] = $d6e662224da215e4$var$_default;
+
+});
+parcelRequire.register("2F42m", function(module, exports) {
+"use strict";
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $1f028ac586eff2eb$var$_react = $1f028ac586eff2eb$var$_interopRequireDefault($k9frP$react);
+
+var $1f028ac586eff2eb$var$_propTypes = $1f028ac586eff2eb$var$_interopRequireDefault($k9frP$proptypes);
+
+var $1f028ac586eff2eb$var$_Header = $1f028ac586eff2eb$var$_interopRequireDefault((parcelRequire("44Yml")));
+
+var $1f028ac586eff2eb$var$_JistyMessageBody = $1f028ac586eff2eb$var$_interopRequireDefault((parcelRequire("gA1vJ")));
+
+var $1f028ac586eff2eb$var$_Body = $1f028ac586eff2eb$var$_interopRequireDefault((parcelRequire("ihcdC")));
+
+var $1f028ac586eff2eb$var$_classnames = $1f028ac586eff2eb$var$_interopRequireDefault($k9frP$classnames);
+
+var $1f028ac586eff2eb$var$_Attachments = $1f028ac586eff2eb$var$_interopRequireDefault((parcelRequire("2uVLE")));
+
+var $6fyBC = parcelRequire("6fyBC");
+
+var $1f028ac586eff2eb$var$_styles = $1f028ac586eff2eb$var$_interopRequireDefault((parcelRequire("1pTX5")));
+var $1f028ac586eff2eb$var$_excluded = [
+    "message",
+    "canEdit",
+    "onEdit",
+    "canReact",
+    "onReact",
+    "historyState",
+    "toolbarHidden",
+    "confirmCancel",
+    "classes",
+    "reactions",
+    "attachments",
+    "onAttachmentDelete",
+    "bodyProps"
+];
+function $1f028ac586eff2eb$var$_interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        "default": obj
+    };
+}
+function $1f028ac586eff2eb$var$_extends() {
+    $1f028ac586eff2eb$var$_extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
+        }
+        return target;
+    };
+    return $1f028ac586eff2eb$var$_extends.apply(this, arguments);
+}
+function $1f028ac586eff2eb$var$_objectWithoutProperties(source, excluded) {
+    if (source == null) return {
+    };
+    var target = $1f028ac586eff2eb$var$_objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function $1f028ac586eff2eb$var$_objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {
+    };
+    var target = {
+    };
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var $1f028ac586eff2eb$var$Message = function Message(_ref) {
+    var message = _ref.message, canEdit = _ref.canEdit, onEdit = _ref.onEdit, canReact = _ref.canReact, onReact = _ref.onReact, historyState = _ref.historyState, toolbarHidden = _ref.toolbarHidden, confirmCancel = _ref.confirmCancel, classes = _ref.classes, reactions = _ref.reactions, attachments = _ref.attachments, onAttachmentDelete = _ref.onAttachmentDelete, bodyProps = _ref.bodyProps, others = $1f028ac586eff2eb$var$_objectWithoutProperties(_ref, $1f028ac586eff2eb$var$_excluded);
+    var styles = $1f028ac586eff2eb$var$_styles["default"]();
+    var avatarImgSrc = message.avatarImgSrc, initials = message.initials, name = message.name, date = message.date, jisty = message.jisty;
+    return(/*#__PURE__*/ $1f028ac586eff2eb$var$_react["default"].createElement("div", $1f028ac586eff2eb$var$_extends({
+        className: $1f028ac586eff2eb$var$_classnames["default"](styles.container, classes)
+    }, others), /*#__PURE__*/ $1f028ac586eff2eb$var$_react["default"].createElement("div", {
+        className: styles.header
+    }, /*#__PURE__*/ $1f028ac586eff2eb$var$_react["default"].createElement($1f028ac586eff2eb$var$_Header["default"], {
+        initials: initials,
+        name: name,
+        isEdited: historyState,
+        avatarImgSrc: avatarImgSrc,
+        date: date
+    })), jisty ? /*#__PURE__*/ $1f028ac586eff2eb$var$_react["default"].createElement($1f028ac586eff2eb$var$_JistyMessageBody["default"], {
+        message: message
+    }) : /*#__PURE__*/ $1f028ac586eff2eb$var$_react["default"].createElement($1f028ac586eff2eb$var$_Body["default"], $1f028ac586eff2eb$var$_extends({
+        message: message,
+        canEdit: canEdit,
+        onEdit: onEdit,
+        isEdited: historyState,
+        canReact: canReact,
+        onReact: onReact,
+        reactions: reactions,
+        toolbarHidden: toolbarHidden,
+        confirmCancel: confirmCancel
+    }, bodyProps)), attachments.length > 0 && /*#__PURE__*/ $1f028ac586eff2eb$var$_react["default"].createElement($1f028ac586eff2eb$var$_Attachments["default"], {
+        attachments: attachments,
+        onDelete: onAttachmentDelete
+    })));
+};
+$1f028ac586eff2eb$var$Message.propTypes = {
+    message: $6fyBC.GeneralCommentType.isRequired,
+    historyState: $1f028ac586eff2eb$var$_propTypes["default"].bool,
+    canEdit: $1f028ac586eff2eb$var$_propTypes["default"].bool,
+    onEdit: $1f028ac586eff2eb$var$_propTypes["default"].func,
+    canReact: $1f028ac586eff2eb$var$_propTypes["default"].bool,
+    onReact: $1f028ac586eff2eb$var$_propTypes["default"].func,
+    reactions: $1f028ac586eff2eb$var$_propTypes["default"].string,
+    toolbarHidden: $1f028ac586eff2eb$var$_propTypes["default"].bool,
+    confirmCancel: $1f028ac586eff2eb$var$_propTypes["default"].bool,
+    classes: $1f028ac586eff2eb$var$_propTypes["default"].string,
+    attachments: $1f028ac586eff2eb$var$_propTypes["default"].arrayOf($1f028ac586eff2eb$var$_propTypes["default"].shape({
+        id_document: $1f028ac586eff2eb$var$_propTypes["default"].oneOfType([
+            $1f028ac586eff2eb$var$_propTypes["default"].string,
+            $1f028ac586eff2eb$var$_propTypes["default"].number
+        ]),
+        nom_original: $1f028ac586eff2eb$var$_propTypes["default"].string,
+        size: $1f028ac586eff2eb$var$_propTypes["default"].number
+    })),
+    onAttachmentDelete: $1f028ac586eff2eb$var$_propTypes["default"].func,
+    bodyProps: $1f028ac586eff2eb$var$_propTypes["default"].object
+};
+$1f028ac586eff2eb$var$Message.defaultProps = {
+    historyState: false,
+    canEdit: true,
+    onEdit: function onEdit() {
+    },
+    canReact: false,
+    onReact: function onReact() {
+    },
+    toolbarHidden: false,
+    confirmCancel: true,
+    reactions: null,
+    classes: null,
+    attachments: [],
+    onAttachmentDelete: function onAttachmentDelete() {
+    },
+    bodyProps: {
+    }
+};
+var $1f028ac586eff2eb$var$_default = $1f028ac586eff2eb$var$Message;
+module.exports["default"] = $1f028ac586eff2eb$var$_default;
+
+});
+parcelRequire.register("44Yml", function(module, exports) {
+"use strict";
+function $2f865b41f694da57$var$_typeof(obj) {
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") $2f865b41f694da57$var$_typeof = function _typeof(obj1) {
+        return typeof obj1;
+    };
+    else $2f865b41f694da57$var$_typeof = function _typeof1(obj1) {
+        return obj1 && typeof Symbol === "function" && obj1.constructor === Symbol && obj1 !== Symbol.prototype ? "symbol" : typeof obj1;
+    };
+    return $2f865b41f694da57$var$_typeof(obj);
+}
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+
+var $2f865b41f694da57$var$_propTypes = $2f865b41f694da57$var$_interopRequireDefault($k9frP$proptypes);
+
+var $2f865b41f694da57$var$_react = $2f865b41f694da57$var$_interopRequireWildcard($k9frP$react);
+
+var $2f865b41f694da57$var$_I18n = $2f865b41f694da57$var$_interopRequireDefault((parcelRequire("do4Oi")));
+
+var $dMgIZ = parcelRequire("dMgIZ");
+
+var $bZWFv = parcelRequire("bZWFv");
+
+var $2f865b41f694da57$var$_styles = $2f865b41f694da57$var$_interopRequireDefault((parcelRequire("byQEy")));
+function $2f865b41f694da57$var$_getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return ($2f865b41f694da57$var$_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop1) {
+        return nodeInterop1 ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function $2f865b41f694da57$var$_interopRequireWildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) return obj;
+    if (obj === null || $2f865b41f694da57$var$_typeof(obj) !== "object" && typeof obj !== "function") return {
+        "default": obj
+    };
+    var cache = $2f865b41f694da57$var$_getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) return cache.get(obj);
+    var newObj = {
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj)if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+        var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+        if (desc && (desc.get || desc.set)) Object.defineProperty(newObj, key, desc);
+        else newObj[key] = obj[key];
+    }
+    newObj["default"] = obj;
+    if (cache) cache.set(obj, newObj);
+    return newObj;
+}
+function $2f865b41f694da57$var$_interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        "default": obj
+    };
+}
+var $2f865b41f694da57$var$MessageHeader = /*#__PURE__*/ $2f865b41f694da57$var$_react.memo(function(props) {
+    var initials = props.initials, name = props.name, isEdited = props.isEdited, date = props.date, avatarImgSrc = props.avatarImgSrc, classes = props.classes;
+    var styles = $2f865b41f694da57$var$_styles["default"]();
+    return(/*#__PURE__*/ $2f865b41f694da57$var$_react["default"].createElement($2f865b41f694da57$var$_react.Fragment, null, /*#__PURE__*/ $2f865b41f694da57$var$_react["default"].createElement("div", {
+        className: styles.avatarImage
+    }, /*#__PURE__*/ $2f865b41f694da57$var$_react["default"].createElement($k9frP$materialuicore.Avatar, {
+        src: avatarImgSrc,
+        alt: initials,
+        style: !avatarImgSrc ? {
+            backgroundColor: $dMgIZ.generateColorWithName(name)
+        } : null
+    }, initials)), /*#__PURE__*/ $2f865b41f694da57$var$_react["default"].createElement("div", {
+        className: styles.avatarInfo
+    }, /*#__PURE__*/ $2f865b41f694da57$var$_react["default"].createElement($k9frP$materialuicore.Typography, {
+        classes: {
+            root: classes.name
+        },
+        variant: "body1",
+        display: "inline"
+    }, name), isEdited && /*#__PURE__*/ $2f865b41f694da57$var$_react["default"].createElement($k9frP$materialuicore.Typography, {
+        classes: {
+            root: classes.test
+        },
+        display: "inline"
+    }, " ".concat($2f865b41f694da57$var$_I18n["default"].t('commentBox.historyCommentSuffix'))), /*#__PURE__*/ $2f865b41f694da57$var$_react["default"].createElement($k9frP$materialuicore.Typography, {
+        classes: {
+            root: classes.date
+        },
+        variant: "subtitle2"
+    }, $bZWFv.fromNow(date)))));
+});
+var $2f865b41f694da57$var$customTheme = function customTheme() {
+    return {
+        name: {
+            fontWeight: 'bold',
+            lineHeight: 1,
+            marginBottom: 5
+        },
+        date: {
+            color: '#9b9b9b'
+        }
+    };
+};
+$2f865b41f694da57$var$MessageHeader.defaultProps = {
+    avatarImgSrc: '',
+    isEdited: false
+};
+$2f865b41f694da57$var$MessageHeader.propTypes = {
+    name: $2f865b41f694da57$var$_propTypes["default"].string.isRequired,
+    avatarImgSrc: $2f865b41f694da57$var$_propTypes["default"].string,
+    initials: $2f865b41f694da57$var$_propTypes["default"].string.isRequired,
+    date: $2f865b41f694da57$var$_propTypes["default"].string.isRequired,
+    isEdited: $2f865b41f694da57$var$_propTypes["default"].bool
+};
+var $2f865b41f694da57$var$_default = $k9frP$materialuicore.withStyles($2f865b41f694da57$var$customTheme)($2f865b41f694da57$var$MessageHeader);
+module.exports["default"] = $2f865b41f694da57$var$_default;
+
+});
+parcelRequire.register("dMgIZ", function(module, exports) {
+"use strict";
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports.generateColorWithName = module.exports.sumChars = void 0;
+var $a07cbb3c9a743444$var$defaultColors = [
+    '#ffd204',
+    '#a177ff',
+    '#fe3a5e',
+    '#ad69c5',
+    '#50e3c2'
+];
+var $a07cbb3c9a743444$var$sumChars = function sumChars() {
+    var str = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    var sum = 0;
+    for(var i = 0; i < str.length; i++)// eslint-disable-line
+    sum += str.charCodeAt(i);
+    return sum;
+};
+module.exports.sumChars = $a07cbb3c9a743444$var$sumChars;
+var $a07cbb3c9a743444$var$generateColorWithName = function generateColorWithName(name) {
+    var i = $a07cbb3c9a743444$var$sumChars(name) % ($a07cbb3c9a743444$var$defaultColors === null || $a07cbb3c9a743444$var$defaultColors === void 0 ? void 0 : $a07cbb3c9a743444$var$defaultColors.length);
+    return $a07cbb3c9a743444$var$defaultColors[i];
+};
+module.exports.generateColorWithName = $a07cbb3c9a743444$var$generateColorWithName;
+
+});
+
+parcelRequire.register("bZWFv", function(module, exports) {
+"use strict";
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports.fromNow = void 0;
+
+var $8bc2e68ddbb54291$var$_moment = $8bc2e68ddbb54291$var$_interopRequireDefault($k9frP$moment);
+
+var $8bc2e68ddbb54291$var$_I18n = $8bc2e68ddbb54291$var$_interopRequireDefault((parcelRequire("do4Oi")));
+function $8bc2e68ddbb54291$var$_interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        "default": obj
+    };
+}
+var $8bc2e68ddbb54291$var$fromNow = function fromNow(datetime) {
+    return $8bc2e68ddbb54291$var$_moment["default"](datetime, 'YYYY-MM-DD HH:mm').calendar(null, {
+        sameDay: "[".concat($8bc2e68ddbb54291$var$_I18n["default"].t('date.sameDay'), "] HH:mm"),
+        nextDay: "[".concat($8bc2e68ddbb54291$var$_I18n["default"].t('date.nextDay'), "] HH:mm"),
+        nextWeek: "[".concat($8bc2e68ddbb54291$var$_I18n["default"].t('date.nextWeek'), "] HH:mm"),
+        lastDay: "[".concat($8bc2e68ddbb54291$var$_I18n["default"].t('date.lastDay'), "] HH:mm"),
+        lastWeek: 'DD/MM/YYYY HH:mm',
+        sameElse: 'DD/MM/YYYY HH:mm'
+    });
+};
+module.exports.fromNow = $8bc2e68ddbb54291$var$fromNow;
+
+});
+
+parcelRequire.register("byQEy", function(module, exports) {
+"use strict";
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $86abb681b4350487$var$useStyles = $k9frP$materialuicore.makeStyles(function() {
+    return {
+        avatarImage: {
+            display: 'inline-flex',
+            marginRight: 12
+        },
+        avatarInfo: {
+            width: '100%'
+        }
+    };
+});
+var $86abb681b4350487$var$_default = $86abb681b4350487$var$useStyles;
+module.exports["default"] = $86abb681b4350487$var$_default;
+
+});
+
+
+parcelRequire.register("gA1vJ", function(module, exports) {
+"use strict";
+function $c1212e2b179706e8$var$_typeof(obj) {
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") $c1212e2b179706e8$var$_typeof = function _typeof(obj1) {
+        return typeof obj1;
+    };
+    else $c1212e2b179706e8$var$_typeof = function _typeof1(obj1) {
+        return obj1 && typeof Symbol === "function" && obj1.constructor === Symbol && obj1 !== Symbol.prototype ? "symbol" : typeof obj1;
+    };
+    return $c1212e2b179706e8$var$_typeof(obj);
+}
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $c1212e2b179706e8$var$_react = $c1212e2b179706e8$var$_interopRequireWildcard($k9frP$react);
+
+var $c1212e2b179706e8$var$_propTypes = $c1212e2b179706e8$var$_interopRequireDefault($k9frP$proptypes);
+
+var $c1212e2b179706e8$var$_I18n = $c1212e2b179706e8$var$_interopRequireDefault((parcelRequire("do4Oi")));
+
+var $c1212e2b179706e8$var$_dompurify = $c1212e2b179706e8$var$_interopRequireDefault($k9frP$dompurify);
+
+function $c1212e2b179706e8$var$_interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        "default": obj
+    };
+}
+function $c1212e2b179706e8$var$_getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return ($c1212e2b179706e8$var$_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop1) {
+        return nodeInterop1 ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function $c1212e2b179706e8$var$_interopRequireWildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) return obj;
+    if (obj === null || $c1212e2b179706e8$var$_typeof(obj) !== "object" && typeof obj !== "function") return {
+        "default": obj
+    };
+    var cache = $c1212e2b179706e8$var$_getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) return cache.get(obj);
+    var newObj = {
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj)if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+        var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+        if (desc && (desc.get || desc.set)) Object.defineProperty(newObj, key, desc);
+        else newObj[key] = obj[key];
+    }
+    newObj["default"] = obj;
+    if (cache) cache.set(obj, newObj);
+    return newObj;
+}
+var $c1212e2b179706e8$var$useStyle = $k9frP$materialuicore.makeStyles(function(theme) {
+    return {
+        container: {
+            border: '1px solid',
+            borderColor: theme.palette.common.grey,
+            padding: 10,
+            display: 'flex',
+            flexDirection: 'row',
+            justifyContent: 'space-around',
+            alignItems: 'center'
+        }
+    };
+});
+var $c1212e2b179706e8$var$JistyMessageBody = function JistyMessageBody(_ref) {
+    var message = _ref.message;
+    var classes = $c1212e2b179706e8$var$useStyle();
+    var body = message.body, name = message.name;
+    var config = {
+        KEEP_CONTENT: false,
+        ADD_ATTR: [
+            'target'
+        ],
+        RETURN_DOM: true
+    };
+    var clean = $c1212e2b179706e8$var$_dompurify["default"].sanitize(body, config);
+    var href = clean.getElementsByTagName('a')[0].href;
+    if (typeof window === "undefined") var window = {
+        screenX: 0,
+        innerWidth: 1280,
+        open: function open() {
+        }
+    };
+    var handleClick = function handleClick1() {
+        window.open(href, '_blank');
+    };
+    return(/*#__PURE__*/ $c1212e2b179706e8$var$_react["default"].createElement($k9frP$materialuicore.Box, {
+        className: classes.container
+    }, /*#__PURE__*/ $c1212e2b179706e8$var$_react["default"].createElement($k9frP$materialuicore.Typography, {
+        variant: "h4"
+    }, $c1212e2b179706e8$var$_I18n["default"].t('discussions.jistyMessage.name', {
+        who: name
+    })), /*#__PURE__*/ $c1212e2b179706e8$var$_react["default"].createElement($k9frP$materialuicore.Button, {
+        color: "primary",
+        variant: "contained",
+        onClick: handleClick
+    }, "Join")));
+}; // Props
+$c1212e2b179706e8$var$JistyMessageBody.propTypes = {
+    message: $c1212e2b179706e8$var$_propTypes["default"].shape({
+        name: $c1212e2b179706e8$var$_propTypes["default"].string.isRequired,
+        body: $c1212e2b179706e8$var$_propTypes["default"].string.isRequired
+    }).isRequired
+};
+var $c1212e2b179706e8$var$_default = /*#__PURE__*/ $c1212e2b179706e8$var$_react.memo($c1212e2b179706e8$var$JistyMessageBody);
+module.exports["default"] = $c1212e2b179706e8$var$_default;
+
+});
+
+parcelRequire.register("ihcdC", function(module, exports) {
+"use strict";
+function $d4e34adfde5b1f4e$var$_typeof(obj) {
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") $d4e34adfde5b1f4e$var$_typeof = function _typeof(obj1) {
+        return typeof obj1;
+    };
+    else $d4e34adfde5b1f4e$var$_typeof = function _typeof1(obj1) {
+        return obj1 && typeof Symbol === "function" && obj1.constructor === Symbol && obj1 !== Symbol.prototype ? "symbol" : typeof obj1;
+    };
+    return $d4e34adfde5b1f4e$var$_typeof(obj);
+}
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+
+var $d4e34adfde5b1f4e$var$_classnames = $d4e34adfde5b1f4e$var$_interopRequireDefault($k9frP$classnames);
+
+var $d4e34adfde5b1f4e$var$_dompurify = $d4e34adfde5b1f4e$var$_interopRequireDefault($k9frP$dompurify);
+
+var $d4e34adfde5b1f4e$var$_propTypes = $d4e34adfde5b1f4e$var$_interopRequireDefault($k9frP$proptypes);
+
+var $d4e34adfde5b1f4e$var$_react = $d4e34adfde5b1f4e$var$_interopRequireWildcard($k9frP$react);
+
+var $d4e34adfde5b1f4e$var$_TextEditor = $d4e34adfde5b1f4e$var$_interopRequireDefault((parcelRequire("bLJ01")));
+
+var $d4e34adfde5b1f4e$var$_Button = $d4e34adfde5b1f4e$var$_interopRequireDefault((parcelRequire("dsRXC")));
+
+var $bUwqk = parcelRequire("bUwqk");
+
+var $3cB7z = parcelRequire("3cB7z");
+
+var $d4e34adfde5b1f4e$var$_styles = $d4e34adfde5b1f4e$var$_interopRequireDefault((parcelRequire("WzAD1")));
+function $d4e34adfde5b1f4e$var$_getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return ($d4e34adfde5b1f4e$var$_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop1) {
+        return nodeInterop1 ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function $d4e34adfde5b1f4e$var$_interopRequireWildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) return obj;
+    if (obj === null || $d4e34adfde5b1f4e$var$_typeof(obj) !== "object" && typeof obj !== "function") return {
+        "default": obj
+    };
+    var cache = $d4e34adfde5b1f4e$var$_getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) return cache.get(obj);
+    var newObj = {
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj)if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+        var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+        if (desc && (desc.get || desc.set)) Object.defineProperty(newObj, key, desc);
+        else newObj[key] = obj[key];
+    }
+    newObj["default"] = obj;
+    if (cache) cache.set(obj, newObj);
+    return newObj;
+}
+function $d4e34adfde5b1f4e$var$_interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        "default": obj
+    };
+}
+function $d4e34adfde5b1f4e$var$ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function $d4e34adfde5b1f4e$var$_objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {
+        };
+        if (i % 2) $d4e34adfde5b1f4e$var$ownKeys(Object(source), true).forEach(function(key) {
+            $d4e34adfde5b1f4e$var$_defineProperty(target, key, source[key]);
+        });
+        else if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+        else $d4e34adfde5b1f4e$var$ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function $d4e34adfde5b1f4e$var$_slicedToArray(arr, i) {
+    return $d4e34adfde5b1f4e$var$_arrayWithHoles(arr) || $d4e34adfde5b1f4e$var$_iterableToArrayLimit(arr, i) || $d4e34adfde5b1f4e$var$_unsupportedIterableToArray(arr, i) || $d4e34adfde5b1f4e$var$_nonIterableRest();
+}
+function $d4e34adfde5b1f4e$var$_nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function $d4e34adfde5b1f4e$var$_unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return $d4e34adfde5b1f4e$var$_arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return $d4e34adfde5b1f4e$var$_arrayLikeToArray(o, minLen);
+}
+function $d4e34adfde5b1f4e$var$_arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function $d4e34adfde5b1f4e$var$_iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function $d4e34adfde5b1f4e$var$_arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function $d4e34adfde5b1f4e$var$_defineProperty(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+// Component
+var $d4e34adfde5b1f4e$var$BodyMessage = function BodyMessage(props) {
+    var _classNames2;
+    var isEdited = props.isEdited, canEdit = props.canEdit, onEdit = props.onEdit, canReact = props.canReact, onReact = props.onReact, reactions = props.reactions, message = props.message, onClick = props.onClick, toolbarHidden = props.toolbarHidden, confirmCancel = props.confirmCancel, highlightHover = props.highlightHover, canSave = props.canSave;
+    var styles = $d4e34adfde5b1f4e$var$_styles["default"]();
+    var commentBodyClassnames = $d4e34adfde5b1f4e$var$_react.useMemo(function() {
+        var _classNames;
+        return $d4e34adfde5b1f4e$var$_classnames["default"](styles.commentContainer, (_classNames = {
+        }, $d4e34adfde5b1f4e$var$_defineProperty(_classNames, styles.historyComment, isEdited), $d4e34adfde5b1f4e$var$_defineProperty(_classNames, styles.mainComment, !isEdited), $d4e34adfde5b1f4e$var$_defineProperty(_classNames, styles.highlightHover, highlightHover), _classNames));
+    }, [
+        isEdited
+    ]);
+    var _useState = $d4e34adfde5b1f4e$var$_react.useState(false), _useState2 = $d4e34adfde5b1f4e$var$_slicedToArray(_useState, 2), isEditing = _useState2[0], setIsEditing = _useState2[1];
+    var _useState3 = $d4e34adfde5b1f4e$var$_react.useState(false), _useState4 = $d4e34adfde5b1f4e$var$_slicedToArray(_useState3, 2), isLoading = _useState4[0], setIsLoading = _useState4[1];
+    var onStartEdit = function onStartEdit1() {
+        setIsEditing(true);
+    };
+    var onCancelEditing = function onCancelEditing1() {
+        setIsEditing(false);
+    };
+    var handleReact = function handleReact1() {
+        if (canReact && onReact) onReact({
+            message: message
+        });
+    };
+    var onEditSubmit = function onEditSubmit1(data) {
+        if (!data.body || data.body === message.body) {
+            setIsEditing(false);
+            return;
+        }
+        setIsLoading(true);
+        onEdit($d4e34adfde5b1f4e$var$_objectSpread($d4e34adfde5b1f4e$var$_objectSpread({
+        }, message), {
+        }, {
+            body: data.body
+        }), message);
+        setIsEditing(false);
+        setIsLoading(false);
+    };
+    if (isEditing) return(/*#__PURE__*/ $d4e34adfde5b1f4e$var$_react["default"].createElement($d4e34adfde5b1f4e$var$_TextEditor["default"], {
+        body: message.body,
+        onSubmit: onEditSubmit,
+        isLoading: isLoading,
+        onCancelCustom: onCancelEditing,
+        hideOptions: true,
+        toolbarHidden: toolbarHidden,
+        confirmCancel: confirmCancel,
+        canSave: canSave
+    }));
+    var config = {
+        KEEP_CONTENT: false,
+        ADD_ATTR: [
+            'target'
+        ]
+    };
+    var clean = $d4e34adfde5b1f4e$var$_dompurify["default"].sanitize(message.body, config);
+    var content = /*#__PURE__*/ $d4e34adfde5b1f4e$var$_react["default"].createElement($d4e34adfde5b1f4e$var$_react.Fragment, null, /*#__PURE__*/ $d4e34adfde5b1f4e$var$_react["default"].createElement("div", {
+        className: styles.message
+    }, /*#__PURE__*/ $d4e34adfde5b1f4e$var$_react["default"].createElement($k9frP$materialuicore.Typography, {
+        variant: "body1",
+        classes: {
+            root: styles.content
+        },
+        dangerouslySetInnerHTML: {
+            __html: clean
+        }
+    })), !isEdited && canEdit && /*#__PURE__*/ $d4e34adfde5b1f4e$var$_react["default"].createElement($k9frP$materialuicore.IconButton, {
+        className: $d4e34adfde5b1f4e$var$_classnames["default"](styles.messageButton, styles.highlightButtonHover),
+        onClick: onStartEdit
+    }, /*#__PURE__*/ $d4e34adfde5b1f4e$var$_react["default"].createElement($3cB7z.FontIcon, {
+        name: "icon-pencil"
+    })), canReact && /*#__PURE__*/ $d4e34adfde5b1f4e$var$_react["default"].createElement($k9frP$materialuicore.IconButton, {
+        className: $d4e34adfde5b1f4e$var$_classnames["default"](styles.messageButton, (_classNames2 = {
+        }, $d4e34adfde5b1f4e$var$_defineProperty(_classNames2, styles.inactiveReactions, !reactions || reactions === 'inactive'), $d4e34adfde5b1f4e$var$_defineProperty(_classNames2, styles.semiActiveReactions, reactions === 'semiActive'), $d4e34adfde5b1f4e$var$_defineProperty(_classNames2, styles.activeReactions, reactions === 'active'), $d4e34adfde5b1f4e$var$_defineProperty(_classNames2, styles.highlightButtonHover, canReact), _classNames2)),
+        onClick: handleReact
+    }, /*#__PURE__*/ $d4e34adfde5b1f4e$var$_react["default"].createElement($3cB7z.FontIcon, {
+        className: $d4e34adfde5b1f4e$var$_classnames["default"](styles.reaction),
+        name: "icon-smiley"
+    })));
+    if (onClick) return(/*#__PURE__*/ $d4e34adfde5b1f4e$var$_react["default"].createElement($d4e34adfde5b1f4e$var$_Button["default"], {
+        fullWidth: true,
+        component: "div",
+        classes: {
+            root: styles.button
+        },
+        onClick: onClick
+    }, content));
+    return(/*#__PURE__*/ $d4e34adfde5b1f4e$var$_react["default"].createElement("div", {
+        className: commentBodyClassnames
+    }, content));
+}; // Props
+$d4e34adfde5b1f4e$var$BodyMessage.defaultProps = {
+    isEdited: false,
+    canEdit: true,
+    onEdit: function onEdit() {
+    },
+    canReact: false,
+    onReact: function onReact() {
+    },
+    reactions: null,
+    toolbarHidden: false,
+    confirmCancel: false,
+    onClick: undefined,
+    highlightHover: true,
+    canSave: function canSave() {
+        return true;
+    }
+};
+$d4e34adfde5b1f4e$var$BodyMessage.propTypes = {
+    message: $bUwqk.GeneralCommentType.isRequired,
+    isEdited: $d4e34adfde5b1f4e$var$_propTypes["default"].bool,
+    canEdit: $d4e34adfde5b1f4e$var$_propTypes["default"].bool,
+    onEdit: $d4e34adfde5b1f4e$var$_propTypes["default"].func,
+    canReact: $d4e34adfde5b1f4e$var$_propTypes["default"].bool,
+    onReact: $d4e34adfde5b1f4e$var$_propTypes["default"].func,
+    reactions: $d4e34adfde5b1f4e$var$_propTypes["default"].string,
+    toolbarHidden: $d4e34adfde5b1f4e$var$_propTypes["default"].bool,
+    confirmCancel: $d4e34adfde5b1f4e$var$_propTypes["default"].bool,
+    onClick: $d4e34adfde5b1f4e$var$_propTypes["default"].func,
+    highlightHover: $d4e34adfde5b1f4e$var$_propTypes["default"].bool,
+    canSave: $d4e34adfde5b1f4e$var$_propTypes["default"].func
+};
+var $d4e34adfde5b1f4e$var$_default = /*#__PURE__*/ $d4e34adfde5b1f4e$var$_react.memo($d4e34adfde5b1f4e$var$BodyMessage);
+module.exports["default"] = $d4e34adfde5b1f4e$var$_default;
+
+});
+parcelRequire.register("bLJ01", function(module, exports) {
+"use strict";
+function $8916fd70de32a953$var$_typeof(obj) {
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") $8916fd70de32a953$var$_typeof = function _typeof(obj1) {
+        return typeof obj1;
+    };
+    else $8916fd70de32a953$var$_typeof = function _typeof1(obj1) {
+        return obj1 && typeof Symbol === "function" && obj1.constructor === Symbol && obj1 !== Symbol.prototype ? "symbol" : typeof obj1;
+    };
+    return $8916fd70de32a953$var$_typeof(obj);
+}
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $8916fd70de32a953$var$_classnames = $8916fd70de32a953$var$_interopRequireDefault($k9frP$classnames);
+
+
+var $8916fd70de32a953$var$_propTypes = $8916fd70de32a953$var$_interopRequireDefault($k9frP$proptypes);
+
+var $8916fd70de32a953$var$_react = $8916fd70de32a953$var$_interopRequireWildcard($k9frP$react);
+
+
+
+var $8916fd70de32a953$var$_I18n = $8916fd70de32a953$var$_interopRequireDefault((parcelRequire("do4Oi")));
+
+var $8916fd70de32a953$var$_AttachToNotes = $8916fd70de32a953$var$_interopRequireDefault((parcelRequire("6xjzt")));
+
+var $8916fd70de32a953$var$_ColorPicker = $8916fd70de32a953$var$_interopRequireDefault((parcelRequire("fsrLN")));
+
+var $8916fd70de32a953$var$_Loader = $8916fd70de32a953$var$_interopRequireDefault((parcelRequire("gMWpO")));
+
+var $dJa9N = parcelRequire("dJa9N");
+
+var $4xWGY = parcelRequire("4xWGY");
+
+var $8916fd70de32a953$var$_styles = $8916fd70de32a953$var$_interopRequireDefault((parcelRequire("TEEoa")));
+function $8916fd70de32a953$var$_getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return ($8916fd70de32a953$var$_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop1) {
+        return nodeInterop1 ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function $8916fd70de32a953$var$_interopRequireWildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) return obj;
+    if (obj === null || $8916fd70de32a953$var$_typeof(obj) !== "object" && typeof obj !== "function") return {
+        "default": obj
+    };
+    var cache = $8916fd70de32a953$var$_getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) return cache.get(obj);
+    var newObj = {
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj)if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+        var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+        if (desc && (desc.get || desc.set)) Object.defineProperty(newObj, key, desc);
+        else newObj[key] = obj[key];
+    }
+    newObj["default"] = obj;
+    if (cache) cache.set(obj, newObj);
+    return newObj;
+}
+function $8916fd70de32a953$var$_interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        "default": obj
+    };
+}
+function $8916fd70de32a953$var$asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) resolve(value);
+    else Promise.resolve(value).then(_next, _throw);
+}
+function $8916fd70de32a953$var$_asyncToGenerator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                $8916fd70de32a953$var$asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                $8916fd70de32a953$var$asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function $8916fd70de32a953$var$ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function $8916fd70de32a953$var$_objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {
+        };
+        if (i % 2) $8916fd70de32a953$var$ownKeys(Object(source), true).forEach(function(key) {
+            $8916fd70de32a953$var$_defineProperty(target, key, source[key]);
+        });
+        else if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+        else $8916fd70de32a953$var$ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function $8916fd70de32a953$var$_defineProperty(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function $8916fd70de32a953$var$_slicedToArray(arr, i) {
+    return $8916fd70de32a953$var$_arrayWithHoles(arr) || $8916fd70de32a953$var$_iterableToArrayLimit(arr, i) || $8916fd70de32a953$var$_unsupportedIterableToArray(arr, i) || $8916fd70de32a953$var$_nonIterableRest();
+}
+function $8916fd70de32a953$var$_nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function $8916fd70de32a953$var$_unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return $8916fd70de32a953$var$_arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return $8916fd70de32a953$var$_arrayLikeToArray(o, minLen);
+}
+function $8916fd70de32a953$var$_arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function $8916fd70de32a953$var$_iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function $8916fd70de32a953$var$_arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+var $8916fd70de32a953$var$toolbarOptions = {
+    options: [
+        'inline',
+        'list',
+        'colorPicker',
+        'link',
+        'emoji',
+        'history'
+    ],
+    inline: {
+        options: [
+            'bold',
+            'italic',
+            'underline'
+        ]
+    },
+    list: {
+        options: [
+            'unordered'
+        ]
+    },
+    colorPicker: {
+        component: $8916fd70de32a953$var$_ColorPicker["default"]
+    }
+};
+var $8916fd70de32a953$var$commentBoxInitialState = {
+    body: '',
+    attachTo: {
+    }
+};
+var $8916fd70de32a953$var$TextEditor = function TextEditor(_ref) {
+    var className = _ref.className, onSubmit = _ref.onSubmit, onCancelCustom = _ref.onCancelCustom, hideOptions = _ref.hideOptions, body = _ref.body, isLoading = _ref.isLoading, openConfirmationDialog = _ref.openConfirmationDialog, closeDialog = _ref.closeDialog, createMode = _ref.createMode, toolbarHidden = _ref.toolbarHidden, confirmCancel = _ref.confirmCancel, canSave = _ref.canSave;
+    var styles = $8916fd70de32a953$var$_styles["default"]();
+    var _useState = $8916fd70de32a953$var$_react.useState($dJa9N.htmlToDraftHelper(body)), _useState2 = $8916fd70de32a953$var$_slicedToArray(_useState, 2), editorState = _useState2[0], setEditorState = _useState2[1];
+    var _useState3 = $8916fd70de32a953$var$_react.useState($8916fd70de32a953$var$commentBoxInitialState), _useState4 = $8916fd70de32a953$var$_slicedToArray(_useState3, 2), commentBoxState = _useState4[0], setCommentBoxState = _useState4[1];
+    var _useState5 = $8916fd70de32a953$var$_react.useState(null), _useState6 = $8916fd70de32a953$var$_slicedToArray(_useState5, 2), editorTextareaRef = _useState6[0], setEditorTextareaRef = _useState6[1];
+    var onEditorStateChange = function onEditorStateChange1(editorState1) {
+        setCommentBoxState($8916fd70de32a953$var$_objectSpread($8916fd70de32a953$var$_objectSpread({
+        }, commentBoxState), {
+        }, {
+            body: $dJa9N.draftToHtmlHelper(editorState1)
+        }));
+        setEditorState(editorState1);
+    };
+    var canSaveInternal = $8916fd70de32a953$var$_react.useMemo(function() {
+        return canSave(commentBoxState.body);
+    }, [
+        commentBoxState
+    ]);
+    $8916fd70de32a953$var$_react.useEffect(function() {
+        onEditorStateChange($dJa9N.htmlToDraftHelper(body));
+    }, [
+        body
+    ]);
+    $8916fd70de32a953$var$_react.useEffect(function() {
+        if (editorTextareaRef) editorTextareaRef.focus();
+    }, [
+        editorTextareaRef
+    ]);
+    var discardState = function discardState1() {
+        if (onCancelCustom) onCancelCustom();
+        setEditorState($k9frP$draftjs.EditorState.createEmpty());
+        setCommentBoxState($8916fd70de32a953$var$commentBoxInitialState);
+        closeDialog();
+    };
+    var onCancel = function onCancel1() {
+        if (confirmCancel && commentBoxState.body !== body) openConfirmationDialog({
+            title: $8916fd70de32a953$var$_I18n["default"].t('notifications.warning'),
+            body: $8916fd70de32a953$var$_I18n["default"].t('notifications.canLoseChanges'),
+            buttons: [
+                {
+                    _type: 'string',
+                    text: $8916fd70de32a953$var$_I18n["default"].t('notifications.yes'),
+                    onClick: discardState,
+                    color: 'error',
+                    variant: 'outlined'
+                },
+                {
+                    _type: 'string',
+                    text: $8916fd70de32a953$var$_I18n["default"].t('notifications.no'),
+                    color: 'default',
+                    variant: 'outlined'
+                }
+            ]
+        });
+        else discardState();
+    };
+    var handleOnSubmit = /*#__PURE__*/ function() {
+        var _ref2 = $8916fd70de32a953$var$_asyncToGenerator(/*#__PURE__*/ regeneratorRuntime.mark(function _callee() {
+            return regeneratorRuntime.wrap(function _callee$(_context) {
+                while(true)switch(_context.prev = _context.next){
+                    case 0:
+                        _context.next = 2;
+                        return onSubmit({
+                            body: commentBoxState.body,
+                            attachTo: commentBoxState.attachTo
+                        });
+                    case 2:
+                        setEditorState($k9frP$draftjs.EditorState.createEmpty());
+                        setCommentBoxState($8916fd70de32a953$var$commentBoxInitialState);
+                        if (createMode) closeDialog();
+                    case 5:
+                    case "end":
+                        return _context.stop();
+                }
+            }, _callee);
+        }));
+        return function handleOnSubmit1() {
+            return _ref2.apply(this, arguments);
+        };
+    }();
+    var onAttachToStateChange = function onAttachToStateChange1(key, value) {
+        var newCommentBoxState = $8916fd70de32a953$var$_objectSpread($8916fd70de32a953$var$_objectSpread({
+        }, commentBoxState), {
+        }, {
+            attachTo: $8916fd70de32a953$var$_objectSpread($8916fd70de32a953$var$_objectSpread({
+            }, commentBoxState.attachTo), {
+            }, $8916fd70de32a953$var$_defineProperty({
+            }, key, {
+            }))
+        });
+        if (!value) delete newCommentBoxState.attachTo[key];
+        setCommentBoxState(newCommentBoxState);
+    };
+    var setNotesInfo = function setNotesInfo1(value) {
+        var newCommentBoxState = $8916fd70de32a953$var$_objectSpread($8916fd70de32a953$var$_objectSpread({
+        }, commentBoxState), {
+        }, {
+            attachTo: $8916fd70de32a953$var$_objectSpread($8916fd70de32a953$var$_objectSpread({
+            }, commentBoxState.attachTo), {
+            }, {
+                attachToNotes: value
+            })
+        });
+        setCommentBoxState(newCommentBoxState);
+    };
+    var renderAttachToNotes = function renderAttachToNotes1(attachTo) {
+        return attachTo.hasOwnProperty('attachToNotes') && /*#__PURE__*/ $8916fd70de32a953$var$_react["default"].createElement($8916fd70de32a953$var$_AttachToNotes["default"], {
+            setNotesInfo: setNotesInfo,
+            notesInfo: commentBoxState.attachTo.attachToNotes
+        });
+    };
+    return(/*#__PURE__*/ $8916fd70de32a953$var$_react["default"].createElement("div", {
+        className: $8916fd70de32a953$var$_classnames["default"](styles.textEditorWrapper, className)
+    }, /*#__PURE__*/ $8916fd70de32a953$var$_react["default"].createElement($k9frP$reactdraftwysiwyg.Editor, {
+        editorState: editorState,
+        wrapperClassName: styles.wrapperContainer,
+        toolbarClassName: styles.toolbarContainer,
+        editorClassName: styles.editorContainer,
+        onEditorStateChange: onEditorStateChange,
+        toolbar: $8916fd70de32a953$var$toolbarOptions,
+        toolbarHidden: toolbarHidden,
+        editorRef: setEditorTextareaRef
+    }), !hideOptions && /*#__PURE__*/ $8916fd70de32a953$var$_react["default"].createElement($8916fd70de32a953$var$_react["default"].Fragment, null, /*#__PURE__*/ $8916fd70de32a953$var$_react["default"].createElement("br", null), /*#__PURE__*/ $8916fd70de32a953$var$_react["default"].createElement($4xWGY.AttachTo, {
+        onChange: onAttachToStateChange,
+        state: commentBoxState.attachTo
+    }), renderAttachToNotes(commentBoxState.attachTo)), /*#__PURE__*/ $8916fd70de32a953$var$_react["default"].createElement($4xWGY.CommentBoxButtons, {
+        disabled: commentBoxState.body === body || !commentBoxState.body || !canSaveInternal,
+        onSubmit: handleOnSubmit,
+        onCancel: onCancel
+    }), isLoading && /*#__PURE__*/ $8916fd70de32a953$var$_react["default"].createElement("div", {
+        className: styles.editorOverlay
+    }, /*#__PURE__*/ $8916fd70de32a953$var$_react["default"].createElement($8916fd70de32a953$var$_Loader["default"], null))));
+};
+$8916fd70de32a953$var$TextEditor.defaultProps = {
+    className: '',
+    onCancelCustom: undefined,
+    hideOptions: false,
+    body: '',
+    createMode: false,
+    toolbarHidden: false,
+    confirmCancel: true,
+    canSave: function canSave() {
+        return true;
+    }
+};
+$8916fd70de32a953$var$TextEditor.propTypes = {
+    className: $8916fd70de32a953$var$_propTypes["default"].string,
+    onSubmit: $8916fd70de32a953$var$_propTypes["default"].func.isRequired,
+    isLoading: $8916fd70de32a953$var$_propTypes["default"].bool.isRequired,
+    onCancelCustom: $8916fd70de32a953$var$_propTypes["default"].func,
+    hideOptions: $8916fd70de32a953$var$_propTypes["default"].bool,
+    body: $8916fd70de32a953$var$_propTypes["default"].string,
+    openConfirmationDialog: $8916fd70de32a953$var$_propTypes["default"].func.isRequired,
+    closeDialog: $8916fd70de32a953$var$_propTypes["default"].func.isRequired,
+    createMode: $8916fd70de32a953$var$_propTypes["default"].bool,
+    toolbarHidden: $8916fd70de32a953$var$_propTypes["default"].bool,
+    confirmCancel: $8916fd70de32a953$var$_propTypes["default"].bool,
+    canSave: $8916fd70de32a953$var$_propTypes["default"].func
+};
+var $8916fd70de32a953$var$_default = $8916fd70de32a953$var$TextEditor;
+module.exports["default"] = $8916fd70de32a953$var$_default;
+
+});
+parcelRequire.register("6xjzt", function(module, exports) {
+"use strict";
+function $4c25018cb9c714aa$var$_typeof(obj) {
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") $4c25018cb9c714aa$var$_typeof = function _typeof(obj1) {
+        return typeof obj1;
+    };
+    else $4c25018cb9c714aa$var$_typeof = function _typeof1(obj1) {
+        return obj1 && typeof Symbol === "function" && obj1.constructor === Symbol && obj1 !== Symbol.prototype ? "symbol" : typeof obj1;
+    };
+    return $4c25018cb9c714aa$var$_typeof(obj);
+}
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+
+var $4c25018cb9c714aa$var$_moment = $4c25018cb9c714aa$var$_interopRequireDefault($k9frP$moment);
+
+var $4c25018cb9c714aa$var$_propTypes = $4c25018cb9c714aa$var$_interopRequireDefault($k9frP$proptypes);
+
+var $4c25018cb9c714aa$var$_react = $4c25018cb9c714aa$var$_interopRequireWildcard($k9frP$react);
+
+var $4c25018cb9c714aa$var$_I18n = $4c25018cb9c714aa$var$_interopRequireDefault((parcelRequire("do4Oi")));
+
+var $4c25018cb9c714aa$var$_Loader = $4c25018cb9c714aa$var$_interopRequireDefault((parcelRequire("gMWpO")));
+function $4c25018cb9c714aa$var$_getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return ($4c25018cb9c714aa$var$_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop1) {
+        return nodeInterop1 ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function $4c25018cb9c714aa$var$_interopRequireWildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) return obj;
+    if (obj === null || $4c25018cb9c714aa$var$_typeof(obj) !== "object" && typeof obj !== "function") return {
+        "default": obj
+    };
+    var cache = $4c25018cb9c714aa$var$_getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) return cache.get(obj);
+    var newObj = {
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj)if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+        var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+        if (desc && (desc.get || desc.set)) Object.defineProperty(newObj, key, desc);
+        else newObj[key] = obj[key];
+    }
+    newObj["default"] = obj;
+    if (cache) cache.set(obj, newObj);
+    return newObj;
+}
+function $4c25018cb9c714aa$var$_interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        "default": obj
+    };
+}
+function $4c25018cb9c714aa$var$asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) resolve(value);
+    else Promise.resolve(value).then(_next, _throw);
+}
+function $4c25018cb9c714aa$var$_asyncToGenerator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                $4c25018cb9c714aa$var$asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                $4c25018cb9c714aa$var$asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+function $4c25018cb9c714aa$var$ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function $4c25018cb9c714aa$var$_objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {
+        };
+        if (i % 2) $4c25018cb9c714aa$var$ownKeys(Object(source), true).forEach(function(key) {
+            $4c25018cb9c714aa$var$_defineProperty(target, key, source[key]);
+        });
+        else if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+        else $4c25018cb9c714aa$var$ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function $4c25018cb9c714aa$var$_defineProperty(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+function $4c25018cb9c714aa$var$_slicedToArray(arr, i) {
+    return $4c25018cb9c714aa$var$_arrayWithHoles(arr) || $4c25018cb9c714aa$var$_iterableToArrayLimit(arr, i) || $4c25018cb9c714aa$var$_unsupportedIterableToArray(arr, i) || $4c25018cb9c714aa$var$_nonIterableRest();
+}
+function $4c25018cb9c714aa$var$_nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function $4c25018cb9c714aa$var$_unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return $4c25018cb9c714aa$var$_arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return $4c25018cb9c714aa$var$_arrayLikeToArray(o, minLen);
+}
+function $4c25018cb9c714aa$var$_arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function $4c25018cb9c714aa$var$_iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function $4c25018cb9c714aa$var$_arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+var $4c25018cb9c714aa$var$useStyles = $k9frP$materialuicore.makeStyles(function(theme) {
+    return {
+        divAttachToNotes: {
+            marginTop: 10
+        },
+        formControl: {
+            margin: theme.spacing(1),
+            minWidth: 120
+        }
+    };
+});
+var $4c25018cb9c714aa$var$AttachToNotes = function AttachToNotes(_ref) {
+    var notesInfo = _ref.notesInfo, setNotesInfo = _ref.setNotesInfo;
+    var _useGlobalConfig = useGlobalConfig(), _useGlobalConfig$serv = _useGlobalConfig.service.comment, getCyclesForZoneComments = _useGlobalConfig$serv.getCyclesForZone, getReviewsForZoneComments = _useGlobalConfig$serv.getReviewsForZone, _useGlobalConfig$defa = _useGlobalConfig.defaultData.comment, defaultDossierId = _useGlobalConfig$defa.defaultDossierId, defaultCycleId = _useGlobalConfig$defa.defaultCycleId;
+    var classes = $4c25018cb9c714aa$var$useStyles();
+    var _useState = $4c25018cb9c714aa$var$_react.useState([]), _useState2 = $4c25018cb9c714aa$var$_slicedToArray(_useState, 2), cycles = _useState2[0], setCycles = _useState2[1];
+    var _useState3 = $4c25018cb9c714aa$var$_react.useState([]), _useState4 = $4c25018cb9c714aa$var$_slicedToArray(_useState3, 2), dossierRevision = _useState4[0], setDossierRevision = _useState4[1];
+    var _useState5 = $4c25018cb9c714aa$var$_react.useState(false), _useState6 = $4c25018cb9c714aa$var$_slicedToArray(_useState5, 2), isLoading = _useState6[0], setIsLoading = _useState6[1];
+    var handleChangeNotesInfo = function handleChangeNotesInfo1(newNotesInfo) {
+        var nextNotesInfo = $4c25018cb9c714aa$var$_objectSpread($4c25018cb9c714aa$var$_objectSpread({
+        }, notesInfo), newNotesInfo);
+        setNotesInfo(nextNotesInfo);
+    };
+    var handleChangeDossierRevision = /*#__PURE__*/ function() {
+        var _ref2 = $4c25018cb9c714aa$var$_asyncToGenerator(/*#__PURE__*/ regeneratorRuntime.mark(function _callee(value) {
+            var cycles1;
+            return regeneratorRuntime.wrap(function _callee$(_context) {
+                while(true)switch(_context.prev = _context.next){
+                    case 0:
+                        setIsLoading(true);
+                        handleChangeNotesInfo({
+                            dossier_revision_id: value,
+                            cycle_da_dp_id: ''
+                        });
+                        _context.next = 4;
+                        return getCyclesForZoneComments(dossierSelected.id, dossierSelected.start_date, dossierSelected.end_date);
+                    case 4:
+                        cycles1 = _context.sent;
+                        setCycles(cycles1);
+                        setIsLoading(false);
+                    case 7:
+                    case "end":
+                        return _context.stop();
+                }
+            }, _callee);
+        }));
+        return function handleChangeDossierRevision1(_x) {
+            return _ref2.apply(this, arguments);
+        };
+    }();
+    $4c25018cb9c714aa$var$_react.useEffect(function() {
+        $4c25018cb9c714aa$var$_asyncToGenerator(/*#__PURE__*/ regeneratorRuntime.mark(function _callee2() {
+            var reviews, reviewAttr, reviewLabel, dossierRevision1;
+            return regeneratorRuntime.wrap(function _callee2$(_context2) {
+                while(true)switch(_context2.prev = _context2.next){
+                    case 0:
+                        setIsLoading(true); // Get list DA
+                        _context2.next = 3;
+                        return getReviewsForZoneComments();
+                    case 3:
+                        reviews = _context2.sent;
+                        reviewAttr = function reviewAttr1(review, attr) {
+                            return review[attr];
+                        };
+                        reviewLabel = function reviewLabel1(review) {
+                            var type = reviewAttr(review, 'type');
+                            var startDate = reviewAttr(review, 'start_date');
+                            var endDate = reviewAttr(review, 'end_date');
+                            var bounds = "".concat($4c25018cb9c714aa$var$_I18n["default"].t('common.fromLowerCase'), " ").concat($4c25018cb9c714aa$var$_moment["default"](startDate).format('DD/MM/YYYY'), " ").concat($4c25018cb9c714aa$var$_I18n["default"].t('common.to'), "  ").concat($4c25018cb9c714aa$var$_moment["default"](endDate).format('DD/MM/YYYY'));
+                            return "".concat($4c25018cb9c714aa$var$_I18n["default"].t("dadp.review.types.".concat(type)), " ").concat(bounds);
+                        };
+                        dossierRevision1 = reviews.map(function(review) {
+                            return {
+                                id: review.id_dossier_revision,
+                                label: reviewLabel(review),
+                                start_date: review.start_date,
+                                end_date: review.end_date
+                            };
+                        });
+                        setDossierRevision(dossierRevision1);
+                        setIsLoading(false);
+                    case 9:
+                    case "end":
+                        return _context2.stop();
+                }
+            }, _callee2);
+        }))();
+    }, []);
+    $4c25018cb9c714aa$var$_react.useEffect(function() {
+        if (dossierRevision.length && defaultDossierId) handleChangeDossierRevision(defaultDossierId);
+    }, [
+        dossierRevision
+    ]);
+    $4c25018cb9c714aa$var$_react.useEffect(function() {
+        if (cycles.length) {
+            if (defaultCycleId && cycles.find(function(cycle) {
+                return cycle.cycle_da_dp_id === defaultCycleId;
+            })) handleChangeNotesInfo({
+                cycle_da_dp_id: defaultCycleId
+            });
+            else handleChangeNotesInfo({
+                cycle_da_dp_id: cycles[0].cycle_da_dp_id
+            });
+        }
+    }, [
+        cycles
+    ]);
+    return(/*#__PURE__*/ $4c25018cb9c714aa$var$_react["default"].createElement("div", {
+        className: classes.divAttachToNotes
+    }, /*#__PURE__*/ $4c25018cb9c714aa$var$_react["default"].createElement($k9frP$materialuicore.FormControl, {
+        className: classes.formControl
+    }, /*#__PURE__*/ $4c25018cb9c714aa$var$_react["default"].createElement($k9frP$materialuicore.InputLabel, {
+        shrink: true,
+        id: "dossier-revision"
+    }, $4c25018cb9c714aa$var$_I18n["default"].t('commentBox.dossierRevision'), isLoading && /*#__PURE__*/ $4c25018cb9c714aa$var$_react["default"].createElement($4c25018cb9c714aa$var$_Loader["default"], {
+        size: 15,
+        inline: true
+    })), /*#__PURE__*/ $4c25018cb9c714aa$var$_react["default"].createElement($k9frP$materialuicore.Select, {
+        autoWidth: true,
+        labelId: "dossier-revision",
+        value: notesInfo.dossier_revision_id || '',
+        onChange: function onChange(e) {
+            return handleChangeDossierRevision(e.target.value);
+        }
+    }, dossierRevision.map(function(item) {
+        return(/*#__PURE__*/ $4c25018cb9c714aa$var$_react["default"].createElement($k9frP$materialuicore.MenuItem, {
+            key: item.id,
+            value: item.id
+        }, item.label));
+    }))), /*#__PURE__*/ $4c25018cb9c714aa$var$_react["default"].createElement($k9frP$materialuicore.FormControl, {
+        className: classes.formControl
+    }, /*#__PURE__*/ $4c25018cb9c714aa$var$_react["default"].createElement($k9frP$materialuicore.InputLabel, {
+        shrink: true,
+        id: "cycles"
+    }, $4c25018cb9c714aa$var$_I18n["default"].t('commentBox.cycle'), isLoading && /*#__PURE__*/ $4c25018cb9c714aa$var$_react["default"].createElement($4c25018cb9c714aa$var$_Loader["default"], {
+        size: 15,
+        inline: true
+    })), /*#__PURE__*/ $4c25018cb9c714aa$var$_react["default"].createElement($k9frP$materialuicore.Select, {
+        autoWidth: true,
+        labelId: "cycles",
+        value: notesInfo.cycle_da_dp_id || '',
+        onChange: function onChange(e) {
+            return handleChangeNotesInfo({
+                cycle_da_dp_id: e.target.value
+            });
+        }
+    }, cycles.map(function(item) {
+        return(/*#__PURE__*/ $4c25018cb9c714aa$var$_react["default"].createElement($k9frP$materialuicore.MenuItem, {
+            key: item.cycle_da_dp_id,
+            value: item.cycle_da_dp_id
+        }, item.label));
+    })))));
+};
+$4c25018cb9c714aa$var$AttachToNotes.defaultProps = {
+    defaultDossierId: 0,
+    defaultCycleId: 0
+};
+$4c25018cb9c714aa$var$AttachToNotes.propTypes = {
+    defaultDossierId: $4c25018cb9c714aa$var$_propTypes["default"].number,
+    notesInfo: $4c25018cb9c714aa$var$_propTypes["default"].object.isRequired,
+    setNotesInfo: $4c25018cb9c714aa$var$_propTypes["default"].func.isRequired,
+    defaultCycleId: $4c25018cb9c714aa$var$_propTypes["default"].number,
+    getReviewsForZoneComments: $4c25018cb9c714aa$var$_propTypes["default"].func.isRequired,
+    getCyclesForZoneComments: $4c25018cb9c714aa$var$_propTypes["default"].func.isRequired
+};
+var $4c25018cb9c714aa$var$_default = $4c25018cb9c714aa$var$AttachToNotes;
+module.exports["default"] = $4c25018cb9c714aa$var$_default;
+
+});
+
+parcelRequire.register("fsrLN", function(module, exports) {
+"use strict";
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $b40f0312cf632670$var$_react = $b40f0312cf632670$var$_interopRequireDefault($k9frP$react);
+
+var $b40f0312cf632670$var$_propTypes = $b40f0312cf632670$var$_interopRequireDefault($k9frP$proptypes);
+
+
+
+var $aIyq0 = parcelRequire("aIyq0");
+
+var $b40f0312cf632670$var$_styles = $b40f0312cf632670$var$_interopRequireDefault((parcelRequire("3n5F1")));
+function $b40f0312cf632670$var$_interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        "default": obj
+    };
+}
+var $b40f0312cf632670$var$ColorPicker = function ColorPicker(props) {
+    var expanded = props.expanded, onExpandEvent = props.onExpandEvent;
+    var styles = $b40f0312cf632670$var$_styles["default"]();
+    var stopPropagation = function stopPropagation1(event) {
+        event.stopPropagation();
+    };
+    var onChange = function onChange1(color) {
+        var onChange1 = props.onChange;
+        onChange1('color', color.hex);
+    };
+    var renderModal = function renderModal1() {
+        var color = props.currentState.color;
+        return(/*#__PURE__*/ $b40f0312cf632670$var$_react["default"].createElement("div", {
+            onClick: stopPropagation,
+            className: styles.colorPickerContainer
+        }, /*#__PURE__*/ $b40f0312cf632670$var$_react["default"].createElement($k9frP$reactcolor.BlockPicker, {
+            color: color,
+            onChangeComplete: onChange
+        })));
+    };
+    return(/*#__PURE__*/ $b40f0312cf632670$var$_react["default"].createElement("div", {
+        "aria-haspopup": "true",
+        "aria-expanded": expanded,
+        "aria-label": "rdw-color-picker",
+        className: styles.container
+    }, /*#__PURE__*/ $b40f0312cf632670$var$_react["default"].createElement("div", {
+        onClick: onExpandEvent,
+        role: "button",
+        tabIndex: "0",
+        className: styles.iconContainer
+    }, /*#__PURE__*/ $b40f0312cf632670$var$_react["default"].createElement("img", {
+        className: styles.iconImg,
+        src: $aIyq0.COLOR_PICKER_ICON,
+        alt: "Color picker icon"
+    })), expanded && renderModal()));
+};
+$b40f0312cf632670$var$ColorPicker.defaultProps = {
+    expanded: undefined
+};
+$b40f0312cf632670$var$ColorPicker.propTypes = {
+    expanded: $b40f0312cf632670$var$_propTypes["default"].bool,
+    onExpandEvent: $b40f0312cf632670$var$_propTypes["default"].func.isRequired,
+    onChange: $b40f0312cf632670$var$_propTypes["default"].func.isRequired,
+    /*
+  currentState: PropTypes.shape({
+    color: PropTypes.string,
+    bgColor: PropTypes.string
+  }).isRequired,
+  */ currentState: $b40f0312cf632670$var$_propTypes["default"].object.isRequired
+};
+var $b40f0312cf632670$var$_default = $b40f0312cf632670$var$ColorPicker;
+module.exports["default"] = $b40f0312cf632670$var$_default;
+
+});
+parcelRequire.register("aIyq0", function(module, exports) {
+"use strict";
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports.COLOR_PICKER_ICON = void 0;
+var $7cd8b63a7c048ca9$var$COLOR_PICKER_ICON = 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDQ5NS41NzggNDk1LjU3OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDk1LjU3OCA0OTUuNTc4OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPGc+CgkJPHBhdGggc3R5bGU9ImZpbGw6I0U2QkU5NDsiIGQ9Ik00MzkuMjA4LDIxNS41NzhjLTQ2Ljk3NS01My41MjktOTYtNjUuOTczLTk2LTEyNWMwLTY0LjMzMy01NC4zMzMtMTEzLjY2Ny0xNDkuNDI5LTc5LjMyMQoJCQlDOTEuODE2LDQ4LjA4MywyMS4yMDgsMTM2LjkxMSwyMS4yMDgsMjQ3LjU3OGMwLDEzNi45NjYsMTExLjAzMywyNDgsMjQ4LDI0OGMyMi41MjcsMCw0NC4zNTQtMy4wMDQsNjUuMDk5LTguNjMybC0wLjAwNi0wLjAyNgoJCQlDNDM5LjIwOCw0NTYuNTc4LDUyNS4yMDgsMzEzLjU3OCw0MzkuMjA4LDIxNS41Nzh6IE0zMzMuNzA5LDE4OS42OWMtMTQuNTAxLDE4LjU1NS01NC42NjgsNy43MDctNzAuMTctMTguNTQ3CgkJCWMtMTMuNjY0LTIzLjE0LTguNjY0LTU2LjIzMiwxNC45ODgtNzAuODIyYzEzLjcxLTguNDU3LDMxLjc5MS0wLjEzNSwzNS4yMzEsMTUuNjAyYzIuOCwxMi44MDYsOC41NDMsMjguNjcxLDIwLjIzOSw0My4xODcKCQkJQzM0MS4xMjUsMTY3Ljk2LDM0MC43MDcsMTgwLjczNiwzMzMuNzA5LDE4OS42OXoiLz4KCTwvZz4KCTxnPgoJCTxjaXJjbGUgc3R5bGU9ImZpbGw6I0ZGNEYxOTsiIGN4PSIxNjUuMDk4IiBjeT0iMTM1LjY4OCIgcj0iNDcuODkiLz4KCTwvZz4KCTxnPgoJCTxjaXJjbGUgc3R5bGU9ImZpbGw6I0ZGOEM2MjsiIGN4PSIxNzYuOTQiIGN5PSIxMjMuNzE1IiByPSIxNi43NjIiLz4KCTwvZz4KCTxnPgoJCTxjaXJjbGUgc3R5bGU9ImZpbGw6I0ZGQ0QwMDsiIGN4PSIxMTcuMDk4IiBjeT0iMjU1LjY4OCIgcj0iNDcuODkiLz4KCTwvZz4KCTxnPgoJCTxjaXJjbGUgc3R5bGU9ImZpbGw6I0ZGRTY3MTsiIGN4PSIxMjguOTQiIGN5PSIyNDMuNzE1IiByPSIxNi43NjIiLz4KCTwvZz4KCTxnPgoJCTxjaXJjbGUgc3R5bGU9ImZpbGw6IzAwQzM3QTsiIGN4PSIxNzIuODc5IiBjeT0iMzY3LjQ2OSIgcj0iNDcuODkiLz4KCTwvZz4KCTxnPgoJCTxjaXJjbGUgc3R5bGU9ImZpbGw6IzYwREM0RDsiIGN4PSIxODQuNzIiIGN5PSIzNTUuNDk2IiByPSIxNi43NjIiLz4KCTwvZz4KCTxnPgoJCTxjaXJjbGUgc3R5bGU9ImZpbGw6IzRDRDdGRjsiIGN4PSIyOTMuMDk4IiBjeT0iNDA3LjY4OCIgcj0iNDcuODkiLz4KCTwvZz4KCTxnPgoJCTxjaXJjbGUgc3R5bGU9ImZpbGw6I0FFRUZGRjsiIGN4PSIzMDQuOTM5IiBjeT0iMzk1LjcxNSIgcj0iMTYuNzYyIi8+Cgk8L2c+Cgk8Zz4KCQk8Y2lyY2xlIHN0eWxlPSJmaWxsOiMwMDlCQ0E7IiBjeD0iMzgxLjA5OCIgY3k9IjMxOS40NjkiIHI9IjQ3Ljg5Ii8+Cgk8L2c+Cgk8Zz4KCQk8Y2lyY2xlIHN0eWxlPSJmaWxsOiM0Q0Q3RkY7IiBjeD0iMzkyLjkzOSIgY3k9IjMwNy40OTYiIHI9IjE2Ljc2MiIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=';
+module.exports.COLOR_PICKER_ICON = $7cd8b63a7c048ca9$var$COLOR_PICKER_ICON;
+
+});
+
+parcelRequire.register("3n5F1", function(module, exports) {
+"use strict";
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $2747e9283fa9928b$var$useStyles = $k9frP$materialuicore.makeStyles(function() {
+    return {
+        container: {
+            position: 'relative',
+            zIndex: 5
+        },
+        colorPickerContainer: {
+            position: 'absolute',
+            left: '50%',
+            top: '100%',
+            transform: 'translateX(-50%)'
+        },
+        iconContainer: {
+            border: '1px solid #F1F1F1',
+            cursor: 'pointer',
+            padding: 5,
+            minWidth: 25,
+            height: 20,
+            borderRadius: 2,
+            margin: '0px 4px',
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            background: 'white',
+            textTransform: 'capitalize',
+            '&:hover': {
+                boxShadow: '1px 1px 0px #BFBDBD'
+            }
+        },
+        iconImg: {
+            maxWidth: '100%',
+            maxHeight: '100%'
+        }
+    };
+});
+var $2747e9283fa9928b$var$_default = $2747e9283fa9928b$var$useStyles;
+module.exports["default"] = $2747e9283fa9928b$var$_default;
+
+});
+
+
+parcelRequire.register("dJa9N", function(module, exports) {
+"use strict";
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports.draftToHtmlHelper = module.exports.htmlToDraftHelper = void 0;
+
+var $9fe75b46fc0e3c1d$var$_draftjsToHtml = $9fe75b46fc0e3c1d$var$_interopRequireDefault($k9frP$draftjstohtml);
+
+var $9fe75b46fc0e3c1d$var$_htmlToDraftjs = $9fe75b46fc0e3c1d$var$_interopRequireDefault($k9frP$htmltodraftjs);
+
+function $9fe75b46fc0e3c1d$var$_interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        "default": obj
+    };
+}
+var $9fe75b46fc0e3c1d$var$htmlToDraftHelper = function htmlToDraftHelper(value) {
+    var contentBlock = $9fe75b46fc0e3c1d$var$_htmlToDraftjs["default"](value);
+    if (!contentBlock) return '';
+    var contentState = $k9frP$draftjs.ContentState.createFromBlockArray(contentBlock.contentBlocks);
+    return $k9frP$draftjs.EditorState.createWithContent(contentState);
+};
+module.exports.htmlToDraftHelper = $9fe75b46fc0e3c1d$var$htmlToDraftHelper;
+var $9fe75b46fc0e3c1d$var$draftToHtmlHelper = function draftToHtmlHelper(editorState) {
+    var stringifiedHtml = $9fe75b46fc0e3c1d$var$_draftjsToHtml["default"]($k9frP$draftjs.convertToRaw(editorState.getCurrentContent())); // Conversion to html gives some weird values sometimes
+    return stringifiedHtml.replace(/(\n)/g, '');
+};
+module.exports.draftToHtmlHelper = $9fe75b46fc0e3c1d$var$draftToHtmlHelper;
+
+});
+
+parcelRequire.register("4xWGY", function(module, exports) {
+"use strict";
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(module.exports, "AttachTo", {
+    enumerable: true,
+    get: function get() {
+        return $34f7c58577c06dc9$var$_AttachTo["default"];
+    }
+});
+Object.defineProperty(module.exports, "CommentBoxButtons", {
+    enumerable: true,
+    get: function get() {
+        return $34f7c58577c06dc9$var$_CommentBoxButtons["default"];
+    }
+});
+
+var $34f7c58577c06dc9$var$_AttachTo = $34f7c58577c06dc9$var$_interopRequireDefault((parcelRequire("eu0VW")));
+
+var $34f7c58577c06dc9$var$_CommentBoxButtons = $34f7c58577c06dc9$var$_interopRequireDefault((parcelRequire("eFCXj")));
+function $34f7c58577c06dc9$var$_interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        "default": obj
+    };
+}
+
+});
+parcelRequire.register("eu0VW", function(module, exports) {
+"use strict";
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $a8b49766eb1b1bc7$var$_react = $a8b49766eb1b1bc7$var$_interopRequireDefault($k9frP$react);
+
+var $a8b49766eb1b1bc7$var$_I18n = $a8b49766eb1b1bc7$var$_interopRequireDefault((parcelRequire("do4Oi")));
+
+var $a8b49766eb1b1bc7$var$_propTypes = $a8b49766eb1b1bc7$var$_interopRequireDefault($k9frP$proptypes);
+
+function $a8b49766eb1b1bc7$var$_interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        "default": obj
+    };
+}
+var $a8b49766eb1b1bc7$var$attachToOptions = [
+    'attachToNotes',
+    'attachToInternalNotes',
+    'attachToAccount',
+    'attachToOther',
+    'attachToDiligence',
+    'attachToConfirmationLetter'
+];
+var $a8b49766eb1b1bc7$var$FormControlLabelElement = function FormControlLabelElement(props) {
+    var name = props.name, checked = props.checked, handleChange = props.handleChange, className = props.className;
+    return(/*#__PURE__*/ $a8b49766eb1b1bc7$var$_react["default"].createElement($k9frP$materialuicore.FormControlLabel, {
+        control: /*#__PURE__*/ $a8b49766eb1b1bc7$var$_react["default"].createElement($k9frP$materialuicore.Checkbox, {
+            checked: !!checked,
+            onChange: handleChange(name),
+            value: name,
+            disabled: name !== 'attachToNotes',
+            color: "primary"
+        }),
+        label: $a8b49766eb1b1bc7$var$_I18n["default"].t("commentBox.".concat(name)),
+        className: className
+    }));
+};
+var $a8b49766eb1b1bc7$var$AttachTo = function AttachTo(_ref) {
+    var onChange = _ref.onChange, classes = _ref.classes, state = _ref.state;
+    var handleChange = function handleChange1(name) {
+        return function(event) {
+            onChange(name, event.target.checked);
+        };
+    };
+    return(/*#__PURE__*/ $a8b49766eb1b1bc7$var$_react["default"].createElement($k9frP$materialuicore.FormControl, {
+        component: "fieldset"
+    }, /*#__PURE__*/ $a8b49766eb1b1bc7$var$_react["default"].createElement($k9frP$materialuicore.FormLabel, {
+        component: "legend",
+        className: classes.labelRoot,
+        focused: false
+    }, $a8b49766eb1b1bc7$var$_I18n["default"].t('commentBox.attachToTitle')), /*#__PURE__*/ $a8b49766eb1b1bc7$var$_react["default"].createElement($k9frP$materialuicore.FormGroup, {
+        row: true
+    }, $a8b49766eb1b1bc7$var$attachToOptions.map(function(name) {
+        return(/*#__PURE__*/ $a8b49766eb1b1bc7$var$_react["default"].createElement($a8b49766eb1b1bc7$var$FormControlLabelElement, {
+            className: classes.formControlLabel,
+            checked: state[name],
+            name: name,
+            handleChange: handleChange,
+            key: name
+        }));
+    }))));
+};
+$a8b49766eb1b1bc7$var$AttachTo.propTypes = {
+    onChange: $a8b49766eb1b1bc7$var$_propTypes["default"].func.isRequired,
+    classes: $a8b49766eb1b1bc7$var$_propTypes["default"].object.isRequired,
+    /*
+  state: PropTypes.shape({
+    attachToNotes: PropTypes.bool,
+    attachToInternalNotes: PropTypes.bool,
+    attachToAccount: PropTypes.bool,
+    attachToOther: PropTypes.bool,
+    attachToDiligence: PropTypes.bool,
+    attachToConfirmationLetter: PropTypes.bool
+  }).isRequired
+  */ state: $a8b49766eb1b1bc7$var$_propTypes["default"].object.isRequired
+};
+var $a8b49766eb1b1bc7$var$styles = function styles() {
+    return {
+        labelRoot: {
+            color: '#000',
+            marginBottom: 10
+        },
+        formControlLabel: {
+            marginBottom: 5
+        }
+    };
+};
+var $a8b49766eb1b1bc7$var$_default = $k9frP$materialuicore.withStyles($a8b49766eb1b1bc7$var$styles)($a8b49766eb1b1bc7$var$AttachTo);
+module.exports["default"] = $a8b49766eb1b1bc7$var$_default;
+
+});
+
+parcelRequire.register("eFCXj", function(module, exports) {
+"use strict";
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $aae31cce5dd4e2e4$var$_react = $aae31cce5dd4e2e4$var$_interopRequireDefault($k9frP$react);
+
+var $aae31cce5dd4e2e4$var$_propTypes = $aae31cce5dd4e2e4$var$_interopRequireDefault($k9frP$proptypes);
+
+var $aae31cce5dd4e2e4$var$_I18n = $aae31cce5dd4e2e4$var$_interopRequireDefault((parcelRequire("do4Oi")));
+
+var $jqwDJ = parcelRequire("jqwDJ");
+
+var $aae31cce5dd4e2e4$var$_styles = $aae31cce5dd4e2e4$var$_interopRequireDefault((parcelRequire("9yjiE")));
+function $aae31cce5dd4e2e4$var$_interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        "default": obj
+    };
+}
+var $aae31cce5dd4e2e4$var$CommentBoxButtons = /*#__PURE__*/ $aae31cce5dd4e2e4$var$_react["default"].memo(function(_ref) {
+    var onCancel = _ref.onCancel, onSubmit = _ref.onSubmit, disabled = _ref.disabled;
+    var styles = $aae31cce5dd4e2e4$var$_styles["default"]();
+    var buttons = [
+        {
+            _type: 'string',
+            color: 'default',
+            variant: 'outlined',
+            text: $aae31cce5dd4e2e4$var$_I18n["default"].t('commentBox.buttons.cancel'),
+            onClick: onCancel
+        },
+        {
+            _type: 'string',
+            color: 'primary',
+            text: $aae31cce5dd4e2e4$var$_I18n["default"].t('commentBox.buttons.submit'),
+            onClick: onSubmit,
+            disabled: disabled
+        }
+    ];
+    return(/*#__PURE__*/ $aae31cce5dd4e2e4$var$_react["default"].createElement("div", {
+        className: styles.container
+    }, /*#__PURE__*/ $aae31cce5dd4e2e4$var$_react["default"].createElement($jqwDJ.InlineButton, {
+        buttons: buttons
+    })));
+});
+$aae31cce5dd4e2e4$var$CommentBoxButtons.defaultProps = {
+    disabled: false
+};
+$aae31cce5dd4e2e4$var$CommentBoxButtons.propTypes = {
+    onCancel: $aae31cce5dd4e2e4$var$_propTypes["default"].func.isRequired,
+    onSubmit: $aae31cce5dd4e2e4$var$_propTypes["default"].func.isRequired,
+    disabled: $aae31cce5dd4e2e4$var$_propTypes["default"].bool
+};
+var $aae31cce5dd4e2e4$var$_default = $aae31cce5dd4e2e4$var$CommentBoxButtons;
+module.exports["default"] = $aae31cce5dd4e2e4$var$_default;
+
+});
+parcelRequire.register("9yjiE", function(module, exports) {
+"use strict";
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $6f46428d7224ce60$var$useStyles = $k9frP$materialuicore.makeStyles(function() {
+    return {
+        container: {
+            display: 'flex',
+            justifyContent: 'flex-end',
+            alignItems: 'center',
+            margin: '10px 0 10px 0'
+        }
+    };
+});
+var $6f46428d7224ce60$var$_default = $6f46428d7224ce60$var$useStyles;
+module.exports["default"] = $6f46428d7224ce60$var$_default;
+
+});
+
+
+
+parcelRequire.register("TEEoa", function(module, exports) {
+"use strict";
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $0a74ab7f694adcf2$var$useStyles = $k9frP$materialuicore.makeStyles(function() {
+    return {
+        wrapperContainer: {
+            border: 'solid 1px #d0d0d0',
+            display: 'flex',
+            flexDirection: 'column',
+            margin: '10px 0 0 0'
+        },
+        toolbarContainer: {
+            padding: '5px 6px',
+            '& .rdw-option-wrapper': {
+                minWidth: unset
+            }
+        },
+        editorContainer: {
+            padding: '11px',
+            height: 'unset'
+        },
+        textEditorWrapper: {
+            position: 'relative'
+        },
+        editorOverlay: {
+            position: 'absolute',
+            top: 0,
+            left: 0,
+            right: 0,
+            bottom: 0,
+            backgroundColor: '#fff',
+            opacity: 0.9,
+            zIndex: 6,
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center'
+        }
+    };
+});
+var $0a74ab7f694adcf2$var$_default = $0a74ab7f694adcf2$var$useStyles;
+module.exports["default"] = $0a74ab7f694adcf2$var$_default;
+
+});
+
+
+parcelRequire.register("bUwqk", function(module, exports) {
+"use strict";
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports.CommentsType = module.exports.TopCommentType = module.exports.GeneralCommentType = void 0;
+
+var $8abe134f49db590d$var$_propTypes = $8abe134f49db590d$var$_interopRequireDefault($k9frP$proptypes);
+function $8abe134f49db590d$var$_interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        "default": obj
+    };
+}
+function $8abe134f49db590d$var$ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function $8abe134f49db590d$var$_objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {
+        };
+        if (i % 2) $8abe134f49db590d$var$ownKeys(Object(source), true).forEach(function(key) {
+            $8abe134f49db590d$var$_defineProperty(target, key, source[key]);
+        });
+        else if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+        else $8abe134f49db590d$var$ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function $8abe134f49db590d$var$_defineProperty(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+var $8abe134f49db590d$var$GeneralCommentType = $8abe134f49db590d$var$_propTypes["default"].shape({
+    name: $8abe134f49db590d$var$_propTypes["default"].string.isRequired,
+    body: $8abe134f49db590d$var$_propTypes["default"].string.isRequired,
+    avatarImgSrc: $8abe134f49db590d$var$_propTypes["default"].string,
+    initials: $8abe134f49db590d$var$_propTypes["default"].string.isRequired,
+    date: $8abe134f49db590d$var$_propTypes["default"].string.isRequired
+});
+module.exports.GeneralCommentType = $8abe134f49db590d$var$GeneralCommentType;
+var $8abe134f49db590d$var$TopCommentType = $8abe134f49db590d$var$_propTypes["default"].shape($8abe134f49db590d$var$_objectSpread($8abe134f49db590d$var$_objectSpread({
+}, $8abe134f49db590d$var$GeneralCommentType), {
+}, {
+    history: $8abe134f49db590d$var$_propTypes["default"].arrayOf($8abe134f49db590d$var$GeneralCommentType)
+}));
+module.exports.TopCommentType = $8abe134f49db590d$var$TopCommentType;
+var $8abe134f49db590d$var$CommentsType = $8abe134f49db590d$var$_propTypes["default"].arrayOf($8abe134f49db590d$var$TopCommentType);
+module.exports.CommentsType = $8abe134f49db590d$var$CommentsType;
+
+});
+
+parcelRequire.register("WzAD1", function(module, exports) {
+"use strict";
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $0b010648a44347c7$var$useStyles = $k9frP$materialuicore.makeStyles(function(theme) {
+    return {
+        commentContainer: {
+            padding: '14px 21px'
+        },
+        mainComment: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            transition: 'background-color .2s',
+            padding: '1px 10px',
+            marginLeft: -10,
+            '& .message': {
+                flexGrow: 10,
+                overflow: 'auto'
+            },
+            '& .messageButton': {
+                opacity: 1,
+                transition: 'opacity .1s',
+                fontSize: 20,
+                padding: '6px 0 6px 0',
+                /* to display button with & without reaction counter same size */ minWidth: 30,
+                justifyContent: 'left',
+                '&.inactiveReactions': {
+                    opacity: 0.15,
+                    backgroundColor: 'unset'
+                },
+                '&.semiActiveReactions': {
+                    opacity: 0.45,
+                    backgroundColor: 'unset'
+                },
+                '&.activeReactions': {
+                    opacity: 1,
+                    backgroundColor: 'unset'
+                }
+            },
+            '&.highlightHover': {
+                cursor: 'pointer',
+                '&:hover': {
+                    backgroundColor: theme.palette.success.light
+                }
+            }
+        },
+        reaction: {
+            color: 'black',
+            fontSize: 20,
+            transform: 'translateY(-1px)'
+        },
+        historyComment: {
+            backgroundColor: '#f4f4f4'
+        },
+        button: {
+            display: 'flex',
+            justifyContent: 'space-between',
+            borderRadius: 0,
+            padding: 12,
+            textAlign: 'left',
+            '&:hover': {
+                backgroundColor: theme.palette.success.light
+            },
+            editButton: {
+                margin: '-6px'
+            }
+        },
+        content: {
+            '& > p': {
+                margin: 0
+            }
+        }
+    };
+});
+var $0b010648a44347c7$var$_default = $0b010648a44347c7$var$useStyles;
+module.exports["default"] = $0b010648a44347c7$var$_default;
+
+});
+
+
+parcelRequire.register("2uVLE", function(module, exports) {
+"use strict";
+function $1d1b318ee456cc11$var$_typeof(obj) {
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") $1d1b318ee456cc11$var$_typeof = function _typeof(obj1) {
+        return typeof obj1;
+    };
+    else $1d1b318ee456cc11$var$_typeof = function _typeof1(obj1) {
+        return obj1 && typeof Symbol === "function" && obj1.constructor === Symbol && obj1 !== Symbol.prototype ? "symbol" : typeof obj1;
+    };
+    return $1d1b318ee456cc11$var$_typeof(obj);
+}
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $1d1b318ee456cc11$var$_react = $1d1b318ee456cc11$var$_interopRequireWildcard($k9frP$react);
+
+var $1d1b318ee456cc11$var$_propTypes = $1d1b318ee456cc11$var$_interopRequireDefault($k9frP$proptypes);
+
+var $1d1b318ee456cc11$var$_prettyBytes = $1d1b318ee456cc11$var$_interopRequireDefault($k9frP$prettybytes);
+
+var $3cB7z = parcelRequire("3cB7z");
+
+var $1d1b318ee456cc11$var$_styles = $1d1b318ee456cc11$var$_interopRequireDefault((parcelRequire("4SrMV")));
+var $1d1b318ee456cc11$var$_excluded = [
+    "attachments",
+    "onDelete"
+];
+function $1d1b318ee456cc11$var$_interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        "default": obj
+    };
+}
+function $1d1b318ee456cc11$var$_getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return ($1d1b318ee456cc11$var$_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop1) {
+        return nodeInterop1 ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function $1d1b318ee456cc11$var$_interopRequireWildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) return obj;
+    if (obj === null || $1d1b318ee456cc11$var$_typeof(obj) !== "object" && typeof obj !== "function") return {
+        "default": obj
+    };
+    var cache = $1d1b318ee456cc11$var$_getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) return cache.get(obj);
+    var newObj = {
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj)if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+        var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+        if (desc && (desc.get || desc.set)) Object.defineProperty(newObj, key, desc);
+        else newObj[key] = obj[key];
+    }
+    newObj["default"] = obj;
+    if (cache) cache.set(obj, newObj);
+    return newObj;
+}
+function $1d1b318ee456cc11$var$_extends() {
+    $1d1b318ee456cc11$var$_extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source)if (Object.prototype.hasOwnProperty.call(source, key)) target[key] = source[key];
+        }
+        return target;
+    };
+    return $1d1b318ee456cc11$var$_extends.apply(this, arguments);
+}
+function $1d1b318ee456cc11$var$_objectWithoutProperties(source, excluded) {
+    if (source == null) return {
+    };
+    var target = $1d1b318ee456cc11$var$_objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function $1d1b318ee456cc11$var$_objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {
+    };
+    var target = {
+    };
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+var $1d1b318ee456cc11$var$MessageAttachments = /*#__PURE__*/ $1d1b318ee456cc11$var$_react.memo(function(props) {
+    var attachments = props.attachments, onDelete = props.onDelete, others = $1d1b318ee456cc11$var$_objectWithoutProperties(props, $1d1b318ee456cc11$var$_excluded);
+    var styles = $1d1b318ee456cc11$var$_styles["default"]();
+    return(/*#__PURE__*/ $1d1b318ee456cc11$var$_react["default"].createElement("div", $1d1b318ee456cc11$var$_extends({
+        className: styles.all
+    }, others), attachments.map(function(item, i) {
+        return(/*#__PURE__*/ $1d1b318ee456cc11$var$_react["default"].createElement("div", {
+            className: styles.item,
+            key: "".concat(item.id, "-").concat(i)
+        }, /*#__PURE__*/ $1d1b318ee456cc11$var$_react["default"].createElement("a", {
+            key: "".concat(item.id, "-link"),
+            className: styles.button,
+            href: item.url,
+            target: "_blank",
+            rel: "noopener noreferrer"
+        }, /*#__PURE__*/ $1d1b318ee456cc11$var$_react["default"].createElement($3cB7z.FontIcon, {
+            name: "icon-attachment",
+            color: null
+        }), /*#__PURE__*/ $1d1b318ee456cc11$var$_react["default"].createElement("span", null, item.nom_original || item.libelle, "\xA0", item.size && "(".concat($1d1b318ee456cc11$var$_prettyBytes["default"](item.size), ")"))), /*#__PURE__*/ $1d1b318ee456cc11$var$_react["default"].createElement("button", {
+            key: "".concat(item.id, "-close"),
+            type: "button",
+            className: styles.button,
+            onClick: function onClick() {
+                return onDelete(item);
+            }
+        }, '❌')));
+    })));
+});
+$1d1b318ee456cc11$var$MessageAttachments.propTypes = {
+    attachments: $1d1b318ee456cc11$var$_propTypes["default"].arrayOf($1d1b318ee456cc11$var$_propTypes["default"].shape({
+        id_document: $1d1b318ee456cc11$var$_propTypes["default"].oneOfType([
+            $1d1b318ee456cc11$var$_propTypes["default"].string,
+            $1d1b318ee456cc11$var$_propTypes["default"].number
+        ]),
+        nom_original: $1d1b318ee456cc11$var$_propTypes["default"].string,
+        size: $1d1b318ee456cc11$var$_propTypes["default"].number
+    })),
+    onClick: $1d1b318ee456cc11$var$_propTypes["default"].func,
+    onDelete: $1d1b318ee456cc11$var$_propTypes["default"].func
+};
+$1d1b318ee456cc11$var$MessageAttachments.defaultProps = {
+    attachments: [],
+    onClick: function onClick() {
+        return null;
+    },
+    onDelete: function onDelete() {
+        return null;
+    }
+};
+var $1d1b318ee456cc11$var$_default = $1d1b318ee456cc11$var$MessageAttachments;
+module.exports["default"] = $1d1b318ee456cc11$var$_default;
+
+});
+parcelRequire.register("4SrMV", function(module, exports) {
+"use strict";
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $38d1c2af867a799a$var$useStyles = $k9frP$materialuicore.makeStyles(function(theme) {
+    return {
+        all: {
+            color: theme.palette.primary.main,
+            margin: '0 0 10px 0',
+            display: 'flex',
+            flexWrap: 'wrap',
+            '& a': {
+                textDecoration: 'none',
+                display: 'flex'
+            },
+            '& button > span': {
+                margin: 'auto 3px'
+            }
+        },
+        item: {
+            display: 'flex',
+            whiteSpace: 'nowrap',
+            '&:not(:last-child)': {
+                marginRight: 15 // use RIGHT to left-align items
+            }
+        },
+        button: {
+            display: 'flex',
+            alignItems: 'center',
+            padding: 0,
+            border: 'none',
+            background: 'transparent',
+            cursor: 'pointer',
+            fontSize: '12px',
+            fontWeight: 500,
+            fontStyle: 'normal',
+            fontStretch: 'normal',
+            color: inherit,
+            marginRight: 3
+        },
+        clip: {
+            marginRight: 4
+        }
+    };
+});
+var $38d1c2af867a799a$var$_default = $38d1c2af867a799a$var$useStyles;
+module.exports["default"] = $38d1c2af867a799a$var$_default;
+
+});
+
+
+parcelRequire.register("6fyBC", function(module, exports) {
+"use strict";
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports.CommentsType = module.exports.TopCommentType = module.exports.GeneralCommentType = void 0;
+
+var $48cefcc675d3cd3f$var$_propTypes = $48cefcc675d3cd3f$var$_interopRequireDefault($k9frP$proptypes);
+function $48cefcc675d3cd3f$var$_interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        "default": obj
+    };
+}
+function $48cefcc675d3cd3f$var$ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+        });
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function $48cefcc675d3cd3f$var$_objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {
+        };
+        if (i % 2) $48cefcc675d3cd3f$var$ownKeys(Object(source), true).forEach(function(key) {
+            $48cefcc675d3cd3f$var$_defineProperty(target, key, source[key]);
+        });
+        else if (Object.getOwnPropertyDescriptors) Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+        else $48cefcc675d3cd3f$var$ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function $48cefcc675d3cd3f$var$_defineProperty(obj, key, value) {
+    if (key in obj) Object.defineProperty(obj, key, {
+        value: value,
+        enumerable: true,
+        configurable: true,
+        writable: true
+    });
+    else obj[key] = value;
+    return obj;
+}
+var $48cefcc675d3cd3f$var$GeneralCommentType = $48cefcc675d3cd3f$var$_propTypes["default"].shape({
+    name: $48cefcc675d3cd3f$var$_propTypes["default"].string.isRequired,
+    body: $48cefcc675d3cd3f$var$_propTypes["default"].string.isRequired,
+    avatarImgSrc: $48cefcc675d3cd3f$var$_propTypes["default"].string,
+    initials: $48cefcc675d3cd3f$var$_propTypes["default"].string.isRequired,
+    date: $48cefcc675d3cd3f$var$_propTypes["default"].string.isRequired
+});
+module.exports.GeneralCommentType = $48cefcc675d3cd3f$var$GeneralCommentType;
+var $48cefcc675d3cd3f$var$TopCommentType = $48cefcc675d3cd3f$var$_propTypes["default"].shape($48cefcc675d3cd3f$var$_objectSpread($48cefcc675d3cd3f$var$_objectSpread({
+}, $48cefcc675d3cd3f$var$GeneralCommentType), {
+}, {
+    history: $48cefcc675d3cd3f$var$_propTypes["default"].arrayOf($48cefcc675d3cd3f$var$GeneralCommentType)
+}));
+module.exports.TopCommentType = $48cefcc675d3cd3f$var$TopCommentType;
+var $48cefcc675d3cd3f$var$CommentsType = $48cefcc675d3cd3f$var$_propTypes["default"].arrayOf($48cefcc675d3cd3f$var$TopCommentType);
+module.exports.CommentsType = $48cefcc675d3cd3f$var$CommentsType;
+
+});
+
+parcelRequire.register("1pTX5", function(module, exports) {
+"use strict";
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $10838721ba363234$var$useStyles = $k9frP$materialuicore.makeStyles(function() {
+    return {
+        container: {
+            display: 'flex',
+            flexDirection: 'column',
+            minHeight: 'fit-content'
+        },
+        header: {
+            display: 'flex',
+            alignItems: 'flex-start'
+        },
+        contendEditing: {
+            display: 'flex'
+        }
+    };
+});
+var $10838721ba363234$var$_default = $10838721ba363234$var$useStyles;
+module.exports["default"] = $10838721ba363234$var$_default;
+
+});
+
+
+parcelRequire.register("9WjMp", function(module, exports) {
+"use strict";
+function $73c8dfb1584dd527$var$_typeof(obj) {
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") $73c8dfb1584dd527$var$_typeof = function _typeof(obj1) {
+        return typeof obj1;
+    };
+    else $73c8dfb1584dd527$var$_typeof = function _typeof1(obj1) {
+        return obj1 && typeof Symbol === "function" && obj1.constructor === Symbol && obj1 !== Symbol.prototype ? "symbol" : typeof obj1;
+    };
+    return $73c8dfb1584dd527$var$_typeof(obj);
+}
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $73c8dfb1584dd527$var$_react = $73c8dfb1584dd527$var$_interopRequireWildcard($k9frP$react);
+
+var $73c8dfb1584dd527$var$_propTypes = $73c8dfb1584dd527$var$_interopRequireDefault($k9frP$proptypes);
+
+var $73c8dfb1584dd527$var$_Typography = $73c8dfb1584dd527$var$_interopRequireDefault($k9frP$materialuicoreTypography);
+
+
+var $73c8dfb1584dd527$var$_I18n = $73c8dfb1584dd527$var$_interopRequireDefault((parcelRequire("do4Oi")));
+
+var $73c8dfb1584dd527$var$_Message = $73c8dfb1584dd527$var$_interopRequireDefault((parcelRequire("2F42m")));
+
+var $bUwqk = parcelRequire("bUwqk");
+
+var $73c8dfb1584dd527$var$_styles2 = $73c8dfb1584dd527$var$_interopRequireDefault((parcelRequire("c4oPn")));
+function $73c8dfb1584dd527$var$_interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        "default": obj
+    };
+}
+function $73c8dfb1584dd527$var$_getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return ($73c8dfb1584dd527$var$_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop1) {
+        return nodeInterop1 ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function $73c8dfb1584dd527$var$_interopRequireWildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) return obj;
+    if (obj === null || $73c8dfb1584dd527$var$_typeof(obj) !== "object" && typeof obj !== "function") return {
+        "default": obj
+    };
+    var cache = $73c8dfb1584dd527$var$_getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) return cache.get(obj);
+    var newObj = {
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj)if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+        var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+        if (desc && (desc.get || desc.set)) Object.defineProperty(newObj, key, desc);
+        else newObj[key] = obj[key];
+    }
+    newObj["default"] = obj;
+    if (cache) cache.set(obj, newObj);
+    return newObj;
+}
+function $73c8dfb1584dd527$var$_slicedToArray(arr, i) {
+    return $73c8dfb1584dd527$var$_arrayWithHoles(arr) || $73c8dfb1584dd527$var$_iterableToArrayLimit(arr, i) || $73c8dfb1584dd527$var$_unsupportedIterableToArray(arr, i) || $73c8dfb1584dd527$var$_nonIterableRest();
+}
+function $73c8dfb1584dd527$var$_nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function $73c8dfb1584dd527$var$_unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return $73c8dfb1584dd527$var$_arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(o);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return $73c8dfb1584dd527$var$_arrayLikeToArray(o, minLen);
+}
+function $73c8dfb1584dd527$var$_arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function $73c8dfb1584dd527$var$_iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function $73c8dfb1584dd527$var$_arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+var $73c8dfb1584dd527$var$ownStyle = $k9frP$materialuicorestyles.makeStyles(function(_ref) {
+    var primary = _ref.palette.primary;
+    return {
+        showHistory: {
+            cursor: 'pointer',
+            color: primary.main,
+            fontWeight: 'bold'
+        }
+    };
+});
+var $73c8dfb1584dd527$var$CommentHistory = /*#__PURE__*/ $73c8dfb1584dd527$var$_react.memo(function(_ref2) {
+    var history = _ref2.history;
+    var _useState = $73c8dfb1584dd527$var$_react.useState(false), _useState2 = $73c8dfb1584dd527$var$_slicedToArray(_useState, 2), historyOpen = _useState2[0], setHistoryOpen = _useState2[1];
+    var classes = $73c8dfb1584dd527$var$ownStyle();
+    var styles = $73c8dfb1584dd527$var$_styles2["default"]();
+    var onToggleShowHistory = function onToggleShowHistory1() {
+        setHistoryOpen(!historyOpen);
+    };
+    var getActionButtonText = function getActionButtonText1() {
+        return $73c8dfb1584dd527$var$_react.useMemo(function() {
+            return historyOpen ? $73c8dfb1584dd527$var$_I18n["default"].t('commentBox.hideHistory') : $73c8dfb1584dd527$var$_I18n["default"].t('commentBox.showHistory');
+        }, [
+            historyOpen
+        ]);
+    };
+    return(/*#__PURE__*/ $73c8dfb1584dd527$var$_react["default"].createElement("div", {
+        className: styles.container
+    }, /*#__PURE__*/ $73c8dfb1584dd527$var$_react["default"].createElement($73c8dfb1584dd527$var$_Typography["default"], {
+        onClick: onToggleShowHistory,
+        classes: {
+            root: classes.showHistory
+        }
+    }, getActionButtonText()), historyOpen && /*#__PURE__*/ $73c8dfb1584dd527$var$_react["default"].createElement("div", {
+        className: styles.commentListContainer
+    }, history.map(function(comment, i) {
+        return(/*#__PURE__*/ $73c8dfb1584dd527$var$_react["default"].createElement("div", {
+            className: styles.commentWrapper,
+            key: i
+        }, /*#__PURE__*/ $73c8dfb1584dd527$var$_react["default"].createElement($73c8dfb1584dd527$var$_Message["default"], {
+            message: comment,
+            historyState: true
+        })));
+    }))));
+});
+$73c8dfb1584dd527$var$CommentHistory.propTypes = {
+    history: $73c8dfb1584dd527$var$_propTypes["default"].arrayOf($bUwqk.GeneralCommentType)
+};
+$73c8dfb1584dd527$var$CommentHistory.defaultProps = {
+    history: []
+};
+var $73c8dfb1584dd527$var$_default = $73c8dfb1584dd527$var$CommentHistory;
+module.exports["default"] = $73c8dfb1584dd527$var$_default;
+
+});
+parcelRequire.register("c4oPn", function(module, exports) {
+"use strict";
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $8c991e06918bf07a$var$useStyles = $k9frP$materialuicore.makeStyles(function() {
+    return {
+        container: {
+            display: 'flex',
+            flexDirection: 'column',
+            marginTop: 10
+        },
+        commentListContainer: {
+            borderLeft: '1px solid #d0d0d0',
+            display: 'flex',
+            flexDirection: 'column',
+            paddingLeft: 13,
+            marginTop: 16
+        },
+        commentWrapper: {
+            marginTop: 20,
+            '&:first-child': {
+                marginTop: 0
+            }
+        }
+    };
+});
+var $8c991e06918bf07a$var$_default = $8c991e06918bf07a$var$useStyles;
+module.exports["default"] = $8c991e06918bf07a$var$_default;
+
+});
+
+
+parcelRequire.register("3sZO5", function(module, exports) {
+"use strict";
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports["default"] = void 0;
+
+var $2863ee29a894f350$var$useStyles = $k9frP$materialuicore.makeStyles(function() {
+    return {
+        container: {
+            width: '100%',
+            display: 'flex',
+            flexDirection: 'column'
+        }
+    };
+});
+var $2863ee29a894f350$var$_default = $2863ee29a894f350$var$useStyles;
+module.exports["default"] = $2863ee29a894f350$var$_default;
+
+});
+
+
+parcelRequire.register("lwiMD", function(module, exports) {
+"use strict";
+Object.defineProperty(module.exports, "__esModule", {
+    value: true
+});
+module.exports.commentBoxInitialState = module.exports.toolbarOptions = void 0;
+
+var $faab282727a3bf26$var$_ColorPicker = $faab282727a3bf26$var$_interopRequireDefault((parcelRequire("fsrLN")));
+function $faab282727a3bf26$var$_interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        "default": obj
+    };
+}
+var $faab282727a3bf26$var$toolbarOptions = {
+    options: [
+        'inline',
+        'list',
+        'colorPicker',
+        'link',
+        'emoji',
+        'history'
+    ],
+    inline: {
+        options: [
+            'bold',
+            'italic',
+            'underline'
+        ]
+    },
+    list: {
+        options: [
+            'unordered'
+        ]
+    },
+    colorPicker: {
+        component: $faab282727a3bf26$var$_ColorPicker["default"]
+    }
+};
+module.exports.toolbarOptions = $faab282727a3bf26$var$toolbarOptions;
+var $faab282727a3bf26$var$commentBoxInitialState = {
+    body: '',
+    attachTo: {
+    }
+};
+module.exports.commentBoxInitialState = $faab282727a3bf26$var$commentBoxInitialState;
+
+});
+
+
+
+//# sourceMappingURL=CommentDialog.5b3d059d.js.map