\n {this.props.userTitle ?\n \n {this.props.compare ?\n
\n
\n
\n );\n }\n};\n\nexport default injectIntl(PermissionsEditor);\n","// GroupMembers: control for managing a list of group members.\nimport React from 'react';\nimport { FormattedMessage, defineMessages, injectIntl } from 'react-intl';\n\nimport ChipInput from './chip-input.jsx';\nimport ContactList from './contact-list.jsx';\n\nconst messages = defineMessages({\n no_contacts: {\n id: 'no_contacts',\n defaultMessage: 'You have no contacts :-(',\n description: 'Shown in ContactsView when the user has no contacts'\n },\n contacts_not_found_short: {\n id: 'contacts_not_found_short',\n defaultMessage: \"No contacts match ''{query}''\",\n description: 'Shown in ContactsView when search returned no results'\n }\n});\n\nclass GroupManager extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n // Array of topic members\n members: props.members,\n index: GroupManager.indexMembers(props.members),\n staticMembers: GroupManager.staticMembers(props.members, props.keepInitialMembers, props.requiredMember),\n contactFilter: '',\n noContactsMessage: props.intl.formatMessage(messages.no_contacts),\n selectedContacts: GroupManager.selectedContacts(props.members)\n };\n\n this.handleContactSelected = this.handleContactSelected.bind(this);\n this.handleMemberRemoved = this.handleMemberRemoved.bind(this);\n this.handleContactFilter = this.handleContactFilter.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n this.handleCancel = this.handleCancel.bind(this);\n }\n\n static indexMembers(members) {\n let index = {};\n members.forEach(m => {\n index[m.user] = {delta: 0, present: true}; // Delta: 0 unchanged, +1 added, -1 removed\n });\n return index;\n }\n\n static staticMembers(members, keepInitial, requiredMember) {\n let stat = [];\n members.forEach(m => {\n if (keepInitial || m.user == requiredMember) {\n stat.push(m.user);\n }\n });\n return stat;\n }\n\n static selectedContacts(members) {\n let sel = [];\n members.forEach(m => {\n sel.push(m.user);\n });\n return sel;\n }\n\n handleContactSelected(userId, index) {\n let status = this.state.index[userId];\n if (status) {\n if (status.present) {\n // Prevent duplicate members\n return;\n }\n status.delta += 1;\n status.present = true;\n } else {\n status = {delta: 1, present: true};\n }\n\n let m = this.state.members.slice();\n m.push(this.props.contacts[index]);\n\n const sel = GroupManager.selectedContacts(m);\n\n const i = this.state.index;\n i[userId] = status;\n\n this.setState({members: m, index: i, selectedContacts: sel});\n }\n\n handleMemberRemoved(userId, index) {\n const status = this.state.index[userId];\n if (!status || !status.present) {\n return;\n }\n status.present = false;\n status.delta -= 1;\n\n let m = this.state.members.slice();\n m.splice(index, 1);\n\n const sel = GroupManager.selectedContacts(m);\n\n const i = this.state.index;\n i[userId] = status;\n\n this.setState({members: m, index: i, selectedContacts: sel});\n }\n\n handleContactFilter(val) {\n const {formatMessage} = this.props.intl;\n const msg = !val ?\n formatMessage(messages.no_contacts) :\n formatMessage(messages.contacts_not_found_short, {query: val});\n\n this.setState({contactFilter: val, noContactsMessage: msg});\n }\n\n static doContactFiltering(filter, values) {\n if (filter) {\n for (let i=0; i| {this.props.modeTitle} | \n{this.props.compareTitle} | \n
|---|
\n
\n \n \n
\n \n
\n );\n }\n};\n\nexport default injectIntl(GroupManager);\n","import QRCode from 'qrcodejs';\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport { QRCODE_SIZE } from '../config';\n\nexport default class ShowQRCode extends React.PureComponent {\n constructor(props) {\n super(props);\n this.qrCodeRef = React.createRef();\n }\n\n componentDidMount() {\n new QRCode(this.qrCodeRef.current, {\n text: this.props.uri,\n width: QRCODE_SIZE,\n height: QRCODE_SIZE,\n });\n }\n\n render() {\n return (\n \n \n
\n \n
\n \n \n
\n \n
\n \n
\n );\n }\n};\n","// Edit account parameters.\nimport React from 'react';\nimport { FormattedMessage, defineMessages, injectIntl } from 'react-intl';\n\nconst messages = defineMessages({\n clear_messages: {\n id: 'action_clear_messages',\n defaultMessage: 'Clear Messages',\n description: 'Flat button [Clear Messages] (soft-delete messages)'\n },\n clear_messages_warning: {\n id: 'clear_messages_warning',\n defaultMessage: 'Are you sure you want to clear all messages? It cannot be undone.',\n description: 'Alert dialog warning when deleting all messages.'\n },\n delete_messages: {\n id: 'action_delete_messages',\n defaultMessage: 'Clear Messages for All',\n description: 'Flat button [Clear for All] (hard-delete all messages)'\n },\n delete_messages_warning: {\n id: 'delete_messages_warning',\n defaultMessage: 'Are you sure you want to delete all messages for everyone? It cannot be undone.',\n description: 'Alert dialog warning when hard-deleting all messages.'\n },\n topic_delete: {\n id: 'topic_delete',\n defaultMessage: 'Delete Conversation',\n description: 'Alert title when deleting the topic.'\n },\n topic_delete_warning: {\n id: 'topic_delete_warning',\n defaultMessage: 'Are you sure you want to delete this conversation? It cannot be undone.',\n description: 'Alert warning when deleting entire topic'\n },\n leave_chat: {\n id: 'action_leave_chat',\n defaultMessage: 'Leave Conversation',\n description: 'Flat button [Leave Conversation]'\n },\n leave_chat_warning: {\n id: 'leave_chat_warning',\n defaultMessage: 'Are you sure you want to leave this conversation?',\n description: 'Alert dialog warning when unsubscribing from a chat.'\n },\n block_contact: {\n id: 'action_block_contact',\n defaultMessage: \"Block Contact\",\n description: \"Flat button [Block Contact]\"\n },\n block_contact_warning: {\n id: 'block_contact_warning',\n defaultMessage: 'Are you sure you want to block this contact?',\n description: 'Alert dialog warning when blocking a contact.'\n },\n report_chat: {\n id: 'action_report_chat',\n defaultMessage: 'Report Conversation',\n description: 'Flat button [Report Group]'\n },\n report_chat_warning: {\n id: 'report_chat_warning',\n defaultMessage: 'Are you sure you want to block and report this conversation?',\n description: 'Alert dialog warning when reporting a conversation for abuse'\n },\n other_user: {\n id: 'label_other_user',\n defaultMessage: 'Other',\n description: 'Label for the other user when the user is unnamed'\n },\n});\n\nclass TopicSecurity extends React.PureComponent {\n constructor(props) {\n super(props);\n\n this.handleDeleteTopic = this.handleDeleteTopic.bind(this);\n this.handleDeleteMessages = this.handleDeleteMessages.bind(this);\n this.handleLeave = this.handleLeave.bind(this);\n this.handleBlock = this.handleBlock.bind(this);\n this.handleReport = this.handleReport.bind(this);\n }\n\n handleDeleteTopic(e) {\n e.preventDefault();\n const {formatMessage} = this.props.intl;\n this.props.onShowAlert(\n formatMessage(messages.topic_delete), // title\n formatMessage(messages.topic_delete_warning), // content\n _ => this.props.onDeleteTopic(this.props.topic), // onConfirm\n null, // \"OK\"\n true, // Show Reject button\n null // \"Cancel\"\n );\n }\n\n handleDeleteMessages(e) {\n e.preventDefault();\n const {formatMessage} = this.props.intl;\n this.props.onShowAlert(\n formatMessage(this.props.deleter ? messages.delete_messages : messages.clear_messages), // title\n formatMessage(this.props.deleter ? messages.delete_messages_warning : messages.clear_messages_warning), // content\n _ => this.props.onDeleteMessages(this.props.topic), // onConfirm\n null, // \"OK\"\n true, // Show Reject button\n null // \"Cancel\"\n );\n }\n\n handleLeave(e) {\n e.preventDefault();\n const {formatMessage} = this.props.intl;\n this.props.onShowAlert(\n formatMessage(messages.leave_chat), // title\n formatMessage(messages.leave_chat_warning), // content\n _ => this.props.onLeaveTopic(this.props.topic), // onConfirm\n null, // \"OK\"\n true, // Show Reject button\n null // \"Cancel\"\n );\n }\n\n handleBlock(e) {\n e.preventDefault();\n const {formatMessage} = this.props.intl;\n this.props.onShowAlert(\n formatMessage(messages.block_contact), // title\n formatMessage(messages.block_contact_warning), // content\n _ => this.props.onBlockTopic(this.props.topic), // onConfirm\n null, // \"OK\"\n true, // Show Reject button\n null // \"Cancel\"\n );\n }\n\n handleReport(e) {\n e.preventDefault();\n const {formatMessage} = this.props.intl;\n this.props.onShowAlert(\n formatMessage(messages.report_chat), // title\n formatMessage(messages.report_chat_warning), // content\n (_ => { this.props.onReportTopic(this.props.topic); }), // onConfirm\n null, // \"OK\"\n true, // Show Reject button\n null // \"Cancel\"\n );\n }\n\n render() {\n const {formatMessage} = this.props.intl;\n return (\n \n \n
\n \n
\n \n
\n );\n }\n};\n\nexport default injectIntl(TopicSecurity);\n","// InfoView: panel with topic/user info.\nimport React from 'react';\nimport { FormattedMessage, FormattedNumber, defineMessages, injectIntl } from 'react-intl';\n\nimport { AccessMode, Tinode } from 'tinode-sdk';\n\nimport AvatarUpload from '../widgets/avatar-upload.jsx';\nimport BadgeList from '../widgets/badge-list.jsx';\nimport CheckBox from '../widgets/checkbox.jsx';\nimport ContactList from '../widgets/contact-list.jsx';\nimport ErrorPanel from '../widgets/error-panel.jsx';\nimport GroupManager from '../widgets/group-manager.jsx';\nimport MenuCancel from '../widgets/menu-cancel.jsx';\nimport PermissionsEditor from '../widgets/permissions-editor.jsx';\nimport ShowQRCode from '../widgets/show-qrcode.jsx';\nimport TopicCommonView from './topic-common-view.jsx';\nimport TopicSecurity from '../widgets/topic-security.jsx';\n\nimport { MAX_TITLE_LENGTH, MAX_TOPIC_DESCRIPTION_LENGTH,\n NO_ACCESS_MODE, TOAST_DURATION } from '../config.js';\n\nimport { makeImageUrl } from '../lib/blob-helpers.js';\nimport { theCard } from '../lib/utils.js';\nimport { truncateString } from '../lib/strformat.js';\n\nconst messages = defineMessages({\n info: {\n id: 'panel_title_info',\n description: 'Title for InfoView',\n defaultMessage: 'Info'\n },\n general: {\n id: 'panel_title_general',\n description: 'Title for TopicCommon.',\n defaultMessage: 'General'\n },\n security: {\n id: 'panel_title_security',\n description: 'Title for TopicSecirity and AccSecurity.',\n defaultMessage: 'Security'\n },\n members: {\n id: 'panel_title_members',\n description: 'Title for managing group members view.',\n defaultMessage: 'Members'\n },\n crop: {\n id: 'panel_title_crop',\n description: 'Title for AvatarCropView.',\n defaultMessage: 'Drag to Adjust'\n },\n perm_want: {\n id: 'requested_permissions',\n defaultMessage: 'Requested',\n description: 'Title for permissions'\n },\n perm_given: {\n id: 'granted_permissions',\n defaultMessage: 'Granted',\n description: 'Title for permissions'\n },\n perm_auth: {\n id: 'permissions_authenticated',\n defaultMessage: 'Authenticated',\n description: 'Title for editing default authenticated permissions'\n },\n perm_anon: {\n id: 'permissions_anonymous',\n defaultMessage: 'Anonymous',\n description: 'Title for editing default anonymous permissions'\n },\n perm_user: {\n id: 'permissions_user',\n defaultMessage: 'User\\'s Permissions',\n description: 'Title for editing user\\'s permissions'\n },\n edit_permissions: {\n id: 'menu_item_edit_permissions',\n defaultMessage: 'Edit permissions',\n description: 'Menu item [Edit permissions]'\n },\n qrcode: {\n id: 'scan_qr_code',\n defaultMessage: 'Scan QR Code',\n description: 'Title for scanning QR code'\n },\n text_copied: {\n id: 'text_copied',\n defaultMessage: 'Copied to clipboard',\n description: 'Notification that text has been copied to clipboard'\n },\n self_topic_name: {\n id: 'self_topic_name',\n defaultMessage: 'Saved messages',\n description: 'Name of self topic for UI',\n },\n self_topic_comment: {\n id: 'self_topic_comment',\n defaultMessage: 'Notes, messages, links, files saved for posterity',\n description: 'Comment for self topic for UI',\n },\n});\n\nclass InfoView extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n topic: null,\n owner: false,\n admin: false,\n sharer: false,\n deleter: false,\n muted: false,\n address: null,\n groupTopic: undefined,\n isSelf: false,\n channel: undefined,\n fullName: undefined,\n description: undefined,\n avatar: null,\n private: null,\n selectedContact: null,\n access: null,\n modeGiven: null,\n modeWant: null,\n modeGiven2: null, // P2P topic, the other user mode given\n modeWant2: null, // P2P topic, the other user mode want\n auth: null,\n anon: null,\n contactList: [],\n trustedBadges: [],\n previousMetaDesc: undefined,\n previousSubsUpdated: undefined,\n };\n\n this.propsUpdated = this.propsUpdated.bind(this);\n this.resetSubs = this.resetSubs.bind(this);\n this.resetDesc = this.resetDesc.bind(this);\n this.resetTags = this.resetTags.bind(this);\n this.onMetaDesc = this.onMetaDesc.bind(this);\n this.onSubsUpdated = this.onSubsUpdated.bind(this);\n this.handleImageChanged = this.handleImageChanged.bind(this);\n this.handleMuted = this.handleMuted.bind(this);\n this.handleUnarchive = this.handleUnarchive.bind(this);\n this.handlePermissionsChanged = this.handlePermissionsChanged.bind(this);\n this.handleLaunchPermissionsEditor = this.handleLaunchPermissionsEditor.bind(this);\n this.handleShowQRCode = this.handleShowQRCode.bind(this);\n this.handleCopyToClipboard = this.handleCopyToClipboard.bind(this);\n this.handleShowAddMembers = this.handleShowAddMembers.bind(this);\n this.handleMemberUpdateRequest = this.handleMemberUpdateRequest.bind(this);\n this.handleMemberSelected = this.handleMemberSelected.bind(this);\n this.handleContextMenu = this.handleContextMenu.bind(this);\n this.handleBackNavigate = this.handleBackNavigate.bind(this);\n }\n\n propsUpdated(props) {\n const topic = this.props.tinode.getTopic(props.topic);\n if (!topic) {\n return;\n }\n\n if (this.onMetaDesc != topic.onMetaDesc) {\n this.previousMetaDesc = topic.onMetaDesc;\n topic.onMetaDesc = this.onMetaDesc;\n\n this.previousSubsUpdated = topic.onSubsUpdated;\n topic.onSubsUpdated = this.onSubsUpdated;\n }\n\n if (this.state.topic != props.topic) {\n this.setState({topic: props.topic});\n this.resetDesc(topic, props);\n this.resetSubs(topic, props);\n this.resetTags(topic);\n }\n }\n\n // Must provide this for lazy loaded components.\n componentDidMount() {\n this.propsUpdated(this.props);\n }\n\n componentDidUpdate(props) {\n this.propsUpdated(props);\n }\n\n componentWillUnmount() {\n const topic = this.props.tinode.getTopic(this.props.topic);\n if (!topic) {\n return;\n }\n this.setState({topic: null});\n topic.onMetaDesc = this.previousMetaDesc;\n topic.onSubsUpdated = this.previousSubsUpdated;\n }\n\n resetSubs(topic, props) {\n const newState = {contactList: []};\n if (topic.getType() == 'p2p') {\n // Fetch the other party in the p2p conversation.\n // Topic may not be ready yet, so check if user is found.\n const user2 = topic.subscriber(props.topic);\n if (user2) {\n newState.modeGiven2 = user2.acs.getGiven();\n newState.modeWant2 = user2.acs.getWant();\n } else {\n newState.modeGiven2 = NO_ACCESS_MODE;\n newState.modeWant2 = NO_ACCESS_MODE;\n }\n } else {\n topic.subscribers((sub) => {\n newState.contactList.push(sub);\n }, this);\n }\n\n this.setState(newState);\n }\n\n resetDesc(topic, props) {\n const defacs = topic.getDefaultAccess() || {};\n const acs = topic.getAccessMode();\n\n const badges = [];\n if (topic.trusted) {\n for (const [key, val] of Object.entries(topic.trusted)) {\n if (val) {\n badges.push(key);\n }\n }\n }\n\n const isSelf = topic.isSelfType();\n\n this.setState({\n owner: acs && acs.isOwner(),\n admin: acs && acs.isAdmin(),\n sharer: acs && acs.isSharer(),\n deleter: acs && acs.isDeleter(),\n muted: acs && acs.isMuted(),\n\n fullName: isSelf ?\n props.intl.formatMessage(messages.self_topic_name) :\n truncateString(topic.public && topic.public.fn, MAX_TITLE_LENGTH),\n description: isSelf ?\n props.intl.formatMessage(messages.self_topic_comment) :\n truncateString(topic.public && topic.public.note, MAX_TOPIC_DESCRIPTION_LENGTH),\n avatar: makeImageUrl(topic.public ? topic.public.photo : null),\n trustedBadges: badges,\n private: truncateString(topic.private && topic.private.comment, MAX_TITLE_LENGTH),\n archived: topic.isArchived(),\n address: topic.name,\n groupTopic: topic.isGroupType(),\n isSelf: isSelf,\n channel: topic.isChannelType() || topic.chan,\n access: acs ? acs.getMode() : undefined,\n modeGiven: acs ? acs.getGiven() : undefined,\n modeWant: acs ? acs.getWant() : undefined,\n auth: defacs.auth,\n anon: defacs.anon\n });\n }\n\n resetTags(topic) {\n if (topic.getType() != 'grp') {\n return;\n }\n\n const acs = topic.getAccessMode();\n if (acs && acs.isOwner()) {\n // Requesting tags: owner is editing the topic.\n topic.getMeta(topic.startMetaQuery().withTags().build());\n }\n }\n\n onMetaDesc(desc) {\n const topic = this.props.tinode.getTopic(this.props.topic);\n if (!topic) {\n return;\n }\n this.resetDesc(topic, this.props);\n\n if (this.previousMetaDesc && this.previousMetaDesc != this.onMetaDesc) {\n this.previousMetaDesc(desc);\n }\n }\n\n onSubsUpdated(subs) {\n const topic = this.props.tinode.getTopic(this.props.topic);\n if (!topic) {\n return;\n }\n this.resetSubs(topic, this.props);\n\n if (this.previousSubsUpdated && this.previousSubsUpdated != this.onSubsUpdated) {\n this.previousSubsUpdated(subs);\n }\n }\n\n handleImageChanged(mime, img) {\n this.setState({avatar: img});\n this.props.onTopicDescUpdate(this.props.topic, theCard(null, img || Tinode.DEL_CHAR), null);\n }\n\n handleMuted(ignored, checked) {\n this.setState({muted: checked});\n this.props.onChangePermissions(this.props.topic, checked ? '-P' : '+P');\n }\n\n handleUnarchive(ignored, ignored2) {\n this.props.onTopicUnArchive(this.props.topic);\n }\n\n handlePermissionsChanged(which, perm) {\n switch (which) {\n case 'auth':\n this.props.onTopicDescUpdateRequest(this.props.topic, null, null, {auth: perm});\n break;\n case 'anon':\n this.props.onTopicDescUpdateRequest(this.props.topic, null, null, {anon: perm});\n break;\n case 'mode':\n case 'want':\n this.props.onChangePermissions(this.props.topic, perm);\n break;\n case 'given':\n this.props.onChangePermissions(this.props.topic, perm, this.props.topic);\n break;\n case 'user':\n this.props.onChangePermissions(this.props.topic, perm, this.state.userPermissionsEdited);\n break;\n }\n\n this.handleBackNavigate();\n }\n\n handleLaunchPermissionsEditor(which, uid) {\n const {formatMessage} = this.props.intl;\n let toEdit, toCompare, toSkip, titleEdit, titleCompare, userTitle, userAvatar;\n switch (which) {\n case 'mode':\n toEdit = this.state.access;\n break;\n case 'want':\n toEdit = this.state.modeWant;\n toCompare = this.state.modeGiven;\n if (this.state.owner) {\n // Don't allow owner to unset 'O' permission. All other permissions are OK.\n toSkip = 'O';\n } else {\n // Allow accepting any of 'ASDO' permissions but don't allow asking for them.\n toSkip = AccessMode.encode(AccessMode.diff('ASDO', this.state.modeGiven));\n if (this.state.channel) {\n // Channels are read-only.\n toSkip += 'W';\n }\n }\n titleEdit = formatMessage(messages.perm_want);\n titleCompare = formatMessage(messages.perm_given);\n break;\n case 'given':\n toEdit = this.state.modeGiven2;\n toCompare = this.state.modeWant2;\n toSkip = this.state.groupTopic ? (this.state.owner ? '' : 'O') : 'ASDO';\n titleEdit = formatMessage(messages.perm_given);\n titleCompare = formatMessage(messages.perm_want);\n break;\n case 'auth':\n toEdit = this.state.auth;\n toSkip = 'O';\n break;\n case 'anon':\n toEdit = this.state.anon;\n toSkip = 'O';\n break;\n case 'user': {\n const topic = this.props.tinode.getTopic(this.props.topic);\n if (!topic) {\n return;\n }\n const user = topic.subscriber(uid);\n if (!user || !user.acs) {\n return;\n }\n toEdit = user.acs.getGiven();\n toCompare = user.acs.getWant();\n toSkip = this.state.owner ? '' : 'O';\n titleEdit = formatMessage(messages.perm_given);\n titleCompare = formatMessage(messages.perm_want);\n if (user.public) {\n userTitle = user.public.fn;\n userAvatar = user.public.photo;\n }\n break;\n }\n default:\n console.error(\"Unknown permission editing mode '\" + which + \"'\");\n return;\n }\n this.setState({\n userPermissionsEdited: uid,\n userPermissionsTitle: userTitle,\n userPermissionsAvatar: userAvatar,\n editedPermissions: toEdit,\n immutablePermissions: toCompare,\n editedPermissionsTitle: titleEdit,\n immutablePermissionsTitle: titleCompare,\n editedPermissionsSkipped: toSkip,\n });\n this.props.onNavigate(`perm/${which}`);\n }\n\n handleShowQRCode(e) {\n e.preventDefault();\n this.props.onNavigate('qrcode');\n }\n\n handleCopyToClipboard(e, text) {\n e.preventDefault();\n navigator.clipboard.writeText(text).then(_ => {\n this.setState({toast: this.props.intl.formatMessage(messages.text_copied)});\n setTimeout(_ => { this.setState({toast: ''}); }, TOAST_DURATION);\n });\n\n }\n\n handleShowAddMembers(e) {\n e.preventDefault();\n this.props.onInitFind();\n this.props.onNavigate('members');\n }\n\n handleMemberUpdateRequest(members, added, removed) {\n this.props.onMemberUpdateRequest(this.props.topic, added, removed);\n this.props.onNavigate('info');\n }\n\n handleMemberSelected(uid) {\n this.setState({selectedContact: uid});\n }\n\n handleBackNavigate() {\n const args = (this.props.panel || 'info').split('/');\n if (args[0] == 'info') {\n this.props.onNavigate(null);\n } else if (args[0] == 'perm') {\n if (args[1] == 'user') {\n this.props.onNavigate('info');\n } else {\n this.props.onNavigate('security');\n }\n } else {\n this.props.onNavigate('info');\n }\n }\n\n handleContextMenu(params) {\n const {formatMessage} = this.props.intl;\n const topic = this.props.tinode.getTopic(this.props.topic);\n if (!topic) {\n return;\n }\n const user = topic.subscriber(params.topicName);\n if (!user || !user.acs) {\n return;\n }\n\n const isMe = this.props.tinode.isMe(params.topicName);\n const menuItems = [{\n title: formatMessage(messages.edit_permissions),\n handler: _ => this.handleLaunchPermissionsEditor(isMe ? 'want' : 'user', params.topicName)\n }];\n if (!isMe) {\n menuItems.push('member_delete');\n }\n menuItems.push(user.acs.isMuted() ? 'member_unmute' : 'member_mute');\n if (!isMe) {\n menuItems.push(user.acs.isJoiner() ? 'member_block' : 'member_unblock');\n }\n this.props.showContextMenu({\n topicName: this.props.topic,\n x: params.x,\n y: params.y,\n user: params.topicName}, menuItems);\n }\n\n render() {\n const args = (this.props.panel || 'info').split('/');\n const view = args[0];\n args.shift();\n\n const {formatMessage} = this.props.intl;\n const panelTitle = formatMessage((view == 'perm' ? messages['perm_' + args[0]] : messages[view])\n || messages['info']);\n\n const topic = this.props.tinode.getTopic(this.state.topic);\n const alias = topic && topic.alias();\n\n return (\n \n {!this.props.channel ?\n \n delete_outline {\n formatMessage(this.props.deleter ? messages.delete_messages : messages.clear_messages)\n }\n \n :\n null\n }\n {this.props.owner ?\n \n delete {formatMessage(messages.topic_delete)}\n \n :\n \n exit_to_app {formatMessage(messages.leave_chat)}\n \n }\n {!this.props.groupTopic ?\n \n block {formatMessage(messages.block_contact)}\n \n :\n null\n }\n {!this.props.owner ?\n \n report {formatMessage(messages.report_chat)}\n \n :\n null\n }\n
\n \n \n {this.props.groupTopic ?\n <>\n
\n \n {e.preventDefault(); this.props.onLaunchPermissionsEditor('want')}}>\n {this.props.access}\n \n
\n {!this.props.channel ?\n \n
\n :\n null\n }\n \n :\n \n \n
\n \n
\n Auth: {\n e.preventDefault();\n if (this.props.owner) {\n this.props.onLaunchPermissionsEditor('auth');\n }\n }}>{this.props.auth}\n
\n Anon: {\n e.preventDefault();\n if (this.props.owner) {\n this.props.onLaunchPermissionsEditor('anon');\n }\n }}>{this.props.anon}\n
\n \n
\n }\n \n \n
\n \n
\n \n
\n {this.props.fullName ? this.props.fullName : formatMessage(messages.other_user)}:\n {e.preventDefault(); this.props.onLaunchPermissionsEditor('given')}}>\n {this.props.modeGiven2}\n \n
\n \n this.handlePermissionsChanged(args[0], mode)}\n onCancel={this.handleBackNavigate} />\n :\n view == 'general' ?\n
\n );\n }\n};\n\nexport default injectIntl(InfoView);\n"],"names":["messages","defineMessages","joiner","id","defaultMessage","reader","writer","preser","approver","sharer","deleter","owner","PermissionsEditor","React","constructor","props","super","this","state","mode","replace","handleChange","bind","handleSubmit","handleCancel","val","indexOf","setState","split","sort","join","onSubmit","onCancel","render","formatMessage","intl","all","names","skip","compare","items","i","c","charAt","push","key","className","CheckBox","name","checked","onChange","userTitle","Contact","tinode","item","title","small","avatar","makeImageUrl","userAvatar","FormattedMessage","modeTitle","compareTitle","onClick","injectIntl","no_contacts","contacts_not_found_short","GroupManager","members","index","indexMembers","staticMembers","keepInitialMembers","requiredMember","contactFilter","noContactsMessage","selectedContacts","handleContactSelected","handleMemberRemoved","handleContactFilter","forEach","m","user","delta","present","keepInitial","stat","sel","userId","status","slice","contacts","splice","msg","query","doContactFiltering","filter","values","length","added","removed","Object","keys","k","ChipInput","chips","prompt","filterFunc","onChipRemoved","ContactList","myUserId","topicSelected","emptyListMessage","showOnline","showUnread","onTopicSelected","ShowQRCode","qrCodeRef","componentDidMount","QRCode","current","text","uri","width","QRCODE_SIZE","height","ref","clear_messages","clear_messages_warning","delete_messages","delete_messages_warning","topic_delete","topic_delete_warning","leave_chat","leave_chat_warning","block_contact","block_contact_warning","report_chat","report_chat_warning","other_user","TopicSecurity","handleDeleteTopic","handleDeleteMessages","handleLeave","handleBlock","handleReport","e","preventDefault","onShowAlert","_","onDeleteTopic","topic","onDeleteMessages","onLeaveTopic","onBlockTopic","onReportTopic","channel","href","groupTopic","onLaunchPermissionsEditor","access","auth","anon","fullName","modeGiven2","info","general","security","crop","perm_want","perm_given","perm_auth","perm_anon","perm_user","edit_permissions","qrcode","text_copied","self_topic_name","self_topic_comment","InfoView","admin","muted","address","undefined","isSelf","description","private","selectedContact","modeGiven","modeWant","modeWant2","contactList","trustedBadges","previousMetaDesc","previousSubsUpdated","propsUpdated","resetSubs","resetDesc","resetTags","onMetaDesc","onSubsUpdated","handleImageChanged","handleMuted","handleUnarchive","handlePermissionsChanged","handleLaunchPermissionsEditor","handleShowQRCode","handleCopyToClipboard","handleShowAddMembers","handleMemberUpdateRequest","handleMemberSelected","handleContextMenu","handleBackNavigate","getTopic","componentDidUpdate","componentWillUnmount","newState","getType","user2","subscriber","acs","getGiven","getWant","NO_ACCESS_MODE","subscribers","sub","defacs","getDefaultAccess","getAccessMode","badges","trusted","entries","isSelfType","isOwner","isAdmin","isSharer","isDeleter","isMuted","truncateString","public","fn","MAX_TITLE_LENGTH","note","MAX_TOPIC_DESCRIPTION_LENGTH","photo","comment","archived","isArchived","isGroupType","isChannelType","chan","getMode","getMeta","startMetaQuery","withTags","build","desc","subs","mime","img","onTopicDescUpdate","theCard","Tinode","DEL_CHAR","ignored","onChangePermissions","ignored2","onTopicUnArchive","which","perm","onTopicDescUpdateRequest","userPermissionsEdited","uid","toEdit","toCompare","toSkip","titleEdit","titleCompare","AccessMode","encode","diff","console","error","userPermissionsTitle","userPermissionsAvatar","editedPermissions","immutablePermissions","editedPermissionsTitle","immutablePermissionsTitle","editedPermissionsSkipped","onNavigate","navigator","clipboard","writeText","then","toast","setTimeout","TOAST_DURATION","onInitFind","onMemberUpdateRequest","args","panel","params","topicName","isMe","menuItems","handler","isJoiner","showContextMenu","x","y","view","shift","panelTitle","alias","MenuCancel","displayMobile","ErrorPanel","level","errorLevel","errorText","onClearError","onError","searchableContacts","TopicCommonView","reqCredMethod","onCredAdd","onUpdateTagsRequest","onTopicTagsUpdateRequest","onCredConfirm","onCredDelete","onUpdateTopicDesc","URI_TOPIC_ID_PREFIX","AvatarUpload","readOnly","src","alt","style","marginLeft","opacity","BadgeList","subcnt","FormattedNumber","value","no_members","showMode","noScroll"],"sourceRoot":""}
\ No newline at end of file
+{"version":3,"file":"747.prod.js","mappings":"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","sources":["webpack://tinode-webapp/./src/widgets/permissions-editor.jsx","webpack://tinode-webapp/./src/widgets/group-manager.jsx","webpack://tinode-webapp/./src/widgets/show-qrcode.jsx","webpack://tinode-webapp/./src/widgets/topic-security.jsx","webpack://tinode-webapp/./src/views/info-view.jsx"],"sourcesContent":["// PermissionsEditor: Component for editing permissions\n// {this.state.toast}
\n \n
\n {this.props.displayMobile ?\n {panelTitle}
\n \n
\n \n {\n (no_members) => \n \n :\n null\n }\n
\n }\n \n {!this.state.isSelf ?\n {e.preventDefault(); this.props.onNavigate('general');}}>\n edit \n \n \n
\n {!this.state.isSelf ?\n <>\n \n \n
\n {this.state.private ?\n {this.state.fullName}\n {this.state.channel ? ![\"channel\"](\"/img/channel.png\")
: null}
\n : null}\n \n
\n : null\n }\n {!this.state.isSelf ?\n <>\n {this.state.private}
\n \n
\n {alias ?\n \n \n {this.state.address}\n
\n \n \n
\n : null}\n \n : null\n }\n {this.state.trustedBadges.length > 0 ?\n \n \n {alias}\n
\n \n {this.handleCopyToClipboard(e, alias);}}>\n content_copy\n \n qr_code \n
\n \n
\n : null\n }\n {this.state.groupTopic && topic.subcnt > 0 ?\n \n \n
: null}\n {this.state.description}
\n \n \n
\n : null\n }\n {this.state.archived ?\n \n \n
\n :\n null\n }\n {!this.state.isSelf ?\n <>\n \n : null\n }\n {this.state.groupTopic && this.state.sharer ?\n <>\n \n \n \n
\n \n \n person_add
\n \n {this.props.userTitle ?\n \n {this.props.compare ?\n
\n
\n
\n );\n }\n};\n\nexport default injectIntl(PermissionsEditor);\n","// GroupMembers: control for managing a list of group members.\nimport React from 'react';\nimport { FormattedMessage, defineMessages, injectIntl } from 'react-intl';\n\nimport ChipInput from './chip-input.jsx';\nimport ContactList from './contact-list.jsx';\n\nconst messages = defineMessages({\n no_contacts: {\n id: 'no_contacts',\n defaultMessage: 'You have no contacts :-(',\n description: 'Shown in ContactsView when the user has no contacts'\n },\n contacts_not_found_short: {\n id: 'contacts_not_found_short',\n defaultMessage: \"No contacts match ''{query}''\",\n description: 'Shown in ContactsView when search returned no results'\n }\n});\n\nclass GroupManager extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n // Array of topic members\n members: props.members,\n index: GroupManager.indexMembers(props.members),\n staticMembers: GroupManager.staticMembers(props.members, props.keepInitialMembers, props.requiredMember),\n contactFilter: '',\n noContactsMessage: props.intl.formatMessage(messages.no_contacts),\n selectedContacts: GroupManager.selectedContacts(props.members)\n };\n\n this.handleContactSelected = this.handleContactSelected.bind(this);\n this.handleMemberRemoved = this.handleMemberRemoved.bind(this);\n this.handleContactFilter = this.handleContactFilter.bind(this);\n this.handleSubmit = this.handleSubmit.bind(this);\n this.handleCancel = this.handleCancel.bind(this);\n }\n\n static indexMembers(members) {\n let index = {};\n members.forEach(m => {\n index[m.user] = {delta: 0, present: true}; // Delta: 0 unchanged, +1 added, -1 removed\n });\n return index;\n }\n\n static staticMembers(members, keepInitial, requiredMember) {\n let stat = [];\n members.forEach(m => {\n if (keepInitial || m.user == requiredMember) {\n stat.push(m.user);\n }\n });\n return stat;\n }\n\n static selectedContacts(members) {\n let sel = [];\n members.forEach(m => {\n sel.push(m.user);\n });\n return sel;\n }\n\n handleContactSelected(userId, index) {\n let status = this.state.index[userId];\n if (status) {\n if (status.present) {\n // Prevent duplicate members\n return;\n }\n status.delta += 1;\n status.present = true;\n } else {\n status = {delta: 1, present: true};\n }\n\n let m = this.state.members.slice();\n m.push(this.props.contacts[index]);\n\n const sel = GroupManager.selectedContacts(m);\n\n const i = this.state.index;\n i[userId] = status;\n\n this.setState({members: m, index: i, selectedContacts: sel});\n }\n\n handleMemberRemoved(userId, index) {\n const status = this.state.index[userId];\n if (!status || !status.present) {\n return;\n }\n status.present = false;\n status.delta -= 1;\n\n let m = this.state.members.slice();\n m.splice(index, 1);\n\n const sel = GroupManager.selectedContacts(m);\n\n const i = this.state.index;\n i[userId] = status;\n\n this.setState({members: m, index: i, selectedContacts: sel});\n }\n\n handleContactFilter(val) {\n const {formatMessage} = this.props.intl;\n const msg = !val ?\n formatMessage(messages.no_contacts) :\n formatMessage(messages.contacts_not_found_short, {query: val});\n\n this.setState({contactFilter: val, noContactsMessage: msg});\n }\n\n static doContactFiltering(filter, values) {\n if (filter) {\n for (let i=0; i| {this.props.modeTitle} | \n{this.props.compareTitle} | \n
|---|
\n
\n \n \n
\n \n
\n );\n }\n};\n\nexport default injectIntl(GroupManager);\n","import QRCode from 'qrcodejs';\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\n\nimport { QRCODE_SIZE } from '../config';\n\nexport default class ShowQRCode extends React.PureComponent {\n constructor(props) {\n super(props);\n this.qrCodeRef = React.createRef();\n }\n\n componentDidMount() {\n new QRCode(this.qrCodeRef.current, {\n text: this.props.uri,\n width: QRCODE_SIZE,\n height: QRCODE_SIZE,\n });\n }\n\n render() {\n return (\n \n \n
\n \n
\n \n \n
\n \n
\n \n
\n );\n }\n};\n","// Edit account parameters.\nimport React from 'react';\nimport { FormattedMessage, defineMessages, injectIntl } from 'react-intl';\n\nconst messages = defineMessages({\n clear_messages: {\n id: 'action_clear_messages',\n defaultMessage: 'Clear Messages',\n description: 'Flat button [Clear Messages] (soft-delete messages)'\n },\n clear_messages_warning: {\n id: 'clear_messages_warning',\n defaultMessage: 'Are you sure you want to clear all messages? It cannot be undone.',\n description: 'Alert dialog warning when deleting all messages.'\n },\n delete_messages: {\n id: 'action_delete_messages',\n defaultMessage: 'Clear Messages for All',\n description: 'Flat button [Clear for All] (hard-delete all messages)'\n },\n delete_messages_warning: {\n id: 'delete_messages_warning',\n defaultMessage: 'Are you sure you want to delete all messages for everyone? It cannot be undone.',\n description: 'Alert dialog warning when hard-deleting all messages.'\n },\n topic_delete: {\n id: 'topic_delete',\n defaultMessage: 'Delete Conversation',\n description: 'Alert title when deleting the topic.'\n },\n topic_delete_warning: {\n id: 'topic_delete_warning',\n defaultMessage: 'Are you sure you want to delete this conversation? It cannot be undone.',\n description: 'Alert warning when deleting entire topic'\n },\n leave_chat: {\n id: 'action_leave_chat',\n defaultMessage: 'Leave Conversation',\n description: 'Flat button [Leave Conversation]'\n },\n leave_chat_warning: {\n id: 'leave_chat_warning',\n defaultMessage: 'Are you sure you want to leave this conversation?',\n description: 'Alert dialog warning when unsubscribing from a chat.'\n },\n block_contact: {\n id: 'action_block_contact',\n defaultMessage: \"Block Contact\",\n description: \"Flat button [Block Contact]\"\n },\n block_contact_warning: {\n id: 'block_contact_warning',\n defaultMessage: 'Are you sure you want to block this contact?',\n description: 'Alert dialog warning when blocking a contact.'\n },\n report_chat: {\n id: 'action_report_chat',\n defaultMessage: 'Report Conversation',\n description: 'Flat button [Report Group]'\n },\n report_chat_warning: {\n id: 'report_chat_warning',\n defaultMessage: 'Are you sure you want to block and report this conversation?',\n description: 'Alert dialog warning when reporting a conversation for abuse'\n },\n other_user: {\n id: 'label_other_user',\n defaultMessage: 'Other',\n description: 'Label for the other user when the user is unnamed'\n },\n});\n\nclass TopicSecurity extends React.PureComponent {\n constructor(props) {\n super(props);\n\n this.handleDeleteTopic = this.handleDeleteTopic.bind(this);\n this.handleDeleteMessages = this.handleDeleteMessages.bind(this);\n this.handleLeave = this.handleLeave.bind(this);\n this.handleBlock = this.handleBlock.bind(this);\n this.handleReport = this.handleReport.bind(this);\n }\n\n handleDeleteTopic(e) {\n e.preventDefault();\n const {formatMessage} = this.props.intl;\n this.props.onShowAlert(\n formatMessage(messages.topic_delete), // title\n formatMessage(messages.topic_delete_warning), // content\n _ => this.props.onDeleteTopic(this.props.topic), // onConfirm\n null, // \"OK\"\n true, // Show Reject button\n null // \"Cancel\"\n );\n }\n\n handleDeleteMessages(e) {\n e.preventDefault();\n const {formatMessage} = this.props.intl;\n this.props.onShowAlert(\n formatMessage(this.props.deleter ? messages.delete_messages : messages.clear_messages), // title\n formatMessage(this.props.deleter ? messages.delete_messages_warning : messages.clear_messages_warning), // content\n _ => this.props.onDeleteMessages(this.props.topic), // onConfirm\n null, // \"OK\"\n true, // Show Reject button\n null // \"Cancel\"\n );\n }\n\n handleLeave(e) {\n e.preventDefault();\n const {formatMessage} = this.props.intl;\n this.props.onShowAlert(\n formatMessage(messages.leave_chat), // title\n formatMessage(messages.leave_chat_warning), // content\n _ => this.props.onLeaveTopic(this.props.topic), // onConfirm\n null, // \"OK\"\n true, // Show Reject button\n null // \"Cancel\"\n );\n }\n\n handleBlock(e) {\n e.preventDefault();\n const {formatMessage} = this.props.intl;\n this.props.onShowAlert(\n formatMessage(messages.block_contact), // title\n formatMessage(messages.block_contact_warning), // content\n _ => this.props.onBlockTopic(this.props.topic), // onConfirm\n null, // \"OK\"\n true, // Show Reject button\n null // \"Cancel\"\n );\n }\n\n handleReport(e) {\n e.preventDefault();\n const {formatMessage} = this.props.intl;\n this.props.onShowAlert(\n formatMessage(messages.report_chat), // title\n formatMessage(messages.report_chat_warning), // content\n (_ => { this.props.onReportTopic(this.props.topic); }), // onConfirm\n null, // \"OK\"\n true, // Show Reject button\n null // \"Cancel\"\n );\n }\n\n render() {\n const {formatMessage} = this.props.intl;\n return (\n \n \n
\n \n
\n \n
\n );\n }\n};\n\nexport default injectIntl(TopicSecurity);\n","// InfoView: panel with topic/user info.\nimport React from 'react';\nimport { FormattedMessage, FormattedNumber, defineMessages, injectIntl } from 'react-intl';\n\nimport { AccessMode, Tinode } from 'tinode-sdk';\n\nimport AvatarUpload from '../widgets/avatar-upload.jsx';\nimport BadgeList from '../widgets/badge-list.jsx';\nimport CheckBox from '../widgets/checkbox.jsx';\nimport ContactList from '../widgets/contact-list.jsx';\nimport ErrorPanel from '../widgets/error-panel.jsx';\nimport GroupManager from '../widgets/group-manager.jsx';\nimport MenuCancel from '../widgets/menu-cancel.jsx';\nimport PermissionsEditor from '../widgets/permissions-editor.jsx';\nimport ShowQRCode from '../widgets/show-qrcode.jsx';\nimport TopicCommonView from './topic-common-view.jsx';\nimport TopicSecurity from '../widgets/topic-security.jsx';\n\nimport { MAX_TITLE_LENGTH, MAX_TOPIC_DESCRIPTION_LENGTH,\n NO_ACCESS_MODE, TOAST_DURATION } from '../config.js';\n\nimport { makeImageUrl } from '../lib/blob-helpers.js';\nimport { theCard } from '../lib/utils.js';\nimport { truncateString } from '../lib/strformat.js';\n\nconst messages = defineMessages({\n info: {\n id: 'panel_title_info',\n description: 'Title for InfoView',\n defaultMessage: 'Info'\n },\n general: {\n id: 'panel_title_general',\n description: 'Title for TopicCommon.',\n defaultMessage: 'General'\n },\n security: {\n id: 'panel_title_security',\n description: 'Title for TopicSecirity and AccSecurity.',\n defaultMessage: 'Security'\n },\n members: {\n id: 'panel_title_members',\n description: 'Title for managing group members view.',\n defaultMessage: 'Members'\n },\n crop: {\n id: 'panel_title_crop',\n description: 'Title for AvatarCropView.',\n defaultMessage: 'Drag to Adjust'\n },\n perm_want: {\n id: 'requested_permissions',\n defaultMessage: 'Requested',\n description: 'Title for permissions'\n },\n perm_given: {\n id: 'granted_permissions',\n defaultMessage: 'Granted',\n description: 'Title for permissions'\n },\n perm_auth: {\n id: 'permissions_authenticated',\n defaultMessage: 'Authenticated',\n description: 'Title for editing default authenticated permissions'\n },\n perm_anon: {\n id: 'permissions_anonymous',\n defaultMessage: 'Anonymous',\n description: 'Title for editing default anonymous permissions'\n },\n perm_user: {\n id: 'permissions_user',\n defaultMessage: 'User\\'s Permissions',\n description: 'Title for editing user\\'s permissions'\n },\n edit_permissions: {\n id: 'menu_item_edit_permissions',\n defaultMessage: 'Edit permissions',\n description: 'Menu item [Edit permissions]'\n },\n qrcode: {\n id: 'scan_qr_code',\n defaultMessage: 'Scan QR Code',\n description: 'Title for scanning QR code'\n },\n text_copied: {\n id: 'text_copied',\n defaultMessage: 'Copied to clipboard',\n description: 'Notification that text has been copied to clipboard'\n },\n self_topic_name: {\n id: 'self_topic_name',\n defaultMessage: 'Saved messages',\n description: 'Name of self topic for UI',\n },\n self_topic_comment: {\n id: 'self_topic_comment',\n defaultMessage: 'Notes, messages, links, files saved for posterity',\n description: 'Comment for self topic for UI',\n },\n});\n\nclass InfoView extends React.Component {\n constructor(props) {\n super(props);\n\n this.state = {\n topic: null,\n owner: false,\n admin: false,\n sharer: false,\n deleter: false,\n muted: false,\n address: null,\n groupTopic: undefined,\n isSelf: false,\n channel: undefined,\n fullName: undefined,\n description: undefined,\n avatar: null,\n private: null,\n selectedContact: null,\n access: null,\n modeGiven: null,\n modeWant: null,\n modeGiven2: null, // P2P topic, the other user mode given\n modeWant2: null, // P2P topic, the other user mode want\n auth: null,\n anon: null,\n contactList: [],\n trustedBadges: [],\n previousMetaDesc: undefined,\n previousSubsUpdated: undefined,\n };\n\n this.propsUpdated = this.propsUpdated.bind(this);\n this.resetSubs = this.resetSubs.bind(this);\n this.resetDesc = this.resetDesc.bind(this);\n this.resetTags = this.resetTags.bind(this);\n this.onMetaDesc = this.onMetaDesc.bind(this);\n this.onSubsUpdated = this.onSubsUpdated.bind(this);\n this.handleImageChanged = this.handleImageChanged.bind(this);\n this.handleMuted = this.handleMuted.bind(this);\n this.handleUnarchive = this.handleUnarchive.bind(this);\n this.handlePermissionsChanged = this.handlePermissionsChanged.bind(this);\n this.handleLaunchPermissionsEditor = this.handleLaunchPermissionsEditor.bind(this);\n this.handleShowQRCode = this.handleShowQRCode.bind(this);\n this.handleCopyToClipboard = this.handleCopyToClipboard.bind(this);\n this.handleShowAddMembers = this.handleShowAddMembers.bind(this);\n this.handleMemberUpdateRequest = this.handleMemberUpdateRequest.bind(this);\n this.handleMemberSelected = this.handleMemberSelected.bind(this);\n this.handleContextMenu = this.handleContextMenu.bind(this);\n this.handleBackNavigate = this.handleBackNavigate.bind(this);\n }\n\n propsUpdated(props) {\n const topic = this.props.tinode.getTopic(props.topic);\n if (!topic) {\n return;\n }\n\n if (this.onMetaDesc != topic.onMetaDesc) {\n this.previousMetaDesc = topic.onMetaDesc;\n topic.onMetaDesc = this.onMetaDesc;\n\n this.previousSubsUpdated = topic.onSubsUpdated;\n topic.onSubsUpdated = this.onSubsUpdated;\n }\n\n if (this.state.topic != props.topic) {\n this.setState({topic: props.topic});\n this.resetDesc(topic, props);\n this.resetSubs(topic, props);\n this.resetTags(topic);\n }\n }\n\n // Must provide this for lazy loaded components.\n componentDidMount() {\n this.propsUpdated(this.props);\n }\n\n componentDidUpdate(props) {\n this.propsUpdated(props);\n }\n\n componentWillUnmount() {\n const topic = this.props.tinode.getTopic(this.props.topic);\n if (!topic) {\n return;\n }\n this.setState({topic: null});\n topic.onMetaDesc = this.previousMetaDesc;\n topic.onSubsUpdated = this.previousSubsUpdated;\n }\n\n resetSubs(topic, props) {\n const newState = {contactList: []};\n if (topic.getType() == 'p2p') {\n // Fetch the other party in the p2p conversation.\n // Topic may not be ready yet, so check if user is found.\n const user2 = topic.subscriber(props.topic);\n if (user2) {\n newState.modeGiven2 = user2.acs.getGiven();\n newState.modeWant2 = user2.acs.getWant();\n } else {\n newState.modeGiven2 = NO_ACCESS_MODE;\n newState.modeWant2 = NO_ACCESS_MODE;\n }\n } else {\n topic.subscribers((sub) => {\n newState.contactList.push(sub);\n }, this);\n }\n\n this.setState(newState);\n }\n\n resetDesc(topic, props) {\n const defacs = topic.getDefaultAccess() || {};\n const acs = topic.getAccessMode();\n\n const badges = [];\n if (topic.trusted) {\n for (const [key, val] of Object.entries(topic.trusted)) {\n if (val) {\n badges.push(key);\n }\n }\n }\n\n const isSelf = topic.isSelfType();\n\n this.setState({\n owner: acs && acs.isOwner(),\n admin: acs && acs.isAdmin(),\n sharer: acs && acs.isSharer(),\n deleter: acs && acs.isDeleter(),\n muted: acs && acs.isMuted(),\n\n fullName: isSelf ?\n props.intl.formatMessage(messages.self_topic_name) :\n truncateString(topic.public && topic.public.fn, MAX_TITLE_LENGTH),\n description: isSelf ?\n props.intl.formatMessage(messages.self_topic_comment) :\n truncateString(topic.public && topic.public.note, MAX_TOPIC_DESCRIPTION_LENGTH),\n avatar: makeImageUrl(topic.public ? topic.public.photo : null),\n trustedBadges: badges,\n private: truncateString(topic.private && topic.private.comment, MAX_TITLE_LENGTH),\n archived: topic.isArchived(),\n address: topic.name,\n groupTopic: topic.isGroupType(),\n isSelf: isSelf,\n channel: topic.isChannelType() || topic.chan,\n access: acs ? acs.getMode() : undefined,\n modeGiven: acs ? acs.getGiven() : undefined,\n modeWant: acs ? acs.getWant() : undefined,\n auth: defacs.auth,\n anon: defacs.anon\n });\n }\n\n resetTags(topic) {\n if (topic.getType() != 'grp') {\n return;\n }\n\n const acs = topic.getAccessMode();\n if (acs && acs.isOwner()) {\n // Requesting tags: owner is editing the topic.\n topic.getMeta(topic.startMetaQuery().withTags().build());\n }\n }\n\n onMetaDesc(desc) {\n const topic = this.props.tinode.getTopic(this.props.topic);\n if (!topic) {\n return;\n }\n this.resetDesc(topic, this.props);\n\n if (this.previousMetaDesc && this.previousMetaDesc != this.onMetaDesc) {\n this.previousMetaDesc(desc);\n }\n }\n\n onSubsUpdated(subs) {\n const topic = this.props.tinode.getTopic(this.props.topic);\n if (!topic) {\n return;\n }\n this.resetSubs(topic, this.props);\n\n if (this.previousSubsUpdated && this.previousSubsUpdated != this.onSubsUpdated) {\n this.previousSubsUpdated(subs);\n }\n }\n\n handleImageChanged(mime, img) {\n this.setState({avatar: img});\n this.props.onTopicDescUpdate(this.props.topic, theCard(null, img || Tinode.DEL_CHAR), null);\n }\n\n handleMuted(ignored, checked) {\n this.setState({muted: checked});\n this.props.onChangePermissions(this.props.topic, checked ? '-P' : '+P');\n }\n\n handleUnarchive(ignored, ignored2) {\n this.props.onTopicUnArchive(this.props.topic);\n }\n\n handlePermissionsChanged(which, perm) {\n switch (which) {\n case 'auth':\n this.props.onTopicDescUpdateRequest(this.props.topic, null, null, {auth: perm});\n break;\n case 'anon':\n this.props.onTopicDescUpdateRequest(this.props.topic, null, null, {anon: perm});\n break;\n case 'mode':\n case 'want':\n this.props.onChangePermissions(this.props.topic, perm);\n break;\n case 'given':\n this.props.onChangePermissions(this.props.topic, perm, this.props.topic);\n break;\n case 'user':\n this.props.onChangePermissions(this.props.topic, perm, this.state.userPermissionsEdited);\n break;\n }\n\n this.handleBackNavigate();\n }\n\n handleLaunchPermissionsEditor(which, uid) {\n const {formatMessage} = this.props.intl;\n let toEdit, toCompare, toSkip, titleEdit, titleCompare, userTitle, userAvatar;\n switch (which) {\n case 'mode':\n toEdit = this.state.access;\n break;\n case 'want':\n toEdit = this.state.modeWant;\n toCompare = this.state.modeGiven;\n if (this.state.owner) {\n // Don't allow owner to unset 'O' permission. All other permissions are OK.\n toSkip = 'O';\n } else {\n // Allow accepting any of 'ASDO' permissions but don't allow asking for them.\n toSkip = AccessMode.encode(AccessMode.diff('ASDO', this.state.modeGiven));\n if (this.state.channel) {\n // Channels are read-only.\n toSkip += 'W';\n }\n }\n titleEdit = formatMessage(messages.perm_want);\n titleCompare = formatMessage(messages.perm_given);\n break;\n case 'given':\n toEdit = this.state.modeGiven2;\n toCompare = this.state.modeWant2;\n toSkip = this.state.groupTopic ? (this.state.owner ? '' : 'O') : 'ASDO';\n titleEdit = formatMessage(messages.perm_given);\n titleCompare = formatMessage(messages.perm_want);\n break;\n case 'auth':\n toEdit = this.state.auth;\n toSkip = 'O';\n break;\n case 'anon':\n toEdit = this.state.anon;\n toSkip = 'O';\n break;\n case 'user': {\n const topic = this.props.tinode.getTopic(this.props.topic);\n if (!topic) {\n return;\n }\n const user = topic.subscriber(uid);\n if (!user || !user.acs) {\n return;\n }\n toEdit = user.acs.getGiven();\n toCompare = user.acs.getWant();\n toSkip = this.state.owner ? '' : 'O';\n titleEdit = formatMessage(messages.perm_given);\n titleCompare = formatMessage(messages.perm_want);\n if (user.public) {\n userTitle = user.public.fn;\n userAvatar = user.public.photo;\n }\n break;\n }\n default:\n console.error(\"Unknown permission editing mode '\" + which + \"'\");\n return;\n }\n this.setState({\n userPermissionsEdited: uid,\n userPermissionsTitle: userTitle,\n userPermissionsAvatar: userAvatar,\n editedPermissions: toEdit,\n immutablePermissions: toCompare,\n editedPermissionsTitle: titleEdit,\n immutablePermissionsTitle: titleCompare,\n editedPermissionsSkipped: toSkip,\n });\n this.props.onNavigate(`perm/${which}`);\n }\n\n handleShowQRCode(e) {\n e.preventDefault();\n this.props.onNavigate('qrcode');\n }\n\n handleCopyToClipboard(e, text) {\n e.preventDefault();\n navigator.clipboard.writeText(text).then(_ => {\n this.setState({toast: this.props.intl.formatMessage(messages.text_copied)});\n setTimeout(_ => { this.setState({toast: ''}); }, TOAST_DURATION);\n });\n\n }\n\n handleShowAddMembers(e) {\n e.preventDefault();\n this.props.onInitFind();\n this.props.onNavigate('members');\n }\n\n handleMemberUpdateRequest(members, added, removed) {\n this.props.onMemberUpdateRequest(this.props.topic, added, removed);\n this.props.onNavigate('info');\n }\n\n handleMemberSelected(uid) {\n this.setState({selectedContact: uid});\n }\n\n handleBackNavigate() {\n const args = (this.props.panel || 'info').split('/');\n if (args[0] == 'info') {\n this.props.onNavigate(null);\n } else if (args[0] == 'perm') {\n if (args[1] == 'user') {\n this.props.onNavigate('info');\n } else {\n this.props.onNavigate('security');\n }\n } else {\n this.props.onNavigate('info');\n }\n }\n\n handleContextMenu(params) {\n const {formatMessage} = this.props.intl;\n const topic = this.props.tinode.getTopic(this.props.topic);\n if (!topic) {\n return;\n }\n const user = topic.subscriber(params.topicName);\n if (!user || !user.acs) {\n return;\n }\n\n const isMe = this.props.tinode.isMe(params.topicName);\n const menuItems = [{\n title: formatMessage(messages.edit_permissions),\n handler: _ => this.handleLaunchPermissionsEditor(isMe ? 'want' : 'user', params.topicName)\n }];\n if (!isMe) {\n menuItems.push('member_delete');\n }\n menuItems.push(user.acs.isMuted() ? 'member_unmute' : 'member_mute');\n if (!isMe) {\n menuItems.push(user.acs.isJoiner() ? 'member_block' : 'member_unblock');\n }\n this.props.showContextMenu({\n topicName: this.props.topic,\n x: params.x,\n y: params.y,\n user: params.topicName}, menuItems);\n }\n\n render() {\n const args = (this.props.panel || 'info').split('/');\n const view = args[0];\n args.shift();\n\n const {formatMessage} = this.props.intl;\n const panelTitle = formatMessage((view == 'perm' ? messages['perm_' + args[0]] : messages[view])\n || messages['info']);\n\n const topic = this.props.tinode.getTopic(this.state.topic);\n const alias = topic && topic.alias();\n\n return (\n \n {!this.props.channel ?\n \n delete_outline {\n formatMessage(this.props.deleter ? messages.delete_messages : messages.clear_messages)\n }\n \n :\n null\n }\n {this.props.owner ?\n \n delete {formatMessage(messages.topic_delete)}\n \n :\n \n exit_to_app {formatMessage(messages.leave_chat)}\n \n }\n {!this.props.groupTopic ?\n \n block {formatMessage(messages.block_contact)}\n \n :\n null\n }\n {!this.props.owner ?\n \n report {formatMessage(messages.report_chat)}\n \n :\n null\n }\n
\n \n \n {this.props.groupTopic ?\n <>\n
\n \n {e.preventDefault(); this.props.onLaunchPermissionsEditor('want')}}>\n {this.props.access}\n \n
\n {!this.props.channel ?\n \n
\n :\n null\n }\n \n :\n \n \n
\n \n
\n Auth: {\n e.preventDefault();\n if (this.props.owner) {\n this.props.onLaunchPermissionsEditor('auth');\n }\n }}>{this.props.auth}\n
\n Anon: {\n e.preventDefault();\n if (this.props.owner) {\n this.props.onLaunchPermissionsEditor('anon');\n }\n }}>{this.props.anon}\n
\n \n
\n }\n \n \n
\n \n
\n \n
\n {this.props.fullName ? this.props.fullName : formatMessage(messages.other_user)}:\n {e.preventDefault(); this.props.onLaunchPermissionsEditor('given')}}>\n {this.props.modeGiven2}\n \n
\n \n this.handlePermissionsChanged(args[0], mode)}\n onCancel={this.handleBackNavigate} />\n :\n view == 'general' ?\n
\n );\n }\n};\n\nexport default injectIntl(InfoView);\n"],"names":["messages","defineMessages","joiner","id","defaultMessage","reader","writer","preser","approver","sharer","deleter","owner","PermissionsEditor","React","constructor","props","super","this","state","mode","replace","handleChange","bind","handleSubmit","handleCancel","val","indexOf","setState","split","sort","join","onSubmit","onCancel","render","formatMessage","intl","all","names","skip","compare","items","i","c","charAt","push","key","className","CheckBox","name","checked","onChange","userTitle","Contact","tinode","item","title","small","avatar","makeImageUrl","userAvatar","FormattedMessage","modeTitle","compareTitle","onClick","injectIntl","no_contacts","contacts_not_found_short","GroupManager","members","index","indexMembers","staticMembers","keepInitialMembers","requiredMember","contactFilter","noContactsMessage","selectedContacts","handleContactSelected","handleMemberRemoved","handleContactFilter","forEach","m","user","delta","present","keepInitial","stat","sel","userId","status","slice","contacts","splice","msg","query","doContactFiltering","filter","values","length","added","removed","Object","keys","k","ChipInput","chips","prompt","filterFunc","onChipRemoved","ContactList","myUserId","topicSelected","emptyListMessage","showOnline","showUnread","onTopicSelected","ShowQRCode","qrCodeRef","componentDidMount","QRCode","current","text","uri","width","QRCODE_SIZE","height","ref","clear_messages","clear_messages_warning","delete_messages","delete_messages_warning","topic_delete","topic_delete_warning","leave_chat","leave_chat_warning","block_contact","block_contact_warning","report_chat","report_chat_warning","other_user","TopicSecurity","handleDeleteTopic","handleDeleteMessages","handleLeave","handleBlock","handleReport","e","preventDefault","onShowAlert","_","onDeleteTopic","topic","onDeleteMessages","onLeaveTopic","onBlockTopic","onReportTopic","channel","href","groupTopic","onLaunchPermissionsEditor","access","auth","anon","fullName","modeGiven2","info","general","security","crop","perm_want","perm_given","perm_auth","perm_anon","perm_user","edit_permissions","qrcode","text_copied","self_topic_name","self_topic_comment","InfoView","admin","muted","address","undefined","isSelf","description","private","selectedContact","modeGiven","modeWant","modeWant2","contactList","trustedBadges","previousMetaDesc","previousSubsUpdated","propsUpdated","resetSubs","resetDesc","resetTags","onMetaDesc","onSubsUpdated","handleImageChanged","handleMuted","handleUnarchive","handlePermissionsChanged","handleLaunchPermissionsEditor","handleShowQRCode","handleCopyToClipboard","handleShowAddMembers","handleMemberUpdateRequest","handleMemberSelected","handleContextMenu","handleBackNavigate","getTopic","componentDidUpdate","componentWillUnmount","newState","getType","user2","subscriber","acs","getGiven","getWant","NO_ACCESS_MODE","subscribers","sub","defacs","getDefaultAccess","getAccessMode","badges","trusted","entries","isSelfType","isOwner","isAdmin","isSharer","isDeleter","isMuted","truncateString","public","fn","MAX_TITLE_LENGTH","note","MAX_TOPIC_DESCRIPTION_LENGTH","photo","comment","archived","isArchived","isGroupType","isChannelType","chan","getMode","getMeta","startMetaQuery","withTags","build","desc","subs","mime","img","onTopicDescUpdate","theCard","Tinode","DEL_CHAR","ignored","onChangePermissions","ignored2","onTopicUnArchive","which","perm","onTopicDescUpdateRequest","userPermissionsEdited","uid","toEdit","toCompare","toSkip","titleEdit","titleCompare","AccessMode","encode","diff","console","error","userPermissionsTitle","userPermissionsAvatar","editedPermissions","immutablePermissions","editedPermissionsTitle","immutablePermissionsTitle","editedPermissionsSkipped","onNavigate","navigator","clipboard","writeText","then","toast","setTimeout","TOAST_DURATION","onInitFind","onMemberUpdateRequest","args","panel","params","topicName","isMe","menuItems","handler","isJoiner","showContextMenu","x","y","view","shift","panelTitle","alias","MenuCancel","displayMobile","ErrorPanel","level","errorLevel","errorText","onClearError","onError","searchableContacts","TopicCommonView","reqCredMethod","onCredAdd","onUpdateTagsRequest","onTopicTagsUpdateRequest","onCredConfirm","onCredDelete","onUpdateTopicDesc","URI_TOPIC_ID_PREFIX","AvatarUpload","readOnly","style","marginLeft","opacity","BadgeList","subcnt","FormattedNumber","value","no_members","showMode","noScroll"],"sourceRoot":""}
\ No newline at end of file
diff --git a/umd/827.prod.js b/umd/827.prod.js
new file mode 100644
index 00000000..3bf2115d
--- /dev/null
+++ b/umd/827.prod.js
@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunktinode_webapp=self.webpackChunktinode_webapp||[]).push([[827],{3827:function(e,a,t){t.r(a),t.d(a,{default:function(){return d}});var l=t(1594),s=t.n(l),r=t(8181),n=t(7151),i=t(9027),c=t(1781);class d extends s().PureComponent{constructor(e){super(e),this.state={tab:i.S.type,wallpaper:c[i.S.type][i.S.index].name,blur:0},this.blurValues=[0,1,2,4,8,16],this.handleTabClick=this.handleTabClick.bind(this),this.handleWallpaperSelected=this.handleWallpaperSelected.bind(this),this.handleBlurChanged=this.handleBlurChanged.bind(this)}handleTabClick(e){e.preventDefault(),n.A.navigateTo(n.A.addUrlParam(window.location.hash,"tab",e.currentTarget.dataset.id)),this.setState({tab:e.currentTarget.dataset.id})}handleWallpaperSelected(e){let a,t,l;e?(e.preventDefault(),t=this.state.tab,a=e.currentTarget.dataset.id,l=this.state.blur):(t=i.S.type,a=i.S.index,l=0);const s=c[t][a].name,r="patt"==t?c[t][a].size:0;this.setState({tab:t,wallpaper:s,blur:0}),this.props.onWallpaperSelected(`../${i.S.path}${s}`,r,this.blurValues[l])}handleBlurChanged(e){e.preventDefault();const a=e.currentTarget.value;this.setState({blur:a}),this.props.onWallpaperSelected(`../${i.S.path}${this.state.wallpaper}`,0,this.blurValues[a])}render(){return s().createElement("div",{className:"flex-column"},s().createElement("div",{className:"panel-form-row clean-clickable"},s().createElement("a",{className:"flat-button",onClick:()=>this.handleWallpaperSelected(null)},s().createElement("i",{className:"material-icons"},"undo")," ",s().createElement(r.FormattedMessage,{id:"button_restore",defaultMessage:[{type:0,value:"Restore default"}]}))),s().createElement("ul",{className:"tabbar"},s().createElement("li",{className:"patt"===this.state.tab?"active":null},s().createElement("a",{href:"#","data-id":"patt",onClick:this.handleTabClick},s().createElement(r.FormattedMessage,{id:"tabtitle_pattern",defaultMessage:[{type:0,value:"pattern"}]}))),s().createElement("li",{className:"img"===this.state.tab?"active":null},s().createElement("a",{href:"#","data-id":"img",onClick:this.handleTabClick},s().createElement(r.FormattedMessage,{id:"tabtitle_image",defaultMessage:[{type:0,value:"image"}]})))),s().createElement("div",{id:"settings-form",className:"scrollable-panel"},"patt"===this.state.tab?s().createElement("div",{className:"image-grid"},c.patt.map((e,a)=>{const t=this.state.wallpaper===e.name?" selected":"";return s().createElement("div",{key:a,"data-id":a,className:`image-grid-cell${t}`,onClick:this.handleWallpaperSelected},s().createElement("img",{src:i.S.path+e.name,alt:e.name,style:{width:`${e.size}px`,height:`${e.size}px`}}))})):s().createElement(s().Fragment,null,s().createElement("div",{className:"panel-form-column"},s().createElement("div",{className:"panel-form-row"},s().createElement("label",{className:"small"},s().createElement(r.FormattedMessage,{id:"label_blur_wallpaper",defaultMessage:[{type:0,value:"Blur:"}]}))),s().createElement("div",{className:"panel-form-row"},s().createElement("input",{type:"range",id:"blur",name:"blur",min:"0",max:"5",step:"1",value:this.state.blur,onChange:this.handleBlurChanged}))),s().createElement("div",{className:"image-grid"},c.img.map((e,a)=>{const t=this.state.wallpaper===e.name?" selected":"";return s().createElement("div",{key:a,"data-id":a,className:`image-grid-cell${t}`,onClick:this.handleWallpaperSelected},s().createElement("img",{src:i.S.path+e.pr,alt:e.name,style:{width:"100%",height:"100%"}}))})))))}}}}]);
+//# sourceMappingURL=827.prod.js.map
\ No newline at end of file
diff --git a/umd/827.prod.js.map b/umd/827.prod.js.map
new file mode 100644
index 00000000..dd71d9c9
--- /dev/null
+++ b/umd/827.prod.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"827.prod.js","mappings":"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","sources":["webpack://tinode-webapp/./src/views/wallpapers.jsx"],"sourcesContent":["// Edit account parameters.\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport HashNavigation from '../lib/navigation.js';\nimport { WALLPAPER_DEFAULTS } from '../config.js';\nimport imageIndex from '../../img/bkg/index.json';\n\nexport default class WallpapersView extends React.PureComponent {\n constructor(props) {\n super(props);\n\n this.state = {\n tab: WALLPAPER_DEFAULTS.type, // 'patt' | 'img'\n wallpaper: imageIndex[WALLPAPER_DEFAULTS.type][WALLPAPER_DEFAULTS.index].name,\n blur: 0,\n };\n\n this.blurValues = [0, 1, 2, 4, 8, 16];\n\n this.handleTabClick = this.handleTabClick.bind(this);\n this.handleWallpaperSelected = this.handleWallpaperSelected.bind(this);\n this.handleBlurChanged = this.handleBlurChanged.bind(this);\n }\n\n handleTabClick(e) {\n e.preventDefault();\n HashNavigation.navigateTo(HashNavigation.addUrlParam(window.location.hash, 'tab', e.currentTarget.dataset.id));\n this.setState({tab: e.currentTarget.dataset.id});\n }\n\n handleWallpaperSelected(e) {\n let index, type, blur\n if (!e) {\n // Restore default.\n type = WALLPAPER_DEFAULTS.type;\n index = WALLPAPER_DEFAULTS.index;\n blur = 0;\n } else {\n e.preventDefault();\n type = this.state.tab;\n index = e.currentTarget.dataset.id;\n blur = this.state.blur;\n }\n const fname = imageIndex[type][index].name;\n const size = type == 'patt' ? imageIndex[type][index].size : 0;\n this.setState({tab: type, wallpaper: fname, blur: 0});\n this.props.onWallpaperSelected(`../${WALLPAPER_DEFAULTS.path}${fname}`, size, this.blurValues[blur]);\n }\n\n handleBlurChanged(e) {\n e.preventDefault();\n const blur = e.currentTarget.value;\n this.setState({blur: blur});\n // Path relative to CSS file.\n this.props.onWallpaperSelected(`../${WALLPAPER_DEFAULTS.path}${this.state.wallpaper}`, 0, this.blurValues[blur]);\n }\n\n render() {\n return (\n {this.state.toast}
\n \n
\n {this.props.displayMobile ?\n {panelTitle}
\n \n
\n \n {\n (no_members) => \n \n :\n null\n }\n
\n }\n \n {!this.state.isSelf ?\n {e.preventDefault(); this.props.onNavigate('general');}}>\n edit \n \n \n
\n {!this.state.isSelf ?\n <>\n \n \n
\n {this.state.private ?\n {this.state.fullName} \n {this.state.channel ? podcasts : null}
\n \n \n
\n : null\n }\n {!this.state.isSelf ?\n <>\n {this.state.private}
\n \n
\n {alias ?\n \n \n {this.state.address}\n
\n \n \n
\n : null}\n \n : null\n }\n {this.state.trustedBadges.length > 0 ?\n \n \n {alias}\n
\n \n {this.handleCopyToClipboard(e, alias);}}>\n content_copy\n \n qr_code \n
\n \n
\n : null\n }\n {this.state.groupTopic && topic.subcnt > 0 ?\n \n \n
: null}\n {this.state.description}
\n \n \n
\n : null\n }\n {this.state.archived ?\n \n \n
\n :\n null\n }\n {!this.state.isSelf ?\n <>\n \n : null\n }\n {this.state.groupTopic && this.state.sharer ?\n <>\n \n \n \n
\n \n \n person_add
\n \n \n \n
\n );\n }\n}\n"],"names":["WallpapersView","React","constructor","props","super","this","state","tab","WALLPAPER_DEFAULTS","type","wallpaper","imageIndex","index","name","blur","blurValues","handleTabClick","bind","handleWallpaperSelected","handleBlurChanged","e","preventDefault","HashNavigation","navigateTo","addUrlParam","window","location","hash","currentTarget","dataset","id","setState","fname","size","onWallpaperSelected","path","value","render","className","onClick","FormattedMessage","defaultMessage","href","map","img","idx","selected","key","src","alt","style","width","height","min","max","step","onChange","pr"],"sourceRoot":""}
\ No newline at end of file
diff --git a/umd/978.prod.js b/umd/978.prod.js
new file mode 100644
index 00000000..66561928
--- /dev/null
+++ b/umd/978.prod.js
@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunktinode_webapp=self.webpackChunktinode_webapp||[]).push([[978],{3978:function(e,a,t){t.r(a),t.d(a,{default:function(){return m}});var l=t(1594),p=t.n(l),n=t(8181),r=t(7151),s=t(9027),i=JSON.parse('{"patt":[{"name":"a00.png","size":200},{"name":"a01.jpg","size":384},{"name":"a02.jpg","size":384},{"name":"a03.jpg","size":384},{"name":"a04.png","size":400},{"name":"a05.jpg","size":400},{"name":"a06.jpg","size":256},{"name":"a07.jpg","size":384},{"name":"a08.jpg","size":384},{"name":"a09.jpg","size":400},{"name":"a10.jpg","size":256},{"name":"a11.png","size":200}],"img":[{"name":"w01.jpg","pr":"p01.jpg"},{"name":"w02.jpg","pr":"p02.jpg"},{"name":"w03.jpg","pr":"p03.jpg"},{"name":"w04.jpg","pr":"p04.jpg"},{"name":"w05.jpg","pr":"p05.jpg"},{"name":"w06.jpg","pr":"p06.jpg"},{"name":"w07.jpg","pr":"p07.jpg"},{"name":"w08.jpg","pr":"p08.jpg"},{"name":"w09.jpg","pr":"p09.jpg"},{"name":"w10.jpg","pr":"p10.jpg"},{"name":"w11.jpg","pr":"p11.jpg"},{"name":"w12.jpg","pr":"p12.jpg"},{"name":"w13.jpg","pr":"p13.jpg"},{"name":"w14.jpg","pr":"p14.jpg"},{"name":"w15.jpg","pr":"p15.jpg"},{"name":"w16.jpg","pr":"p16.jpg"},{"name":"w17.jpg","pr":"p17.jpg"},{"name":"w18.jpg","pr":"p18.jpg"},{"name":"w19.jpg","pr":"p19.jpg"},{"name":"w20.jpg","pr":"p20.jpg"},{"name":"w21.jpg","pr":"p21.jpg"},{"name":"w22.jpg","pr":"p22.jpg"},{"name":"w23.jpg","pr":"p23.jpg"},{"name":"w24.jpg","pr":"p24.jpg"}]}');class m extends p().PureComponent{constructor(e){super(e),this.state={tab:s.Vn.type,wallpaper:i[s.Vn.type][s.Vn.index].name,blur:0},this.blurValues=[0,1,2,4,8,16],this.handleTabClick=this.handleTabClick.bind(this),this.handleWallpaperSelected=this.handleWallpaperSelected.bind(this),this.handleBlurChanged=this.handleBlurChanged.bind(this)}handleTabClick(e){e.preventDefault(),r.A.navigateTo(r.A.addUrlParam(window.location.hash,"tab",e.currentTarget.dataset.id)),this.setState({tab:e.currentTarget.dataset.id})}handleWallpaperSelected(e){let a,t,l;e?(e.preventDefault(),t=this.state.tab,a=e.currentTarget.dataset.id,l=this.state.blur):(t=s.Vn.type,a=s.Vn.index,l=0);const p=i[t][a].name,n="patt"==t?i[t][a].size:0;this.setState({tab:t,wallpaper:p,blur:0}),this.props.onWallpaperSelected(`../${s.nH}${p}`,n,this.blurValues[l])}handleBlurChanged(e){e.preventDefault();const a=e.currentTarget.value;this.setState({blur:a}),this.props.onWallpaperSelected(`../${s.nH}${this.state.wallpaper}`,0,this.blurValues[a])}render(){return p().createElement("div",{className:"flex-column"},p().createElement("div",{className:"panel-form-row clean-clickable"},p().createElement("a",{className:"flat-button",onClick:()=>this.handleWallpaperSelected(null)},p().createElement("i",{className:"material-icons"},"undo")," ",p().createElement(n.FormattedMessage,{id:"button_restore",defaultMessage:[{type:0,value:"Restore default"}]}))),p().createElement("ul",{className:"tabbar"},p().createElement("li",{className:"patt"===this.state.tab?"active":null},p().createElement("a",{href:"#","data-id":"patt",onClick:this.handleTabClick},p().createElement(n.FormattedMessage,{id:"tabtitle_pattern",defaultMessage:[{type:0,value:"pattern"}]}))),p().createElement("li",{className:"img"===this.state.tab?"active":null},p().createElement("a",{href:"#","data-id":"img",onClick:this.handleTabClick},p().createElement(n.FormattedMessage,{id:"tabtitle_image",defaultMessage:[{type:0,value:"image"}]})))),p().createElement("div",{id:"settings-form",className:"scrollable-panel"},"patt"===this.state.tab?p().createElement("div",{className:"image-grid"},i.patt.map((e,a)=>{const t=this.state.wallpaper===e.name?" selected":"";return p().createElement("div",{key:a,"data-id":a,className:`image-grid-cell${t}`,onClick:this.handleWallpaperSelected},p().createElement("img",{src:s.nH+e.name,alt:e.name,style:{width:`${e.size}px`,height:`${e.size}px`}}))})):p().createElement(p().Fragment,null,p().createElement("div",{className:"panel-form-column"},p().createElement("div",{className:"panel-form-row"},p().createElement("label",{className:"small"},p().createElement(n.FormattedMessage,{id:"label_blur_wallpaper",defaultMessage:[{type:0,value:"Blur:"}]}))),p().createElement("div",{className:"panel-form-row"},p().createElement("input",{type:"range",id:"blur",name:"blur",min:"0",max:"5",step:"1",value:this.state.blur,onChange:this.handleBlurChanged}))),p().createElement("div",{className:"image-grid"},i.img.map((e,a)=>{const t=this.state.wallpaper===e.name?" selected":"";return p().createElement("div",{key:a,"data-id":a,className:`image-grid-cell${t}`,onClick:this.handleWallpaperSelected},p().createElement("img",{src:s.nH+e.pr,alt:e.name,style:{width:"100%",height:"100%"}}))})))))}}}}]);
+//# sourceMappingURL=978.prod.js.map
\ No newline at end of file
diff --git a/umd/978.prod.js.map b/umd/978.prod.js.map
new file mode 100644
index 00000000..498250a4
--- /dev/null
+++ b/umd/978.prod.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"978.prod.js","mappings":"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","sources":["webpack://tinode-webapp/./src/views/wallpapers.jsx"],"sourcesContent":["// Edit account parameters.\nimport React from 'react';\nimport { FormattedMessage } from 'react-intl';\nimport HashNavigation from '../lib/navigation.js';\nimport { WALLPAPER_DEFAULT, WALLPAPER_PATH } from '../config.js';\nimport imageIndex from '../../img/bkg/index.json';\n\nexport default class WallpapersView extends React.PureComponent {\n constructor(props) {\n super(props);\n\n this.state = {\n tab: WALLPAPER_DEFAULT.type, // 'patt' | 'img'\n wallpaper: imageIndex[WALLPAPER_DEFAULT.type][WALLPAPER_DEFAULT.index].name,\n blur: 0,\n };\n\n this.blurValues = [0, 1, 2, 4, 8, 16];\n\n this.handleTabClick = this.handleTabClick.bind(this);\n this.handleWallpaperSelected = this.handleWallpaperSelected.bind(this);\n this.handleBlurChanged = this.handleBlurChanged.bind(this);\n }\n\n handleTabClick(e) {\n e.preventDefault();\n HashNavigation.navigateTo(HashNavigation.addUrlParam(window.location.hash, 'tab', e.currentTarget.dataset.id));\n this.setState({tab: e.currentTarget.dataset.id});\n }\n\n handleWallpaperSelected(e) {\n let index, type, blur\n if (!e) {\n // Restore default.\n type = WALLPAPER_DEFAULT.type;\n index = WALLPAPER_DEFAULT.index;\n blur = 0;\n } else {\n e.preventDefault();\n type = this.state.tab;\n index = e.currentTarget.dataset.id;\n blur = this.state.blur;\n }\n const fname = imageIndex[type][index].name;\n const size = type == 'patt' ? imageIndex[type][index].size : 0;\n this.setState({tab: type, wallpaper: fname, blur: 0});\n this.props.onWallpaperSelected(`../${WALLPAPER_PATH}${fname}`, size, this.blurValues[blur]);\n }\n\n handleBlurChanged(e) {\n e.preventDefault();\n const blur = e.currentTarget.value;\n this.setState({blur: blur});\n // Path relative to CSS file.\n this.props.onWallpaperSelected(`../${WALLPAPER_PATH}${this.state.wallpaper}`, 0, this.blurValues[blur]);\n }\n\n render() {\n return (\n \n {this.state.tab === 'patt' ?\n
\n \n {imageIndex.patt.map((img, idx) => {\n const selected = this.state.wallpaper === img.name ? ' selected' : '';\n return
:\n <>\n \n 
\n
\n })}\n \n
\n \n \n
\n \n \n
\n \n {imageIndex.img.map((img, idx) => {\n const selected = this.state.wallpaper === img.name ? ' selected' : '';\n return
\n \n }\n \n
\n })}\n \n \n \n
\n );\n }\n}\n"],"names":["WallpapersView","React","constructor","props","super","this","state","tab","WALLPAPER_DEFAULT","type","wallpaper","imageIndex","index","name","blur","blurValues","handleTabClick","bind","handleWallpaperSelected","handleBlurChanged","e","preventDefault","HashNavigation","navigateTo","addUrlParam","window","location","hash","currentTarget","dataset","id","setState","fname","size","onWallpaperSelected","WALLPAPER_PATH","value","render","className","onClick","FormattedMessage","defaultMessage","href","map","img","idx","selected","key","src","alt","style","width","height","min","max","step","onChange","pr"],"sourceRoot":""}
\ No newline at end of file
diff --git a/umd/index.dev.js b/umd/index.dev.js
index 0e0fa64c..46331781 100644
--- a/umd/index.dev.js
+++ b/umd/index.dev.js
@@ -2,6 +2,16 @@
/******/ "use strict";
/******/ var __webpack_modules__ = ({
+/***/ "./img/bkg/index.json":
+/*!****************************!*\
+ !*** ./img/bkg/index.json ***!
+ \****************************/
+/***/ (function(module) {
+
+module.exports = /*#__PURE__*/JSON.parse('{"patt":[{"name":"a00.png","size":200},{"name":"a01.jpg","size":384},{"name":"a02.jpg","size":384},{"name":"a03.jpg","size":384},{"name":"a04.png","size":400},{"name":"a05.jpg","size":400},{"name":"a06.jpg","size":256},{"name":"a07.jpg","size":384},{"name":"a08.jpg","size":384},{"name":"a09.jpg","size":400},{"name":"a10.jpg","size":256},{"name":"a11.png","size":200}],"img":[{"name":"w01.jpg","pr":"p01.jpg"},{"name":"w02.jpg","pr":"p02.jpg"},{"name":"w03.jpg","pr":"p03.jpg"},{"name":"w04.jpg","pr":"p04.jpg"},{"name":"w05.jpg","pr":"p05.jpg"},{"name":"w06.jpg","pr":"p06.jpg"},{"name":"w07.jpg","pr":"p07.jpg"},{"name":"w08.jpg","pr":"p08.jpg"},{"name":"w09.jpg","pr":"p09.jpg"},{"name":"w10.jpg","pr":"p10.jpg"},{"name":"w11.jpg","pr":"p11.jpg"},{"name":"w12.jpg","pr":"p12.jpg"},{"name":"w13.jpg","pr":"p13.jpg"},{"name":"w14.jpg","pr":"p14.jpg"},{"name":"w15.jpg","pr":"p15.jpg"},{"name":"w16.jpg","pr":"p16.jpg"},{"name":"w17.jpg","pr":"p17.jpg"},{"name":"w18.jpg","pr":"p18.jpg"},{"name":"w19.jpg","pr":"p19.jpg"},{"name":"w20.jpg","pr":"p20.jpg"},{"name":"w21.jpg","pr":"p21.jpg"},{"name":"w22.jpg","pr":"p22.jpg"},{"name":"w23.jpg","pr":"p23.jpg"},{"name":"w24.jpg","pr":"p24.jpg"}]}');
+
+/***/ }),
+
/***/ "./node_modules/@firebase/app/dist/esm/index.esm2017.js":
/*!**************************************************************!*\
!*** ./node_modules/@firebase/app/dist/esm/index.esm2017.js ***!
@@ -7273,7 +7283,8 @@ __webpack_require__.r(__webpack_exports__);
/* harmony export */ VIDEO_PREVIEW_DIM: function() { return /* binding */ VIDEO_PREVIEW_DIM; },
/* harmony export */ VIDEO_THUMBNAIL_WIDTH: function() { return /* binding */ VIDEO_THUMBNAIL_WIDTH; },
/* harmony export */ WAKE_UP_TICK: function() { return /* binding */ WAKE_UP_TICK; },
-/* harmony export */ WAKE_UP_TIMEOUT: function() { return /* binding */ WAKE_UP_TIMEOUT; }
+/* harmony export */ WAKE_UP_TIMEOUT: function() { return /* binding */ WAKE_UP_TIMEOUT; },
+/* harmony export */ WALLPAPER_DEFAULTS: function() { return /* binding */ WALLPAPER_DEFAULTS; }
/* harmony export */ });
/* harmony import */ var _version_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./version.js */ "./src/version.js");
@@ -7332,6 +7343,11 @@ const TOAST_DURATION = 3_000;
const DEFAULT_COLOR_SCHEME = 'light dark';
const DEFAULT_TEXT_SIZE = 10;
const DRAFTY_FR_MIME_TYPE_LEGACY = 'application/json';
+const WALLPAPER_DEFAULTS = {
+ type: 'patt',
+ index: 0,
+ path: 'img/bkg/'
+};
/***/ }),
@@ -8463,6 +8479,7 @@ __webpack_require__.r(__webpack_exports__);
/* harmony export */ asEmail: function() { return /* binding */ asEmail; },
/* harmony export */ asPhone: function() { return /* binding */ asPhone; },
/* harmony export */ cancelablePromise: function() { return /* binding */ cancelablePromise; },
+/* harmony export */ defaultWallpaper: function() { return /* binding */ defaultWallpaper; },
/* harmony export */ deliveryMarker: function() { return /* binding */ deliveryMarker; },
/* harmony export */ isUrlRelative: function() { return /* binding */ isUrlRelative; },
/* harmony export */ sanitizeUrl: function() { return /* binding */ sanitizeUrl; },
@@ -8473,6 +8490,8 @@ __webpack_require__.r(__webpack_exports__);
/* harmony export */ });
/* harmony import */ var tinode_sdk__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tinode-sdk */ "tinode-sdk");
/* harmony import */ var tinode_sdk__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(tinode_sdk__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _config_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../config.js */ "./src/config.js");
+
function updateFavicon(count) {
const oldIcon = document.getElementById('shortcut-icon');
@@ -8655,6 +8674,14 @@ function cancelablePromise(promise) {
};
}
;
+function defaultWallpaper() {
+ const wallpaperIndex = __webpack_require__(/*! ../../img/bkg/index.json */ "./img/bkg/index.json");
+ const wp = wallpaperIndex[_config_js__WEBPACK_IMPORTED_MODULE_1__.WALLPAPER_DEFAULTS.type][_config_js__WEBPACK_IMPORTED_MODULE_1__.WALLPAPER_DEFAULTS.index];
+ return {
+ name: `../${_config_js__WEBPACK_IMPORTED_MODULE_1__.WALLPAPER_DEFAULTS.path}${wp.name}`,
+ size: wp.size
+ };
+}
/***/ }),
@@ -8723,6 +8750,8 @@ class AccGeneralView extends (react__WEBPACK_IMPORTED_MODULE_0___default().PureC
return react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
id: "settings-form",
className: "scrollable-panel"
+ }, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+ className: "panel-form-column"
}, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
className: "panel-form-row"
}, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
@@ -8755,7 +8784,7 @@ class AccGeneralView extends (react__WEBPACK_IMPORTED_MODULE_0___default().PureC
"value": "System default"
}]
}), "\xA0", react__WEBPACK_IMPORTED_MODULE_0___default().createElement("img", {
- src: "../img/routine.svg",
+ src: "img/routine.svg",
style: {
verticalAlign: 'top',
width: '1.6rem',
@@ -8799,9 +8828,26 @@ class AccGeneralView extends (react__WEBPACK_IMPORTED_MODULE_0___default().PureC
}]
}), "\xA0", react__WEBPACK_IMPORTED_MODULE_0___default().createElement("i", {
className: "material-icons blue large"
- }, "dark_mode"))))), react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+ }, "dark_mode")))))), react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
className: "hr"
}), react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+ className: "panel-form-row clean-clickable"
+ }, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
+ onClick: this.props.onSelectWallpapers,
+ className: "flat-button"
+ }, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("i", {
+ className: "material-icons"
+ }, "wallpaper"), "\xA0", react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__.FormattedMessage, {
+ id: "wallpapers",
+ defaultMessage: [{
+ "type": 0,
+ "value": "Wallpapers"
+ }]
+ }))), react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+ className: "hr"
+ }), react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+ className: "panel-form-column"
+ }, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
className: "panel-form-row"
}, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("label", {
className: "small"
@@ -8812,8 +8858,6 @@ class AccGeneralView extends (react__WEBPACK_IMPORTED_MODULE_0___default().PureC
"value": "Text size:"
}]
}))), react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
- className: "panel-form-column"
- }, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
className: "panel-form-row"
}, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("input", {
type: "range",
@@ -11398,7 +11442,7 @@ class NewTopicView extends (react__WEBPACK_IMPORTED_MODULE_0___default().Compone
}, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("ul", {
className: "tabbar"
}, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
- className: this.state.tabSelected === "find" ? "active" : null
+ className: this.state.tabSelected === 'find' ? 'active' : null
}, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
href: "#",
"data-id": "find",
@@ -11410,7 +11454,7 @@ class NewTopicView extends (react__WEBPACK_IMPORTED_MODULE_0___default().Compone
"value": "find"
}]
}))), react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
- className: this.state.tabSelected === "grp" ? "active" : null
+ className: this.state.tabSelected === 'grp' ? 'active' : null
}, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
href: "#",
"data-id": "grp",
@@ -11422,7 +11466,7 @@ class NewTopicView extends (react__WEBPACK_IMPORTED_MODULE_0___default().Compone
"value": "new group"
}]
}))), react__WEBPACK_IMPORTED_MODULE_0___default().createElement("li", {
- className: this.state.tabSelected === "byid" ? "active" : null
+ className: this.state.tabSelected === 'byid' ? 'active' : null
}, react__WEBPACK_IMPORTED_MODULE_0___default().createElement("a", {
href: "#",
"data-id": "byid",
@@ -11649,6 +11693,7 @@ const AccSecurityView = react__WEBPACK_IMPORTED_MODULE_0___default().lazy(_ => _
const PasswordResetView = react__WEBPACK_IMPORTED_MODULE_0___default().lazy(_ => Promise.all(/*! import() */[__webpack_require__.e("vendors-node_modules_libphonenumber-js_examples_mobile_json_js-node_modules_libphonenumber-js-7e28c7"), __webpack_require__.e("src_views_password-reset-view_jsx")]).then(__webpack_require__.bind(__webpack_require__, /*! ./password-reset-view.jsx */ "./src/views/password-reset-view.jsx")));
+const WallpapersView = react__WEBPACK_IMPORTED_MODULE_0___default().lazy(_ => __webpack_require__.e(/*! import() */ "src_views_wallpapers_jsx").then(__webpack_require__.bind(__webpack_require__, /*! ./wallpapers.jsx */ "./src/views/wallpapers.jsx")));
const messages = (0,react_intl__WEBPACK_IMPORTED_MODULE_1__.defineMessages)({
login: {
id: "sidepanel_title_login",
@@ -11754,6 +11799,13 @@ const messages = (0,react_intl__WEBPACK_IMPORTED_MODULE_1__.defineMessages)({
"type": 0,
"value": "Blocked Chats"
}]
+ },
+ wallpapers: {
+ id: "wallpapers",
+ defaultMessage: [{
+ "type": 0,
+ "value": "Wallpapers"
+ }]
}
});
class SidepanelView extends (react__WEBPACK_IMPORTED_MODULE_0___default().PureComponent) {
@@ -11864,6 +11916,7 @@ class SidepanelView extends (react__WEBPACK_IMPORTED_MODULE_0___default().PureCo
onError: this.props.onError
}) : view === 'acc_general' ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_acc_general_view_jsx__WEBPACK_IMPORTED_MODULE_7__["default"], {
colorSchema: this.props.colorSchema,
+ onSelectWallpapers: this.props.onSelectWallpapers,
textSize: this.props.textSize,
sendOnEnter: this.props.sendOnEnter,
onChangeColorSchema: this.props.onChangeColorSchema,
@@ -11898,7 +11951,19 @@ class SidepanelView extends (react__WEBPACK_IMPORTED_MODULE_0___default().PureCo
})) : view === 'support' ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_acc_support_view_jsx__WEBPACK_IMPORTED_MODULE_9__["default"], {
serverAddress: this.props.serverAddress,
serverVersion: this.props.serverVersion
- }) : view === 'contacts' || view == 'archive' || view == 'blocked' ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_contacts_view_jsx__WEBPACK_IMPORTED_MODULE_6__["default"], {
+ }) : view === 'wallpapers' ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react__WEBPACK_IMPORTED_MODULE_0__.Suspense, {
+ fallback: react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", {
+ className: "panel-form-row"
+ }, react__WEBPACK_IMPORTED_MODULE_0___default().createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__.FormattedMessage, {
+ id: "loading_note",
+ defaultMessage: [{
+ "type": 0,
+ "value": "Loading..."
+ }]
+ }))
+ }, react__WEBPACK_IMPORTED_MODULE_0___default().createElement(WallpapersView, {
+ onWallpaperSelected: this.props.onWallpaperSelected
+ })) : view === 'contacts' || view == 'archive' || view == 'blocked' ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_contacts_view_jsx__WEBPACK_IMPORTED_MODULE_6__["default"], {
tinode: this.props.tinode,
myUserId: this.props.myUserId,
connected: this.props.connected,
@@ -12101,6 +12166,7 @@ class TinodeWeb extends (react__WEBPACK_IMPORTED_MODULE_0___default().Component)
this.handleResize = this.handleResize.bind(this);
this.handleHashRoute = this.handleHashRoute.bind(this);
this.handleOnline = this.handleOnline.bind(this);
+ this.handleColorSchemeChange = this.handleColorSchemeChange.bind(this);
this.checkForAppUpdate = this.checkForAppUpdate.bind(this);
this.handleVisibilityEvent = this.handleVisibilityEvent.bind(this);
this.handleError = this.handleError.bind(this);
@@ -12130,6 +12196,8 @@ class TinodeWeb extends (react__WEBPACK_IMPORTED_MODULE_0___default().Component)
this.handleChangeColorSchema = this.handleChangeColorSchema.bind(this);
this.handleChangeTextSize = this.handleChangeTextSize.bind(this);
this.handleSendOnEnter = this.handleSendOnEnter.bind(this);
+ this.handleSelectWallpapers = this.handleSelectWallpapers.bind(this);
+ this.handleWallpaperSelected = this.handleWallpaperSelected.bind(this);
this.handleSettings = this.handleSettings.bind(this);
this.handleGlobalSettings = this.handleGlobalSettings.bind(this);
this.handleShowArchive = this.handleShowArchive.bind(this);
@@ -12259,8 +12327,18 @@ class TinodeWeb extends (react__WEBPACK_IMPORTED_MODULE_0___default().Component)
};
window.addEventListener('offline', this.handleOnlineOff);
window.addEventListener('hashchange', this.handleHashRoute);
+ window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', this.handleColorSchemeChange);
+ document.addEventListener('visibilitychange', this.handleVisibilityEvent);
document.documentElement.style.colorScheme = this.state.colorSchema;
document.documentElement.style.setProperty('--message-text-size', `${this.state.textSize}pt`);
+ const settings = _lib_local_storage_js__WEBPACK_IMPORTED_MODULE_16__["default"].getObject('settings') || {};
+ if (!settings.wallpaper) {
+ const wallpaper = (0,_lib_utils_js__WEBPACK_IMPORTED_MODULE_19__.defaultWallpaper)();
+ settings.wallpaper = wallpaper.name || '';
+ settings.wallpaperSize = wallpaper.size || 0;
+ settings.wallpaperBlur = 0;
+ }
+ this.applyWallpaperSettings(settings.wallpaper, settings.wallpaperSize, settings.wallpaperBlur);
if (typeof BroadcastChannel == 'function') {
const serviceWorkerChannel = new BroadcastChannel('tinode-sw');
serviceWorkerChannel.addEventListener('message', this.handlePushMessage);
@@ -12275,7 +12353,6 @@ class TinodeWeb extends (react__WEBPACK_IMPORTED_MODULE_0___default().Component)
}
this.lastWakeUpCheck = now;
}, _config_js__WEBPACK_IMPORTED_MODULE_11__.WAKE_UP_TICK);
- document.addEventListener('visibilitychange', this.handleVisibilityEvent);
this.setState({
viewportWidth: document.documentElement.clientWidth,
viewportHeight: document.documentElement.clientHeight
@@ -12320,6 +12397,7 @@ class TinodeWeb extends (react__WEBPACK_IMPORTED_MODULE_0___default().Component)
window.removeEventListener('hashchange', this.handleHashRoute);
window.removeEventListener('online', this.handleOnlineOn);
window.removeEventListener('offline', this.handleOnlineOff);
+ window.matchMedia('(prefers-color-scheme: dark)').removeEventListener('change', this.handleColorSchemeChange);
document.removeEventListener('visibilitychange', this.handleVisibilityEvent);
clearInterval(this.wakeUpTicker);
}
@@ -12468,7 +12546,7 @@ class TinodeWeb extends (react__WEBPACK_IMPORTED_MODULE_0___default().Component)
newTopicTabSelected: hash.params.tab
};
if (hash.path && hash.path.length > 0) {
- if (['register', 'settings', 'edit', 'notif', 'acc_general', 'security', 'support', 'general', 'crop', 'cred', 'reset', 'newtpk', 'archive', 'blocked', 'contacts', ''].includes(hash.path[0])) {
+ if (['acc_general', 'archive', 'blocked', 'contacts', 'cred', 'crop', 'edit', 'general', 'newtpk', 'notif', 'register', 'reset', 'security', 'settings', 'support', 'wallpapers', ''].includes(hash.path[0])) {
newState.sidePanelSelected = hash.path[0];
} else {
console.warn("Unknown sidepanel view", hash.path[0]);
@@ -13067,6 +13145,30 @@ class TinodeWeb extends (react__WEBPACK_IMPORTED_MODULE_0___default().Component)
});
document.documentElement.style.colorScheme = scheme;
}
+ handleColorSchemeChange(event) {
+ console.log("Color scheme change:", event.matches ? 'dark' : 'not dark');
+ }
+ handleSelectWallpapers() {
+ this.handleError();
+ _lib_navigation_js__WEBPACK_IMPORTED_MODULE_17__["default"].navigateTo(_lib_navigation_js__WEBPACK_IMPORTED_MODULE_17__["default"].setUrlSidePanel(window.location.hash, 'wallpapers'));
+ }
+ applyWallpaperSettings(wallpaper, size, blur) {
+ console.log("Applying wallpaper settings:", wallpaper, size, blur);
+ document.documentElement.style.setProperty('--wallpaper-url', `url('${wallpaper}')`);
+ document.documentElement.style.setProperty('--wallpaper-repeat', size ? 'repeat' : 'no-repeat');
+ document.documentElement.style.setProperty('--wallpaper-blur', size ? '0px' : `${blur}px`);
+ document.documentElement.style.setProperty('--wallpaper-size', size ? `${size}px` : 'cover');
+ document.documentElement.style.setProperty('--wallpaper-position', size ? 'unset' : 'center');
+ }
+ handleWallpaperSelected(wallpaper, size, blur) {
+ this.handleError();
+ _lib_local_storage_js__WEBPACK_IMPORTED_MODULE_16__["default"].updateObject('settings', {
+ wallpaper: wallpaper,
+ wallpaperSize: size,
+ wallpaperBlur: blur
+ });
+ this.applyWallpaperSettings(wallpaper, size, blur);
+ }
handleChangeTextSize(size) {
this.setState({
textSize: size | 0
@@ -13203,6 +13305,8 @@ class TinodeWeb extends (react__WEBPACK_IMPORTED_MODULE_0___default().Component)
path = 'general';
} else if ('blocked' == parsed.path[0]) {
path = 'security';
+ } else if ('wallpapers' == parsed.path[0]) {
+ path = 'acc_general';
} else if (this.state.myUserId) {
path = 'contacts';
}
@@ -13887,6 +13991,8 @@ class TinodeWeb extends (react__WEBPACK_IMPORTED_MODULE_0___default().Component)
onChangeColorSchema: this.handleChangeColorSchema,
onTextSizeChanged: this.handleChangeTextSize,
onSendOnEnterChanged: this.handleSendOnEnter,
+ onSelectWallpapers: this.handleSelectWallpapers,
+ onWallpaperSelected: this.handleWallpaperSelected,
onCredAdd: this.handleCredAdd,
onCredDelete: this.handleCredDelete,
onCredConfirm: this.handleCredConfirm,
@@ -13924,6 +14030,7 @@ class TinodeWeb extends (react__WEBPACK_IMPORTED_MODULE_0___default().Component)
applicationVisible: this.state.applicationVisible,
colorSchema: this.state.colorSchema,
sendOnEnter: this.state.sendOnEnter,
+ wallpaper: this.state.wallpaper,
forwardMessage: this.state.forwardMessage,
onCancelForwardMessage: this.handleHideForwardDialog,
callTopic: this.state.callTopic,
@@ -16857,11 +16964,9 @@ class Contact extends (react__WEBPACK_IMPORTED_MODULE_0___default().Component) {
className: titleClass
}, title), this.props.isGroup ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement("i", {
className: "material-icons as-badge"
- }, "group") : null, this.props.isChannel ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement("img", {
- src: "/img/channel.png",
- className: "channel",
- alt: "channel"
- }) : null, !self ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_contact_badges_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
+ }, "group") : null, this.props.isChannel ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement("i", {
+ className: "material-icons as-badge"
+ }, "podcasts") : null, !self ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_contact_badges_jsx__WEBPACK_IMPORTED_MODULE_3__["default"], {
badges: icon_badges
}) : null, !this.props.deleted ? react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_unread_badge_jsx__WEBPACK_IMPORTED_MODULE_5__["default"], {
count: this.props.unread
@@ -18746,7 +18851,7 @@ class LetterTile extends (react__WEBPACK_IMPORTED_MODULE_0___default().PureCompo
src: url,
onError: e => {
e.target.onerror = null;
- e.target.src = "../img/broken_image.png";
+ e.target.src = "img/broken_image.png";
}
});
} else {
@@ -21405,6 +21510,7 @@ const messageLoader = {
'en': _ => __webpack_require__.e(/*! import() */ "src_i18n_min_en_json").then(__webpack_require__.t.bind(__webpack_require__, /*! ./i18n.min/en.json */ "./src/i18n.min/en.json", 19)),
'es': _ => __webpack_require__.e(/*! import() */ "src_i18n_min_es_json").then(__webpack_require__.t.bind(__webpack_require__, /*! ./i18n.min/es.json */ "./src/i18n.min/es.json", 19)),
'fr': _ => __webpack_require__.e(/*! import() */ "src_i18n_min_fr_json").then(__webpack_require__.t.bind(__webpack_require__, /*! ./i18n.min/fr.json */ "./src/i18n.min/fr.json", 19)),
+ 'it': _ => __webpack_require__.e(/*! import() */ "src_i18n_min_it_json").then(__webpack_require__.t.bind(__webpack_require__, /*! ./i18n.min/it.json */ "./src/i18n.min/it.json", 19)),
'ko': _ => __webpack_require__.e(/*! import() */ "src_i18n_min_ko_json").then(__webpack_require__.t.bind(__webpack_require__, /*! ./i18n.min/ko.json */ "./src/i18n.min/ko.json", 19)),
'ro': _ => __webpack_require__.e(/*! import() */ "src_i18n_min_ro_json").then(__webpack_require__.t.bind(__webpack_require__, /*! ./i18n.min/ro.json */ "./src/i18n.min/ro.json", 19)),
'ru': _ => __webpack_require__.e(/*! import() */ "src_i18n_min_ru_json").then(__webpack_require__.t.bind(__webpack_require__, /*! ./i18n.min/ru.json */ "./src/i18n.min/ru.json", 19)),
\n {this.state.tab === 'patt' ?\n
\n \n {imageIndex.patt.map((img, idx) => {\n const selected = this.state.wallpaper === img.name ? ' selected' : '';\n return
:\n <>\n \n 
\n
\n })}\n \n
\n \n \n
\n \n \n
\n \n {imageIndex.img.map((img, idx) => {\n const selected = this.state.wallpaper === img.name ? ' selected' : '';\n return
\n \n }\n \n
\n })}\n