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