"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_reactDropzone=_interopRequireDefault(require("react-dropzone")),_ErrorBoundary=_interopRequireDefault(require("../../hoc/ErrorBoundary")),_react2=require("@lingui/react");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _interopRequireWildcard(obj){if(obj&&obj.__esModule)return obj;var newObj={};if(null!=obj)for(var key in obj)if(Object.prototype.hasOwnProperty.call(obj,key)){var desc=Object.defineProperty&&Object.getOwnPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):{};desc.get||desc.set?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}return newObj.default=obj,newObj}function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var descriptor,i=0;i<props.length;i++)descriptor=props[i],descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Constructor}function _possibleConstructorReturn(self,call){return call&&("object"===_typeof(call)||"function"==typeof call)?call:_assertThisInitialized(self)}function _getPrototypeOf(o){return _getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function(o){return o.__proto__||Object.getPrototypeOf(o)},_getPrototypeOf(o)}function _inherits(subClass,superClass){if("function"!=typeof superClass&&null!==superClass)throw new TypeError("Super expression must either be null or a function");subClass.prototype=Object.create(superClass&&superClass.prototype,{constructor:{value:subClass,writable:!0,configurable:!0}}),superClass&&_setPrototypeOf(subClass,superClass)}function _setPrototypeOf(o,p){return _setPrototypeOf=Object.setPrototypeOf||function(o,p){return o.__proto__=p,o},_setPrototypeOf(o,p)}function _assertThisInitialized(self){if(void 0===self)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return self}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}var Accept=/*#__PURE__*/function(_Component){function Accept(){var _getPrototypeOf2,_this;_classCallCheck(this,Accept);for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=_possibleConstructorReturn(this,(_getPrototypeOf2=_getPrototypeOf(Accept)).call.apply(_getPrototypeOf2,[this].concat(args))),_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)),"dropzoneRef",void 0),_defineProperty(_assertThisInitialized(_assertThisInitialized(_this)),"state",{accepted:[],rejected:[]}),_this}return _inherits(Accept,_Component),_createClass(Accept,[{key:"render",value:function render(){var _this2=this;return _react.default.createElement(_ErrorBoundary.default,null,_react.default.createElement("section",null,_react.default.createElement("div",{className:"dropzone"},_react.default.createElement(_reactDropzone.default,{ref:function ref(node){_this2.dropzoneRef=node},accept:"image/jpeg, image/png",onDrop:function onDrop(accepted,rejected){_this2.setState({accepted:accepted,rejected:rejected})}},_react.default.createElement("p",null,_react.default.createElement(_react2.Trans,{id:"Try dropping some files here, or click to select files to upload."})),_react.default.createElement("p",null,_react.default.createElement(_react2.Trans,{id:"Only *.jpeg and *.png images will be accepted"})))),_react.default.createElement("aside",null,_react.default.createElement("h2",null,_react.default.createElement(_react2.Trans,{id:"Accepted files"})),_react.default.createElement("ul",null,this.state.accepted.map(function(f){return _react.default.createElement("li",{key:f.name},f.name," - ",f.size," bytes")})),_react.default.createElement("h2",null,_react.default.createElement(_react2.Trans,{id:"Rejected files"})),_react.default.createElement("ul",null,this.state.rejected.map(function(f){return _react.default.createElement("li",{key:f.name},f.name," - ",f.size," bytes")}))),_react.default.createElement("button",{type:"button",onClick:function onClick(){_this2.dropzoneRef.open()}},_react.default.createElement(_react2.Trans,{id:"Open File Dialog"}))))}}]),Accept}(_react.Component),_default=Accept;exports.default=_default;