react-chat-elements-v2/dist/main.js

Reactjs chat components

module.exports=function(modules){var installedModules={};function __webpack_require__(moduleId){if(installedModules[moduleId]){return installedModules[moduleId].exports}var module=installedModules[moduleId]={i:moduleId,l:false,exports:{}};modules[moduleId].call(module.exports,module,module.exports,__webpack_require__);module.l=true;return module.exports}__webpack_require__.m=modules;__webpack_require__.c=installedModules;__webpack_require__.d=function(exports,name,getter){if(!__webpack_require__.o(exports,name)){Object.defineProperty(exports,name,{configurable:false,enumerable:true,get:getter})}};__webpack_require__.n=function(module){var getter=module&&module.__esModule?function getDefault(){return module["default"]}:function getModuleExports(){return module};__webpack_require__.d(getter,"a",getter);return getter};__webpack_require__.o=function(object,property){return Object.prototype.hasOwnProperty.call(object,property)};__webpack_require__.p="";return __webpack_require__(__webpack_require__.s=11)}([function(module,exports){module.exports=require("react")},function(module,exports){module.exports=require("classnames")},function(module,exports,__webpack_require__){Object.defineProperty(exports,"__esModule",{value:true});exports.Avatar=undefined;var _jsxFileName="C:\\Users\\jamal_83j3eh7\\Desktop\\dev\\react\\react-chat-elements-v2\\src\\Avatar\\Avatar.js";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();var _react=__webpack_require__(0);var _react2=_interopRequireDefault(_react);__webpack_require__(23);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var classNames=__webpack_require__(1);var Avatar=exports.Avatar=function(_Component){_inherits(Avatar,_Component);function Avatar(){_classCallCheck(this,Avatar);return _possibleConstructorReturn(this,(Avatar.__proto__||Object.getPrototypeOf(Avatar)).apply(this,arguments))}_createClass(Avatar,[{key:"render",value:function render(){return _react2.default.createElement("div",{className:classNames("rce-avatar-container",this.props.type,this.props.size,this.props.className),__source:{fileName:_jsxFileName,lineNumber:9}},_react2.default.createElement("img",{alt:this.props.alt,src:this.props.src,className:"rce-avatar",__source:{fileName:_jsxFileName,lineNumber:10}}),this.props.sideElement)}}]);return Avatar}(_react.Component);Avatar.defaultProps={type:"default",size:"default",src:"",alt:"",sideElement:null};exports.default=Avatar},function(module,exports,__webpack_require__){Object.defineProperty(exports,"__esModule",{value:true});exports.Button=undefined;var _jsxFileName="C:\\Users\\jamal_83j3eh7\\Desktop\\dev\\react\\react-chat-elements-v2\\src\\Button\\Button.js";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();var _react=__webpack_require__(0);var _react2=_interopRequireDefault(_react);__webpack_require__(37);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var classNames=__webpack_require__(1);var Button=exports.Button=function(_Component){_inherits(Button,_Component);function Button(){_classCallCheck(this,Button);return _possibleConstructorReturn(this,(Button.__proto__||Object.getPrototypeOf(Button)).apply(this,arguments))}_createClass(Button,[{key:"render",value:function render(){return _react2.default.createElement("button",{ref:this.props.buttonRef,title:this.props.title,className:classNames("rce-button",this.props.type,this.props.className),style:{backgroundColor:this.props.backgroundColor,color:this.props.color,borderColor:this.props.backgroundColor},disabled:this.props.disabled,onClick:this.props.onClick,__source:{fileName:_jsxFileName,lineNumber:9}},this.props.icon?_react2.default.createElement("span",{className:"rce-button-icon--container",__source:{fileName:_jsxFileName,lineNumber:22}},(this.props.icon.float==="right"||!this.props.icon.float)&&_react2.default.createElement("span",{__source:{fileName:_jsxFileName,lineNumber:23}},this.props.text),_react2.default.createElement("span",{style:{float:this.props.icon.float,fontSize:this.props.icon.size||12},className:"rce-button-icon",__source:{fileName:_jsxFileName,lineNumber:25}},this.props.icon.component),this.props.icon.float==="left"&&_react2.default.createElement("span",{__source:{fileName:_jsxFileName,lineNumber:27}},this.props.text)):_react2.default.createElement("span",{__source:{fileName:_jsxFileName,lineNumber:29}},this.props.text))}}]);return Button}(_react.Component);Button.defaultProps={text:"",disabled:false,type:null,icon:null,backgroundColor:"#3979aa",color:"white",className:null,buttonRef:null,title:null};exports.default=Button},function(module,exports,__webpack_require__){Object.defineProperty(exports,"__esModule",{value:true});exports.MessageBox=undefined;var _jsxFileName="C:\\Users\\jamal_83j3eh7\\Desktop\\dev\\react\\react-chat-elements-v2\\src\\MessageBox\\MessageBox.js";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();var _react=__webpack_require__(0);var _react2=_interopRequireDefault(_react);__webpack_require__(12);var _PhotoMessage=__webpack_require__(13);var _PhotoMessage2=_interopRequireDefault(_PhotoMessage);var _FileMessage=__webpack_require__(15);var _FileMessage2=_interopRequireDefault(_FileMessage);var _SystemMessage=__webpack_require__(8);var _SystemMessage2=_interopRequireDefault(_SystemMessage);var _LocationMessage=__webpack_require__(19);var _LocationMessage2=_interopRequireDefault(_LocationMessage);var _SpotifyMessage=__webpack_require__(21);var _SpotifyMessage2=_interopRequireDefault(_SpotifyMessage);var _Avatar=__webpack_require__(2);var _Avatar2=_interopRequireDefault(_Avatar);var _mailForward=__webpack_require__(24);var _mailForward2=_interopRequireDefault(_mailForward);var _mailReply=__webpack_require__(25);var _mailReply2=_interopRequireDefault(_mailReply);var _androidDoneAll=__webpack_require__(26);var _androidDoneAll2=_interopRequireDefault(_androidDoneAll);var _accessTime=__webpack_require__(27);var _accessTime2=_interopRequireDefault(_accessTime);var _check=__webpack_require__(28);var _check2=_interopRequireDefault(_check);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var moment=__webpack_require__(9);var classNames=__webpack_require__(1);var MessageBox=exports.MessageBox=function(_Component){_inherits(MessageBox,_Component);function MessageBox(){_classCallCheck(this,MessageBox);return _possibleConstructorReturn(this,(MessageBox.__proto__||Object.getPrototypeOf(MessageBox)).apply(this,arguments))}_createClass(MessageBox,[{key:"render",value:function render(){var positionCls=classNames("rce-mbox",{"rce-mbox-right":this.props.position==="right"});var thatAbsoluteTime=this.props.type!=="text"&&this.props.type!=="file"&&!(this.props.type==="location"&&this.props.text);var dateText=this.props.date&&!isNaN(this.props.date)&&(this.props.dateString||moment(this.props.date).fromNow());return _react2.default.createElement("div",{className:classNames("rce-container-mbox",this.props.className),onClick:this.props.onClick,__source:{fileName:_jsxFileName,lineNumber:79}},this.props.renderAddCmp instanceof Function&&this.props.renderAddCmp(),this.props.type==="system"?_react2.default.createElement(_SystemMessage2.default,{text:this.props.text,__source:{fileName:_jsxFileName,lineNumber:88}}):_react2.default.createElement("div",{className:classNames(positionCls,{"rce-mbox--clear-padding":thatAbsoluteTime},{"rce-mbox--clear-notch":!this.props.notch}),__source:{fileName:_jsxFileName,lineNumber:91}},_react2.default.createElement("div",{className:"rce-mbox-body",__source:{fileName:_jsxFileName,lineNumber:97}},this.props.forwarded===true&&_react2.default.createElement("div",{className:classNames("rce-mbox-forward",{"rce-mbox-forward-right":this.props.position==="left"},{"rce-mbox-forward-left":this.props.position==="right"}),onClick:this.props.onForwardClick,__source:{fileName:_jsxFileName,lineNumber:100}},_react2.default.createElement(_mailForward2.default,{__source:{fileName:_jsxFileName,lineNumber:107}})),(this.props.title||this.props.avatar)&&_react2.default.createElement("div",{style:this.props.titleColor&&{color:this.props.titleColor},onClick:this.props.onTitleClick,className:classNames("rce-mbox-title",{"rce-mbox-title--clear":this.props.type==="text"}),__source:{fileName:_jsxFileName,lineNumber:113}},this.props.avatar&&(_react2.default.isValidElement(this.props.avatar)?this.props.avatar:_react2.default.createElement(_Avatar2.default,{src:this.props.avatar,__source:{fileName:_jsxFileName,lineNumber:121}})),this.props.title&&_react2.default.createElement("span",{__source:{fileName:_jsxFileName,lineNumber:126}},this.props.title)),this.props.type==="text"&&_react2.default.createElement("div",{className:"rce-mbox-text",__source:{fileName:_jsxFileName,lineNumber:133}},this.props.text),this.props.type==="location"&&_react2.default.createElement(_LocationMessage2.default,{onOpen:this.props.onOpen,data:this.props.data,target:this.props.target,href:this.props.href,apiKey:this.props.apiKey,src:this.props.src,zoom:this.props.zoom,markerColor:this.props.markerColor,text:this.props.text,__source:{fileName:_jsxFileName,lineNumber:140}}),this.props.type==="photo"&&_react2.default.createElement(_PhotoMessage2.default,{onOpen:this.props.onOpen,onDownload:this.props.onDownload,onLoad:this.props.onLoad,data:this.props.data,width:this.props.width,height:this.props.height,text:this.props.text,__source:{fileName:_jsxFileName,lineNumber:154}}),this.props.type==="file"&&_react2.default.createElement(_FileMessage2.default,{onOpen:this.props.onOpen,onDownload:this.props.onDownload,data:this.props.data,text:this.props.text,__source:{fileName:_jsxFileName,lineNumber:166}}),this.props.type==="spotify"&&_react2.default.createElement(_SpotifyMessage2.default,{width:this.props.width,height:this.props.height,theme:this.props.theme,view:this.props.view,data:this.props.data,uri:this.props.uri||this.props.text,__source:{fileName:_jsxFileName,lineNumber:175}}),_react2.default.createElement("div",{className:classNames("rce-mbox-time",{"rce-mbox-time-block":thatAbsoluteTime},{"non-copiable":!this.props.copiableDate}),"data-text":this.props.copiableDate?undefined:dateText,__source:{fileName:_jsxFileName,lineNumber:184}},this.props.copiableDate&&this.props.date&&!isNaN(this.props.date)&&(this.props.dateString||moment(this.props.date).fromNow()),this.props.status&&_react2.default.createElement("span",{className:"rce-mbox-status",__source:{fileName:_jsxFileName,lineNumber:202}},this.props.status==="waiting"&&_react2.default.createElement(_accessTime2.default,{__source:{fileName:_jsxFileName,lineNumber:205}}),this.props.status==="sent"&&_react2.default.createElement(_check2.default,{__source:{fileName:_jsxFileName,lineNumber:210}}),this.props.status==="received"&&_react2.default.createElement(_androidDoneAll2.default,{__source:{fileName:_jsxFileName,lineNumber:215}}),this.props.status==="read"&&_react2.default.createElement(_androidDoneAll2.default,{color:"#4FC3F7",__source:{fileName:_jsxFileName,lineNumber:220}})))),this.props.notch&&(this.props.position==="right"?_react2.default.createElement("svg",{className:"rce-mbox-right-notch",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",__source:{fileName:_jsxFileName,lineNumber:230}},_react2.default.createElement("path",{d:"M0 0v20L20 0",__source:{fileName:_jsxFileName,lineNumber:231}})):_react2.default.createElement("div",{__source:{fileName:_jsxFileName,lineNumber:234}},_react2.default.createElement("svg",{className:"rce-mbox-left-notch",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",__source:{fileName:_jsxFileName,lineNumber:235}},_react2.default.createElement("defs",{__source:{fileName:_jsxFileName,lineNumber:236}},_react2.default.createElement("filter",{id:"filter1",x:"0",y:"0",__source:{fileName:_jsxFileName,lineNumber:237}},_react2.default.createElement("feOffset",{result:"offOut",in:"SourceAlpha",dx:"-2",dy:"-5",__source:{fileName:_jsxFileName,lineNumber:238}}),_react2.default.createElement("feGaussianBlur",{result:"blurOut",in:"offOut",stdDeviation:"3",__source:{fileName:_jsxFileName,lineNumber:239}}),_react2.default.createElement("feBlend",{in:"SourceGraphic",in2:"blurOut",mode:"normal",__source:{fileName:_jsxFileName,lineNumber:240}}))),_react2.default.createElement("path",{d:"M20 0v20L0 0",filter:"url(#filter1)",__source:{fileName:_jsxFileName,lineNumber:243}}))))))}}]);return MessageBox}(_react.Component);MessageBox.defaultProps={position:"left",type:"text",text:"",title:null,titleColor:null,onTitleClick:null,onForwardClick:null,date:new Date,data:{},onClick:null,onOpen:null,onDownload:null,onLoad:null,forwarded:false,status:null,dateString:null,notch:true,avatar:null,renderAddCmp:null,copiableDate:false};exports.default=MessageBox},function(module,exports){module.exports=require("react-icons/lib/fa/cloud-download")},function(module,exports){module.exports=require("react-icons/lib/fa/exclamation-triangle")},function(module,exports){module.exports=require("react-progress-bar.js")},function(module,exports,__webpack_require__){Object.defineProperty(exports,"__esModule",{value:true});exports.SystemMessage=undefined;var _jsxFileName="C:\\Users\\jamal_83j3eh7\\Desktop\\dev\\react\\react-chat-elements-v2\\src\\SystemMessage\\SystemMessage.js";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();var _react=__webpack_require__(0);var _react2=_interopRequireDefault(_react);__webpack_require__(18);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var classNames=__webpack_require__(1);var SystemMessage=exports.SystemMessage=function(_Component){_inherits(SystemMessage,_Component);function SystemMessage(){_classCallCheck(this,SystemMessage);return _possibleConstructorReturn(this,(SystemMessage.__proto__||Object.getPrototypeOf(SystemMessage)).apply(this,arguments))}_createClass(SystemMessage,[{key:"render",value:function render(){return _react2.default.createElement("div",{className:classNames("rce-container-smsg",this.props.className),__source:{fileName:_jsxFileName,lineNumber:9}},_react2.default.createElement("div",{className:"rce-smsg",__source:{fileName:_jsxFileName,lineNumber:10}},_react2.default.createElement("div",{className:"rce-smsg-text",__source:{fileName:_jsxFileName,lineNumber:12}},this.props.text)))}}]);return SystemMessage}(_react.Component);exports.default=SystemMessage},function(module,exports){module.exports=require("moment")},function(module,exports,__webpack_require__){Object.defineProperty(exports,"__esModule",{value:true});exports.ChatItem=undefined;var _jsxFileName="C:\\Users\\jamal_83j3eh7\\Desktop\\dev\\react\\react-chat-elements-v2\\src\\ChatItem\\ChatItem.js";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();var _react=__webpack_require__(0);var _react2=_interopRequireDefault(_react);__webpack_require__(29);var _Avatar=__webpack_require__(2);var _Avatar2=_interopRequireDefault(_Avatar);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var moment=__webpack_require__(9);var classNames=__webpack_require__(1);var ChatItem=exports.ChatItem=function(_Component){_inherits(ChatItem,_Component);function ChatItem(){_classCallCheck(this,ChatItem);return _possibleConstructorReturn(this,(ChatItem.__proto__||Object.getPrototypeOf(ChatItem)).apply(this,arguments))}_createClass(ChatItem,[{key:"render",value:function render(){return _react2.default.createElement("div",{className:classNames("rce-container-citem",this.props.className),onClick:this.props.onClick,onContextMenu:this.props.onContextMenu,__source:{fileName:_jsxFileName,lineNumber:13}},_react2.default.createElement("div",{className:"rce-citem",__source:{fileName:_jsxFileName,lineNumber:17}},_react2.default.createElement("div",{className:"rce-citem-avatar",__source:{fileName:_jsxFileName,lineNumber:18}},_react2.default.createElement(_Avatar2.default,{src:this.props.avatar,alt:this.props.alt,size:"large",sideElement:this.props.statusColor&&_react2.default.createElement("span",{className:"rce-citem-status",style:{backgroundColor:this.props.statusColor},__source:{fileName:_jsxFileName,lineNumber:25}},this.props.statusText),type:classNames("circle",{flexible:this.props.avatarFlexible}),__source:{fileName:_jsxFileName,lineNumber:19}})),_react2.default.createElement("div",{className:"rce-citem-body",__source:{fileName:_jsxFileName,lineNumber:32}},_react2.default.createElement("div",{className:"rce-citem-body--top",__source:{fileName:_jsxFileName,lineNumber:33}},_react2.default.createElement("div",{className:"rce-citem-body--top-title",__source:{fileName:_jsxFileName,lineNumber:34}},this.props.title),_react2.default.createElement("div",{className:"rce-citem-body--top-time",__source:{fileName:_jsxFileName,lineNumber:37}},this.props.date&&!isNaN(this.props.date)&&(this.props.dateString||moment(this.props.date).fromNow()))),_react2.default.createElement("div",{className:"rce-citem-body--bottom",__source:{fileName:_jsxFileName,lineNumber:49}},_react2.default.createElement("div",{className:"rce-citem-body--bottom-title",__source:{fileName:_jsxFileName,lineNumber:50}},this.props.subtitle),_react2.default.createElement("div",{className:"rce-citem-body--bottom-status",__source:{fileName:_jsxFileName,lineNumber:53}},this.props.unread>0&&_react2.default.createElement("span",{__source:{fileName:_jsxFileName,lineNumber:56}},this.props.unread))))))}}]);return ChatItem}(_react.Component);ChatItem.defaultProps={id:"",onClick:null,avatar:"",avatarFlexible:false,alt:"",title:"",subtitle:"",date:new Date,unread:0,statusColor:null,statusText:null,dateString:null};exports.default=ChatItem},function(module,exports,__webpack_require__){Object.defineProperty(exports,"__esModule",{value:true});exports.Popup=exports.SideBar=exports.Dropdown=exports.Navbar=exports.Avatar=exports.Button=exports.Input=exports.MessageList=exports.ChatList=exports.SystemMessage=exports.ChatItem=exports.MessageBox=undefined;var _MessageBox=__webpack_require__(4);var _MessageBox2=_interopRequireDefault(_MessageBox);var _ChatItem=__webpack_require__(10);var _ChatItem2=_interopRequireDefault(_ChatItem);var _SystemMessage=__webpack_require__(8);var _SystemMessage2=_interopRequireDefault(_SystemMessage);var _ChatList=__webpack_require__(30);var _ChatList2=_interopRequireDefault(_ChatList);var _MessageList=__webpack_require__(32);var _MessageList2=_interopRequireDefault(_MessageList);var _Input=__webpack_require__(35);var _Input2=_interopRequireDefault(_Input);var _Button=__webpack_require__(3);var _Button2=_interopRequireDefault(_Button);var _Avatar=__webpack_require__(2);var _Avatar2=_interopRequireDefault(_Avatar);var _Navbar=__webpack_require__(38);var _Navbar2=_interopRequireDefault(_Navbar);var _Dropdown=__webpack_require__(40);var _Dropdown2=_interopRequireDefault(_Dropdown);var _SideBar=__webpack_require__(42);var _SideBar2=_interopRequireDefault(_SideBar);var _Popup=__webpack_require__(44);var _Popup2=_interopRequireDefault(_Popup);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}exports.MessageBox=_MessageBox2.default;exports.ChatItem=_ChatItem2.default;exports.SystemMessage=_SystemMessage2.default;exports.ChatList=_ChatList2.default;exports.MessageList=_MessageList2.default;exports.Input=_Input2.default;exports.Button=_Button2.default;exports.Avatar=_Avatar2.default;exports.Navbar=_Navbar2.default;exports.Dropdown=_Dropdown2.default;exports.SideBar=_SideBar2.default;exports.Popup=_Popup2.default},function(module,exports){},function(module,exports,__webpack_require__){Object.defineProperty(exports,"__esModule",{value:true});exports.PhotoMessage=undefined;var _jsxFileName="C:\\Users\\jamal_83j3eh7\\Desktop\\dev\\react\\react-chat-elements-v2\\src\\PhotoMessage\\PhotoMessage.js";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();var _react=__webpack_require__(0);var _react2=_interopRequireDefault(_react);__webpack_require__(14);var _cloudDownload=__webpack_require__(5);var _cloudDownload2=_interopRequireDefault(_cloudDownload);var _exclamationTriangle=__webpack_require__(6);var _exclamationTriangle2=_interopRequireDefault(_exclamationTriangle);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var ProgressBar=__webpack_require__(7);var Circle=ProgressBar.Circle;var PhotoMessage=exports.PhotoMessage=function(_Component){_inherits(PhotoMessage,_Component);function PhotoMessage(){_classCallCheck(this,PhotoMessage);return _possibleConstructorReturn(this,(PhotoMessage.__proto__||Object.getPrototypeOf(PhotoMessage)).apply(this,arguments))}_createClass(PhotoMessage,[{key:"render",value:function render(){var _this2=this;var progressOptions={strokeWidth:2.3,color:"#efe",trailColor:"#aaa",trailWidth:1,step:function step(state,circle){circle.path.setAttribute("trail",state.color);circle.path.setAttribute("trailwidth-width",state.width);var value=Math.round(circle.value()*100);if(value===0)circle.setText("");else circle.setText(value)}};var error=this.props.data.status&&this.props.data.status.error===true;return _react2.default.createElement("div",{className:"rce-mbox-photo",__source:{fileName:_jsxFileName,lineNumber:33}},_react2.default.createElement("div",{className:"rce-mbox-photo--img",style:this.props.data.width&&this.props.data.height&&{width:this.props.data.width,height:this.props.data.height},__source:{fileName:_jsxFileName,lineNumber:34}},_react2.default.createElement("img",{style:{cursor:"pointer"},src:this.props.data.uri,alt:this.props.data.alt,onClick:function onClick(event){return _this2.props.data.onClick(event,_this2.props.data)},onLoad:this.props.onLoad,__source:{fileName:_jsxFileName,lineNumber:40}}),error&&_react2.default.createElement("div",{className:"rce-mbox-photo--img__block",__source:{fileName:_jsxFileName,lineNumber:53}},_react2.default.createElement("span",{className:"rce-mbox-photo--img__block-item rce-mbox-photo--error",__source:{fileName:_jsxFileName,lineNumber:54}},_react2.default.createElement(_exclamationTriangle2.default,{__source:{fileName:_jsxFileName,lineNumber:56}}))),!error&&this.props.data.status&&!this.props.data.status.download&&_react2.default.createElement("div",{className:"rce-mbox-photo--img__block",__source:{fileName:_jsxFileName,lineNumber:64}},!this.props.data.status.click&&_react2.default.createElement("button",{onClick:this.props.onDownload,className:"rce-mbox-photo--img__block-item rce-mbox-photo--download",__source:{fileName:_jsxFileName,lineNumber:67}},_react2.default.createElement(_cloudDownload2.default,{__source:{fileName:_jsxFileName,lineNumber:70}})),typeof this.props.data.status.loading==="number"&&this.props.data.status.loading!==0&&_react2.default.createElement(Circle,{progress:this.props.data.status.loading,options:progressOptions,initialAnimate:true,containerClassName:"rce-mbox-photo--img__block-item",__source:{fileName:_jsxFileName,lineNumber:76}}))),this.props.text&&_react2.default.createElement("div",{className:"rce-mbox-text",__source:{fileName:_jsxFileName,lineNumber:87}},this.props.text))}}]);return PhotoMessage}(_react.Component);PhotoMessage.defaultProps={text:"",data:{},onDownload:null,onOpen:null,onLoad:null};exports.default=PhotoMessage},function(module,exports){},function(module,exports,__webpack_require__){Object.defineProperty(exports,"__esModule",{value:true});exports.FileMessage=undefined;var _jsxFileName="C:\\Users\\jamal_83j3eh7\\Desktop\\dev\\react\\react-chat-elements-v2\\src\\FileMessage\\FileMessage.js";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();var _react=__webpack_require__(0);var _react2=_interopRequireDefault(_react);__webpack_require__(16);var _cloudDownload=__webpack_require__(5);var _cloudDownload2=_interopRequireDefault(_cloudDownload);var _exclamationTriangle=__webpack_require__(6);var _exclamationTriangle2=_interopRequireDefault(_exclamationTriangle);var _file=__webpack_require__(17);var _file2=_interopRequireDefault(_file);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var ProgressBar=__webpack_require__(7);var Circle=ProgressBar.Circle;var FileMessage=exports.FileMessage=function(_Component){_inherits(FileMessage,_Component);function FileMessage(){_classCallCheck(this,FileMessage);return _possibleConstructorReturn(this,(FileMessage.__proto__||Object.getPrototypeOf(FileMessage)).apply(this,arguments))}_createClass(FileMessage,[{key:"onClick",value:function onClick(e){if(!this.props.data.status)return;if(!this.props.data.status.download&&this.props.onDownload instanceof Function)this.props.onDownload(e,this.props.data);else if(this.props.data.status.download&&this.props.data.onClick instanceof Function)this.props.data.onClick(e,this.props.data)}},{key:"render",value:function render(){var progressOptions={strokeWidth:5,color:"#333",trailColor:"#aaa",trailWidth:5,step:function step(state,circle){circle.path.setAttribute("trail",state.color);circle.path.setAttribute("trailwidth-width",state.width);var value=Math.round(circle.value()*100);if(value===0)circle.setText("");else circle.setText(value)}};var error=this.props.data.status&&this.props.data.status.error===true;return _react2.default.createElement("div",{className:"rce-mbox-file",__source:{fileName:_jsxFileName,lineNumber:44}},_react2.default.createElement("button",{onClick:this.onClick.bind(this),__source:{fileName:_jsxFileName,lineNumber:45}},_react2.default.createElement("div",{className:"rce-mbox-file--icon",__source:{fileName:_jsxFileName,lineNumber:46}},_react2.default.createElement(_file2.default,{color:"#aaa",__source:{fileName:_jsxFileName,lineNumber:47}}),_react2.default.createElement("div",{className:"rce-mbox-file--size",__source:{fileName:_jsxFileName,lineNumber:49}},this.props.data.size)),_react2.default.createElement("div",{className:"rce-mbox-file--text",__source:{fileName:_jsxFileName,lineNumber:53}},this.props.text),_react2.default.createElement("div",{className:"rce-mbox-file--buttons",__source:{fileName:_jsxFileName,lineNumber:56}},error&&_react2.default.createElement("span",{className:"rce-error-button",__source:{fileName:_jsxFileName,lineNumber:59}},_react2.default.createElement(_exclamationTriangle2.default,{color:"#ff3d3d",__source:{fileName:_jsxFileName,lineNumber:60}})),!error&&this.props.data.status&&!this.props.data.status.download&&!this.props.data.status.click&&_react2.default.createElement(_cloudDownload2.default,{color:"#aaa",__source:{fileName:_jsxFileName,lineNumber:69}}),!error&&this.props.data.status&&typeof this.props.data.status.loading==="number"&&this.props.data.status.loading!==0&&_react2.default.createElement(Circle,{progress:this.props.data.status.loading,options:progressOptions,initialAnimate:true,containerClassName:"rce-mbox-file--loading",__source:{fileName:_jsxFileName,lineNumber:77}}))))}}]);return FileMessage}(_react.Component);FileMessage.defaultProps={text:"",data:{},onClick:null,onDownload:null,onOpen:null};exports.default=FileMessage},function(module,exports){},function(module,exports){module.exports=require("react-icons/lib/fa/file")},function(module,exports){},function(module,exports,__webpack_require__){Object.defineProperty(exports,"__esModule",{value:true});exports.LocationMessage=undefined;var _jsxFileName="C:\\Users\\jamal_83j3eh7\\Desktop\\dev\\react\\react-chat-elements-v2\\src\\LocationMessage\\LocationMessage.js";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();var _react=__webpack_require__(0);var _react2=_interopRequireDefault(_react);__webpack_require__(20);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var classNames=__webpack_require__(1);var STATIC_URL="https://maps.googleapis.com/maps/api/staticmap?markers=color:MARKER_COLOR|LATITUDE,LONGITUDE&zoom=ZOOM&size=270x200&scale=2&key=KEY";var MAP_URL="https://www.google.com/maps/search/?api=1&query=LATITUDE,LONGITUDE&zoom=ZOOM";var LocationMessage=exports.LocationMessage=function(_Component){_inherits(LocationMessage,_Component);function LocationMessage(props){_classCallCheck(this,LocationMessage);var _this=_possibleConstructorReturn(this,(LocationMessage.__proto__||Object.getPrototypeOf(LocationMessage)).call(this,props));_this.className=_this.className.bind(_this);return _this}_createClass(LocationMessage,[{key:"buildURL",value:function buildURL(url){var center=this.props.data||{};return url.replace("LATITUDE",center.latitude).replace("LONGITUDE",center.longitude).replace("MARKER_COLOR",this.props.markerColor).replace("ZOOM",this.props.zoom).replace("KEY",this.props.apiKey)}},{key:"className",value:function className(){var className=classNames("rce-mbox-location",this.props.className);if(this.props.text){className=classNames(className,"rce-mbox-location-has-text")}return className}},{key:"render",value:function render(){return _react2.default.createElement("div",{className:"rce-container-lmsg",__source:{fileName:_jsxFileName,lineNumber:38}},_react2.default.createElement("a",{onClick:this.props.onOpen,target:this.props.target,href:this.props.href||this.props.src||this.buildURL(MAP_URL),className:this.className(),__source:{fileName:_jsxFileName,lineNumber:39}},_react2.default.createElement("img",{className:"rce-mbox-location-img",src:this.props.src||this.buildURL(STATIC_URL),__source:{fileName:_jsxFileName,lineNumber:44}})),this.props.text&&_react2.default.createElement("div",{className:"rce-mbox-text rce-mbox-location-text",__source:{fileName:_jsxFileName,lineNumber:52}},this.props.text))}}]);return LocationMessage}(_react.Component);LocationMessage.defaultProps={target:"_blank",apiKey:"",zoom:14,markerColor:"red"};exports.default=LocationMessage},function(module,exports){},function(module,exports,__webpack_require__){Object.defineProperty(exports,"__esModule",{value:true});exports.SpotifyMessage=undefined;var _jsxFileName="C:\\Users\\jamal_83j3eh7\\Desktop\\dev\\react\\react-chat-elements-v2\\src\\SpotifyMessage\\SpotifyMessage.js";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();var _react=__webpack_require__(0);var _react2=_interopRequireDefault(_react);__webpack_require__(22);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var classNames=__webpack_require__(1);var SpotifyMessage=exports.SpotifyMessage=function(_Component){_inherits(SpotifyMessage,_Component);function SpotifyMessage(){_classCallCheck(this,SpotifyMessage);return _possibleConstructorReturn(this,(SpotifyMessage.__proto__||Object.getPrototypeOf(SpotifyMessage)).apply(this,arguments))}_createClass(SpotifyMessage,[{key:"toUrl",value:function toUrl(){var formBody=[];var data={uri:this.props.uri,theme:this.props.theme,view:this.props.view};for(var property in data){var encodedKey=encodeURIComponent(property);var encodedValue=encodeURIComponent(data[property]);formBody.push(encodedKey+"="+encodedValue)}formBody=formBody.join("&");return formBody}},{key:"render",value:function render(){if(!this.props.uri)return null;return _react2.default.createElement("div",{className:"rce-mbox-spotify",__source:{fileName:_jsxFileName,lineNumber:27}},_react2.default.createElement("iframe",{src:"https://open.spotify.com/embed?"+this.toUrl(),width:this.props.width,height:this.props.height,frameBorder:"0",allowtransparency:"true",__source:{fileName:_jsxFileName,lineNumber:28}}))}}]);return SpotifyMessage}(_react.Component);SpotifyMessage.defaultProps={uri:"",theme:"black",view:"list",width:300,height:380};exports.default=SpotifyMessage},function(module,exports){},function(module,exports){},function(module,exports){module.exports=require("react-icons/lib/fa/mail-forward")},function(module,exports){module.exports=require("react-icons/lib/fa/mail-reply")},function(module,exports){module.exports=require("react-icons/lib/io/android-done-all")},function(module,exports){module.exports=require("react-icons/lib/md/access-time")},function(module,exports){module.exports=require("react-icons/lib/md/check")},function(module,exports){},function(module,exports,__webpack_require__){Object.defineProperty(exports,"__esModule",{value:true});exports.ChatList=undefined;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};var _jsxFileName="C:\\Users\\jamal_83j3eh7\\Desktop\\dev\\react\\react-chat-elements-v2\\src\\ChatList\\ChatList.js";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();var _react=__webpack_require__(0);var _react2=_interopRequireDefault(_react);__webpack_require__(31);var _ChatItem=__webpack_require__(10);var _ChatItem2=_interopRequireDefault(_ChatItem);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var classNames=__webpack_require__(1);var ChatList=exports.ChatList=function(_Component){_inherits(ChatList,_Component);function ChatList(){_classCallCheck(this,ChatList);return _possibleConstructorReturn(this,(ChatList.__proto__||Object.getPrototypeOf(ChatList)).apply(this,arguments))}_createClass(ChatList,[{key:"onClick",value:function onClick(item,i,e){if(this.props.onClick instanceof Function)this.props.onClick(item,i,e)}},{key:"onContextMenu",value:function onContextMenu(item,i,e){e.preventDefault();if(this.props.onContextMenu instanceof Function)this.props.onContextMenu(item,i,e)}},{key:"render",value:function render(){var _this2=this;return _react2.default.createElement("div",{ref:this.props.cmpRef,className:classNames("rce-container-clist",this.props.className),__source:{fileName:_jsxFileName,lineNumber:23}},this.props.dataSource.map(function(x,i){return _react2.default.createElement(_ChatItem2.default,_extends({id:x.id||i,key:i},x,{onContextMenu:function onContextMenu(e){return _this2.onContextMenu(x,i,e)},onClick:function onClick(){return _this2.onClick(x,i)},__source:{fileName:_jsxFileName,lineNumber:28}}))}))}}]);return ChatList}(_react.Component);ChatList.defaultProps={dataSource:[],onClick:null};exports.default=ChatList},function(module,exports){},function(module,exports,__webpack_require__){Object.defineProperty(exports,"__esModule",{value:true});exports.MessageList=undefined;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};var _jsxFileName="C:\\Users\\jamal_83j3eh7\\Desktop\\dev\\react\\react-chat-elements-v2\\src\\MessageList\\MessageList.js";var _createClass=function(){function defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||false;descriptor.configurable=true;if("value"in descriptor)descriptor.writable=true;Object.defineProperty(target,descriptor.key,descriptor)}}return function(Constructor,protoProps,staticProps){if(protoProps)defineProperties(Constructor.prototype,protoProps);if(staticProps)defineProperties(Constructor,staticProps);return Constructor}}();var _react=__webpack_require__(0);var _react2=_interopRequireDefault(_react);__webpack_require__(33);var _MessageBox=__webpack_require__(4);var _MessageBox2=_interopRequireDefault(_MessageBox);var _chevronDown=__webpack_require__(34);var _chevronDown2=_interopRequireDefault(_chevronDown);function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor)){throw new TypeError("Cannot call a class as a function")}}function _possibleConstructorReturn(self,call){if(!self){throw new ReferenceError("this hasn't been initialised - super() hasn't been called")}return call&&(typeof call==="object"||typeof call==="function")?call:self}function _inherits(subClass,superClass){if(typeof superClass!=="function"&&superClass!==null){throw new TypeError("Super expression must either be null or a function, not "+typeof superClass)}subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,enumerable:false,writable:true,configurable:true}});if(superClass)Object.setPrototypeOf?Object.setPrototypeOf(subClass,superClass):subClass.__proto__=superClass}var classNames=__webpack_require__(1);var MessageList=exports.MessageList=function(_Component){_inherits(MessageList,_Component);function MessageList(props){_classCallCheck(this,MessageList);var _this=_possibleConstructorReturn(this,(MessageList.__proto__||Object.getPrototypeOf(MessageList)).call(this,props));_this.state={scrollBottom:0,downButton:false};return _this}_createClass(MessageList,[{key:"checkScroll",value:function checkScroll(){var e=this.mlistRef;if(!e)return;if(this.props.toBottomHeight==="100%"||this.state.scrollBottom<this.props.toBottomHeight){e.scrollTop=e.scrollHeight}else{if(this.props.lockable===true){e.scrollTop=e.scrollHeight-e.offsetHeight-this.state.scrollBottom}}}},{key:"componentWillReceiveProps",value:function componentWillReceiveProps(){if(!this.mlistRef)return;this.setState({scrollBottom:this.getBottom(this.mlistRef)},this.checkScroll.bind(this))}},{key:"getBottom",value:function getBottom(e){return e.scrollHeight-e.scrollTop-e.offsetHeight}},{key:"onOpen",value:function onOpen(item,i,e){if(this.props.onOpen instanceof Function)this.props.onOpen(item,i,e)}},{key:"onDownload",value:function onDownload(item,i,e){if(this.props.onDownload instanceof Function)this.props.onDownload(item,i,e)}},{key:"onClick",value:function onClick(item,