"use strict";var _interopRequireWildcard=require("@babel/runtime/helpers/interopRequireWildcard"),_interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _classCallCheck2=_interopRequireDefault(require("@babel/runtime/helpers/classCallCheck")),_createClass2=_interopRequireDefault(require("@babel/runtime/helpers/createClass")),_possibleConstructorReturn2=_interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn")),_getPrototypeOf3=_interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf")),_inherits2=_interopRequireDefault(require("@babel/runtime/helpers/inherits")),_assertThisInitialized2=_interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized")),_defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty")),React=_interopRequireWildcard(require("react")),_withStyles=_interopRequireDefault(require("../../hoc/withStyles")),_styles=_interopRequireDefault(require("./styles")),_Button=_interopRequireDefault(require("../../bosons/Button")),_FieldLabel=_interopRequireDefault(require("../../bosons/FieldLabel")),_reactDropzone=_interopRequireDefault(require("react-dropzone")),UploadFile=/*#__PURE__*/function(_React$Component){function UploadFile(){var _getPrototypeOf2,_this;(0,_classCallCheck2.default)(this,UploadFile);for(var _len=arguments.length,args=Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];return _this=(0,_possibleConstructorReturn2.default)(this,(_getPrototypeOf2=(0,_getPrototypeOf3.default)(UploadFile)).call.apply(_getPrototypeOf2,[this].concat(args))),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)((0,_assertThisInitialized2.default)(_this)),"_renderAttachment",function(){var classes=_this.props.classes;return React.createElement("div",{className:classes.mainDiv},React.createElement("div",{className:classes.attachmentWrapper},React.createElement(_FieldLabel.default,{label:"Bank Statement"}),React.createElement(_reactDropzone.default,{multiple:!0,className:classes.dragAreaWrapper,activeClassName:classes.activeDragArea},React.createElement("div",{className:classes.attachmentBlock},React.createElement("div",{"data-html2canvas-ignore":!0},React.createElement("div",{className:classes.dragText},React.createElement("p",null,"Drag and drop or choose a file to upload your Bank statement."),React.createElement("p",null,"Only CSV files are supported.")))))))}),(0,_defineProperty2.default)((0,_assertThisInitialized2.default)((0,_assertThisInitialized2.default)(_this)),"_renderButton",function(){var _this$props=_this.props,classes=_this$props.classes,makeStepActive=_this$props.makeStepActive,markedVisited=_this$props.markedVisited;return React.createElement(React.Fragment,null,React.createElement("div",{className:classes.prevNextWrapper},React.createElement("div",null),React.createElement(_Button.default,{title:"Next",id:"next-button",classes:{component:classes.prevNextButton},applyBorderRadius:!0,compactMode:!0,buttonColor:"#29a9db",onClick:function onClick(){makeStepActive(1),markedVisited(0)}})))}),_this}return(0,_inherits2.default)(UploadFile,_React$Component),(0,_createClass2.default)(UploadFile,[{key:"render",value:function render(){return React.createElement(React.Fragment,null,this._renderAttachment(),this._renderButton())}}]),UploadFile}(React.Component),_default=(0,_withStyles.default)(_styles.default)(UploadFile);exports.default=_default;