"use strict";(self.webpackChunktinode_webapp=self.webpackChunktinode_webapp||[]).push([[472],{4472:function(e,n,i){i.r(n),i.d(n,{default:function(){return p}});var s=i(1594),t=i.n(s),o=i(8181),d=i(1725),r=i(8589),a=i(5446);function l(e){const n={default:"insert_drive_file",image:"image",text:"description",video:"theaters"};return n[e]||n[(e||"").split("/")[0]]||n.default}class p extends t().PureComponent{constructor(e){super(e),this.handleSendDoc=this.handleSendDoc.bind(this),this.handleKeyDown=this.handleKeyDown.bind(this)}componentDidMount(){document.addEventListener("keydown",this.handleKeyDown)}componentWillUnmount(){document.removeEventListener("keydown",this.handleKeyDown)}handleKeyDown(e){e.preventDefault(),"Escape"===e.key&&this.props.onClose()}handleSendDoc(e){this.props.onClose(),this.props.onSendMessage(this.props.content.file)}render(){return this.props.content?(0,a.jsxDEV)("div",{id:"image-preview",children:[(0,a.jsxDEV)("div",{id:"preview-caption-panel",children:[(0,a.jsxDEV)("span",{children:this.props.content.name},void 0,!1),(0,a.jsxDEV)("a",{href:"#",onClick:e=>{e.preventDefault(),this.props.onClose()},children:(0,a.jsxDEV)("i",{className:"material-icons gray",children:"close"},void 0,!1)},void 0,!1)]},void 0,!0),(0,a.jsxDEV)("div",{id:"image-preview-container",children:(0,a.jsxDEV)("div",{className:"doc-card",children:[(0,a.jsxDEV)("i",{className:"material-icons gray",children:l(this.props.content.type)},void 0,!1),(0,a.jsxDEV)("div",{children:[(0,a.jsxDEV)("b",{children:(0,a.jsxDEV)(o.FormattedMessage,{id:"label_file_name",defaultMessage:"File name:",description:"Label for a file name"},void 0,!1)},void 0,!1)," ",(0,r.Tu)(this.props.content.name,24)||"-"]},void 0,!0),(0,a.jsxDEV)("div",{children:[(0,a.jsxDEV)("b",{children:(0,a.jsxDEV)(o.FormattedMessage,{id:"label_content_type",defaultMessage:"Content type:",description:"Label for file content type (mime)"},void 0,!1)},void 0,!1)," ",this.props.content.type||"application/octet-stream"]},void 0,!0),(0,a.jsxDEV)("div",{children:[(0,a.jsxDEV)("b",{children:(0,a.jsxDEV)(o.FormattedMessage,{id:"label_size",defaultMessage:"Size:",description:"Label for file size"},void 0,!1)},void 0,!1)," ",(0,r.lX)(this.props.content.size)]},void 0,!0)]},void 0,!0)},void 0,!1),(0,a.jsxDEV)(d.A,{noInput:!0,tinode:this.props.tinode,reply:this.props.reply,onCancelReply:this.props.onCancelReply,onSendMessage:this.handleSendDoc,onError:this.props.onError},void 0,!1)]},void 0,!0):null}}}}]);
//# sourceMappingURL=472.prod.js.map