"use strict";(self.webpackChunktinode_webapp=self.webpackChunktinode_webapp||[]).push([[747],{6235:function(e,t,s){var a=s(1594),i=s.n(a),n=s(8181),l=s(1166),r=s(6005),o=s(6110);const c=(0,n.defineMessages)({joiner:{id:"permission_join",defaultMessage:[{type:0,value:"Join ("},{type:1,value:"val"},{type:0,value:")"}]},reader:{id:"permission_read",defaultMessage:[{type:0,value:"Read ("},{type:1,value:"val"},{type:0,value:")"}]},writer:{id:"permission_write",defaultMessage:[{type:0,value:"Write ("},{type:1,value:"val"},{type:0,value:")"}]},preser:{id:"permission_pres",defaultMessage:[{type:0,value:"Get notified ("},{type:1,value:"val"},{type:0,value:")"}]},approver:{id:"permission_admin",defaultMessage:[{type:0,value:"Approve ("},{type:1,value:"val"},{type:0,value:")"}]},sharer:{id:"permission_share",defaultMessage:[{type:0,value:"Share ("},{type:1,value:"val"},{type:0,value:")"}]},deleter:{id:"permission_delete",defaultMessage:[{type:0,value:"Delete ("},{type:1,value:"val"},{type:0,value:")"}]},owner:{id:"permission_owner",defaultMessage:[{type:0,value:"Owner ("},{type:1,value:"val"},{type:0,value:")"}]}});class d extends i().Component{constructor(e){super(e),this.state={mode:(e.mode||"").replace("N","")},this.handleChange=this.handleChange.bind(this),this.handleSubmit=this.handleSubmit.bind(this),this.handleCancel=this.handleCancel.bind(this)}handleChange(e){let t=this.state.mode;-1==t.indexOf(e)?t+=e:t=t.replace(e,""),this.setState({mode:t})}handleSubmit(){const e=(this.state.mode||"N").split("").sort().join("");e!==(this.props.mode||"N").split("").sort().join("")?this.props.onSubmit(e):this.props.onCancel()}handleCancel(){this.props.onCancel()}render(){const{formatMessage:e}=this.props.intl,t="JRWPASDO",s={J:e(c.joiner,{val:"J"}),R:e(c.reader,{val:"R"}),W:e(c.writer,{val:"W"}),P:e(c.preser,{val:"P"}),A:e(c.approver,{val:"A"}),S:e(c.sharer,{val:"S"}),D:e(c.deleter,{val:"D"}),O:e(c.owner,{val:"O"})};let a=this.props.skip||"",d=this.state.mode,p=(this.props.compare||"").replace("N",""),h=[];for(let e=0;e<8;e++){let n=t.charAt(e);a.indexOf(n)>=0&&d.indexOf(n)<0||h.push(i().createElement("tr",{key:n},i().createElement("td",null,s[n]),i().createElement("td",{className:"checkbox"},a.indexOf(n)<0?i().createElement(l.A,{name:n,checked:d.indexOf(n)>=0,onChange:this.handleChange}):i().createElement(l.A,{name:n,checked:d.indexOf(n)>=0})),this.props.compare?i().createElement("td",{className:"checkbox"},i().createElement(l.A,{name:n,checked:p.indexOf(n)>=0})):null))}return i().createElement("div",{className:"panel-form-column"},this.props.userTitle?i().createElement("ul",{className:"contact-box small"},i().createElement(r.A,{tinode:this.props.tinode,item:this.props.item,title:this.props.userTitle,small:!0,avatar:(0,o.to)(this.props.userAvatar?this.props.userAvatar:null)})):null,i().createElement("label",{className:"small"},i().createElement(n.FormattedMessage,{id:"title_permissions",defaultMessage:[{type:0,value:"Permissions"}]})),i().createElement("table",{className:"permission-editor"},this.props.compare?i().createElement("thead",null,i().createElement("tr",null,i().createElement("th",null),i().createElement("th",null,this.props.modeTitle),i().createElement("th",null,this.props.compareTitle))):null,i().createElement("tbody",null,h)),i().createElement("br",null),i().createElement("div",{className:"dialog-buttons"},i().createElement("button",{className:"outline",onClick:this.handleCancel},i().createElement(n.FormattedMessage,{id:"button_cancel",defaultMessage:[{type:0,value:"Cancel"}]})),i().createElement("button",{className:"primary",onClick:this.handleSubmit},i().createElement(n.FormattedMessage,{id:"button_ok",defaultMessage:[{type:0,value:"OK"}]}))))}}t.A=(0,n.injectIntl)(d)},7747:function(e,t,s){s.r(t),s.d(t,{default:function(){return A}});var a=s(1594),i=s.n(a),n=s(8181),l=s(4532),r=s(9418),o=s(635),c=s(1166),d=s(4152),p=s(1334),h=s(5874);const m=(0,n.defineMessages)({no_contacts:{id:"no_contacts",defaultMessage:[{type:0,value:"You have no contacts :-("}]},contacts_not_found_short:{id:"contacts_not_found_short",defaultMessage:[{type:0,value:"No contacts match '"},{type:1,value:"query"},{type:0,value:"'"}]}});class u extends i().Component{constructor(e){super(e),this.state={members:e.members,index:u.indexMembers(e.members),staticMembers:u.staticMembers(e.members,e.keepInitialMembers,e.requiredMember),contactFilter:"",noContactsMessage:e.intl.formatMessage(m.no_contacts),selectedContacts:u.selectedContacts(e.members)},this.handleContactSelected=this.handleContactSelected.bind(this),this.handleMemberRemoved=this.handleMemberRemoved.bind(this),this.handleContactFilter=this.handleContactFilter.bind(this),this.handleSubmit=this.handleSubmit.bind(this),this.handleCancel=this.handleCancel.bind(this)}static indexMembers(e){let t={};return e.forEach(e=>{t[e.user]={delta:0,present:!0}}),t}static staticMembers(e,t,s){let a=[];return e.forEach(e=>{(t||e.user==s)&&a.push(e.user)}),a}static selectedContacts(e){let t=[];return e.forEach(e=>{t.push(e.user)}),t}handleContactSelected(e,t){let s=this.state.index[e];if(s){if(s.present)return;s.delta+=1,s.present=!0}else s={delta:1,present:!0};let a=this.state.members.slice();a.push(this.props.contacts[t]);const i=u.selectedContacts(a),n=this.state.index;n[e]=s,this.setState({members:a,index:n,selectedContacts:i})}handleMemberRemoved(e,t){const s=this.state.index[e];if(!s||!s.present)return;s.present=!1,s.delta-=1;let a=this.state.members.slice();a.splice(t,1);const i=u.selectedContacts(a),n=this.state.index;n[e]=s,this.setState({members:a,index:n,selectedContacts:i})}handleContactFilter(e){const{formatMessage:t}=this.props.intl,s=e?t(m.contacts_not_found_short,{query:e}):t(m.no_contacts);this.setState({contactFilter:e,noContactsMessage:s})}static doContactFiltering(e,t){if(e){for(let s=0;s<t.length;s++)if(t[s].indexOf(e)>=0)return!0;return!1}return!0}handleSubmit(){const e=[],t=[],s=[];Object.keys(this.state.index).forEach(a=>{this.state.index[a].present&&e.push(a),this.state.index[a].delta>0?t.push(a):this.state.index[a].delta<0&&s.push(a)}),this.props.onSubmit(e,t,s)}handleCancel(){this.props.onCancel()}render(){return i().createElement("div",{id:"group-manager"},i().createElement("div",{className:"panel-form-row"},i().createElement("label",{className:"small"},i().createElement(n.FormattedMessage,{id:"title_group_members",defaultMessage:[{type:0,value:"Group Members"}]}))),i().createElement("div",{className:"panel-form-row"},i().createElement(h.A,{tinode:this.props.tinode,chips:this.state.members,staticMembers:this.state.staticMembers,prompt:"add members",filterFunc:this.handleContactFilter,onChipRemoved:this.handleMemberRemoved})),i().createElement("div",{className:"panel-form-row"},i().createElement("label",{className:"small"},i().createElement(n.FormattedMessage,{id:"title_all_contacts",defaultMessage:[{type:0,value:"All Contacts"}]}))),i().createElement(d.A,{tinode:this.props.tinode,contacts:this.props.contacts,myUserId:this.props.myUserId,topicSelected:this.state.selectedContacts,filter:this.state.contactFilter,filterFunc:u.doContactFiltering,emptyListMessage:this.state.noContactsMessage,showOnline:!1,showUnread:!1,onTopicSelected:this.handleContactSelected}),i().createElement("div",{id:"group-manager-buttons",className:"panel-form-row"},i().createElement("button",{className:"secondary",onClick:this.handleCancel},i().createElement(n.FormattedMessage,{id:"button_cancel",defaultMessage:[{type:0,value:"Cancel"}]})),i().createElement("button",{className:"primary",onClick:this.handleSubmit},i().createElement(n.FormattedMessage,{id:"button_ok",defaultMessage:[{type:0,value:"OK"}]}))))}}var v=(0,n.injectIntl)(u),g=s(3913),b=s(6235),f=s(9593),E=s.n(f),_=s(9027);class M extends i().PureComponent{constructor(e){super(e),this.qrCodeRef=i().createRef()}componentDidMount(){new(E())(this.qrCodeRef.current,{text:this.props.uri,width:_.Tn,height:_.Tn})}render(){return i().createElement("div",{className:"panel-form-column"},i().createElement("br",null),i().createElement("div",{className:"qr-code",ref:this.qrCodeRef}),i().createElement("div",null,i().createElement("tt",null,this.props.uri)),i().createElement("div",{className:"dialog-buttons"},i().createElement("button",{className:"outline",onClick:this.props.onCancel},i().createElement(n.FormattedMessage,{id:"button_ok",defaultMessage:[{type:0,value:"OK"}]}))))}}var y=s(8089);const C=(0,n.defineMessages)({clear_messages:{id:"action_clear_messages",defaultMessage:[{type:0,value:"Clear Messages"}]},clear_messages_warning:{id:"clear_messages_warning",defaultMessage:[{type:0,value:"Are you sure you want to clear all messages? It cannot be undone."}]},delete_messages:{id:"action_delete_messages",defaultMessage:[{type:0,value:"Clear Messages for All"}]},delete_messages_warning:{id:"delete_messages_warning",defaultMessage:[{type:0,value:"Are you sure you want to delete all messages for everyone? It cannot be undone."}]},topic_delete:{id:"topic_delete",defaultMessage:[{type:0,value:"Delete Conversation"}]},topic_delete_warning:{id:"topic_delete_warning",defaultMessage:[{type:0,value:"Are you sure you want to delete this conversation? It cannot be undone."}]},leave_chat:{id:"action_leave_chat",defaultMessage:[{type:0,value:"Leave Conversation"}]},leave_chat_warning:{id:"leave_chat_warning",defaultMessage:[{type:0,value:"Are you sure you want to leave this conversation?"}]},block_contact:{id:"action_block_contact",defaultMessage:[{type:0,value:"Block Contact"}]},block_contact_warning:{id:"block_contact_warning",defaultMessage:[{type:0,value:"Are you sure you want to block this contact?"}]},report_chat:{id:"action_report_chat",defaultMessage:[{type:0,value:"Report Conversation"}]},report_chat_warning:{id:"report_chat_warning",defaultMessage:[{type:0,value:"Are you sure you want to block and report this conversation?"}]},other_user:{id:"label_other_user",defaultMessage:[{type:0,value:"Other"}]}});class N extends i().PureComponent{constructor(e){super(e),this.handleDeleteTopic=this.handleDeleteTopic.bind(this),this.handleDeleteMessages=this.handleDeleteMessages.bind(this),this.handleLeave=this.handleLeave.bind(this),this.handleBlock=this.handleBlock.bind(this),this.handleReport=this.handleReport.bind(this)}handleDeleteTopic(e){e.preventDefault();const{formatMessage:t}=this.props.intl;this.props.onShowAlert(t(C.topic_delete),t(C.topic_delete_warning),e=>this.props.onDeleteTopic(this.props.topic),null,!0,null)}handleDeleteMessages(e){e.preventDefault();const{formatMessage:t}=this.props.intl;this.props.onShowAlert(t(this.props.deleter?C.delete_messages:C.clear_messages),t(this.props.deleter?C.delete_messages_warning:C.clear_messages_warning),e=>this.props.onDeleteMessages(this.props.topic),null,!0,null)}handleLeave(e){e.preventDefault();const{formatMessage:t}=this.props.intl;this.props.onShowAlert(t(C.leave_chat),t(C.leave_chat_warning),e=>this.props.onLeaveTopic(this.props.topic),null,!0,null)}handleBlock(e){e.preventDefault();const{formatMessage:t}=this.props.intl;this.props.onShowAlert(t(C.block_contact),t(C.block_contact_warning),e=>this.props.onBlockTopic(this.props.topic),null,!0,null)}handleReport(e){e.preventDefault();const{formatMessage:t}=this.props.intl;this.props.onShowAlert(t(C.report_chat),t(C.report_chat_warning),e=>{this.props.onReportTopic(this.props.topic)},null,!0,null)}render(){const{formatMessage:e}=this.props.intl;return i().createElement("div",{className:"scrollable-panel"},i().createElement("div",{className:"panel-form-column"},this.props.channel?null:i().createElement("a",{href:"#",className:"flat-button",onClick:this.handleDeleteMessages},i().createElement("i",{className:"material-icons"},"delete_outline"),"  ",e(this.props.deleter?C.delete_messages:C.clear_messages)),this.props.owner?i().createElement("a",{href:"#",className:"danger flat-button",onClick:this.handleDeleteTopic},i().createElement("i",{className:"material-icons"},"delete"),"  ",e(C.topic_delete)):i().createElement("a",{href:"#",className:"danger flat-button",onClick:this.handleLeave},i().createElement("i",{className:"material-icons"},"exit_to_app"),"  ",e(C.leave_chat)),this.props.groupTopic?null:i().createElement("a",{href:"#",className:"danger flat-button",onClick:this.handleBlock},i().createElement("i",{className:"material-icons"},"block"),"  ",e(C.block_contact)),this.props.owner?null:i().createElement("a",{href:"#",className:"danger flat-button",onClick:this.handleReport},i().createElement("i",{className:"material-icons"},"report"),"  ",e(C.report_chat))),i().createElement("div",{className:"hr"}),i().createElement("div",{className:"panel-form-column"},this.props.groupTopic?i().createElement(i().Fragment,null,i().createElement("div",{className:"group"},i().createElement("label",null,i().createElement(n.FormattedMessage,{id:"label_your_permissions",defaultMessage:[{type:0,value:"Your permissions:"}]}))," ",i().createElement("tt",{className:"clickable",onClick:e=>{e.preventDefault(),this.props.onLaunchPermissionsEditor("want")}},this.props.access)),this.props.channel?null:i().createElement("div",{className:"group"},i().createElement("div",null,i().createElement("label",{className:"small"},i().createElement(n.FormattedMessage,{id:"label_default_access_mode",defaultMessage:[{type:0,value:"Default access mode:"}]}))),i().createElement("div",{className:"quoted"},i().createElement("div",null,"Auth: ",i().createElement("tt",{className:this.props.owner?"clickable":null,onClick:e=>{e.preventDefault(),this.props.owner&&this.props.onLaunchPermissionsEditor("auth")}},this.props.auth)),i().createElement("div",null,"Anon: ",i().createElement("tt",{className:this.props.owner?"clickable":null,onClick:e=>{e.preventDefault(),this.props.owner&&this.props.onLaunchPermissionsEditor("anon")}},this.props.anon))))):i().createElement("div",{className:"group"},i().createElement("div",null,i().createElement("label",{className:"small"},i().createElement(n.FormattedMessage,{id:"label_permissions",defaultMessage:[{type:0,value:"Permissions:"}]}))),i().createElement("div",{className:"quoted"},i().createElement("div",null,i().createElement(n.FormattedMessage,{id:"label_you",defaultMessage:[{type:0,value:"You:"}]})," ",i().createElement("tt",{className:"clickable",onClick:e=>{e.preventDefault(),this.props.onLaunchPermissionsEditor("want")}},this.props.access)),i().createElement("div",null,this.props.fullName?this.props.fullName:e(C.other_user),":  ",i().createElement("tt",{className:"clickable",onClick:e=>{e.preventDefault(),this.props.onLaunchPermissionsEditor("given")}},this.props.modeGiven2))))))}}var w=(0,n.injectIntl)(N),S=s(6110),k=s(8589);const T=(0,n.defineMessages)({info:{id:"panel_title_info",defaultMessage:[{type:0,value:"Info"}]},general:{id:"panel_title_general",defaultMessage:[{type:0,value:"General"}]},security:{id:"panel_title_security",defaultMessage:[{type:0,value:"Security"}]},members:{id:"panel_title_members",defaultMessage:[{type:0,value:"Members"}]},crop:{id:"panel_title_crop",defaultMessage:[{type:0,value:"Drag to Adjust"}]},perm_want:{id:"requested_permissions",defaultMessage:[{type:0,value:"Requested"}]},perm_given:{id:"granted_permissions",defaultMessage:[{type:0,value:"Granted"}]},perm_auth:{id:"permissions_authenticated",defaultMessage:[{type:0,value:"Authenticated"}]},perm_anon:{id:"permissions_anonymous",defaultMessage:[{type:0,value:"Anonymous"}]},perm_user:{id:"permissions_user",defaultMessage:[{type:0,value:"User's Permissions"}]},edit_permissions:{id:"menu_item_edit_permissions",defaultMessage:[{type:0,value:"Edit permissions"}]},qrcode:{id:"scan_qr_code",defaultMessage:[{type:0,value:"Scan QR Code"}]},text_copied:{id:"text_copied",defaultMessage:[{type:0,value:"Copied to clipboard"}]},self_topic_name:{id:"self_topic_name",defaultMessage:[{type:0,value:"Saved messages"}]},self_topic_comment:{id:"self_topic_comment",defaultMessage:[{type:0,value:"Notes, messages, links, files saved for posterity"}]}});class D extends i().Component{constructor(e){super(e),this.state={topic:null,owner:!1,admin:!1,sharer:!1,deleter:!1,muted:!1,address:null,groupTopic:void 0,isSelf:!1,channel:void 0,fullName:void 0,description:void 0,avatar:null,private:null,selectedContact:null,access:null,modeGiven:null,modeWant:null,modeGiven2:null,modeWant2:null,auth:null,anon:null,contactList:[],trustedBadges:[],previousMetaDesc:void 0,previousSubsUpdated:void 0},this.propsUpdated=this.propsUpdated.bind(this),this.resetSubs=this.resetSubs.bind(this),this.resetDesc=this.resetDesc.bind(this),this.resetTags=this.resetTags.bind(this),this.onMetaDesc=this.onMetaDesc.bind(this),this.onSubsUpdated=this.onSubsUpdated.bind(this),this.handleImageChanged=this.handleImageChanged.bind(this),this.handleMuted=this.handleMuted.bind(this),this.handleUnarchive=this.handleUnarchive.bind(this),this.handlePermissionsChanged=this.handlePermissionsChanged.bind(this),this.handleLaunchPermissionsEditor=this.handleLaunchPermissionsEditor.bind(this),this.handleShowQRCode=this.handleShowQRCode.bind(this),this.handleCopyToClipboard=this.handleCopyToClipboard.bind(this),this.handleShare=this.handleShare.bind(this),this.handleShowAddMembers=this.handleShowAddMembers.bind(this),this.handleMemberUpdateRequest=this.handleMemberUpdateRequest.bind(this),this.handleMemberSelected=this.handleMemberSelected.bind(this),this.handleContextMenu=this.handleContextMenu.bind(this),this.handleBackNavigate=this.handleBackNavigate.bind(this)}propsUpdated(e){const t=this.props.tinode.getTopic(e.topic);t&&(this.onMetaDesc!=t.onMetaDesc&&(this.previousMetaDesc=t.onMetaDesc,t.onMetaDesc=this.onMetaDesc,this.previousSubsUpdated=t.onSubsUpdated,t.onSubsUpdated=this.onSubsUpdated),this.state.topic!=e.topic&&(this.setState({topic:e.topic}),this.resetDesc(t,e),this.resetSubs(t,e),this.resetTags(t)))}componentDidMount(){this.propsUpdated(this.props)}componentDidUpdate(e){this.propsUpdated(e)}componentWillUnmount(){const e=this.props.tinode.getTopic(this.props.topic);e&&(this.setState({topic:null}),e.onMetaDesc=this.previousMetaDesc,e.onSubsUpdated=this.previousSubsUpdated)}resetSubs(e,t){const s={contactList:[]};if("p2p"==e.getType()){const a=e.subscriber(t.topic);a?(s.modeGiven2=a.acs.getGiven(),s.modeWant2=a.acs.getWant()):(s.modeGiven2=_.D3,s.modeWant2=_.D3)}else e.subscribers(e=>{s.contactList.push(e)},this);this.setState(s)}resetDesc(e,t){const s=e.getDefaultAccess()||{},a=e.getAccessMode(),i=[];if(e.trusted)for(const[t,s]of Object.entries(e.trusted))s&&i.push(t);const n=e.isSelfType();this.setState({owner:a&&a.isOwner(),admin:a&&a.isAdmin(),sharer:a&&a.isSharer(),deleter:a&&a.isDeleter(),muted:a&&a.isMuted(),fullName:n?t.intl.formatMessage(T.self_topic_name):(0,k.W5)(e.public&&e.public.fn,_.tS),description:n?t.intl.formatMessage(T.self_topic_comment):(0,k.W5)(e.public&&e.public.note,_.lQ),avatar:(0,S.to)(e.public?e.public.photo:null),trustedBadges:i,private:(0,k.W5)(e.private&&e.private.comment,_.tS),archived:e.isArchived(),address:e.name,groupTopic:e.isGroupType(),isSelf:n,channel:e.isChannelType()||e.chan,access:a?a.getMode():void 0,modeGiven:a?a.getGiven():void 0,modeWant:a?a.getWant():void 0,auth:s.auth,anon:s.anon})}resetTags(e){if("grp"!=e.getType())return;const t=e.getAccessMode();t&&t.isOwner()&&e.getMeta(e.startMetaQuery().withTags().build())}onMetaDesc(e){const t=this.props.tinode.getTopic(this.props.topic);t&&(this.resetDesc(t,this.props),this.previousMetaDesc&&this.previousMetaDesc!=this.onMetaDesc&&this.previousMetaDesc(e))}onSubsUpdated(e){const t=this.props.tinode.getTopic(this.props.topic);t&&(this.resetSubs(t,this.props),this.previousSubsUpdated&&this.previousSubsUpdated!=this.onSubsUpdated&&this.previousSubsUpdated(e))}handleImageChanged(e,t){this.setState({avatar:t}),this.props.onTopicDescUpdate(this.props.topic,new l.TheCard(null,t||l.Tinode.DEL_CHAR),null)}handleMuted(e,t){this.setState({muted:t}),this.props.onChangePermissions(this.props.topic,t?"-P":"+P")}handleUnarchive(e,t){this.props.onTopicUnArchive(this.props.topic)}handlePermissionsChanged(e,t){switch(e){case"auth":this.props.onTopicDescUpdateRequest(this.props.topic,null,null,{auth:t});break;case"anon":this.props.onTopicDescUpdateRequest(this.props.topic,null,null,{anon:t});break;case"mode":case"want":this.props.onChangePermissions(this.props.topic,t);break;case"given":this.props.onChangePermissions(this.props.topic,t,this.props.topic);break;case"user":this.props.onChangePermissions(this.props.topic,t,this.state.userPermissionsEdited)}this.handleBackNavigate()}handleLaunchPermissionsEditor(e,t){const{formatMessage:s}=this.props.intl;let a,i,n,r,o,c,d;switch(e){case"mode":a=this.state.access;break;case"want":a=this.state.modeWant,i=this.state.modeGiven,this.state.owner?n="O":(n=l.AccessMode.encode(l.AccessMode.diff("ASDO",this.state.modeGiven)),this.state.channel&&(n+="W")),r=s(T.perm_want),o=s(T.perm_given);break;case"given":a=this.state.modeGiven2,i=this.state.modeWant2,n=this.state.groupTopic?this.state.owner?"":"O":"ASDO",r=s(T.perm_given),o=s(T.perm_want);break;case"auth":a=this.state.auth,n="O";break;case"anon":a=this.state.anon,n="O";break;case"user":{const e=this.props.tinode.getTopic(this.props.topic);if(!e)return;const l=e.subscriber(t);if(!l||!l.acs)return;a=l.acs.getGiven(),i=l.acs.getWant(),n=this.state.owner?"":"O",r=s(T.perm_given),o=s(T.perm_want),l.public&&(c=l.public.fn,d=l.public.photo);break}default:return void console.error("Unknown permission editing mode '"+e+"'")}this.setState({userPermissionsEdited:t,userPermissionsTitle:c,userPermissionsAvatar:d,editedPermissions:a,immutablePermissions:i,editedPermissionsTitle:r,immutablePermissionsTitle:o,editedPermissionsSkipped:n}),this.props.onNavigate(`perm/${e}`)}handleShowQRCode(e){e.preventDefault(),this.props.onNavigate("qrcode")}handleCopyToClipboard(e,t){e.preventDefault(),navigator.clipboard.writeText(t).then(e=>{this.setState({toast:this.props.intl.formatMessage(T.text_copied)}),setTimeout(e=>{this.setState({toast:""})},_.bn)})}handleShare(e){e.preventDefault();const t=new l.TheCard(this.state.fullName,this.state.avatar,null,this.state.description);l.TheCard.setTinodeID(t,l.Tinode.URI_TOPIC_ID_PREFIX+this.props.topic),this.props.onShareTheCard(t)}handleShowAddMembers(e){e.preventDefault(),this.props.onInitFind(),this.props.onNavigate("members")}handleMemberUpdateRequest(e,t,s){this.props.onMemberUpdateRequest(this.props.topic,t,s),this.props.onNavigate("info")}handleMemberSelected(e){this.setState({selectedContact:e})}handleBackNavigate(){const e=(this.props.panel||"info").split("/");"info"==e[0]?this.props.onNavigate(null):"perm"==e[0]?"user"==e[1]?this.props.onNavigate("info"):this.props.onNavigate("security"):this.props.onNavigate("info")}handleContextMenu(e){const{formatMessage:t}=this.props.intl,s=this.props.tinode.getTopic(this.props.topic);if(!s)return;const a=s.subscriber(e.topicName);if(!a||!a.acs)return;const i=this.props.tinode.isMe(e.topicName),n=[{title:t(T.edit_permissions),handler:t=>this.handleLaunchPermissionsEditor(i?"want":"user",e.topicName)}];i||n.push("member_delete"),n.push(a.acs.isMuted()?"member_unmute":"member_mute"),i||n.push(a.acs.isJoiner()?"member_block":"member_unblock"),this.props.showContextMenu({topicName:this.props.topic,x:e.x,y:e.y,user:e.topicName},n)}render(){const e=(this.props.panel||"info").split("/"),t=e[0];e.shift();const{formatMessage:s}=this.props.intl,a=s(("perm"==t?T["perm_"+e[0]]:T[t])||T.info),h=this.props.tinode.getTopic(this.state.topic),m=h&&h.alias();return i().createElement("div",{id:"info-view"},i().createElement("div",{className:"toast"+(this.state.toast?" show":"")},this.state.toast),i().createElement("div",{className:"caption-panel",id:"info-caption-panel"},i().createElement("div",{className:"panel-title",id:"info-title"},a),i().createElement("div",null,i().createElement(g.A,{onCancel:this.handleBackNavigate}))),this.props.displayMobile?i().createElement(p.A,{level:this.props.errorLevel,text:this.props.errorText,onClearError:this.props.onError}):null,"members"==t?i().createElement(v,{tinode:this.props.tinode,members:this.state.contactList,requiredMember:this.props.myUserId,keepInitialMembers:!this.state.admin&&!this.state.owner,myUserId:this.props.myUserId,contacts:this.props.searchableContacts,onCancel:this.handleBackNavigate,onSubmit:this.handleMemberUpdateRequest}):"perm"==t&&e.length>0?i().createElement(b.A,{tinode:this.props.tinode,mode:this.state.editedPermissions,compare:this.state.immutablePermissions,skip:this.state.editedPermissionsSkipped,modeTitle:this.state.editedPermissionsTitle,compareTitle:this.state.immutablePermissionsTitle,userTitle:this.state.userPermissionsTitle,item:this.state.userPermissionsEdited,userAvatar:this.state.userPermissionsAvatar,onSubmit:t=>this.handlePermissionsChanged(e[0],t),onCancel:this.handleBackNavigate}):"general"==t?i().createElement(y.A,{tinode:this.props.tinode,topic:this.props.topic,reqCredMethod:this.props.reqCredMethod,onCredAdd:this.props.onCredAdd,onUpdateTagsRequest:this.props.onTopicTagsUpdateRequest,onCredConfirm:this.props.onCredConfirm,onCredDelete:this.props.onCredDelete,onUpdateTopicDesc:this.props.onTopicDescUpdateRequest,onError:this.props.onError}):"security"==t?i().createElement(w,{topic:this.props.topic,owner:this.state.owner,admin:this.state.admin,sharer:this.state.sharer,deleter:this.state.deleter,muted:this.state.muted,groupTopic:this.state.groupTopic,channel:this.state.channel,access:this.state.access,modeGiven:this.state.modeGiven,modeWant:this.state.modeWant,modeGiven2:this.state.modeGiven2,modeWant2:this.state.modeWant2,auth:this.state.auth,anon:this.state.anon,onShowAlert:this.props.onShowAlert,onDeleteMessages:this.props.onDeleteMessages,onLeaveTopic:this.props.onLeaveTopic,onBlockTopic:this.props.onBlockTopic,onReportTopic:this.props.onReportTopic,onLaunchPermissionsEditor:this.handleLaunchPermissionsEditor,onNavigate:this.props.onNavigate}):"qrcode"==t?i().createElement(M,{uri:l.Tinode.URI_TOPIC_ID_PREFIX+this.props.topic,onCancel:this.handleBackNavigate}):i().createElement("div",{id:"info-view-content",className:"scrollable-panel"},i().createElement("div",{className:"panel-form-column"},this.state.isSelf?null:i().createElement("a",{href:"#",className:"flat-button float-right",onClick:e=>{e.preventDefault(),this.props.onNavigate("general")}},i().createElement("i",{className:"material-icons"},"edit")," ",i().createElement(n.FormattedMessage,{id:"button_edit",defaultMessage:[{type:0,value:"Edit"}]})),i().createElement("center",null,i().createElement(r.A,{tinode:this.props.tinode,avatar:this.state.avatar,readOnly:!0,uid:this.props.topic,title:this.state.fullName})),i().createElement("div",{className:"group"},i().createElement("div",null,i().createElement("label",{className:"small"},i().createElement(n.FormattedMessage,{id:"label_topic_name",defaultMessage:[{type:0,value:"Name"}]}))),i().createElement("div",{className:"large ellipsized"},this.state.fullName," ",this.state.channel?i().createElement("i",{className:"material-icons"},"podcasts"):null)),this.state.private?i().createElement("div",{className:"group"},i().createElement("div",null,i().createElement("label",{className:"small"},i().createElement(n.FormattedMessage,{id:"label_private",defaultMessage:[{type:0,value:"Private comment"}]}))),i().createElement("div",{className:"large ellipsized"},this.state.private)):null,this.state.isSelf?null:i().createElement(i().Fragment,null,i().createElement("div",{className:"panel-form-row"},i().createElement("div",null,i().createElement("label",{className:"small"},i().createElement(n.FormattedMessage,{id:"label_user_id",defaultMessage:[{type:0,value:"ID:"}]}))," ",i().createElement("tt",null,this.state.address)),i().createElement("div",{style:{marginLeft:"auto"}}," ",i().createElement("a",{href:"#",onClick:e=>{this.handleCopyToClipboard(e,this.state.address)}},i().createElement("i",{className:"material-icons"},"content_copy")),"   ",i().createElement("a",{href:"#",onClick:this.handleShowQRCode},i().createElement("i",{className:"material-icons"},"qr_code")),"   ",i().createElement("a",{href:"#",onClick:this.handleShare},i().createElement("i",{className:"material-icons"},"share"))," ")),m?i().createElement("div",{className:"panel-form-row"},i().createElement("div",null,i().createElement("label",{className:"small"},i().createElement(n.FormattedMessage,{id:"label_alias",defaultMessage:[{type:0,value:"Alias:"}]}))," ",i().createElement("tt",null,m)),i().createElement("div",{style:{marginLeft:"auto"}}," ",i().createElement("a",{href:"#",onClick:e=>{this.handleCopyToClipboard(e,m)}},i().createElement("i",{className:"material-icons"},"content_copy")),"   ",i().createElement("i",{className:"material-icons",style:{opacity:0}},"qr_code")," ")):null),this.state.trustedBadges.length>0?i().createElement("div",{className:"group"},i().createElement(o.A,{trustedBadges:this.state.trustedBadges})):null,this.state.groupTopic&&h.subcnt>0?i().createElement("div",{className:"group"},i().createElement("label",{className:"small"},this.state.channel?i().createElement(n.FormattedMessage,{id:"label_subscriber_count",defaultMessage:[{type:0,value:"Subscribers:"}]}):i().createElement(n.FormattedMessage,{id:"label_member_count",defaultMessage:[{type:0,value:"Members:"}]}))," ",i().createElement(n.FormattedNumber,{value:h.subcnt})):null,this.state.description?i().createElement("div",{className:"group"},i().createElement("label",{className:"small"},i().createElement(n.FormattedMessage,{id:"label_description",defaultMessage:[{type:0,value:"Description"}]})),i().createElement("div",null,this.state.description)):null),this.state.isSelf?null:i().createElement(i().Fragment,null,i().createElement("div",{className:"hr"}),i().createElement("div",{className:"panel-form-row"},i().createElement("label",null,i().createElement(n.FormattedMessage,{id:"label_muting_topic",defaultMessage:[{type:0,value:"Muted:"}]})),i().createElement(c.A,{name:"P",checked:this.state.muted,onChange:this.handleMuted}))),this.state.archived?i().createElement("div",{className:"panel-form-row"},i().createElement("label",null,i().createElement(n.FormattedMessage,{id:"label_unarchive_topic",defaultMessage:[{type:0,value:"Archived:"}]})),i().createElement(c.A,{name:"archived",checked:!0,onChange:this.handleUnarchive})):null,this.state.isSelf?null:i().createElement(i().Fragment,null,i().createElement("div",{className:"hr"}),i().createElement("div",{className:"panel-form-row"},i().createElement("a",{href:"#",className:"flat-button",onClick:e=>{e.preventDefault(),this.props.onNavigate("security")}},i().createElement("i",{className:"material-icons"},"security")," ",i().createElement(n.FormattedMessage,{id:"button_security",defaultMessage:[{type:0,value:"Security"}]})))),this.state.groupTopic&&this.state.sharer?i().createElement(i().Fragment,null,i().createElement("div",{className:"hr"}),i().createElement("div",{className:"panel-form-row"},i().createElement("label",{className:"small"},i().createElement(n.FormattedMessage,{id:"label_group_members",defaultMessage:[{type:0,value:"Group members:"}]}))),i().createElement("div",{className:"panel-form-row"},i().createElement("a",{href:"#",className:"flat-button",onClick:this.handleShowAddMembers},i().createElement("i",{className:"material-icons"},"person_add"),"  ",i().createElement(n.FormattedMessage,{id:"button_add_members",defaultMessage:[{type:0,value:"Add members"}]}))),i().createElement(n.FormattedMessage,{id:"group_has_no_members",defaultMessage:[{type:0,value:"No members"}]},e=>i().createElement(d.A,{tinode:this.props.tinode,contacts:this.state.contactList,myUserId:this.props.myUserId,emptyListMessage:e,topicSelected:this.state.selectedContact,showOnline:!1,showUnread:!1,showMode:!0,noScroll:!0,onTopicSelected:this.handleMemberSelected,showContextMenu:!!this.state.admin&&this.handleContextMenu}))):null))}}var A=(0,n.injectIntl)(D)}}]);
//# sourceMappingURL=747.prod.js.map