+ {
+ (title_tag_manager) =>
+
+
+ }
+
+
+
+
+ {
+ (full_name_placeholder) =>
+
+
+
+ {
+ (password_unchanged) =>
+
+
+
+
+
+
+ {this.props.myUserId}
+
+
+
+
+
+
+ Auth: {this.state.auth}
+ Anon: {this.state.anon}
+
+
+
+
+
+
+
+
+
+ exit_to_app
+
+
+ );
+ }
+};
+
+export default injectIntl(InfoView);
diff --git a/src/views/login-view.jsx b/src/views/login-view.jsx
new file mode 100644
index 00000000..32fb39f3
--- /dev/null
+++ b/src/views/login-view.jsx
@@ -0,0 +1,96 @@
+// Login form.
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+
+import CheckBox from '../widgets/checkbox.jsx';
+import VisiblePassword from '../widgets/visible-password.jsx';
+
+import LocalStorageUtil from '../lib/local-storage.js';
+
+export default class LoginView extends React.Component {
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ login: props.login,
+ password: '',
+ hostName: props.serverAddress,
+ saveToken: LocalStorageUtil.getObject('keep-logged-in')
+ };
+ this.handleLoginChange = this.handleLoginChange.bind(this);
+ this.handlePasswordChange = this.handlePasswordChange.bind(this);
+ this.handleToggleSaveToken = this.handleToggleSaveToken.bind(this);
+ this.handleSubmit = this.handleSubmit.bind(this);
+ }
+
+ handleLoginChange(e) {
+ this.setState({login: e.target.value});
+ }
+
+ handlePasswordChange(e) {
+ this.setState({password: e.target.value});
+ }
+
+ handleToggleSaveToken() {
+ LocalStorageUtil.setObject('keep-logged-in', !this.state.saveToken);
+ this.setState({saveToken: !this.state.saveToken});
+ }
+
+ handleSubmit(e) {
+ e.preventDefault();
+ this.props.onLogin(this.state.login.trim(), this.state.password.trim());
+ }
+
+ render() {
+ var submitClasses = 'blue';
+ if (this.props.disabled) {
+ submitClasses += ' disabled';
+ }
+
+ return (
+
+ );
+ }
+};
+/* END Login */
diff --git a/src/views/logo-view.jsx b/src/views/logo-view.jsx
new file mode 100644
index 00000000..ca8b4904
--- /dev/null
+++ b/src/views/logo-view.jsx
@@ -0,0 +1,26 @@
+/* This is just a static page to display when no conversation is selected. */
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+
+import Tinode from 'tinode-sdk';
+
+import { APP_NAME } from '../config.js';
+
+export default class LogoView extends React.PureComponent {
+ render() {
+ var version = APP_NAME + ' (' + Tinode.getLibrary() + ')';
+ return (
+
+
+ {this.props.displayMobile ?
+
+
+
+
+
+ {
+ (tags) =>
+ :
+ null
+ }
+ {this.state.owner ? : null }
+ {this.state.groupTopic ?
+
+ }
+
+
+
+
+
+ Unknown}
+ readOnly={!this.state.owner}
+ value={this.state.fullName}
+ onFinished={this.handleFullNameUpdate} />
+
+
+
+
+
+ {
+ (private_placeholder) =>
+
+
+ {
+ (more) =>
+ {this.state.moreInfoExpanded ?
+
+
+ {this.state.owner ?
+
+
+
+
+
+ :
+ null
+ }
+
+
+ {this.state.address}
+
+ {this.state.groupTopic ?
+
+
+
+ {this.state.access}
+
+
+ :
+
+
+ }
+ {this.state.sharer && (this.state.auth || this.state.anon) ?
+
+
+
+
+
+
+
+ {this.state.fullName ? this.state.fullName : formatMessage(messages.other_user)}:
+
+ {this.state.modeGiven2}
+
+
+
+
+ :
+ null
+ }
+
+
+
+
+
+ Auth: {this.state.admin ?
+
+ {this.state.auth}
+
+ :
+ {this.state.auth}
+ }
+
+ Anon: {this.state.admin ?
+
+ {this.state.anon}
+
+ :
+ {this.state.anon}
+ }
+
+
+ {
+ (no_members) =>
+
+ :
+
+
+
+
+ {this.state.sharer ?
+
+ person_add
+
+
+ exit_to_app
+ }
+
+
+
+ );
+ }
+};
diff --git a/src/views/messages-view.jsx b/src/views/messages-view.jsx
new file mode 100644
index 00000000..f7260b85
--- /dev/null
+++ b/src/views/messages-view.jsx
@@ -0,0 +1,532 @@
+import React from 'react';
+import { FormattedMessage, defineMessages, injectIntl } from 'react-intl';
+
+import Tinode from 'tinode-sdk';
+
+import ChatMessage from '../widgets/chat-message.jsx';
+import ErrorPanel from '../widgets/error-panel.jsx';
+import GroupSubs from '../widgets/group-subs.jsx';
+import ImagePreview from '../widgets/image-preview.jsx';
+import LetterTile from '../widgets/letter-tile.jsx';
+import LoadSpinner from '../widgets/load-spinner.jsx';
+import LogoView from './logo-view.jsx';
+import SendMessage from '../widgets/send-message.jsx';
+
+import { KEYPRESS_DELAY, MESSAGES_PAGE } from '../config.js';
+import { makeImageUrl } from '../lib/blob-helpers.js';
+import { shortDateFormat } from '../lib/strformat.js';
+
+const messages = defineMessages({
+ online_now: {
+ id: 'online_now',
+ defaultMessage: 'online now',
+ description: 'Indicator that the user or topic is currently online',
+ },
+ last_seen: {
+ id: 'last_seen_timestamp',
+ defaultMessage: 'Last seen',
+ description: 'Label for the timestamp of when the user or topic was last online'
+ },
+ 'not_found': {
+ id: 'title_not_found',
+ defaultMessage: 'Not found',
+ description: 'Title shown when topic is not found'
+ }
+});
+
+class MessagesView extends React.Component {
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ messages: [],
+ onlineSubs: [],
+ topic: '',
+ title: '',
+ avatar: null,
+ scrollPosition: 0,
+ readOnly: props.acs ? !props.acs.isWriter() : true,
+ writeOnly: props.acs ? !props.acs.isReader() : true,
+ typingIndicator: false,
+ imagePreview: null
+ };
+
+ this.propsChange = this.propsChange.bind(this);
+ this.leave = this.leave.bind(this);
+ this.handleScrollReference = this.handleScrollReference.bind(this);
+ this.fetchMoreMessages = this.fetchMoreMessages.bind(this);
+ this.handleDescChange = this.handleDescChange.bind(this);
+ this.handleSubsUpdated = this.handleSubsUpdated.bind(this);
+ this.handleNewMessage = this.handleNewMessage.bind(this);
+ this.handleAllMessagesReceived = this.handleAllMessagesReceived.bind(this);
+ this.handleInfoReceipt = this.handleInfoReceipt.bind(this);
+ this.handleImagePreview = this.handleImagePreview.bind(this);
+ this.handleCloseImagePreview = this.handleCloseImagePreview.bind(this);
+ this.handleContextClick = this.handleContextClick.bind(this);
+ this.handleShowContextMenuMessage = this.handleShowContextMenuMessage.bind(this);
+ this.handleBackNavigation = this.handleBackNavigation.bind(this);
+ }
+
+ // Scroll last message into view on component update e.g. on message received.
+ componentDidUpdate(prevProps, prevState) {
+ if (this.messagesScroller &&
+ (prevState.title != this.state.title ||
+ prevState.messages.length != this.state.messages.length)) {
+ this.messagesScroller.scrollTop = this.messagesScroller.scrollHeight - this.state.scrollPosition;
+ }
+ }
+
+ componentDidMount() {
+ this.propsChange(this.props);
+ if (this.messagesScroller) {
+ this.messagesScroller.addEventListener('scroll', this.fetchMoreMessages);
+ }
+ }
+
+ componentWillUnmount() {
+ this.leave(this.state.topic);
+ if (this.messagesScroller) {
+ this.messagesScroller.removeEventListener('scroll', this.fetchMoreMessages);
+ }
+ }
+
+ UNSAFE_componentWillReceiveProps(nextProps) {
+ this.propsChange(nextProps);
+ }
+
+ propsChange(props) {
+ if (!props || !props.topic) {
+ let oldTopic = this.state.topic;
+ this.setState({messages: [], onlineSubs: [], topic: null}, this.leave(oldTopic));
+ return;
+ }
+
+ if (!props.connected) {
+ // connection lost, clear online subs
+ this.setState({onlineSubs: []});
+ return;
+ }
+
+ let topic = this.props.tinode.getTopic(props.topic);
+ if (!topic) {
+ return;
+ }
+
+ let newGroupTopic = Tinode.isNewGroupTopicName(props.topic);
+ let tryToResubscribe = !this.props.connected && props.connected;
+
+ if (props.topic != this.state.topic) {
+ let msgs = [];
+ let subs = [];
+
+ // Bind the new topic to component.
+ topic.onData = this.handleNewMessage;
+ topic.onAllMessagesReceived = this.handleAllMessagesReceived;
+ topic.onInfo = this.handleInfoReceipt;
+ topic.onMetaDesc = this.handleDescChange;
+ topic.onSubsUpdated = this.handleSubsUpdated;
+ topic.onPres = this.handleSubsUpdated;
+ // Unbind the previous topic from this component.
+ this.leave(this.state.topic);
+
+ this.handleDescChange(topic);
+ topic.subscribers((sub) => {
+ if (sub.online && sub.user != this.props.myUserId) {
+ subs.push(sub);
+ }
+ });
+
+ topic.messages(function(msg) {
+ if (!msg.deleted) {
+ msgs = msgs.concat(msg);
+ }
+ });
+
+ this.setState({
+ messages: msgs,
+ onlineSubs: subs,
+ topic: props.topic,
+ imagePreview: null,
+ scrollPosition: 0
+ });
+ tryToResubscribe = true;
+
+ // The user switched to the new topic before the timer for
+ // the previous topic has triggered, kill it.
+ this.props.readTimerHandler(null);
+ }
+
+ this.setState({
+ readOnly: props.acs ? !props.acs.isWriter() : true,
+ writeOnly: props.acs ? !props.acs.isReader() : true
+ });
+
+ if (!topic.isSubscribed() && tryToResubscribe) {
+ // Don't request the tags. They are useless unless the user
+ // is the owner and is editing the topic.
+ let getQuery = topic.startMetaQuery()
+ .withLaterDesc()
+ .withLaterSub()
+ .withLaterData(MESSAGES_PAGE)
+ .withLaterDel();
+ let setQuery = newGroupTopic ? props.newGroupTopicParams : undefined;
+ // Show "loading" spinner.
+ this.setState({ fetchingMessages: true });
+ topic.subscribe(getQuery.build(), setQuery)
+ .then((ctrl) => {
+ this.setState({topic: ctrl.topic});
+ this.props.onNewTopicCreated(props.topic, ctrl.topic);
+ // If there are unsent messages, try sending them now.
+ topic.queuedMessages((pub) => {
+ if (!pub._sending && topic.isSubscribed()) {
+ topic.publishMessage(pub);
+ }
+ });
+ })
+ .catch((err) => {
+ this.props.onError(err.message, 'err');
+ const {formatMessage} = this.props.intl;
+ this.setState({
+ title: formatMessage(messages.not_found),
+ avatar: null,
+ readOnly: true,
+ writeOnly: true,
+ fetchingMessages: false,
+ messages: [],
+ onlineSubs: [],
+ typingIndicator: false,
+ imagePreview: null
+ });
+ });
+ }
+ }
+
+ leave(oldTopicName) {
+ if (!oldTopicName) {
+ return;
+ }
+ let oldTopic = this.props.tinode.getTopic(oldTopicName);
+ if (oldTopic && oldTopic.isSubscribed()) {
+ oldTopic.leave(false)
+ .catch(() => { /* do nothing here */ })
+ .finally(() => {
+ // We don't care if the request succeeded or failed.
+ // The topic is dead regardless.
+ this.setState({fetchingMessages: false});
+ oldTopic.onData = undefined;
+ oldTopic.onAllMessagesReceived = undefined;
+ oldTopic.onInfo = undefined;
+ oldTopic.onMetaDesc = undefined;
+ oldTopic.onSubsUpdated = undefined;
+ oldTopic.onPres = undefined;
+ });
+ }
+ }
+
+ handleScrollReference(node) {
+ if (node) {
+ node.addEventListener('scroll', this.fetchMoreMessages);
+ this.messagesScroller = node;
+ }
+ }
+
+ // Get older messages
+ fetchMoreMessages(event) {
+ if (event.target.scrollTop <= 0) {
+ let newState = {scrollPosition: event.target.scrollHeight - event.target.scrollTop};
+ this.setState((prevState, props) => {
+ if (!prevState.fetchingMessages) {
+ var topic = this.props.tinode.getTopic(this.state.topic);
+ if (topic && topic.isSubscribed() && topic.msgHasMoreMessages()) {
+ newState.fetchingMessages = true;
+ topic.getMessagesPage(MESSAGES_PAGE).catch((err) => {
+ this.setState({fetchingMessages: false});
+ this.props.onError(err.message, 'err');
+ });
+ }
+ }
+ return newState;
+ });
+ }
+ }
+
+ handleDescChange(desc) {
+ if (desc.public) {
+ this.setState({
+ title: desc.public.fn,
+ avatar: makeImageUrl(desc.public.photo)
+ });
+ } else {
+ this.setState({
+ title: '',
+ avatar: null
+ });
+ }
+ if (desc.acs) {
+ this.setState({
+ readOnly: !desc.acs.isWriter(),
+ writeOnly: !desc.acs.isReader()
+ });
+ }
+ }
+
+ handleSubsUpdated() {
+ if (this.state.topic) {
+ var subs = [];
+ var topic = this.props.tinode.getTopic(this.state.topic);
+ topic.subscribers((sub) => {
+ if (sub.online && sub.user != this.props.myUserId) {
+ subs.push(sub);
+ }
+ });
+ this.setState({onlineSubs: subs});
+ }
+ }
+
+ handleNewMessage(msg) {
+ // Regenerate messages list
+ var topic = this.props.tinode.getTopic(this.state.topic);
+ var newState = {messages: []};
+ topic.messages(function(m) {
+ if (!m.deleted) {
+ newState.messages = newState.messages.concat(m);
+ }
+ });
+
+ // msg could be null if one or more messages were deleted.
+ if (msg && !msg.deleted) {
+ // If the message is added to the end of the message list,
+ // scroll to the bottom.
+ if (topic.isNewMessage(msg.seq)) {
+ newState.scrollPosition = 0;
+ }
+
+ // Aknowledge all messages, including own messages.
+ let status = topic.msgStatus(msg);
+ if (status >= Tinode.MESSAGE_STATUS_SENT) {
+ this.props.readTimerHandler(() => {
+ topic.noteRead(msg.seq);
+ });
+ }
+ this.props.onData(msg);
+ }
+
+ this.setState(newState);
+ }
+
+ handleAllMessagesReceived(count) {
+ this.setState({fetchingMessages: false});
+ }
+
+ handleInfoReceipt(info) {
+ switch (info.what) {
+ case 'kp': {
+ clearTimeout(this.keyPressTimer);
+ var instance = this;
+ this.keyPressTimer = setTimeout(function() {
+ instance.setState({typingIndicator: false});
+ }, KEYPRESS_DELAY + 1000);
+ if (!this.state.typingIndicator) {
+ this.setState({typingIndicator: true});
+ }
+ break;
+ }
+ case 'read':
+ case 'recv':
+ // Redraw due to changed recv/read status.
+ this.forceUpdate();
+ break;
+ default:
+ console.log("Other change in topic: ", info.what);
+ }
+ }
+
+ handleImagePreview(content) {
+ this.setState({ imagePreview: content });
+ }
+
+ handleCloseImagePreview() {
+ this.setState({ imagePreview: null });
+ }
+
+ handleContextClick(e) {
+ e.preventDefault();
+ e.stopPropagation();
+ this.props.showContextMenu({ topicName: this.state.topic, y: e.pageY, x: e.pageX });
+ }
+
+ handleShowContextMenuMessage(params) {
+ params.topicName = this.state.topic;
+ var menuItems = ['message_delete'];
+ var topic = this.props.tinode.getTopic(params.topicName);
+ if (topic) {
+ var acs = topic.getAccessMode();
+ if (acs && acs.isDeleter()) {
+ menuItems.push('message_delete_hard');
+ }
+ }
+ this.props.showContextMenu(params, menuItems);
+ }
+
+ handleBackNavigation() {
+ this.props.onHideMessagesView();
+ }
+
+ render() {
+ const {formatMessage} = this.props.intl;
+
+ let component;
+
+ if (this.state.topic) {
+ let messageNodes = [];
+ let topic = this.props.tinode.getTopic(this.state.topic);
+ let groupTopic = topic.getType() == 'grp';
+ let previousFrom = null;
+ let chatBoxClass = null;
+ for (let i=0; i
+
+ );
+ } else {
+ component = (
+
+ {this.props.displayMobile ?
+
+ arrow_back
+
+ :
+ null}
+
+ {this.props.displayMobile ?
+
+
+
+
+ {groupTopic ?
+ {
+ this.state.title ||
+
+ {lastSeen}
+
+
+ more_vert
+
+
+
+
+
+
+ {this.state.writeOnly ?
+ -
+ {messageNodes}
+
+
+ :
+ null
+ }
+
+
+
+
+ {this.state.tabSelected === 'grp' ?
+
+ );
+ }
+};
diff --git a/src/views/password-reset-view.jsx b/src/views/password-reset-view.jsx
new file mode 100644
index 00000000..ddbaefab
--- /dev/null
+++ b/src/views/password-reset-view.jsx
@@ -0,0 +1,87 @@
+// A password reset form.
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+
+import VisiblePassword from '../widgets/visible-password.jsx';
+
+import HashNavigation from '../lib/navigation.js';
+
+export default class PasswordResetView extends React.PureComponent {
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ email: '',
+ password: ''
+ };
+
+ this.handleSubmit = this.handleSubmit.bind(this);
+ this.handleEmailChange = this.handleEmailChange.bind(this);
+ this.handlePasswordChange = this.handlePasswordChange.bind(this);
+ }
+
+ componentDidMount() {
+ let parsed = HashNavigation.parseUrlHash(window.location.hash);
+ this.setState({token: parsed.params.token, scheme: parsed.params.scheme});
+ }
+
+ handleSubmit(e) {
+ e.preventDefault();
+ if (this.state.token) {
+ this.props.onReset(this.state.scheme, this.state.password.trim(), this.state.token);
+ } else {
+ this.props.onRequest('email', this.state.email.trim());
+ }
+ }
+
+ handleEmailChange(e) {
+ this.setState({email: e.target.value});
+ }
+
+ handlePasswordChange(e) {
+ this.setState({password: e.target.value});
+ }
+
+ render() {
+ let reset = (this.state.token && this.state.scheme);
+ return (
+
+ );
+ }
+}
diff --git a/src/views/settings-view.jsx b/src/views/settings-view.jsx
new file mode 100644
index 00000000..8d1802ed
--- /dev/null
+++ b/src/views/settings-view.jsx
@@ -0,0 +1,85 @@
+// Tinode config panel.
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+
+import HostSelector from '../widgets/host-selector.jsx';
+
+export default class SettingsView extends React.PureComponent {
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ transport: props.transport || 'def',
+ serverAddress: props.serverAddress,
+ };
+
+ this.handleSubmit = this.handleSubmit.bind(this);
+ this.handleTransportSelected = this.handleTransportSelected.bind(this);
+ this.handleServerAddressChange = this.handleServerAddressChange.bind(this);
+ }
+
+ handleSubmit(e) {
+ e.preventDefault();
+ this.props.onUpdate({
+ transport: this.state.transport,
+ serverAddress: this.state.serverAddress
+ });
+ }
+
+ handleTransportSelected(e) {
+ this.setState({transport: e.currentTarget.value});
+ }
+
+ handleServerAddressChange(name) {
+ this.setState({serverAddress: name});
+ this.props.onServerAddressChange(name);
+ }
+
+ render() {
+ const names = {def: "default", ws: "websocket", lp: "long polling"};
+ var transportOptions = [];
+ var instance = this;
+ ['def', 'ws', 'lp'].map(function(item) {
+ var id = 'transport-' + item;
+ var name = names[item];
+ transportOptions.push(
+
+ {
+ (search_for_contacts) =>
+
}
+
+
+ );
+ }
+};
+
+export default injectIntl(SidepanelView);
diff --git a/src/views/tinode-web.jsx b/src/views/tinode-web.jsx
new file mode 100644
index 00000000..ae3edf90
--- /dev/null
+++ b/src/views/tinode-web.jsx
@@ -0,0 +1,1137 @@
+// The top-level class to hold all functionality together.
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { injectIntl } from 'react-intl';
+
+import * as firebase from 'firebase/app';
+import 'firebase/messaging';
+
+import Tinode from 'tinode-sdk';
+
+import ContextMenu from '../widgets/context-menu.jsx';
+
+import InfoView from './info-view.jsx';
+import MessagesView from './messages-view.jsx';
+import SidepanelView from './sidepanel-view.jsx';
+
+import { API_KEY, APP_NAME, MEDIA_BREAKPOINT, READ_DELAY, RECEIVED_DELAY } from '../config.js';
+import { makeImageUrl } from '../lib/blob-helpers.js';
+import { detectServerAddress, isLocalHost, isSecureConnection } from '../lib/host-name.js';
+import LocalStorageUtil from '../lib/local-storage.js';
+import HashNavigation from '../lib/navigation.js';
+import { updateFavicon } from '../lib/utils.js';
+
+// Sound to play on message received.
+const POP_SOUND = new Audio('audio/msg.mp3');
+
+class TinodeWeb extends React.Component {
+ constructor(props) {
+ super(props);
+
+ this.state = this.getBlankState();
+
+ this.handleResize = this.handleResize.bind(this);
+ this.handleHashRoute = this.handleHashRoute.bind(this);
+ this.handleOnline = this.handleOnline.bind(this);
+ this.handleAppVisibility = this.handleAppVisibility.bind(this);
+ this.handleReadTimer = this.handleReadTimer.bind(this);
+ this.handleVisibilityEvent = this.handleVisibilityEvent.bind(this);
+ this.handleError = this.handleError.bind(this);
+ this.handleLoginRequest = this.handleLoginRequest.bind(this);
+ this.handleConnected = this.handleConnected.bind(this);
+ this.doLogin = this.doLogin.bind(this);
+ this.handleCredentialsRequest = this.handleCredentialsRequest.bind(this);
+ this.handleLoginSuccessful = this.handleLoginSuccessful.bind(this);
+ this.handleDisconnect = this.handleDisconnect.bind(this);
+ this.tnMeMetaDesc = this.tnMeMetaDesc.bind(this);
+ this.tnMeContactUpdate = this.tnMeContactUpdate.bind(this);
+ this.tnMeSubsUpdated = this.tnMeSubsUpdated.bind(this);
+ this.resetContactList = this.resetContactList.bind(this);
+ this.tnData = this.tnData.bind(this);
+ this.tnInitFind = this.tnInitFind.bind(this);
+ this.tnFndSubsUpdated = this.tnFndSubsUpdated.bind(this);
+ this.handleSearchContacts = this.handleSearchContacts.bind(this);
+ this.handleTopicSelected = this.handleTopicSelected.bind(this);
+ this.handleHideMessagesView = this.handleHideMessagesView.bind(this);
+ this.handleSendMessage = this.handleSendMessage.bind(this);
+ this.handleNewAccount = this.handleNewAccount.bind(this);
+ this.handleNewAccountRequest = this.handleNewAccountRequest.bind(this);
+ this.handleUpdateAccountRequest = this.handleUpdateAccountRequest.bind(this);
+ this.handleUpdateAccountTagsRequest = this.handleUpdateAccountTagsRequest.bind(this);
+ this.handleSettings = this.handleSettings.bind(this);
+ this.handleGlobalSettings = this.handleGlobalSettings.bind(this);
+ this.handleToggleMessageSounds = this.handleToggleMessageSounds.bind(this);
+ this.initDesktopAlerts = this.initDesktopAlerts.bind(this);
+ this.togglePushToken = this.togglePushToken.bind(this);
+ this.requestPushToken = this.requestPushToken.bind(this);
+ this.handleSidepanelCancel = this.handleSidepanelCancel.bind(this);
+ this.handleNewTopic = this.handleNewTopic.bind(this);
+ this.handleNewTopicRequest = this.handleNewTopicRequest.bind(this);
+ this.handleNewTopicCreated = this.handleNewTopicCreated.bind(this);
+ this.handleTopicUpdateRequest = this.handleTopicUpdateRequest.bind(this);
+ this.handleChangePermissions = this.handleChangePermissions.bind(this);
+ this.handleTagsUpdated = this.handleTagsUpdated.bind(this);
+ this.handleLogout = this.handleLogout.bind(this);
+ this.handleLeaveUnsubRequest = this.handleLeaveUnsubRequest.bind(this);
+ this.handleDialogCancel = this.handleDialogCancel.bind(this);
+ this.handleShowContextMenu = this.handleShowContextMenu.bind(this);
+ this.defaultTopicContextMenu = this.defaultTopicContextMenu.bind(this);
+ this.handleHideContextMenu = this.handleHideContextMenu.bind(this);
+ this.handleShowInfoView = this.handleShowInfoView.bind(this);
+ this.handleHideInfoView = this.handleHideInfoView.bind(this);
+ this.handleMemberUpdateRequest = this.handleMemberUpdateRequest.bind(this);
+ this.handleValidateCredentialsRequest = this.handleValidateCredentialsRequest.bind(this);
+ this.handlePasswordResetRequest = this.handlePasswordResetRequest.bind(this);
+ this.handleResetPassword = this.handleResetPassword.bind(this);
+ }
+
+ getBlankState() {
+ let settings = LocalStorageUtil.getObject("settings") || {};
+
+ return {
+ connected: false,
+ transport: settings.transport || null,
+ serverAddress: settings.serverAddress || detectServerAddress(),
+ serverVersion: "no connection",
+ // "On" is the default, so saving the "off" state.
+ messageSounds: !settings.messageSoundsOff,
+ desktopAlerts: settings.desktopAlerts,
+ desktopAlertsEnabled: (isSecureConnection() || isLocalHost()) &&
+ (typeof firebase != 'undefined') && (typeof navigator != 'undefined') &&
+ (typeof FIREBASE_INIT != 'undefined'),
+ firebaseToken: LocalStorageUtil.getObject("firebase-token"),
+
+ errorText: '',
+ errorLevel: null,
+
+ sidePanelSelected: 'login',
+ sidePanelTitle: null,
+ sidePanelAvatar: null,
+ dialogSelected: null,
+ contextMenuVisible: false,
+ login: '',
+ password: '',
+ myUserId: null,
+ liveConnection: navigator.onLine,
+ topicSelected: '',
+ topicSelectedOnline: false,
+ topicSelectedAcs: null,
+ newGroupTopicParams: null,
+ loginDisabled: false,
+ displayMobile: (window.innerWidth <= MEDIA_BREAKPOINT),
+ showInfoPanel: false,
+ mobilePanel: 'sidepanel',
+
+ contextMenuVisible: false,
+ contextMenuBounds: null,
+ contextMenuClickAt: null,
+ contextMenuParams: null,
+ contextMenuItems: [],
+
+ // Chats as shown in the ContactsView
+ chatList: [],
+ // Contacts returned by a search query.
+ searchResults: [],
+ // Merged results of a search query and p2p chats.
+ searchableContacts: [],
+ credMethod: undefined,
+ credCode: undefined
+ };
+ }
+
+ componentDidMount() {
+ window.addEventListener('resize', this.handleResize);
+ window.addEventListener('online', (e) => { this.handleOnline(true); });
+ window.addEventListener('offline', (e) => { this.handleOnline(false); });
+ window.addEventListener('hashchange', this.handleHashRoute);
+ // Window/tab visible or invisible for pausing timers.
+ document.addEventListener('visibilitychange', this.handleVisibilityEvent);
+
+ this.setState({viewportWidth: document.documentElement.clientWidth});
+
+ this.tinode = TinodeWeb.tnSetup(this.state.serverAddress, this.state.transport);
+ this.tinode.onConnect = this.handleConnected;
+ this.tinode.onDisconnect = this.handleDisconnect;
+
+ // Initialize desktop alerts.
+ if (this.state.desktopAlertsEnabled) {
+ try {
+ this.fbPush = firebase.initializeApp(FIREBASE_INIT, APP_NAME).messaging();
+ this.fbPush.usePublicVapidKey(FIREBASE_INIT.messagingVapidKey);
+ navigator.serviceWorker.register('/service-worker.js').then((reg) => {
+ this.fbPush.useServiceWorker(reg);
+ this.initDesktopAlerts();
+ if (this.state.desktopAlerts) {
+ if (!this.state.firebaseToken) {
+ this.togglePushToken(true);
+ } else {
+ this.tinode.setDeviceToken(this.state.firebaseToken);
+ }
+ }
+ }).catch((err) => {
+ // registration failed :(
+ console.log("Failed to register service worker:", err);
+ });
+ } catch (err) {
+ this.handleError("Failed to initialize push notifications", 'err');
+ console.log("Failed to initialize push notifications", err);
+ this.setState({desktopAlertsEnabled: false});
+ }
+ }
+
+ let token = LocalStorageUtil.getObject('keep-logged-in') ?
+ LocalStorageUtil.getObject('auth-token') : undefined;
+
+ let parsedNav = HashNavigation.parseUrlHash(window.location.hash);
+ if (token) {
+ // When reading from storage, date is returned as string.
+ token.expires = new Date(token.expires);
+ this.tinode.setAuthToken(token);
+ this.tinode.connect().catch((err) => {
+ // Socket error
+ this.handleError(err.message, 'err');
+ });
+ delete parsedNav.params.info;
+ delete parsedNav.params.tab;
+ parsedNav.path[0] = '';
+ HashNavigation.navigateTo(HashNavigation.composeUrlHash(parsedNav.path, parsedNav.params));
+ } else if (!parsedNav.params.token) {
+ HashNavigation.navigateTo('');
+ }
+
+ this.readTimer = null;
+ this.readTimerCallback = null;
+
+ this.handleHashRoute();
+ }
+
+ componentWillUnmount() {
+ window.removeEventListener('resize', this.handleResize);
+ window.removeEventListener('hashchange', this.handleHashRoute);
+ document.removeEventListener('visibilitychange', this.handleVisibilityEvent);
+ }
+
+ // Setup transport (usually websocket) and server address. This will terminate connection with the server.
+ static tnSetup(serverAddress, transport) {
+ let tinode = new Tinode(APP_NAME, serverAddress, API_KEY, transport, isSecureConnection());
+ tinode.enableLogging(true, true);
+ return tinode;
+ }
+
+ handleResize() {
+ var mobile = document.documentElement.clientWidth <= MEDIA_BREAKPOINT;
+ this.setState({viewportWidth: document.documentElement.clientWidth});
+ if (this.state.displayMobile != mobile) {
+ this.setState({displayMobile: mobile});
+ }
+ }
+
+ // Handle for hashchange event: display appropriate panels.
+ handleHashRoute() {
+ var hash = HashNavigation.parseUrlHash(window.location.hash);
+ if (hash.path && hash.path.length > 0) {
+ // Left-side panel selector.
+ if (['register','settings','edit','cred','reset','newtpk','contacts',''].includes(hash.path[0])) {
+ this.setState({sidePanelSelected: hash.path[0]});
+ } else {
+ console.log("Unknown sidepanel view", hash.path[0]);
+ }
+
+ // Topic for MessagesView selector.
+ if (hash.path.length > 1 && hash.path[1] != this.state.topicSelected) {
+ this.setState({
+ topicSelected: Tinode.topicType(hash.path[1]) ? hash.path[1] : null
+ });
+ }
+ } else {
+ // Empty hashpath
+ this.setState({sidePanelSelected: ''});
+ }
+
+ // Save validation credentials, if available.
+ if (hash.params.method) {
+ this.setState({ credMethod: hash.params.method });
+ }
+ if (hash.params.code) {
+ this.setState({ credCode: hash.params.code });
+ }
+
+ // Additional parameters of panels.
+ this.setState({
+ showInfoPanel: hash.params.info,
+ newTopicTabSelected: hash.params.tab
+ });
+ }
+
+ handleOnline(online) {
+ var newState = {liveConnection: online};
+ if (online) {
+ this.handleError('', null);
+ } else {
+ this.handleError("No connection", 'warn');
+ }
+ this.setState({liveConnection: online});
+ }
+
+ // Handling read notifications here to be able to pause
+ // them then the window/tab is not visible.
+ handleAppVisibility(visible, callback) {
+ clearTimeout(this.readTimer);
+ this.readTimerCallback = callback;
+ if (visible && callback) {
+ this.readTimer = setTimeout(callback, READ_DELAY);
+ } else {
+ this.readTimer = null;
+ }
+ }
+
+ handleReadTimer(callback) {
+ this.handleAppVisibility(!document.hidden, callback);
+ }
+
+ handleVisibilityEvent() {
+ this.handleAppVisibility(!document.hidden, this.readTimerCallback);
+ }
+
+ handleError(err, level) {
+ this.setState({errorText: err, errorLevel: level});
+ }
+
+ // User clicked Login button in the side panel.
+ handleLoginRequest(login, password) {
+ this.setState({loginDisabled: true, login: login, password: password});
+ this.handleError('', null);
+
+ if (this.tinode.isConnected()) {
+ this.doLogin(login, password, {meth: this.state.credMethod, resp: this.state.credCode});
+ } else {
+ this.tinode.connect().catch((err) => {
+ // Socket error
+ this.setState({loginDisabled: false});
+ this.handleError(err.message, 'err');
+ });
+ }
+ }
+
+ // Connection succeeded.
+ handleConnected() {
+ var params = this.tinode.getServerInfo();
+ this.setState({
+ serverVersion: params.ver + ' ' + (params.build ? params.build : 'none') + '; '
+ });
+ this.doLogin(this.state.login, this.state.password, {meth: this.state.credMethod, resp: this.state.credCode});
+ }
+
+ doLogin(login, password, cred) {
+ if (this.tinode.isAuthenticated()) {
+ // Already logged in. Go to default screen.
+ HashNavigation.navigateTo('');
+ return;
+ }
+ // Sanitize and package credentail.
+ cred = Tinode.credential(cred);
+ // Try to login with login/password. If they are not available, try token. If no token, ask for login/password.
+ let promise = null;
+ let token = this.tinode.getAuthToken();
+ if (login && password) {
+ this.setState({password: null});
+ promise = this.tinode.loginBasic(login, password, cred);
+ } else if (token) {
+ promise = this.tinode.loginToken(token.token, cred);
+ }
+
+ if (promise) {
+ promise.then((ctrl) => {
+ if (ctrl.code >= 300 && ctrl.text === 'validate credentials') {
+ if (cred) {
+ this.handleError("Code does not match", 'warn');
+ }
+ this.handleCredentialsRequest(ctrl.params);
+ } else {
+ this.handleLoginSuccessful();
+ }
+ }).catch((err) => {
+ // Login failed, report error.
+ this.setState({loginDisabled: false, credMethod: undefined, credCode: undefined});
+ this.handleError(err.message, 'err');
+ localStorage.removeItem('auth-token');
+ HashNavigation.navigateTo('');
+ });
+ } else {
+ // No login credentials provided.
+ // Make sure we are on the login page.
+ HashNavigation.navigateTo('');
+ this.setState({loginDisabled: false});
+ }
+ }
+
+ handleCredentialsRequest(params) {
+ var parsed = HashNavigation.parseUrlHash(window.location.hash);
+ parsed.path[0] = 'cred';
+ parsed.params['method'] = params.cred[0];
+ HashNavigation.navigateTo(HashNavigation.composeUrlHash(parsed.path, parsed.params));
+ }
+
+ handleLoginSuccessful() {
+ this.handleError('', null);
+
+ // Refresh authentication token.
+ if (LocalStorageUtil.getObject('keep-logged-in')) {
+ LocalStorageUtil.setObject('auth-token', this.tinode.getAuthToken());
+ }
+ // Logged in fine, subscribe to 'me' attaching callbacks from the contacts view.
+ var me = this.tinode.getMeTopic();
+ me.onMetaDesc = this.tnMeMetaDesc;
+ me.onContactUpdate = this.tnMeContactUpdate;
+ me.onSubsUpdated = this.tnMeSubsUpdated;
+ this.setState({
+ connected: true,
+ credMethod: undefined,
+ credCode: undefined,
+ myUserId: this.tinode.getCurrentUserID()
+ });
+ // Subscribe, fetch topic desc, the list of subscriptions. Messages are not fetched.
+ me.subscribe(
+ me.startMetaQuery().
+ withLaterSub().
+ withDesc().
+ build()
+ ).catch((err) => {
+ localStorage.removeItem('auth-token');
+ this.handleError(err.message, 'err');
+ HashNavigation.navigateTo('');
+ });
+ HashNavigation.navigateTo(HashNavigation.setUrlSidePanel(window.location.hash, 'contacts'));
+ }
+
+ handleDisconnect(err) {
+ this.setState({
+ connected: false,
+ topicSelectedOnline: false,
+ dialogSelected: null,
+ errorText: err && err.message ? err.message : "Disconnected",
+ errorLevel: err && err.message ? 'err' : 'warn',
+ loginDisabled: false,
+ contextMenuVisible: false,
+ serverVersion: "no connection"
+ });
+ }
+
+ tnMeMetaDesc(desc) {
+ if (desc && desc.public) {
+ this.setState({
+ sidePanelTitle: desc.public.fn,
+ sidePanelAvatar: makeImageUrl(desc.public.photo)
+ });
+ }
+ }
+
+ // Reactions to updates to the contact list.
+ tnMeContactUpdate(what, cont) {
+ if (what == 'on' || what == 'off') {
+ this.resetContactList();
+ if (this.state.topicSelected == cont.topic) {
+ this.setState({topicSelectedOnline: (what == 'on')});
+ }
+ } else if (what == 'read') {
+ this.resetContactList();
+ } else if (what == 'msg') {
+ // New message received
+ // Skip update if the topic is currently open, otherwise the badge will annoyingly flash.
+ if (this.state.topicSelected != cont.topic) {
+ if (this.state.messageSounds) {
+ POP_SOUND.play();
+ }
+ this.resetContactList();
+ } else if (document.hidden && this.state.messageSounds) {
+ POP_SOUND.play();
+ }
+ } else if (what == 'recv') {
+ // Explicitly ignoring "recv" -- it causes no visible updates to contact list.
+ } else if (what == 'gone' || what == 'unsub') {
+ // Topic deleted or user unsubscribed. Remove topic from view.
+ // If the currently selected topic is gone, clear the selection.
+ if (this.state.topicSelected == cont.topic) {
+ this.handleTopicSelected(null);
+ }
+ // Redraw without the deleted topic.
+ this.resetContactList();
+ } else if (what == 'acs') {
+ // Permissions changed. If it's for the currently selected topic,
+ // update the views.
+ if (this.state.topicSelected == cont.topic) {
+ this.setState({topicSelectedAcs: cont.acs});
+ }
+ } else if (what == 'del') {
+ // messages deleted (hard or soft) -- update pill counter.
+ } else {
+ // TODO(gene): handle other types of notifications:
+ // * ua -- user agent changes (maybe display a pictogram for mobile/desktop).
+ // * upd -- topic 'public' updated, issue getMeta().
+ console.log("Unsupported (yet) presence update:" + what + " in: " + cont.topic);
+ }
+ }
+
+ tnMeSubsUpdated(unused) {
+ this.resetContactList();
+ }
+
+ // Merge search results and contact list to create a single flat
+ // list of kown contacts for GroupManager to use.
+ static prepareSearchableContacts(chatList, foundContacts) {
+ let merged = {};
+
+ // For chatList topics merge only p2p topics and convert them to the
+ // same format as foundContacts.
+ for (const c of chatList) {
+ if (Tinode.topicType(c.topic) == 'p2p') {
+ merged[c.topic] = {
+ user: c.topic,
+ updated: c.updated,
+ public: c.public,
+ private: c.private,
+ acs: c.acs
+ };
+ }
+ }
+
+ // Add all foundCountacts if they have not been added already.
+ for (const c of foundContacts) {
+ if (!merged[c.user]) {
+ merged[c.user] = c;
+ }
+ }
+
+ return Object.values(merged);
+ }
+
+ resetContactList() {
+ let newState = {
+ chatList: []
+ };
+ this.tinode.getMeTopic().contacts((c) => {
+ newState.chatList.push(c);
+ if (this.state.topicSelected == c.topic) {
+ newState.topicSelectedOnline = c.online;
+ newState.topicSelectedAcs = c.acs;
+ }
+ });
+ // Merge search results and chat list.
+ newState.searchableContacts = TinodeWeb.prepareSearchableContacts(newState.chatList, this.state.searchResults);
+ this.setState(newState);
+ }
+
+ // Sending "received" notifications
+ tnData(data) {
+ let topic = this.tinode.getTopic(data.topic);
+ if (topic.msgStatus(data) >= Tinode.MESSAGE_STATUS_SENT) {
+ clearTimeout(this.receivedTimer);
+ this.receivedTimer = setTimeout(() => {
+ this.receivedTimer = undefined;
+ topic.noteRecv(data.seq);
+ }, RECEIVED_DELAY);
+ }
+ }
+
+ /* Fnd topic: find contacts by tokens */
+ tnInitFind() {
+ let fnd = this.tinode.getFndTopic();
+ if (fnd.isSubscribed()) {
+ this.tnFndSubsUpdated();
+ } else {
+ fnd.onSubsUpdated = this.tnFndSubsUpdated;
+ fnd.subscribe(fnd.startMetaQuery().withSub().withTags().build()).catch((err) => {
+ this.handleError(err.message, 'err');
+ });
+ }
+ }
+
+ tnFndSubsUpdated() {
+ let foundContacts = [];
+ // Don't attempt to create P2P topics which already exist. Server will reject the duplicates.
+ this.tinode.getFndTopic().contacts((s) => {
+ foundContacts.push(s);
+ });
+ this.setState({
+ searchResults: foundContacts,
+ searchableContacts: TinodeWeb.prepareSearchableContacts(this.state.chatList, foundContacts)
+ });
+ }
+
+ /** Called when the user enters a contact into the contact search field in the NewAccount panel
+ @param query {Array} is an array of contacts to search for
+ */
+ handleSearchContacts(query) {
+ var fnd = this.tinode.getFndTopic();
+ fnd.setMeta({desc: {public: query}}).then((ctrl) => {
+ return fnd.getMeta(fnd.startMetaQuery().withSub().build());
+ }).catch((err) => {
+ this.handleError(err.message, 'err');
+ });
+ }
+
+ // User clicked on a contact in the side panel or deleted a contact.
+ handleTopicSelected(topicName, unused_index, online, acs) {
+ if (topicName) {
+ this.setState({
+ errorText: '',
+ errorLevel: null,
+ mobilePanel: 'topic-view',
+ showInfoPanel: false
+ });
+ // Different contact selected.
+ if (this.state.topicSelected != topicName) {
+ this.setState({
+ topicSelectedOnline: online,
+ topicSelectedAcs: acs
+ });
+ HashNavigation.navigateTo(HashNavigation.setUrlTopic('', topicName));
+ }
+ } else {
+ // Currently selected contact deleted
+ this.setState({
+ errorText: '',
+ errorLevel: null,
+ mobilePanel: 'sidepanel',
+ topicSelectedOnline: false,
+ topicSelectedAcs: null,
+ showInfoPanel: false
+ });
+ if (this.state.topicSelected) {
+ HashNavigation.navigateTo(HashNavigation.setUrlTopic('', null));
+ }
+ }
+ }
+
+ // In mobile view user requested to show sidepanel
+ handleHideMessagesView() {
+ this.setState({
+ mobilePanel: 'sidepanel'
+ });
+ HashNavigation.navigateTo(HashNavigation.setUrlTopic(window.location.hash, null));
+ }
+
+ // User is sending a message, either plain text or a drafty object, possibly
+ // with attachments.
+ handleSendMessage(msg, promise, uploader) {
+ let topic = this.tinode.getTopic(this.state.topicSelected);
+
+ msg = topic.createMessage(msg, false);
+ // The uploader is used to show progress.
+ msg._uploader = uploader;
+
+ if (!topic.isSubscribed()) {
+ if (!promise) {
+ promise = Promise.resolve();
+ }
+ promise = promise.then(() => { return topic.subscribe(); });
+ }
+
+ if (promise) {
+ promise = promise.catch((err) => {
+ this.handleError(err.message, 'err');
+ });
+ }
+
+ topic.publishDraft(msg, promise)
+ .catch((err) => {
+ this.handleError(err.message, 'err');
+ });
+ }
+
+ // User chose a Sign Up menu item.
+ handleNewAccount() {
+ HashNavigation.navigateTo(HashNavigation.setUrlSidePanel(window.location.hash, 'register'));
+ }
+
+ // Actual registration of a new account.
+ handleNewAccountRequest(login_, password_, public_, cred_, tags_) {
+ this.tinode.connect(this.state.serverAddress)
+ .then(() => {
+ return this.tinode.createAccountBasic(login_, password_,
+ {public: public_, tags: tags_, cred: Tinode.credential(cred_)});
+ }).then((ctrl) => {
+ if (ctrl.code >= 300 && ctrl.text == 'validate credentials') {
+ this.handleCredentialsRequest(ctrl.params);
+ } else {
+ this.handleLoginSuccessful(this);
+ }
+ }).catch((err) => {
+ this.handleError(err.message, 'err');
+ });
+ }
+
+ handleUpdateAccountRequest(password, pub, defacs) {
+ if (pub || defacs) {
+ this.tinode.getMeTopic().setMeta({desc: {public: pub, defacs: defacs}}).catch((err) => {
+ this.handleError(err.message, 'err');
+ });
+ }
+ if (password) {
+ this.tinode.updateAccountBasic(null, this.tinode.getCurrentLogin(), password).catch((err) => {
+ this.handleError(err.message, 'err');
+ });
+ }
+ }
+
+ handleUpdateAccountTagsRequest(tags) {
+ this.tinode.getFndTopic().setMeta({tags: tags})
+ .catch((err) => {
+ this.handleError(err.message, 'err');
+ });
+ }
+
+ // User chose Settings menu item.
+ handleSettings() {
+ HashNavigation.navigateTo(HashNavigation.setUrlSidePanel(window.location.hash,
+ this.state.myUserId ? 'edit' : 'settings'));
+ }
+
+ // User updated global parameters.
+ handleGlobalSettings(settings) {
+ let serverAddress = settings.serverAddress || this.state.serverAddress;
+ let transport = settings.transport || this.state.transport;
+ if (this.tinode) {
+ this.tinode.onDisconnect = undefined;
+ this.tinode.disconnect();
+ }
+ this.tinode = TinodeWeb.tnSetup(serverAddress, transport);
+ this.tinode.onConnect = this.handleConnected;
+ this.tinode.onDisconnect = this.handleDisconnect;
+
+ this.setState({
+ serverAddress: serverAddress,
+ transport: transport
+ });
+ LocalStorageUtil.setObject('settings', {
+ serverAddress: serverAddress,
+ transport: transport
+ });
+
+ HashNavigation.navigateTo(HashNavigation.setUrlSidePanel(window.location.hash, ''));
+ }
+
+ // Initialize desktop alerts = push notifications.
+ initDesktopAlerts() {
+ // Google could not be bothered to mention that
+ // onTokenRefresh is never called.
+ this.fbPush.onTokenRefresh(() => {
+ this.requestPushToken(true);
+ });
+
+ this.fbPush.onMessage((payload) => {
+ // No need to do anything about it.
+ // All the magic happends in the service worker.
+ });
+ }
+
+ togglePushToken(enabled) {
+ if (enabled) {
+ if (!this.state.firebaseToken) {
+ this.fbPush.requestPermission().then(() => {
+ this.requestPushToken(true);
+ }).catch((err) => {
+ this.handleError(err.message, 'err');
+ this.setState({desktopAlerts: false, firebaseToken: null});
+ LocalStorageUtil.updateObject('settings', {desktopAlerts: false});
+ console.log("Failed to get permission to notify.", err);
+ });
+ } else {
+ this.setState({desktopAlerts: true});
+ LocalStorageUtil.updateObject('settings', {desktopAlerts: true});
+ }
+ } else if (this.state.firebaseToken) {
+ this.fbPush.deleteToken(this.state.firebaseToken).catch((err) => {
+ console.log("Unable to delete token.", err);
+ }).finally(() => {
+ LocalStorageUtil.updateObject('settings', {desktopAlerts: false});
+ localStorage.removeItem('firebase-token');
+ this.setState({desktopAlerts: false, firebaseToken: null});
+ });
+ } else {
+ this.setState({desktopAlerts: false, firebaseToken: null});
+ LocalStorageUtil.updateObject('settings', {desktopAlerts: false});
+ }
+ }
+
+ requestPushToken(sendToServer) {
+ this.fbPush.getToken().then((refreshedToken) => {
+ if (refreshedToken != this.state.firebaseToken) {
+ this.tinode.setDeviceToken(refreshedToken, sendToServer);
+ LocalStorageUtil.setObject('firebase-token', refreshedToken);
+ }
+ this.setState({firebaseToken: refreshedToken, desktopAlerts: true});
+ LocalStorageUtil.updateObject('settings', {desktopAlerts: true});
+ }).catch((err) => {
+ this.handleError(err.message, 'err');
+ console.log("Failed to retrieve firebase token", err);
+ });
+ }
+
+ handleToggleMessageSounds(enabled) {
+ this.setState({messageSounds: enabled});
+ LocalStorageUtil.updateObject('settings', {
+ messageSoundsOff: !enabled
+ });
+ }
+
+ // User clicked Cancel button in Setting or Sign Up panel.
+ handleSidepanelCancel() {
+ var parsed = HashNavigation.parseUrlHash(window.location.hash);
+ parsed.path[0] = this.state.myUserId ? 'contacts' : '';
+ if (parsed.params) {
+ delete parsed.params.code;
+ delete parsed.params.method;
+ delete parsed.params.tab;
+ }
+ HashNavigation.navigateTo(HashNavigation.composeUrlHash(parsed.path, parsed.params));
+ this.setState({errorText: '', errorLevel: null});
+ }
+
+ // User clicked a (+) menu item.
+ handleNewTopic() {
+ HashNavigation.navigateTo(HashNavigation.setUrlSidePanel(window.location.hash, 'newtpk'));
+ }
+
+ // Request to start a new topic. New P2P topic requires peer's name.
+ handleNewTopicRequest(peerName, pub, priv, tags) {
+ var topicName = peerName || this.tinode.newGroupTopicName();
+ if (!peerName) {
+ this.setState(
+ {newGroupTopicParams: {desc: {public: pub, private: {comment: priv}}, tags: tags}},
+ () => {this.handleTopicSelected(topicName)}
+ );
+ } else {
+ this.handleTopicSelected(topicName);
+ }
+ }
+
+ // New topic was creted, here is the new topic name.
+ handleNewTopicCreated(oldName, newName) {
+ if (this.state.topicSelected == oldName && oldName != newName) {
+ // If the current URl contains the old topic name, replace it with new.
+ // Update the name of the selected topic first so the navigator doen't clear
+ // the state.
+ this.setState({topicSelected: newName}, () => {
+ HashNavigation.navigateTo(HashNavigation.setUrlTopic('', newName));
+ });
+ }
+ }
+
+ handleTopicUpdateRequest(topicName, pub, priv, permissions) {
+ var topic = this.tinode.getTopic(topicName);
+ if (topic) {
+ var params = {};
+ if (pub) {
+ params.public = pub;
+ }
+ if (priv) {
+ params.private = (priv === Tinode.DEL_CHAR) ?
+ Tinode.DEL_CHAR : {comment: priv};
+ }
+ if (permissions) {
+ params.defacs = permissions;
+ }
+ topic.setMeta({desc: params}).catch((err) => {
+ this.handleError(err.message, 'err');
+ });
+ }
+ }
+
+ handleChangePermissions(topicName, mode, uid) {
+ var topic = this.tinode.getTopic(topicName);
+ if (topic) {
+ var am = topic.getAccessMode();
+ if (uid) {
+ am.updateGiven(mode);
+ mode = am.getGiven();
+ } else {
+ am.updateWant(mode);
+ mode = am.getWant();
+ }
+ topic.setMeta({sub: {user: uid, mode: mode}}).catch((err) => {
+ this.handleError(err.message, 'err');
+ });
+ }
+ }
+
+ handleTagsUpdated(topicName, tags) {
+ var topic = this.tinode.getTopic(topicName);
+ if (topic) {
+ var instance = this;
+ topic.setMeta({tags: tags}).catch((err) => {
+ this.handleError(err.message, 'err');
+ });
+ }
+ }
+
+ handleLogout() {
+ updateFavicon(0);
+ localStorage.removeItem('auth-token');
+ if (this.tinode) {
+ this.tinode.onDisconnect = undefined;
+ this.tinode.disconnect();
+ }
+ this.setState(this.getBlankState());
+ this.tinode = TinodeWeb.tnSetup(this.state.serverAddress, this.state.transport);
+ this.tinode.onConnect = this.handleConnected;
+ this.tinode.onDisconnect = this.handleDisconnect;
+ HashNavigation.navigateTo('');
+ }
+
+ handleLeaveUnsubRequest(topicName) {
+ var topic = this.tinode.getTopic(topicName);
+ if (!topic) {
+ return;
+ }
+
+ topic.leave(true).then((ctrl) => {
+ // Hide MessagesView and InfoView panels.
+ HashNavigation.navigateTo(HashNavigation.setUrlTopic(window.location.hash, ''));
+ }).catch((err) => {
+ this.handleError(err.message, 'err');
+ });
+ }
+
+ handleDialogCancel() {
+ this.setState({dialogSelected: null});
+ }
+
+ handleShowContextMenu(params, menuItems) {
+ this.setState({
+ contextMenuVisible: true,
+ contextMenuClickAt: {x: params.x, y: params.y},
+ contextMenuParams: params,
+ contextMenuItems: menuItems || this.defaultTopicContextMenu(params.topicName),
+ contextMenuBounds: ReactDOM.findDOMNode(this).getBoundingClientRect()
+ });
+ }
+
+ defaultTopicContextMenu(topicName) {
+ const topic = this.tinode.getTopic(topicName);
+ const {formatMessage} = this.props.intl;
+
+ let muted = false, blocked = false, subscribed = false, deleter = false;
+ if (topic) {
+ if (topic.isSubscribed()) {
+ subscribed = true;
+
+ let acs = topic.getAccessMode();
+ muted = acs && acs.isMuted();
+ blocked = acs && !acs.isJoiner();
+ deleter = acs && acs.isDeleter();
+ }
+ }
+
+ return [
+ subscribed ? {title: formatMessage({id: 'menu_item_info'}), handler: this.handleShowInfoView} : null,
+ subscribed ? 'messages_clear' : null,
+ subscribed && deleter ? 'messages_clear_hard' : null,
+ subscribed ? (muted ? 'topic_unmute' : 'topic_mute') : null,
+ subscribed ? (blocked ? 'topic_unblock' : 'topic_block') : null,
+ 'topic_delete'
+ ];
+ }
+
+ handleHideContextMenu() {
+ this.setState({
+ contextMenuVisible: false,
+ contextMenuClickAt: null,
+ contextMenuParams: null,
+ contextMenuBounds: null
+ });
+ }
+
+ handleShowInfoView() {
+ HashNavigation.navigateTo(HashNavigation.addUrlParam(window.location.hash, 'info', true));
+ this.setState({showInfoPanel: true});
+ }
+
+ handleHideInfoView() {
+ HashNavigation.navigateTo(HashNavigation.removeUrlParam(window.location.hash, 'info'));
+ this.setState({showInfoPanel: false});
+ }
+
+ handleMemberUpdateRequest(topicName, added, removed) {
+ if (!topicName) {
+ return;
+ }
+
+ var topic = this.tinode.getTopic(topicName);
+ if (!topic) {
+ return;
+ }
+
+ if (added && added.length > 0) {
+ added.map((uid) => {
+ topic.invite(uid, null).catch((err) => {
+ this.handleError(err.message, 'err');
+ });
+ });
+ }
+
+ if (removed && removed.length > 0) {
+ removed.map((uid) => {
+ topic.delSubscription(uid).catch((err) => {
+ this.handleError(err.message, 'err');
+ });
+ });
+ }
+ }
+
+ handleValidateCredentialsRequest(cred, code) {
+ this.setState({credMethod: cred, credCode: code});
+ this.doLogin(null, null, {meth: cred, resp: code});
+ }
+
+ handlePasswordResetRequest(method, value) {
+ // If already connected, connnect() will return a resolved promise.
+ this.tinode.connect()
+ .then(() => {
+ return this.tinode.requestResetAuthSecret('basic', method, value)
+ })
+ .catch((err) => {
+ // Socket error
+ this.handleError(err.message, 'err');
+ });
+ }
+
+ handleResetPassword(scheme, newPassword, token) {
+ token = base64ReEncode(token);
+ if (!token) {
+ this.handleError("Invalid security token", 'err');
+ } else {
+ this.tinode.connect()
+ .then(() => {
+ return this.tinode.updateAccountBasic(null, null, newPassword, {token: token});
+ })
+ .catch((err) => {
+ // Socket error
+ this.handleError(err.message, 'err');
+ });
+ }
+ }
+
+ render() {
+ return (
+
+ {this.state.contextMenuVisible ?
+
+ );
+ }
+};
+
+export default injectIntl(TinodeWeb);
diff --git a/src/views/validation-view.jsx b/src/views/validation-view.jsx
new file mode 100644
index 00000000..6e839987
--- /dev/null
+++ b/src/views/validation-view.jsx
@@ -0,0 +1,81 @@
+// ValidationView: panel for confirming credentials, like email or phone.
+import React from 'react';
+import { FormattedMessage, defineMessages, injectIntl } from 'react-intl';
+
+const messages = defineMessages({
+ phone: {
+ id: 'phone_dative',
+ defaultMessage: 'phone',
+ description: "Dative case of 'phone', i.e. 'phone' in 'by phone'",
+ },
+ email: {
+ id: 'email_dative',
+ defaultMessage: 'email',
+ description: "Dative case of 'email', i.e. 'email' in 'by email'",
+ }
+});
+
+class ValidationView extends React.PureComponent {
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ code: props.credCode || ''
+ };
+
+ this.handleChange = this.handleChange.bind(this);
+ this.handleKeyPress = this.handleKeyPress.bind(this);
+ this.handleSubmit = this.handleSubmit.bind(this);
+ }
+
+ handleChange(e) {
+ this.setState({code: e.target.value});
+ }
+
+ handleKeyPress(e) {
+ if (e.key === 'Enter') {
+ this.handleSubmit(e);
+ }
+ }
+
+ handleSubmit(e) {
+ e.preventDefault();
+ if (this.state.code && this.state.code.trim()) {
+ this.props.onSubmit(this.props.credMethod, this.state.code.trim());
+ }
+ }
+
+ render() {
+ const { formatMessage } = this.props.intl;
+ const methods = {'email': formatMessage(messages.email), 'tel': formatMessage(messages.phone)};
+ let method = methods[this.props.credMethod] || this.props.credMethod;
+ return (
+
+
+ );
+ }
+};
+
+export default injectIntl(ValidationView);
diff --git a/src/webapp.jsx b/src/webapp.jsx
deleted file mode 100644
index c3810ddd..00000000
--- a/src/webapp.jsx
+++ /dev/null
@@ -1,5631 +0,0 @@
-// Babel JSX
-
-'use strict';
-
-if (typeof require == 'function') {
- if (typeof React == 'undefined') {
- var React = require('react');
- var ReactDOM = require('react-dom');
- }
- if (typeof Tinode == 'undefined') {
- var Tinode = require('tinode-sdk');
- var Drafty = Tinode.Drafty;
- }
- if (typeof firebase == 'undefined') {
- var firebase = require('firebase/app');
- require('firebase/messaging');
- }
- var package_version = require('../version.json').version;
-}
-
-// Name of this application, used in the User-Agent.
-const APP_NAME = 'TinodeWeb/' + (package_version || '0.15');
-
-const KNOWN_HOSTS = {hosted: 'api.tinode.co', local: 'localhost:6060'};
-// Default host name and port to connect to.
-const DEFAULT_HOST = KNOWN_HOSTS.hosted;
-// var DEFAULT_HOST = KNOWN_HOSTS.local;
-
-// Sound to play on message received.
-const POP_SOUND = new Audio('audio/msg.mp3');
-
-// API key. Use https://github.com/tinode/chat/tree/master/keygen to generate your own
-const API_KEY = 'AQEAAAABAAD_rAp4DJh05a1HAwFT3A6K';
-
-// Minimum time between two keypress notifications, milliseconds.
-const KEYPRESS_DELAY = 3*1000;
-// Delay before sending a {note} for reciving a message, milliseconds.
-const RECEIVED_DELAY = 500;
-// Delay before sending a read notification, milliseconds.
-const READ_DELAY = 1000;
-
-// The shortest allowed tag length. Matches one on the server.
-const MIN_TAG_LENGTH = 4;
-
-// Mediaquery breakpoint between desktop and mobile, in px. Should match the value
-// in @meadia (max-size: 640px) in base.css
-const MEDIA_BREAKPOINT = 640;
-// Size of css 'rem' unit in pixels. Default 1rem = 10pt = 13px.
-const REM_SIZE = 13;
-
-// Size of the avatar image
-const AVATAR_SIZE = 128;
-
-// Number of chat messages to fetch in one call.
-const MESSAGES_PAGE = 24;
-
-// Maximum in-band (included directly into the message) attachment size which fits into
-// a message of 256K in size, assuming base64 encoding and 1024 bytes of overhead.
-// This is size of an object *before* base64 encoding is applied.
-// Increase this limit to a greater value in production, if desired. Also increase
-// max_message_size in server config.
-// MAX_INBAND_ATTACHMENT_SIZE = base64DecodedLen(max_message_size - overhead);
-const MAX_INBAND_ATTACHMENT_SIZE = 195840;
-
-// Absolute maximum attachment size to be used with the server = 8MB. Increase to
-// something like 100MB in production.
-const MAX_EXTERN_ATTACHMENT_SIZE = 1 << 23;
-
-// Maximum allowed linear dimension of an inline image in pixels. You may want
-// to adjust it to 1600 or 2400 for production.
-const MAX_IMAGE_DIM = 768;
-
-// Supported image MIME types and corresponding file extensions.
-const SUPPORTED_IMAGE_FORMATS = ['image/jpeg', 'image/gif', 'image/png', 'image/svg', 'image/svg+xml'];
-const MIME_EXTENSIONS = ['jpg', 'gif', 'png', 'svg', 'svg'];
-
-// Helper functions for storing values in localStorage.
-// By default localStorage can store only strings, not objects or other types.
-
-// Replace old object with the new one.
-Storage.prototype.setObject = function(key, value) {
- this.setItem(key, JSON.stringify(value));
-}
-// Get stored object.
-Storage.prototype.getObject = function(key) {
- let value = this.getItem(key);
- return value && JSON.parse(value);
-}
-// Partially or wholly update stored object.
-Storage.prototype.updateObject = function(key, value) {
- let oldVal = this.getObject(key);
- this.setObject(key, Object.assign(oldVal || {}, value));
-}
-
-// Short representation of time in the past.
-function shortDateFormat(then) {
- var locale = window.navigator.userLanguage || window.navigator.language;
- var now = new Date();
- if (then.getFullYear() == now.getFullYear()) {
- if (then.getMonth() == now.getMonth() && then.getDate() == now.getDate()) {
- return then.toLocaleTimeString(locale, {hour12: false, hour: '2-digit', minute: '2-digit'});
- } else {
- return then.toLocaleDateString(locale,
- {hour12: false, month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit'});
- }
- }
- return then.toLocaleDateString(locale,
- {hour12: false, year: 'numeric', month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit'});
-}
-
-// Convert a number of bytes to human-readable format.
-function bytesToHumanSize(bytes) {
- if (!bytes || bytes == 0) {
- return '0 Bytes';
- }
-
- var sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB', 'PB'];
- var bucket = Math.min(Math.floor(Math.log2(bytes) / 10) | 0, sizes.length-1);
- var count = bytes / Math.pow(1024, bucket);
- var round = bucket > 0 ? (count < 3 ? 2 : (count < 30 ? 1 : 0)) : 0;
- return count.toFixed(round) + ' ' + sizes[bucket];
-}
-
-// Make a data URL from public.photo
-function makeImageUrl(photo) {
- return (photo && photo.type && photo.data) ?
- 'data:image/' + photo.type + ';base64,' + photo.data : null;
-}
-
-// Calculate linear dimensions for scaling image down to fit under a certain size.
-// Returns an object which contains destination sizes, source sizes, and offsets
-// into source (when making square images).
-function fitImageSize(width, height, maxWidth, maxHeight, forceSquare) {
- if (!width || !height || !maxWidth || !maxHeight) {
- return null;
- }
-
- if (forceSquare) {
- maxWidth = maxHeight = Math.min(maxWidth, maxHeight);
- }
-
- let scale = Math.min(
- Math.min(width, maxWidth) / width,
- Math.min(height, maxHeight) / height
- );
-
- let size = {
- dstWidth: (width * scale) | 0,
- dstHeight: (height * scale) | 0,
- };
-
- if (forceSquare) {
- // Also calculate parameters for making the image square.
- size.dstWidth = size.dstHeight = Math.min(size.dstWidth, size.dstHeight);
- size.srcWidth = size.srcHeight = Math.min(width, height);
- size.xoffset = ((width - size.srcWidth) / 2) | 0;
- size.yoffset = ((height - size.srcWidth) / 2) | 0;
- } else {
- size.xoffset = size.yoffset = 0;
- size.srcWidth = width;
- size.srcHeight = height;
- }
- return size;
-}
-
-// Ensure file's extension matches mime content type
-function fileNameForMime(fname, mime) {
- var idx = SUPPORTED_IMAGE_FORMATS.indexOf(mime);
- var ext = MIME_EXTENSIONS[idx];
-
- var at = fname.lastIndexOf('.');
- if (at >= 0) {
- fname = fname.substring(0, at);
- }
- return fname + '.' + ext;
-}
-
-// Get mime type from data URL header.
-function getMimeType(header) {
- var mime = /^data:(image\/[-+a-z0-9.]+);base64/.exec(header);
- return (mime && mime.length > 1) ? mime[1] : null;
-}
-
-// Given length of a binary object in bytes, calculate the length after
-// base64 encoding.
-function base64EncodedLen(n) {
- return Math.floor((n + 2) / 3) * 4;
-}
-
-// Given length of a base64-encoded object, calculate decoded size of the
-// pbject in bytes.
-function base64DecodedLen(n) {
- return Math.floor(n / 4) * 3;
-}
-
-// Re-encode string to standard base64 encoding with padding.
-// The string may be base64-URL encoded without the padding.
-function base64ReEncode(str) {
- if (str) {
- str = str.replace('-', '+').replace('_', '/');
- try {
- str = btoa(atob(str));
- } catch(err) {
- console.log("Failed to base64 re-decode string");
- str = null;
- }
- }
- return str;
-}
-
-// Convert uploaded image into a base64-encoded string possibly scaling
-// linear dimensions or constraining to a square.
-function imageFileScaledToBase64(file, width, height, forceSquare, onSuccess, onError) {
- var img = new Image();
- img.crossOrigin = 'Anonymous';
- img.onerror = function(err) {
- onError("Image format unrecognized");
- }
- img.onload = function() {
- var dim = fitImageSize(this.width, this.height, width, height, forceSquare);
- if (!dim) {
- onError("Invalid image");
- return;
- }
- var canvas = document.createElement('canvas');
- canvas.width = dim.dstWidth;
- canvas.height = dim.dstHeight;
- var ctx = canvas.getContext('2d');
- ctx.imageSmoothingEnabled = true;
- ctx.drawImage(this, dim.xoffset, dim.yoffset, dim.srcWidth, dim.srcHeight,
- 0, 0, dim.dstWidth, dim.dstHeight);
-
- var mime = (this.width != dim.dstWidth ||
- this.height != dim.dstHeight ||
- SUPPORTED_IMAGE_FORMATS.indexOf(file.type) < 0) ? 'image/jpeg' : file.type;
- var imageBits = canvas.toDataURL(mime);
- var parts = imageBits.split(',');
- // Get actual image type: 'data:image/png;base64,'
- mime = getMimeType(parts[0]);
- if (!mime) {
- onError("Unsupported image format");
- return;
- }
- // Ensure the image is not too large
- var quality = 0.78;
- if (base64DecodedLen(imageBits.length) > MAX_INBAND_ATTACHMENT_SIZE) {
- mime = 'image/jpeg';
- }
- if (mime == 'image/jpeg') {
- // Reduce size of the jpeg by reducing image quality
- while (base64DecodedLen(imageBits.length) > MAX_INBAND_ATTACHMENT_SIZE && quality > 0.45) {
- imageBits = canvas.toDataURL(mime, quality);
- quality *= 0.84;
- }
- }
- if (base64DecodedLen(imageBits.length) > MAX_INBAND_ATTACHMENT_SIZE) {
- onError("The image size " + bytesToHumanSize(base64DecodedLen(imageBits.length)) +
- " exceeds the " + bytesToHumanSize(MAX_INBAND_ATTACHMENT_SIZE) + " limit.", "err");
- return;
- }
- canvas = null;
- onSuccess(imageBits.split(',')[1], mime, dim.dstWidth, dim.dstHeight, fileNameForMime(file.name, mime));
- };
- img.src = URL.createObjectURL(file);
-}
-
-// Convert uploaded image file to base64-encoded string without scaling/converting the image
-function imageFileToBase64(file, onSuccess, onError) {
- var reader = new FileReader();
- reader.addEventListener('load', function() {
- var parts = reader.result.split(',');
- var mime = getMimeType(parts[0]);
- if (!mime) {
- onError("Failed to process image file");
- return;
- }
-
- // Get image size.
- var img = new Image();
- img.crossOrigin = 'Anonymous';
- img.onload = function() {
- onSuccess(parts[1], mime, this.width, this.height, fileNameForMime(file.name, mime));
- }
- img.onerror = function(err) {
- onError("Image format not recognized");
- }
- img.src = URL.createObjectURL(file);
- }, false);
- reader.readAsDataURL(file);
-}
-
-function fileToBase64(file, onSuccess, onError) {
- var reader = new FileReader();
- reader.addEventListener('load', function() {
- onSuccess(file.type, reader.result.split(',')[1], file.name);
- });
- reader.readAsDataURL(file);
-}
-
-// File pasted from the clipboard. It's either an inline image or a file attachment.
-// FIXME: handle large files out of band.
-function filePasted(event, onImageSuccess, onAttachmentSuccess, onError) {
- var items = (event.clipboardData || event.originalEvent.clipboardData || {}).items;
- for (var i in items) {
- var item = items[i];
- if (item.kind === 'file') {
- var file = item.getAsFile();
- if (!file) {
- console.log("Failed to get file object from pasted file item", item.kind, item.type);
- continue;
- }
- if (file.type && file.type.split('/')[0] == 'image') {
- // Handle inline image
- if (file.size > MAX_INBAND_ATTACHMENT_SIZE || SUPPORTED_IMAGE_FORMATS.indexOf(file.type) < 0) {
- imageFileScaledToBase64(file, MAX_IMAGE_DIM, MAX_IMAGE_DIM, false, onImageSuccess, onError);
- } else {
- imageFileToBase64(file, onImageSuccess, onError);
- }
- } else {
- // Handle file attachment
- fileToBase64(file, onAttachmentSuccess, onError)
- }
- // Indicate that the pasted data contains a file.
- return true;
- }
- }
- // No file found.
- return false;
-}
-
-// Make shortcut icon appear with a green dot + show unread count in title.
-function updateFavicon(count) {
- var oldIcon = document.getElementById('shortcut-icon');
- if (oldIcon) {
- var head = document.head || document.getElementsByTagName('head')[0];
- var newIcon = document.createElement('link');
- newIcon.type = 'image/png';
- newIcon.id = 'shortcut-icon';
- newIcon.rel = 'shortcut icon';
- newIcon.href = 'img/logo32x32' + (count > 0 ? 'a' : '') + '.png';
- head.removeChild(oldIcon);
- head.appendChild(newIcon);
- }
- document.title = (count > 0 ? '('+count+') ' : '') + 'Tinode';
-}
-
-// Get 32 bit integer hash value for a string. Ideally it should produce the same value
-// as Java's String#hash().
-function stringHash(value) {
- var hash = 0;
- value = '' + value;
- for (var i = 0; i < value.length; i++) {
- hash = ((hash << 5) - hash) + value.charCodeAt(i);
- hash = hash & hash; // Convert to 32bit integer
- }
- return hash;
-}
-
-// Helper functions for hash navigation.
-
-// Parse hash as in http://www.example.com/path#hash as if it were
-// path and arguments.
-function parseUrlHash(hash) {
- // Split path from args, path -> parts[0], args->path[1]
- let parts = hash.split('?', 2);
- let params = {};
- let path = [];
- if (parts[0]) {
- path = parts[0].substr(1).split('/');
- }
- if (parts[1]) {
- parts[1].split('&').forEach(function(part) {
- let item = part.split('=');
- if (item[0]) {
- params[decodeURIComponent(item[0])] = decodeURIComponent(item[1]);
- }
- });
- }
- return {path: path, params: params};
-}
-
-function navigateTo(url) {
- window.location.hash = url;
-}
-
-function composeUrlHash(path, params) {
- var url = path.join('/');
- var args = [];
- for (var key in params) {
- if (params.hasOwnProperty(key)) {
- args.push(key + '=' + params[key]);
- }
- }
- if (args.length > 0) {
- url += '?' + args.join('&');
- }
- return url;
-}
-
-function addUrlParam(hash, key, value) {
- var parsed = parseUrlHash(hash);
- parsed.params[key] = value;
- return composeUrlHash(parsed.path, parsed.params);
-}
-
-function removeUrlParam(hash, key) {
- var parsed = parseUrlHash(hash);
- delete parsed.params[key];
- return composeUrlHash(parsed.path, parsed.params);
-}
-function setUrlSidePanel(hash, sidepanel) {
- var parsed = parseUrlHash(hash);
- parsed.path[0] = sidepanel;
- return composeUrlHash(parsed.path, parsed.params);
-}
-function setUrlTopic(hash, topic) {
- var parsed = parseUrlHash(hash);
- parsed.path[1] = topic;
- // Close InfoView on topic change.
- delete parsed.params.info;
- return composeUrlHash(parsed.path, parsed.params);
-}
-// END of hash navigation helper functions
-
-
-// Detect server address from the URL
-function detectServerAddress() {
- let host = DEFAULT_HOST;
- if (typeof window.location == 'object') {
- if (window.location.protocol == 'file:' || window.location.hostname == 'localhost') {
- host = KNOWN_HOSTS.local;
- } else if (window.location.hostname) {
- host = window.location.hostname + (window.location.port ? ':' + window.location.port : '');
- }
- }
- return host;
-}
-
-// Detect if the page is served over HTTPS.
-function isSecureConnection() {
- if (typeof window.location == 'object') {
- return window.location.protocol == 'https:';
- }
- return false;
-}
-
-function isLocalHost() {
- if (typeof window.location == 'object') {
- return window.location.hostname == 'localhost';
- }
- return false;
-}
-
-// Create VCard which represents topic 'public' info
-function vcard(fn, imageDataUrl) {
- var card = null;
-
- if ((fn && fn.trim()) || imageDataUrl) {
- card = {};
- if (fn) {
- card.fn = fn.trim();
- }
- if (imageDataUrl) {
- var dataStart = imageDataUrl.indexOf(',');
- card.photo = {
- data: imageDataUrl.substring(dataStart+1),
- type: 'jpg'
- };
- }
- }
- return card;
-}
-
-// Deep-shallow compare two arrays: shallow compare each element.
-function arrayEqual(a, b) {
- // Compare lengths first.
- if (a.length != b.length) {
- return false;
- }
- // Order of elements is ignored.
- a.sort();
- b.sort();
- for (var i = 0, l = a.length; i < l; i++) {
- if (a[i] !== b[i]) {
- return false;
- }
- }
- return true;
-}
-
-/* BEGIN Context Menu: popup/dropdown menu */
-
-class ContextMenu extends React.Component {
- constructor(props) {
- super(props);
-
- this.handlePageClick = this.handlePageClick.bind(this);
- this.handleEscapeKey = this.handleEscapeKey.bind(this);
- this.handleClick = this.handleClick.bind(this);
-
- // Preconfigured menu items.
- this.MenuItems = {
- 'topic_info': {title: "Info", handler: null},
-
- 'messages_clear': {title: "Clear messages", handler: (params, errorHandler) => {
- this.deleteMessages(true, false, params, errorHandler);
- }},
- 'messages_clear_hard': {title: "Clear for All", handler: (params, errorHandler) => {
- this.deleteMessages(true, true, params, errorHandler);
- }},
- 'message_delete': {title: "Delete", handler: (params, errorHandler) => {
- this.deleteMessages(false, false, params, errorHandler);
- }},
- 'message_delete_hard': {title: "Delete for All", handler: (params, errorHandler) => {
- this.deleteMessages(false, true, params, errorHandler);
- }},
- 'topic_unmute': {title: "Unmute", handler: this.topicPermissionSetter.bind(this, '+P')},
- 'topic_mute': {title: "Mute", handler: this.topicPermissionSetter.bind(this, '-P')},
- 'topic_unblock': {title: "Unblock", handler: this.topicPermissionSetter.bind(this, '+J')},
- 'topic_block': {title: "Block", handler: this.topicPermissionSetter.bind(this, '-J')},
- 'topic_delete': {title: "Delete", handler: (params, errorHandler) => {
- let topic = this.props.tinode.getTopic(params.topicName);
- if (!topic) {
- console.log("Topic not found: ", params.topicName);
- return;
- }
- topic.delTopic().catch((err) => {
- if (errorHandler) {
- errorHandler(err.message, 'err');
- }
- });
- }},
-
- 'permissions': {title: "Edit permissions", handler: null},
- 'member_delete': {title: "Remove", handler: (params, errorHandler) => {
- let topic = this.props.tinode.getTopic(params.topicName);
- if (!topic || !params.user) {
- console.log("Topic or user not found: '" + params.topicName + "', '" + params.user + "'");
- return;
- }
- topic.delSubscription(params.user).catch((err) => {
- if (errorHandler) {
- errorHandler(err.message, 'err');
- }
- });
- }},
- 'member_mute': {title: "Mute", handler: this.topicPermissionSetter.bind(this, '-P')},
- 'member_unmute': {title: "Unmute", handler: this.topicPermissionSetter.bind(this, '+P')},
- 'member_block': {title: "Block", handler: this.topicPermissionSetter.bind(this, '-J')},
- 'member_unblock': {title: "Unblock", handler: this.topicPermissionSetter.bind(this, '+J')},
- };
- }
-
- componentDidMount() {
- document.addEventListener('mousedown', this.handlePageClick, false);
- document.addEventListener('keyup', this.handleEscapeKey, false);
- }
-
- componentWillUnmount() {
- document.removeEventListener('mousedown', this.handlePageClick, false);
- document.removeEventListener('keyup', this.handleEscapeKey, false);
- }
-
- handlePageClick(e) {
- if (ReactDOM.findDOMNode(this).contains(e.target)) {
- return;
- }
- e.preventDefault();
- e.stopPropagation();
- this.props.hide();
- }
-
- handleEscapeKey(e) {
- if (e.keyCode === 27) {
- this.props.hide();
- }
- }
-
- handleClick(e) {
- e.preventDefault();
- e.stopPropagation();
- this.props.hide();
- let item = this.props.items[e.currentTarget.dataset.id];
- if (typeof item == 'string') {
- item = this.MenuItems[item];
- }
- item.handler(this.props.params, this.props.onError);
- }
-
- // Menu Actions
-
- deleteMessages(all, hard, params, errorHandler) {
- var topic = this.props.tinode.getTopic(params.topicName);
- if (!topic) {
- console.log("Topic not found: ", params.topicName);
- return;
- }
- // We don't know if the message is still pending (e.g. attachment is being uploaded),
- // so try cancelling first. No harm if we can't cancel.
- if (topic.cancelSend(params.seq)) {
- return Promise.resolve();
- }
- // Can't cancel. Delete instead.
- var promise = all ?
- topic.delMessagesAll(hard) :
- topic.delMessagesList([params.seq], hard);
- promise.catch((err) => {
- if (errorHandler) {
- errorHandler(err.message, 'err');
- }
- });
- }
-
- // Function is used by context menu to set permissions.
- topicPermissionSetter(mode, params, errorHandler) {
- var topic = this.props.tinode.getTopic(params.topicName);
- if (!topic) {
- console.log("Topic not found", params.topicName);
- return;
- }
-
- var am, user;
- if (params.user) {
- user = topic.subscriber(params.user);
- if (!user) {
- console.log("Subscriber not found", params.topicName + "[" + params.user + "]");
- return;
- }
- am = user.acs.updateGiven(mode).getGiven();
- } else {
- am = topic.getAccessMode().updateWant(mode).getWant();
- }
-
- topic.setMeta({sub: {user: params.user, mode: am}}).catch((err) => {
- if (errorHandler) {
- errorHandler(err.message, 'err');
- }
- });
- }
-
- render() {
- let count = 0;
- let menu = [];
- this.props.items.map((item) => {
- if (typeof item == 'string') {
- item = this.MenuItems[item];
- }
- if (item && item.title) {
- menu.push(
- item.title == '-' ?
-
- :
-
+
+
+
+ {
+ (numbers_only) =>
+ }
+
+
+
+
+ -
- {menu}
-
: null);
- }
-}
-
-// Toggle [Title text >] -> [Title text v]
-class MoreButton extends React.PureComponent {
- constructor(props) {
- super(props);
-
- this.state = {
- open: props.open
- };
- this.handleToggle = this.handleToggle.bind(this);
- }
-
- handleToggle() {
- let open = !this.state.open;
- this.setState({open: open});
- if (this.props.onToggle) {
- this.props.onToggle(open);
- }
- }
-
- render() {
- return ();
- }
-}
-
-/* BEGIN Lettertile: Avatar box: either a bitmap or a letter tile or a stock icon. */
-class LetterTile extends React.PureComponent {
- render() {
- let avatar;
- if (this.props.avatar === true) {
- if (this.props.topic && this.props.title && this.props.title.trim()) {
- let letter = this.props.title.trim().charAt(0);
- let color = "lettertile dark-color" + (Math.abs(stringHash(this.props.topic)) % 16);
- avatar = (
{letter}
-
-
-
- {this.state.visible ? 'visibility' : 'visibility_off'}
-
-
-
- );
- }
-}
-
-/* END InPlaceEdit */
-
-/* BEGIN Combobox for selecting host name */
-class HostSelector extends React.PureComponent {
- constructor(props) {
- super(props);
-
- this.state = {
- hostName: props.serverAddress,
- changed: false
- };
-
- this.handleHostNameChange = this.handleHostNameChange.bind(this);
- this.handleEditingFinished = this.handleEditingFinished.bind(this);
- }
-
- handleHostNameChange(e) {
- this.setState({hostName: e.target.value, changed: true});
- }
-
- handleEditingFinished() {
- if (this.state.changed) {
- this.setState({changed: false});
- this.props.onServerAddressChange(this.state.hostName.trim());
- }
- }
-
- render() {
- var hostOptions = [];
- for (var key in KNOWN_HOSTS) {
- var item = KNOWN_HOSTS[key];
- hostOptions.push(
-
- );
- }
- return (
-
-
-
-
- );
- }
-}
-/* END Combobox for selecting host name */
-
-/* BEGIN CheckBox: styled checkbox */
-class CheckBox extends React.PureComponent {
- constructor(props) {
- super(props);
-
- this.handleChange = this.handleChange.bind(this);
- }
-
- handleChange() {
- this.props.onChange(this.props.name, !this.props.checked);
- }
-
- render() {
- return (
- this.props.onChange ? (
- this.props.checked ?
- check_box :
- check_box_outline_blank
- ) : (
- this.props.checked ?
- check_box :
- check_box_outline_blank
- )
- );
- }
-}
-/* END CheckBox */
-
-/* BEGIN PermissionsEditor: Component for editing permissions */
-//
- {this.props.userTitle ?
-
- {this.props.compare ?
-
-
-
- );
- }
-};
-/* END PermissionsEditor */
-
-/* BEGIN ChipInput: group membership widget */
-class ChipInput extends React.Component {
- constructor(props) {
- super(props);
-
- this.state = {
- placeholder: props.chips ? '' : props.prompt,
- sortedChips: ChipInput.sortChips(props.chips, props.required),
- chipIndex: ChipInput.indexChips(props.chips),
- input: '',
- focused: false
- };
-
- this.handleTextInput = this.handleTextInput.bind(this);
- this.removeChipAt = this.removeChipAt.bind(this);
- this.handleChipCancel = this.handleChipCancel.bind(this);
- this.handleFocusGained = this.handleFocusGained.bind(this);
- this.handleFocusLost = this.handleFocusLost.bind(this);
- this.handleKeyDown = this.handleKeyDown.bind(this);
- }
-
- UNSAFE_componentWillReceiveProps(nextProps) {
- this.setState({
- sortedChips: ChipInput.sortChips(nextProps.chips, nextProps.required),
- chipIndex: ChipInput.indexChips(nextProps.chips)
- });
- if (nextProps.chips.length > this.props.chips.length) {
- // Chip added: clear input.
- this.setState({input: ''});
- }
- }
-
- // Map chip index to user name
- static indexChips(chips) {
- var index = {};
- var count = 0;
- chips.map(function(item) {
- index[item.user] = count;
- count ++;
- });
- return index;
- }
-
- // Have non-removable chips appear before all other chips.
- static sortChips(chips, keep) {
- var required = [];
- var normal = [];
- chips.map(function(item) {
- if (item.user === keep) {
- required.push(item);
- } else {
- normal.push(item);
- }
- });
- return required.concat(normal);
- }
-
- handleTextInput(e) {
- this.setState({input: e.target.value});
- if (this.props.filterFunc) {
- this.props.filterFunc(e.target.value);
- }
- }
-
- removeChipAt(idx) {
- var removed = this.state.sortedChips[idx];
- this.props.onChipRemoved(removed.user, this.state.chipIndex[removed.user]);
- }
-
- handleChipCancel(item, idx) {
- this.removeChipAt(idx);
- }
-
- handleFocusGained() {
- this.setState({focused: true});
- }
-
- handleFocusLost() {
- this.setState({focused: false});
- if (this.props.onFocusLost) {
- this.props.onFocusLost(this.state.input);
- }
- }
-
- handleKeyDown(e) {
- if (e.key === 'Backspace') {
- if (this.state.input.length == 0 && this.state.sortedChips.length > 0) {
- var at = this.state.sortedChips.length - 1;
- if (this.state.sortedChips[at].user !== this.props.required) {
- this.removeChipAt(at);
- }
- }
- } else if (e.key === 'Enter') {
- if (this.props.onEnter) {
- this.props.onEnter(this.state.input);
- }
- } else if (e.key === 'Escape') {
- if (this.props.onCancel) {
- this.props.onCancel();
- }
- }
- }
-
- render() {
- var chips = [];
- var count = 0;
- this.state.sortedChips.map((item) => {
- chips.push(
- | {this.props.modeTitle} | -{this.props.compareTitle} | -
|---|
-
-
-
-
-
- {chips}
-
-
- );
- }
-};
-
-class Chip extends React.PureComponent {
- constructor(props) {
- super(props);
-
- this.handleCancel = this.handleCancel.bind(this);
- }
-
- handleCancel() {
- this.props.onCancel(this.props.topic, this.props.index);
- }
-
- render() {
- var title = this.props.title || this.props.topic;
- return (
-
- {this.props.noAvatar ?
- :
-
- );
- }
-};
-/* END ChipInput */
-
-/* BEGIN GroupSubs: a list of group subscribers currently online */
-class GroupSubs extends React.Component {
- constructor(props) {
- super(props);
-
- this.state = {
- onlineSubs: props.subscribers || []
- };
- }
-
- static getDerivedStateFromProps(nextProps, prevState) {
- return {
- onlineSubs: nextProps.subscribers ? nextProps.subscribers : []
- };
- }
-
- render() {
- var usersOnline = [];
- this.state.onlineSubs.map((sub) => {
- usersOnline.push(
-
-
- }
- {title}
- {this.props.onCancel && !this.props.required ?
- ×
- : }
-
-
- );
- });
- return (
- {usersOnline}
- );
- }
-};
-/* END GroupSubs */
-
-/* BEGIN Login: a login form */
-class LoginView extends React.Component {
- constructor(props) {
- super(props);
-
- this.state = {
- login: props.login,
- password: '',
- hostName: props.serverAddress,
- saveToken: localStorage.getObject('keep-logged-in')
- };
- this.handleLoginChange = this.handleLoginChange.bind(this);
- this.handlePasswordChange = this.handlePasswordChange.bind(this);
- this.handleToggleSaveToken = this.handleToggleSaveToken.bind(this);
- this.handleSubmit = this.handleSubmit.bind(this);
- }
-
- handleLoginChange(e) {
- this.setState({login: e.target.value});
- }
-
- handlePasswordChange(e) {
- this.setState({password: e.target.value});
- }
-
- handleToggleSaveToken() {
- localStorage.setObject('keep-logged-in', !this.state.saveToken);
- this.setState({saveToken: !this.state.saveToken});
- }
-
- handleSubmit(e) {
- e.preventDefault();
- this.props.onLogin(this.state.login.trim(), this.state.password.trim());
- }
-
- render() {
- var submitClasses = 'blue';
- if (this.props.disabled) {
- submitClasses += ' disabled';
- }
- return (
-
- );
- }
-};
-/* END Login */
-
-/* BEGIN Account registration */
-class CreateAccountView extends React.PureComponent {
- constructor(props) {
- super(props);
-
- this.state = {
- login: '',
- password: '',
- email: '',
- fn: '', // full/formatted name
- imageDataUrl: null,
- errorCleared: false,
- saveToken: localStorage.getObject('keep-logged-in')
- };
-
- this.handleLoginChange = this.handleLoginChange.bind(this);
- this.handlePasswordChange = this.handlePasswordChange.bind(this);
- this.handleEmailChange = this.handleEmailChange.bind(this);
- this.handleFnChange = this.handleFnChange.bind(this);
- this.handleImageChanged = this.handleImageChanged.bind(this);
- this.handleToggleSaveToken = this.handleToggleSaveToken.bind(this);
- this.handleSubmit = this.handleSubmit.bind(this);
- }
-
- handleLoginChange(e) {
- this.setState({login: e.target.value});
- }
-
- handlePasswordChange(password) {
- this.setState({password: password});
- }
-
- handleEmailChange(e) {
- this.setState({email: e.target.value})
- }
-
- handleFnChange(e) {
- this.setState({fn: e.target.value});
- }
-
- handleImageChanged(img) {
- this.setState({imageDataUrl: img});
- }
-
- handleToggleSaveToken() {
- localStorage.setObject('keep-logged-in', !this.state.saveToken);
- this.setState({saveToken: !this.state.saveToken});
- }
-
- handleSubmit(e) {
- e.preventDefault();
- // TODO: check email for validity
- this.setState({errorCleared: false});
- this.props.onCreateAccount(
- this.state.login.trim(),
- this.state.password.trim(),
- vcard(this.state.fn, this.state.imageDataUrl),
- {'meth': 'email', 'val': this.state.email});
- }
-
- render() {
- var submitClasses = 'blue';
- if (this.props.disabled) {
- submitClasses += ' disabled';
- }
- return (
-
- );
- }
-};
-
-class AvatarUpload extends React.Component {
- constructor(props) {
- super(props);
-
- this.state = {
- dataUrl: props.avatar
- };
-
- this.handleFileUpload = this.handleFileUpload.bind(this);
- }
-
- static getDerivedStateFromProps(nextProps, prevState) {
- if (prevState.dataUrl != nextProps.avatar) {
- return {
- dataUrl: nextProps.avatar
- };
- }
- return null;
- }
-
- handleFileUpload(e) {
- imageFileScaledToBase64(e.target.files[0], AVATAR_SIZE, AVATAR_SIZE, true,
- // Success
- (base64bits, mime) => {
- var du = makeImageUrl({data: base64bits, type: mime});
- this.setState({dataUrl: du});
- this.props.onImageChanged(du);
- },
- // Failure
- (err) => {
- this.props.onError(err, 'err');
- });
- // Clear the value so the same file can be uploaded again.
- e.target.value = '';
- }
-
- render() {
- // Randomize id value in case more than one AvatarUpload is shown
- // at the same time.
- var randId = "file-input-avatar-" + (Math.random() + '').substr(2);
- return (
-
- {this.state.dataUrl ?
- 
:
- this.props.readOnly && this.props.uid ?
-
- );
- }
-};
-/* END Account registration */
-
-
-/* BEGIN PasswordResetView: a password reset form */
-class PasswordResetView extends React.PureComponent {
- constructor(props) {
- super(props);
-
- this.state = {
- email: '',
- password: ''
- };
-
- this.handleSubmit = this.handleSubmit.bind(this);
- this.handleEmailChange = this.handleEmailChange.bind(this);
- this.handlePasswordChange = this.handlePasswordChange.bind(this);
- }
-
- componentDidMount() {
- let parsed = parseUrlHash(window.location.hash);
- this.setState({token: parsed.params.token, scheme: parsed.params.scheme});
- }
-
- handleSubmit(e) {
- e.preventDefault();
- if (this.state.token) {
- this.props.onReset(this.state.scheme, this.state.password.trim(), this.state.token);
- } else {
- this.props.onRequest("email", this.state.email.trim());
- }
- }
-
- handleEmailChange(e) {
- this.setState({email: e.target.value});
- }
-
- handlePasswordChange(e) {
- this.setState({password: e.target.value});
- }
-
- render() {
- let reset = (this.state.token && this.state.scheme);
- return (
-
- );
- }
-}
-/* END PasswordResetView */
-
-
-/* BEGIN Tinode config panel */
-class SettingsView extends React.PureComponent {
- constructor(props) {
- super(props);
-
- this.state = {
- transport: props.transport || 'def',
- serverAddress: props.serverAddress,
- };
-
- this.handleSubmit = this.handleSubmit.bind(this);
- this.handleTransportSelected = this.handleTransportSelected.bind(this);
- this.handleServerAddressChange = this.handleServerAddressChange.bind(this);
- }
-
- handleSubmit(e) {
- e.preventDefault();
- this.props.onUpdate({
- transport: this.state.transport,
- serverAddress: this.state.serverAddress
- });
- }
-
- handleTransportSelected(e) {
- this.setState({transport: e.currentTarget.value});
- }
-
- handleServerAddressChange(name) {
- this.setState({serverAddress: name});
- this.props.onServerAddressChange(name);
- }
-
- render() {
- var names = {def: "default", ws: "websocket", lp: "long polling"};
- var transportOptions = [];
- var instance = this;
- ['def', 'ws', 'lp'].map(function(item){
- var id = 'transport-' + item;
- var name = names[item];
- transportOptions.push(
-
-
- :
- 128×128
}
- {this.props.readOnly ? null :
- }
- {this.props.readOnly ? null :
- }
-
-
- );
- }
-};
-
-class MenuStart extends React.PureComponent {
- render() {
- return (
-
-
- {this.props.title}
- {this.props.state === 'login' ?
-
- person_add
-
- settings
-
- );
- }
-};
-
-class MenuContacts extends React.PureComponent {
- render() {
- return (
-
- );
- }
-};
-
-class SidepanelView extends React.Component {
- constructor(props) {
- super(props);
-
- this.handleLoginRequested = this.handleLoginRequested.bind(this);
- }
-
- handleLoginRequested(login, password) {
- this.props.onLoginRequest(login, password);
- }
-
- render() {
- var title = null;
- var avatar = false;
- var onCancel = undefined;
- var view = this.props.state || (this.props.myUserId ? 'contacts' : 'login');
- switch (view) {
- case 'login':
- title = "Sign In";
- break;
- case 'register':
- title = "Create Account";
- onCancel = this.props.onCancel;
- break;
- case 'settings':
- title = "Settings";
- onCancel = this.props.onCancel;
- break;
- case 'edit':
- title = "Edit Account";
- onCancel = this.props.onCancel;
- break;
- case 'contacts':
- title = this.props.title;
- avatar = this.props.avatar ? this.props.avatar : true;
- break;
- case 'newtpk':
- title = "Start New Chat";
- onCancel = this.props.onCancel;
- break;
- case 'cred':
- title = "Confirm Credentials";
- onCancel = this.props.onCancel;
- break;
- case 'reset':
- title = "Reset Password";
- onCancel = this.props.onCancel;
- break;
- default:;
- };
- return (
-
-
- );
- }
-};
-
-class ErrorPanel extends React.PureComponent {
- constructor(props) {
- super(props);
-
- this.state = {
- show: false,
- };
-
- this.hide = this.hide.bind(this);
- }
-
- static getDerivedStateFromProps(nextProps, prevState) {
- return {
- show: !(!nextProps.level)
- };
- }
-
- hide() {
- this.setState({show: false});
- if (this.props.onClearError) {
- this.props.onClearError();
- }
- }
-
- render() {
- var icon = this.props.level == 'err' ? 'error': 'warning';
- return (
-
-
- );
- }
-};
-
-/* END Side panel */
-
-/* EditAccount parameters */
-class EditAccountView extends React.Component {
- constructor(props) {
- super(props);
-
- let me = this.props.tinode.getMeTopic();
- let defacs = me.getDefaultAccess();
- let fnd = this.props.tinode.getFndTopic();
- this.state = {
- fullName: me.public ? me.public.fn : undefined,
- avatar: makeImageUrl(me.public ? me.public.photo : null),
- auth: defacs ? defacs.auth : null,
- anon: defacs ? defacs.anon : null,
- tags: fnd.tags(),
- showPermissionEditorFor: undefined,
- previousOnTags: fnd.onTagsUpdated
- };
-
- this.tnNewTags = this.tnNewTags.bind(this);
- this.handleFullNameUpdate = this.handleFullNameUpdate.bind(this);
- this.handlePasswordUpdate = this.handlePasswordUpdate.bind(this);
- this.handleImageChanged = this.handleImageChanged.bind(this);
- this.handleCheckboxClick = this.handleCheckboxClick.bind(this);
- this.handleLaunchPermissionsEditor = this.handleLaunchPermissionsEditor.bind(this);
- this.handleHidePermissionsEditor = this.handleHidePermissionsEditor.bind(this);
- this.handlePermissionsChanged = this.handlePermissionsChanged.bind(this);
- this.handleTagsUpdated = this.handleTagsUpdated.bind(this);
- }
-
- componentDidMount() {
- let fnd = this.props.tinode.getFndTopic();
- fnd.onTagsUpdated = this.tnNewTags;
- if (!fnd.isSubscribed()) {
- fnd.subscribe(fnd.startMetaQuery().withLaterDesc().withTags().build()).catch((err) => {
- this.props.onError(err.message, 'err');
- });
- }
- }
-
- componentWillUnmount() {
- var fnd = this.props.tinode.getFndTopic();
- fnd.onTagsUpdated = this.state.previousOnTags;
- }
-
- tnNewTags(tags) {
- this.setState({tags: tags});
- }
-
- handleFullNameUpdate(fn) {
- this.setState({fullName: fn});
- this.props.onUpdateAccount(undefined, vcard(fn, this.state.avatar));
- }
-
- handlePasswordUpdate(pwd) {
- this.setState({password: pwd});
- this.props.onUpdateAccount(pwd);
- }
-
- handleImageChanged(img) {
- this.setState({avatar: img});
- this.props.onUpdateAccount(undefined, vcard(this.state.fullName, img));
- }
-
- handleCheckboxClick(what, checked) {
- if (what == 'sound') {
- this.props.onToggleMessageSounds(checked);
- } else if (what == 'alert') {
- this.props.onTogglePushNotifications(checked);
- }
- }
-
- handleLaunchPermissionsEditor(which) {
- this.setState({
- showPermissionEditorFor: which,
- editedPermissions: this.state[which]
- });
- }
-
- handleHidePermissionsEditor() {
- this.setState({showPermissionEditorFor: undefined});
- }
-
- handlePermissionsChanged(perm) {
- let defacs = {};
- defacs[this.state.showPermissionEditorFor] = perm;
- this.props.onUpdateAccount(undefined, undefined, defacs);
-
- let newState = {showPermissionEditorFor: undefined};
- newState[this.state.showPermissionEditorFor] = perm;
- this.setState(newState);
- }
-
- handleTagsUpdated(tags) {
- // Check if tags have actually changed.
- if (arrayEqual(this.state.tags.slice(0), tags.slice(0))) {
- return;
- }
- this.props.onUpdateTags(tags);
- }
-
- render() {
- var tags = [];
- this.state.tags.map(function(tag) {
- tags.push({tag});
- });
- if (tags.length == 0) {
- tags = No tags defined. Add some.;
- }
- return (
- {icon}
- {this.props.text}
-
-
- }
-
-
-
-
-
-
-
-
-
-
- {this.props.myUserId}
-
-
-
-
-
-
- Auth: {this.state.auth}
- Anon: {this.state.anon}
-
-
-
-
-
-
-
-
-
- );
- }
-};
-/* END TagManager */
-
-/* BEGIN Contact list (list of topics) */
-/* A single topic */;
-class Contact extends React.Component {
- constructor(props) {
- super(props);
-
- this.handleClick = this.handleClick.bind(this);
- this.handleContextClick = this.handleContextClick.bind(this);
- }
-
- handleClick(e) {
- e.preventDefault();
- e.stopPropagation();
- if (this.props.onSelected) {
- this.props.onSelected(this.props.item, this.props.index, this.props.now, this.props.acs);
- }
- }
-
- handleContextClick(e) {
- e.preventDefault();
- e.stopPropagation();
- this.props.showContextMenu({ topicName: this.props.item, y: e.pageY, x: e.pageX });
- }
-
- render() {
- var title = this.props.title;
- if (!title) {
- title = unknown;
- } else if (title.length > 30) {
- // FIXME: this is wrong for RTL languages.
- title = title.substring(0, 28) + '...';
- }
- var online = this.props.now ? 'online' : 'offline';
- var avatar = this.props.avatar ? this.props.avatar : true;
- var badges = [];
- if (this.props.badges && this.props.badges.length > 0) {
- var count = 0;
- this.props.badges.map(function(b) {
- var style = 'badge' + (b.color ? ' ' + b.color : '');
- badges.push({b.name});
- count ++;
- });
- }
- if (this.props.showMode && this.props.acs) {
- badges.push({this.props.acs.getMode()});
- }
-
- return (
-
-
-
- {this.state.activated ?
-
-
- :
-
-
- edit Manage tags
-
- {tags}
-
- }
-
-
-
-
- {this.props.showContextMenu ?
-
-
- expand_more
-
- : null}
- {title}
- {this.props.unread > 0 ?
- {this.props.comment ? {this.props.comment}
: null}
- {badges}
- ¯\_(ツ)_/¯} - topicSelected={this.props.topicSelected} - myUserId={this.props.myUserId} - showOnline={true} - showUnread={true} - onTopicSelected={this.props.onTopicSelected} - showContextMenu={this.props.showContextMenu} /> - ); - } -}; -/* END Contact list */ - -/* BEGIN ContactList: component for showing a list of contacts, - * such as a list of group members in a group chat */ -class ContactList extends React.Component { - render() { - var contactNodes = []; - var showCheckmark = Array.isArray(this.props.topicSelected); - if (this.props.contacts && this.props.contacts.length > 0) { - this.props.contacts.map((c) => { - var key = c.topic ? c.topic : c.user; - // If filter function is provided, filter out the items - // which don't satisfy the condition. - if (this.props.filterFunc && this.props.filter) { - var content = [key]; - if (c.private && c.private.comment) { - content.push(('' + c.private.comment).toLowerCase()); - } - if (c.public && c.public.fn) { - content.push(('' + c.public.fn).toLowerCase()); - } - if (!this.props.filterFunc(this.props.filter, content)) { - return; - } - } - - var selected = showCheckmark ? - (this.props.topicSelected.indexOf(key) > -1) : - (this.props.topicSelected === key); - var badges = []; - if (this.props.showMode) { - if (key === this.props.myUserId) { - badges.push({name: "you", color: 'green'}); - } - if (c.acs && c.acs.isOwner()) { - badges.push({name: "owner"}); - } - } - var comment = Array.isArray(c.private) ? - c.private.join(', ') : (c.private ? c.private.comment : null); - - contactNodes.push( -
- {contactNodes.length > 0 ?
-
- );
- }
-};
-/* END ContactList */
-
-/* BEGIN GroupMembers: control for managing a list of group members */
-class GroupManager extends React.Component {
- constructor(props) {
- super(props);
-
- this.state = {
- members: props.members,
- index: GroupManager.indexMembers(props.members),
- contactFilter: '',
- noContactsMessage: "You have no contacts :-(",
- selectedContacts: GroupManager.selectedContacts(props.members)
- };
-
- this.handleContactSelected = this.handleContactSelected.bind(this);
- this.handleMemberRemoved = this.handleMemberRemoved.bind(this);
- this.handleContactFilter = this.handleContactFilter.bind(this);
- this.handleSubmit = this.handleSubmit.bind(this);
- this.handleCancel = this.handleCancel.bind(this);
- }
-
- static indexMembers(members) {
- var index = {};
- members.map(function(m) {
- index[m.user] = {delta: 0, present: true}; // Delta: 0 unchanged, +1 added, -1 removed
- });
- return index;
- }
-
- static selectedContacts(members) {
- var sel = [];
- members.map(function(m) {
- sel.push(m.user);
- });
- return sel;
- }
-
- handleContactSelected(userId, index) {
- var status = this.state.index[userId];
- if (status) {
- if (status.present) {
- // Prevent duplicate members
- return;
- }
- status.delta += 1;
- status.present = true;
- } else {
- status = {delta: 1, present: true};
- }
-
- var m = this.state.members.slice();
- m.push(this.props.contacts[index]);
-
- var sel = GroupManager.selectedContacts(m);
-
- var i = this.state.index;
- i[userId] = status;
-
- this.setState({members: m, index: i, selectedContacts: sel});
- }
-
- handleMemberRemoved(userId, index) {
- var status = this.state.index[userId];
- if (!status || !status.present) {
- return;
- }
- status.present = false;
- status.delta -= 1;
-
- var m = this.state.members.slice();
- m.splice(index, 1);
-
- var sel = GroupManager.selectedContacts(m);
-
- var i = this.state.index;
- i[userId] = status;
-
- this.setState({members: m, index: i, selectedContacts: sel});
- }
-
- handleContactFilter(val) {
- var msg = !val ?
- "You have no contacts :-(" :
- "No contacts match '" + val + "'";
-
- this.setState({contactFilter: val, noContactsMessage: msg});
- }
-
- static doContactFiltering(filter, values) {
- if (filter) {
- for (var i=0; i-
- {contactNodes}
-
- {this.props.emptyListMessage}
-
}
-
-
- );
- }
-};
-/* END GroupManager */
-
-/* BEGIN Create new topic and invite users or send an invite */
-class NewTopicView extends React.Component {
- constructor(props) {
- super(props);
-
- this.state = {
- tabSelected: 'p2p',
- contactList: props.searchResults
- };
-
- this.handleTabClick = this.handleTabClick.bind(this);
- this.handleContactSelected = this.handleContactSelected.bind(this);
- this.handleNewGroupSubmit = this.handleNewGroupSubmit.bind(this);
- this.handleGroupByID = this.handleGroupByID.bind(this);
- }
-
- componentDidMount() {
- this.props.onInitFind();
- }
-
- static getDerivedStateFromProps(nextProps, prevState) {
- return {
- contactList: nextProps.searchResults
- };
- }
-
- handleTabClick(e) {
- e.preventDefault();
- navigateTo(addUrlParam(window.location.hash, 'tab', e.currentTarget.dataset.id));
- this.setState({tabSelected: e.currentTarget.dataset.id});
- }
-
- handleContactSelected(sel) {
- if (this.state.tabSelected === 'p2p') {
- navigateTo(removeUrlParam(window.location.hash, 'tab'));
- this.props.onCreateTopic(sel, undefined);
- }
- }
-
- handleNewGroupSubmit(name, dataUrl, priv, tags) {
- navigateTo(removeUrlParam(window.location.hash, 'tab'));
- this.props.onCreateTopic(undefined, vcard(name, dataUrl), priv, tags);
- }
-
- handleGroupByID(topicName) {
- navigateTo(removeUrlParam(window.location.hash, 'tab'));
- this.props.onCreateTopic(topicName);
- }
-
- render() {
- return (
-
-
-
-
-
-
-
-
-
-
- {this.state.tabSelected === 'grp' ?
-
- );
- }
-};
-
-class NewTopicGroup extends React.PureComponent {
- constructor(props) {
- super(props);
-
- this.state = {
- fn: '', // full/formatted name
- private: '',
- imageDataUrl: null,
- tags: []
- };
-
- this.handleFnChange = this.handleFnChange.bind(this);
- this.handlePrivateChange = this.handlePrivateChange.bind(this);
- this.handleImageChanged = this.handleImageChanged.bind(this);
- this.handleTagsChanged = this.handleTagsChanged.bind(this);
- this.handleTagsChanged = this.handleTagsChanged.bind(this);
- this.handleSubmit = this.handleSubmit.bind(this);
- }
-
- handleFnChange(e) {
- this.setState({fn: e.target.value});
- }
-
- handlePrivateChange(e) {
- this.setState({private: e.target.value});
- }
-
- handleImageChanged(img) {
- this.setState({imageDataUrl: img});
- }
-
- handleTagsChanged(tags) {
- this.setState({tags: tags});
- }
-
- handleSubmit(e) {
- e.preventDefault();
- if (this.state.fn && this.state.fn.trim()) {
- this.props.onSubmit(this.state.fn.trim(),
- this.state.imageDataUrl, this.state.private.trim(),
- this.state.tags);
- }
- }
-
- render() {
- var submitClasses = 'blue';
- if (this.props.disabled) {
- submitClasses += ' disabled';
- }
- return (
-
- );
- }
-};
-
-class SearchContacts extends React.PureComponent {
- constructor(props) {
- super(props);
-
- this.state = {
- edited: false,
- search: ''
- };
-
- this.handleSearchChange = this.handleSearchChange.bind(this);
- this.handleSearch = this.handleSearch.bind(this);
- this.handleClear = this.handleClear.bind(this);
- this.handleKeyDown = this.handleKeyDown.bind(this);
- }
-
- componentWillUnmount() {
- if (this.state.edited) {
- this.setState({search: '', edited: false});
- this.props.onSearchContacts(Tinode.DEL_CHAR);
- }
- }
-
- handleSearchChange(e) {
- this.setState({search: e.target.value});
- }
-
- handleSearch(e) {
- e.preventDefault();
- var query = this.state.search.trim();
- this.setState({edited: (query.length > 0)});
- this.props.onSearchContacts(query.length > 0 ? query : Tinode.DEL_CHAR);
- }
-
- handleClear() {
- if (this.state.edited) {
- this.props.onSearchContacts(Tinode.DEL_CHAR);
- }
- this.setState({search: '', edited: false});
- }
-
- handleKeyDown(e) {
- if (e.key === 'Enter') {
- this.handleSearch(e);
- } else if (e.key === 'Escape') {
- this.handleClear();
- }
- }
-
- render() {
- return (
-
-
}
-
-
- );
- }
-};
-
-class NewTopicById extends React.PureComponent {
- constructor(props) {
- super(props);
-
- this.state = {
- groupId: '',
- };
-
- this.handleChange = this.handleChange.bind(this);
- this.handleKeyPress = this.handleKeyPress.bind(this);
- this.handleSubmit = this.handleSubmit.bind(this);
- }
-
- handleChange(e) {
- this.setState({groupId: e.target.value});
- }
-
- handleKeyPress(e) {
- if (e.key === 'Enter') {
- this.handleSubmit(e);
- }
- }
-
- handleSubmit(e) {
- e.preventDefault();
- if (this.state.groupId) {
- var name = this.state.groupId.trim();
- if (name.length > 3 && (name.substr(0, 3) == 'usr' || name.substr(0, 3) == 'grp')) {
- this.props.onSubmit(name);
- } else {
- this.props.onError("Invalid ID", 'err');
- }
- }
- }
-
- render() {
- return (
-
- search
-
-
- close
-
-
-
-
- );
- }
-};
-/* END Create new topic and invite users or send an invite */
-
-/* BEGIN ValidationView: panel for confirming credentials, like email or phone */
-class ValidationView extends React.PureComponent {
- constructor(props) {
- super(props);
-
- this.state = {
- code: props.credCode || ''
- };
-
- this.handleChange = this.handleChange.bind(this);
- this.handleKeyPress = this.handleKeyPress.bind(this);
- this.handleSubmit = this.handleSubmit.bind(this);
- }
-
- handleChange(e) {
- this.setState({code: e.target.value});
- }
-
- handleKeyPress(e) {
- if (e.key === 'Enter') {
- this.handleSubmit(e);
- }
- }
-
- handleSubmit(e) {
- e.preventDefault();
- if (this.state.code && this.state.code.trim()) {
- this.props.onSubmit(this.props.credMethod, this.state.code.trim());
- }
- }
-
- render() {
- var methods = {'email': 'email', 'tel': 'phone'};
- var method = methods[this.props.credMethod] || this.props.credMethod;
- return (
-
-
-
-
-
-
-
-
- );
- }
-};
-/* END ValidationView */
-
-/* BEGIN InfoView: panel with topic/user info */
-class InfoView extends React.Component {
- constructor(props) {
- super(props);
-
- this.state = {
- topic: null,
- owner: false,
- admin: false,
- sharer: false,
- muted: false,
- address: null,
- groupTopic: undefined,
- fullName: undefined,
- avatar: null,
- private: null,
- selectedContact: null,
- access: null,
- modeGiven: null,
- modeWant: null,
- modeGiven2: null, // P2P topic, the other user mode given
- modeWant2: null, // P2P topic, the other user mode want
- auth: null,
- anon: null,
- contactList: [],
- tags: [],
- showMemberPanel: false,
- showPermissionEditorFor: undefined,
- moreInfoExpanded: false,
- previousMetaDesc: undefined,
- previousSubsUpdated: undefined,
- previousTagsUpdated: undefined
- };
-
- this.resetSubs = this.resetSubs.bind(this);
- this.resetDesc = this.resetDesc.bind(this);
- this.onMetaDesc = this.onMetaDesc.bind(this);
- this.onSubsUpdated = this.onSubsUpdated.bind(this);
- this.onTagsUpdated = this.onTagsUpdated.bind(this);
- this.handleFullNameUpdate = this.handleFullNameUpdate.bind(this);
- this.handlePrivateUpdate = this.handlePrivateUpdate.bind(this);
- this.handleImageChanged = this.handleImageChanged.bind(this);
- this.handleMuted = this.handleMuted.bind(this);
- this.handlePermissionsChanged = this.handlePermissionsChanged.bind(this);
- this.handleLaunchPermissionsEditor = this.handleLaunchPermissionsEditor.bind(this);
- this.handleHidePermissionsEditor = this.handleHidePermissionsEditor.bind(this);
- this.handleShowAddMembers = this.handleShowAddMembers.bind(this);
- this.handleHideAddMembers = this.handleHideAddMembers.bind(this);
- this.handleMemberUpdateRequest = this.handleMemberUpdateRequest.bind(this);
- this.handleLeave = this.handleLeave.bind(this);
- this.handleMemberSelected = this.handleMemberSelected.bind(this);
- this.handleMoreInfo = this.handleMoreInfo.bind(this);
- this.handleTagsUpdated = this.handleTagsUpdated.bind(this);
- this.handleContextMenu = this.handleContextMenu.bind(this);
- }
-
- // No need to separately handle component mount.
- UNSAFE_componentWillReceiveProps(props) {
- var topic = this.props.tinode.getTopic(props.topic);
- if (!topic) {
- return;
- }
-
- if (this.onMetaDesc != topic.onMetaDesc) {
- this.previousMetaDesc = topic.onMetaDesc;
- topic.onMetaDesc = this.onMetaDesc;
-
- this.previousSubsUpdated = topic.onSubsUpdated;
- topic.onSubsUpdated = this.onSubsUpdated;
-
- if (topic.getType() == 'grp') {
- this.previousTagsUpdated = topic.onTagsUpdated;
- topic.onTagsUpdated = this.onTagsUpdated;
- } else {
- this.previousTagsUpdated = undefined;
- }
- }
-
- if (this.state.topic != props.topic) {
- this.setState({topic: props.topic});
- this.resetDesc(topic, props);
- this.resetSubs(topic, props);
- }
- }
-
- componentWillUnmount() {
- var topic = this.props.tinode.getTopic(this.props.topic);
- if (!topic) {
- return;
- }
- this.setState({topic: null});
- topic.onMetaDesc = this.previousMetaDesc;
- topic.onSubsUpdated = this.previousSubsUpdated;
- topic.onTagsUpdated = this.previousTagsUpdated;
- }
-
- resetSubs(topic, props) {
- var newState = {contactList: []};
- if (topic.getType() == 'p2p') {
- // Fetch the other party in the p2p conversation.
- // Topic may not be ready yet, so check if user is found.
- var user2 = topic.subscriber(props.topic);
- if (user2) {
- newState.modeGiven2 = user2.acs.getGiven();
- newState.modeWant2 = user2.acs.getWant();
- }
- } else {
- topic.subscribers(function(sub) {
- newState.contactList.push(sub);
- }, this);
- }
-
- this.setState(newState);
- }
-
- resetDesc(topic, props) {
- var defacs = topic.getDefaultAccess() || {};
- var acs = topic.getAccessMode();
- this.setState({
- owner: acs && acs.isOwner(),
- admin: acs && acs.isAdmin(),
- sharer: acs && (acs.isAdmin() || acs.isSharer()),
- muted: acs && acs.isMuted(),
-
- fullName: topic.public ? topic.public.fn : undefined,
- avatar: makeImageUrl(topic.public ? topic.public.photo : null),
- private: topic.private ? topic.private.comment : null,
- address: topic.name,
- groupTopic: (topic.getType() == 'grp'),
- showMemberPanel: false,
- access: acs ? acs.getMode() : undefined,
- modeGiven: acs ? acs.getGiven() : undefined,
- modeWant: acs ? acs.getWant() : undefined,
- auth: defacs.auth,
- anon: defacs.anon
- });
-
- if (topic.getType() == 'grp' && acs && acs.isOwner()) {
- // Requesting tags: owner is editing the topic.
- topic.getMeta(topic.startMetaQuery().withTags().build());
- }
- }
-
- onMetaDesc(desc) {
- var topic = this.props.tinode.getTopic(this.props.topic);
- if (!topic) {
- return;
- }
- this.resetDesc(topic, this.props);
-
- if (this.previousMetaDesc && this.previousMetaDesc != this.onMetaDesc) {
- this.previousMetaDesc(desc);
- }
- }
-
- onSubsUpdated() {
- var topic = this.props.tinode.getTopic(this.props.topic);
- if (!topic) {
- return;
- }
- this.resetSubs(topic, this.props);
-
- if (this.previousSubsUpdated && this.previousSubsUpdated != this.onSubsUpdated) {
- this.previousSubsUpdated();
- }
- }
-
- onTagsUpdated(tags) {
- this.setState({tags: tags});
-
- if (this.previousTagsUpdated && this.previousTagsUpdated != this.onTagsUpdated) {
- this.previousTagsUpdated();
- }
- }
-
- handleFullNameUpdate(fn) {
- if (this.state.fullName !== fn) {
- this.setState({fullName: fn});
- this.props.onTopicDescUpdate(this.props.topic,
- vcard(fn, this.state.avatar),
- null);
- }
- }
-
- handlePrivateUpdate(priv) {
- if (this.state.priv !== priv) {
- this.setState({private: priv});
- this.props.onTopicDescUpdate(this.props.topic,
- null,
- priv);
- }
- }
-
- handleImageChanged(img) {
- this.setState({avatar: img});
- this.props.onTopicDescUpdate(this.props.topic,
- vcard(this.state.fullName, img),
- null);
- }
-
- handleMuted(ignored, checked) {
- this.setState({muted: checked});
- this.props.onChangePermissions(this.props.topic, checked ? '-P' : '+P');
- }
-
- handlePermissionsChanged(perm) {
- switch (this.state.showPermissionEditorFor) {
- case 'auth':
- this.props.onTopicDescUpdate(this.props.topic, null, null, {auth: perm});
- break;
- case 'anon':
- this.props.onTopicDescUpdate(this.props.topic, null, null, {anon: perm});
- break;
- case 'mode':
- case 'want':
- this.props.onChangePermissions(this.props.topic, perm);
- break;
- case 'given':
- this.props.onChangePermissions(this.props.topic, perm, this.props.topic);
- break;
- case 'user':
- this.props.onChangePermissions(this.props.topic, perm, this.state.userPermissionsEdited);
- break;
- }
-
- this.setState({showPermissionEditorFor: undefined});
- }
-
- handleLaunchPermissionsEditor(which, uid) {
- let toEdit, toCompare, toSkip, titleEdit, titleCompare, userTitle, userAvatar;
- switch (which) {
- case 'mode':
- toEdit = this.state.access;
- break;
- case 'want':
- toEdit = this.state.modeWant;
- toCompare = this.state.modeGiven;
- toSkip = this.state.groupTopic ? 'O' : 'ASDO';
- titleEdit = "Requested";
- titleCompare = "Granted";
- break;
- case 'given':
- toEdit = this.state.modeGiven2;
- toCompare = this.state.modeWant2;
- toSkip = this.state.groupTopic ? (this.state.owner ? '' : 'O') : 'ASDO';
- titleEdit = "Granted";
- titleCompare = "Requested";
- break;
- case 'auth':
- toEdit = this.state.auth;
- toSkip = 'O';
- break;
- case 'anon':
- toEdit = this.state.anon;
- toSkip = 'O';
- break;
- case 'user': {
- let topic = this.props.tinode.getTopic(this.props.topic);
- if (!topic) {
- return;
- }
- var user = topic.subscriber(uid);
- if (!user || !user.acs) {
- return;
- }
- toEdit = user.acs.getGiven();
- toCompare = user.acs.getWant();
- toSkip = this.state.owner ? '' : 'O';
- titleEdit = "Granted";
- titleCompare = "Requested";
- if (user.public) {
- userTitle = user.public.fn;
- userAvatar = user.public.photo;
- }
- break;
- }
- default:
- console.log("Unknown permission editing mode '" + which + "'");
- break;
- }
- this.setState({
- showPermissionEditorFor: which,
- userPermissionsEdited: uid,
- userPermissionsTitle: userTitle,
- userPermissionsAvatar: userAvatar,
- editedPermissions: toEdit,
- immutablePermissions: toCompare,
- editedPermissionsTitle: titleEdit,
- immutablePermissionsTitle: titleCompare,
- editedPermissionsSkipped: toSkip,
- });
- }
-
- handleHidePermissionsEditor() {
- this.setState({showPermissionEditorFor: undefined});
- }
-
- handleShowAddMembers() {
- this.props.onInitFind();
- this.setState({showMemberPanel: true});
- }
-
- handleHideAddMembers() {
- this.setState({showMemberPanel: false});
- }
-
- handleMemberUpdateRequest(members, added, removed) {
- this.props.onMemberUpdateRequest(this.props.topic, added, removed);
- this.setState({showMemberPanel: false});
- }
-
- handleLeave() {
- this.props.onLeaveTopic(this.props.topic);
- }
-
- handleMemberSelected(uid) {
- this.setState({selectedContact: uid});
- }
-
- handleMoreInfo(open) {
- this.setState({moreInfoExpanded: open});
- }
-
- handleTagsUpdated(tags) {
- if (!arrayEqual(this.state.tags.slice(0), tags.slice(0))) {
- this.props.onTopicTagsUpdate(this.props.topic, tags);
- }
- }
-
- handleContextMenu(params) {
- var instance = this;
- var topic = this.props.tinode.getTopic(this.props.topic);
- if (!topic) {
- return;
- }
- var user = topic.subscriber(params.topicName);
- if (!user || !user.acs) {
- return;
- }
-
- var menuItems = [
- {title: "Edit permissions", handler: function() {
- instance.handleLaunchPermissionsEditor('user', params.topicName);
- }},
- 'member_delete',
- user.acs.isMuted() ? 'member_unmute' : 'member_mute',
- user.acs.isJoiner() ? 'member_block' : 'member_unblock'
- ];
- this.props.showContextMenu({
- topicName: this.props.topic,
- x: params.x,
- y: params.y,
- user: params.topicName}, menuItems);
- }
-
- render() {
- return (
-
-
-
-
-
-
-
-
-
-
-
- );
- }
-};
-/* END InfoView */
-
-/* BEGIN Conversation panel */
-class ChatMessage extends React.Component {
- constructor(props) {
- super(props);
-
- this.state = {
- progress: 0
- };
-
- if (props.uploader) {
- props.uploader.onProgress = this.handleProgress.bind(this);
- }
-
- this.handlePreviewImage = this.handlePreviewImage.bind(this);
- this.handleContextClick = this.handleContextClick.bind(this);
- this.handleCancelUpload = this.handleCancelUpload.bind(this);
- }
-
- handlePreviewImage(e) {
- e.preventDefault();
- this.props.onImagePreview({
- url: e.target.src,
- filename: e.target.title,
- width: e.target.dataset.width,
- height: e.target.dataset.height,
- size: e.target.dataset.size,
- type: e.target.dataset.mime
- });
- }
-
- handleContextClick(e) {
- e.preventDefault();
- e.stopPropagation();
- this.props.showContextMenu({ seq: this.props.seq, y: e.pageY, x: e.pageX });
- }
-
- handleProgress(ratio) {
- this.setState({progress: ratio});
- }
-
- handleCancelUpload() {
- this.props.uploader.cancel();
- }
-
- render() {
- var elementKey = 0;
-
- var formatter = function(style, data, values) {
- elementKey += 1;
- var el = Drafty.tagName(style);
- if (el) {
- var attr = Drafty.attrValue(style, data) || {};
- attr.key = elementKey;
- if (style == 'IM') {
- // Additional processing for images
- var dim = fitImageSize(data.width, data.height,
- Math.min(this.props.viewportWidth - REM_SIZE * 4, REM_SIZE * 36), REM_SIZE * 24, false);
- attr.className = 'inline-image';
- attr.style = dim ? { width: dim.dstWidth + 'px', height: dim.dstHeight + 'px' } : null;
- attr.onClick = this.handlePreviewImage;
- }
- return React.createElement(el, attr, values);
- } else {
- return values;
- }
- };
-
- var sideClass = this.props.sequence + ' ' + (this.props.response ? 'left' : 'right');
- var bubbleClass = (this.props.sequence == 'single' || this.props.sequence == 'last') ?
- 'bubble tip' : 'bubble';
- var avatar = this.props.userAvatar || true;
- var fullDisplay = (this.props.userFrom && this.props.response &&
- (this.props.sequence == 'single' || this.props.sequence == 'last'));
-
- var content = this.props.content;
- var attachments = [];
- if (this.props.mimeType == Drafty.getContentType()) {
- Drafty.attachments(content, function(att, i) {
- attachments.push(
-
- {this.props.displayMobile ?
- Info
-
-
-
-
- }
-
-
-
-
-
- Unknown}
- readOnly={!this.state.owner}
- value={this.state.fullName}
- onFinished={this.handleFullNameUpdate} />
-
-
-
-
-
- {this.state.owner ?
-
-
-
-
-
- :
- null
- }
-
-
- {this.state.address}
-
- {this.state.groupTopic ?
-
-
-
- {this.state.access}
-
-
- :
-
-
-
- }
- {this.state.sharer && (this.state.auth || this.state.anon) ?
-
-
- Yours:
- {this.state.access}
-
- {this.state.fullName ? this.state.fullName : "Other"}′s:
-
- {this.state.modeGiven2}
-
-
-
-
-
- :
- null
- }
-
-
- Auth: {this.state.admin ?
-
- {this.state.auth}
-
- :
- {this.state.auth}
- }
-
- Anon: {this.state.admin ?
-
- {this.state.anon}
-
- :
- {this.state.anon}
- }
-
-
-
- :
-
- }
-
-
-
-
- {this.state.sharer ?
-
- person_add Add members
-
- : null}
- {!this.state.owner ?
-
- exit_to_app Leave
-
- : null}
-
-
- {fullDisplay ?
-
:
- null}
-
-
-
-
- {fullDisplay ?
- {content}
- {attachments}
-
-
-
- expand_more
-
-
- {this.props.userName}
: null}
-
-
- );
- }
-};
-
-const NOT_FOUND_TOPIC_TITLE = "Not found";
-
-class MessagesView extends React.Component {
- constructor(props) {
- super(props);
-
- this.state = {
- messages: [],
- onlineSubs: [],
- topic: '',
- title: '',
- avatar: null,
- scrollPosition: 0,
- readOnly: props.acs ? !props.acs.isWriter() : true,
- writeOnly: props.acs ? !props.acs.isReader() : true,
- typingIndicator: false,
- imagePreview: null
- };
-
- this.propsChange = this.propsChange.bind(this);
- this.leave = this.leave.bind(this);
- this.handleScrollReference = this.handleScrollReference.bind(this);
- this.fetchMoreMessages = this.fetchMoreMessages.bind(this);
- this.handleDescChange = this.handleDescChange.bind(this);
- this.handleSubsUpdated = this.handleSubsUpdated.bind(this);
- this.handleNewMessage = this.handleNewMessage.bind(this);
- this.handleAllMessagesReceived = this.handleAllMessagesReceived.bind(this);
- this.handleInfoReceipt = this.handleInfoReceipt.bind(this);
- this.handleImagePreview = this.handleImagePreview.bind(this);
- this.handleCloseImagePreview = this.handleCloseImagePreview.bind(this);
- this.handleContextClick = this.handleContextClick.bind(this);
- this.handleShowContextMenuMessage = this.handleShowContextMenuMessage.bind(this);
- this.handleBackNavigation = this.handleBackNavigation.bind(this);
- }
-
- // Scroll last message into view on component update e.g. on message received.
- componentDidUpdate(prevProps, prevState) {
- if (this.messagesScroller &&
- (prevState.title != this.state.title ||
- prevState.messages.length != this.state.messages.length)) {
- this.messagesScroller.scrollTop = this.messagesScroller.scrollHeight - this.state.scrollPosition;
- }
- }
-
- componentDidMount() {
- this.propsChange(this.props);
- if (this.messagesScroller) {
- this.messagesScroller.addEventListener('scroll', this.fetchMoreMessages);
- }
- }
-
- componentWillUnmount() {
- this.leave(this.state.topic);
- if (this.messagesScroller) {
- this.messagesScroller.removeEventListener('scroll', this.fetchMoreMessages);
- }
- }
-
- UNSAFE_componentWillReceiveProps(nextProps) {
- this.propsChange(nextProps);
- }
-
- propsChange(props) {
- if (!props || !props.topic) {
- let oldTopic = this.state.topic;
- this.setState({messages: [], onlineSubs: [], topic: null}, this.leave(oldTopic));
- return;
- }
-
- if (!props.connected) {
- // connection lost, clear online subs
- this.setState({onlineSubs: []});
- return;
- }
-
- let topic = this.props.tinode.getTopic(props.topic);
- if (!topic) {
- return;
- }
-
- let newGroupTopic = Tinode.isNewGroupTopicName(props.topic);
- let tryToResubscribe = !this.props.connected && props.connected;
-
- if (props.topic != this.state.topic) {
- let msgs = [];
- let subs = [];
-
- // Bind the new topic to component.
- topic.onData = this.handleNewMessage;
- topic.onAllMessagesReceived = this.handleAllMessagesReceived;
- topic.onInfo = this.handleInfoReceipt;
- topic.onMetaDesc = this.handleDescChange;
- topic.onSubsUpdated = this.handleSubsUpdated;
- topic.onPres = this.handleSubsUpdated;
- // Unbind the previous topic from this component.
- this.leave(this.state.topic);
-
- this.handleDescChange(topic);
- topic.subscribers((sub) => {
- if (sub.online && sub.user != this.props.myUserId) {
- subs.push(sub);
- }
- });
-
- topic.messages(function(msg) {
- if (!msg.deleted) {
- msgs = msgs.concat(msg);
- }
- });
-
- this.setState({
- messages: msgs,
- onlineSubs: subs,
- topic: props.topic,
- imagePreview: null,
- scrollPosition: 0
- });
- tryToResubscribe = true;
-
- // The user switched to the new topic before the timer for
- // the previous topic has triggered, kill it.
- this.props.readTimerHandler(null);
- }
-
- this.setState({
- readOnly: props.acs ? !props.acs.isWriter() : true,
- writeOnly: props.acs ? !props.acs.isReader() : true
- });
-
- if (!topic.isSubscribed() && tryToResubscribe) {
- // Don't request the tags. They are useless unless the user
- // is the owner and is editing the topic.
- let getQuery = topic.startMetaQuery()
- .withLaterDesc()
- .withLaterSub()
- .withLaterData(MESSAGES_PAGE)
- .withLaterDel();
- let setQuery = newGroupTopic ? props.newGroupTopicParams : undefined;
- // Show "loading" spinner.
- this.setState({ fetchingMessages: true });
- topic.subscribe(getQuery.build(), setQuery)
- .then((ctrl) => {
- this.setState({topic: ctrl.topic});
- this.props.onNewTopicCreated(props.topic, ctrl.topic);
- // If there are unsent messages, try sending them now.
- topic.queuedMessages((pub) => {
- if (!pub._sending && topic.isSubscribed()) {
- topic.publishMessage(pub);
- }
- });
- })
- .catch((err) => {
- this.props.onError(err.message, 'err');
- this.setState({
- title: NOT_FOUND_TOPIC_TITLE,
- avatar: null,
- readOnly: true,
- writeOnly: true,
- fetchingMessages: false,
- messages: [],
- onlineSubs: [],
- typingIndicator: false,
- imagePreview: null
- });
- });
- }
- }
-
- leave(oldTopicName) {
- if (!oldTopicName) {
- return;
- }
- let oldTopic = this.props.tinode.getTopic(oldTopicName);
- if (oldTopic && oldTopic.isSubscribed()) {
- oldTopic.leave(false)
- .catch(() => { /* do nothing here */ })
- .finally(() => {
- // We don't care if the request succeeded or failed.
- // The topic is dead regardless.
- this.setState({fetchingMessages: false});
- oldTopic.onData = undefined;
- oldTopic.onAllMessagesReceived = undefined;
- oldTopic.onInfo = undefined;
- oldTopic.onMetaDesc = undefined;
- oldTopic.onSubsUpdated = undefined;
- oldTopic.onPres = undefined;
- });
- }
- }
-
- handleScrollReference(node) {
- if (node) {
- node.addEventListener('scroll', this.fetchMoreMessages);
- this.messagesScroller = node;
- }
- }
-
- // Get older messages
- fetchMoreMessages(event) {
- if (event.target.scrollTop <= 0) {
- let newState = {scrollPosition: event.target.scrollHeight - event.target.scrollTop};
- this.setState((prevState, props) => {
- if (!prevState.fetchingMessages) {
- var topic = this.props.tinode.getTopic(this.state.topic);
- if (topic && topic.isSubscribed() && topic.msgHasMoreMessages()) {
- newState.fetchingMessages = true;
- topic.getMessagesPage(MESSAGES_PAGE).catch((err) => {
- this.setState({fetchingMessages: false});
- this.props.onError(err.message, 'err');
- });
- }
- }
- return newState;
- });
- }
- }
-
- handleDescChange(desc) {
- if (desc.public) {
- this.setState({
- title: desc.public.fn,
- avatar: makeImageUrl(desc.public.photo)
- });
- } else {
- this.setState({
- title: '',
- avatar: null
- });
- }
- if (desc.acs) {
- this.setState({
- readOnly: !desc.acs.isWriter(),
- writeOnly: !desc.acs.isReader()
- });
- }
- }
-
- handleSubsUpdated() {
- if (this.state.topic) {
- var subs = [];
- var topic = this.props.tinode.getTopic(this.state.topic);
- topic.subscribers((sub) => {
- if (sub.online && sub.user != this.props.myUserId) {
- subs.push(sub);
- }
- });
- this.setState({onlineSubs: subs});
- }
- }
-
- handleNewMessage(msg) {
- // Regenerate messages list
- var topic = this.props.tinode.getTopic(this.state.topic);
- var newState = {messages: []};
- topic.messages(function(m) {
- if (!m.deleted) {
- newState.messages = newState.messages.concat(m);
- }
- });
-
- // msg could be null if one or more messages were deleted.
- if (msg && !msg.deleted) {
- // If the message is added to the end of the message list,
- // scroll to the bottom.
- if (topic.isNewMessage(msg.seq)) {
- newState.scrollPosition = 0;
- }
-
- // Aknowledge all messages, including own messages.
- let status = topic.msgStatus(msg);
- if (status >= Tinode.MESSAGE_STATUS_SENT) {
- this.props.readTimerHandler(() => {
- topic.noteRead(msg.seq);
- });
- }
- this.props.onData(msg);
- }
-
- this.setState(newState);
- }
-
- handleAllMessagesReceived(count) {
- this.setState({fetchingMessages: false});
- }
-
- handleInfoReceipt(info) {
- switch (info.what) {
- case 'kp': {
- clearTimeout(this.keyPressTimer);
- var instance = this;
- this.keyPressTimer = setTimeout(function() {
- instance.setState({typingIndicator: false});
- }, KEYPRESS_DELAY + 1000);
- if (!this.state.typingIndicator) {
- this.setState({typingIndicator: true});
- }
- break;
- }
- case 'read':
- case 'recv':
- // Redraw due to changed recv/read status.
- this.forceUpdate();
- break;
- default:
- console.log("Other change in topic: ", info.what);
- }
- }
-
- handleImagePreview(content) {
- this.setState({ imagePreview: content });
- }
-
- handleCloseImagePreview() {
- this.setState({ imagePreview: null });
- }
-
- handleContextClick(e) {
- e.preventDefault();
- e.stopPropagation();
- this.props.showContextMenu({ topicName: this.state.topic, y: e.pageY, x: e.pageX });
- }
-
- handleShowContextMenuMessage(params) {
- params.topicName = this.state.topic;
- var menuItems = ['message_delete'];
- var topic = this.props.tinode.getTopic(params.topicName);
- if (topic) {
- var acs = topic.getAccessMode();
- if (acs && acs.isDeleter()) {
- menuItems.push('message_delete_hard');
- }
- }
- this.props.showContextMenu(params, menuItems);
- }
-
- handleBackNavigation() {
- this.props.onHideMessagesView();
- }
-
- render() {
- var component = null;
- if (this.state.topic) {
- var messageNodes = [];
- var topic = this.props.tinode.getTopic(this.state.topic);
- var groupTopic = topic.getType() == 'grp';
- var previousFrom = null;
- for (var i=0; iinsert_drive_file
-
-
- {filename} {size}
- {this.props.uploader || this.state.downloader ?
-
-
- );
- } else {
- component = (
-
- {this.props.displayMobile ?
-
- arrow_back
-
- :
- null}
-
- {this.props.displayMobile ?
-
-
-
-
- {groupTopic ?
- {this.state.title || Unknown}
- {lastSeen}
-
-
- more_vert
-
-
-
-
-
-
- {this.state.writeOnly ?
- -
- {messageNodes}
-
-
- :
- null
- }
- no access to messages
-
- {this.props.disabled ?
- photo :
-
- photo
- }
- {this.props.disabled ?
- attach_file :
-
- attach_file
- }
-
- {this.props.disabled ?
- send :
- send}
-
-
-
- );
- }
-};
-
-/* This is just a static page to display when no conversation is selected. */
-class LogoView extends React.PureComponent {
- render() {
- var version = APP_NAME + ' (' + Tinode.getLibrary() + ')';
- return (
-
-
- );
- }
-};
-
-class ImagePreview extends React.PureComponent {
- constructor(props) {
- super(props);
-
- this.state = {};
- }
-
- componentDidMount() {
- this.setState({
- width: this.container.clientWidth,
- height: this.container.clientHeight
- });
- }
-
- render() {
- if (!this.props.content) {
- return null;
- }
- var instance = this;
- var dim = fitImageSize(this.props.content.width, this.props.content.height,
- this.state.width, this.state.height, false);
- var size = dim ? { width: dim.dstWidth + 'px', height: dim.dstHeight + 'px' } :
- ((this.props.content.width > this.props.content.height) ? {width: '100%'} : {height: '100%'});
- size.maxWidth = '100%';
- size.maxHeight = '100%';
-
- var filename = this.props.content.filename;
- var maxlength = (this.props.content.width / REM_SIZE) | 0;
- if (filename.length > maxlength) {
- filename = filename.slice(0, maxlength-2) + '...' + filename.slice(2-maxlength);
- }
- return (
-
-
- 
-
-
- Tinode Web
- -Client: {version}
-Server: {this.props.serverVersion} ({this.props.serverAddress})
-
-
-
- );
- }
-};
-/* END Conversation panel */
-
-/* The top-level class to hold all fuinctionality together */
-class TinodeWeb extends React.Component {
- constructor(props) {
- super(props);
-
- this.state = this.getBlankState();
-
- this.handleResize = this.handleResize.bind(this);
- this.handleHashRoute = this.handleHashRoute.bind(this);
- this.handleOnline = this.handleOnline.bind(this);
- this.handleAppVisibility = this.handleAppVisibility.bind(this);
- this.handleReadTimer = this.handleReadTimer.bind(this);
- this.handleVisibilityEvent = this.handleVisibilityEvent.bind(this);
- this.handleError = this.handleError.bind(this);
- this.handleLoginRequest = this.handleLoginRequest.bind(this);
- this.handleConnected = this.handleConnected.bind(this);
- this.doLogin = this.doLogin.bind(this);
- this.handleCredentialsRequest = this.handleCredentialsRequest.bind(this);
- this.handleLoginSuccessful = this.handleLoginSuccessful.bind(this);
- this.handleDisconnect = this.handleDisconnect.bind(this);
- this.tnMeMetaDesc = this.tnMeMetaDesc.bind(this);
- this.tnMeContactUpdate = this.tnMeContactUpdate.bind(this);
- this.tnMeSubsUpdated = this.tnMeSubsUpdated.bind(this);
- this.resetContactList = this.resetContactList.bind(this);
- this.tnData = this.tnData.bind(this);
- this.tnInitFind = this.tnInitFind.bind(this);
- this.tnFndSubsUpdated = this.tnFndSubsUpdated.bind(this);
- this.handleSearchContacts = this.handleSearchContacts.bind(this);
- this.handleTopicSelected = this.handleTopicSelected.bind(this);
- this.handleHideMessagesView = this.handleHideMessagesView.bind(this);
- this.handleSendMessage = this.handleSendMessage.bind(this);
- this.handleNewAccount = this.handleNewAccount.bind(this);
- this.handleNewAccountRequest = this.handleNewAccountRequest.bind(this);
- this.handleUpdateAccountRequest = this.handleUpdateAccountRequest.bind(this);
- this.handleUpdateAccountTagsRequest = this.handleUpdateAccountTagsRequest.bind(this);
- this.handleSettings = this.handleSettings.bind(this);
- this.handleGlobalSettings = this.handleGlobalSettings.bind(this);
- this.handleToggleMessageSounds = this.handleToggleMessageSounds.bind(this);
- this.initDesktopAlerts = this.initDesktopAlerts.bind(this);
- this.togglePushToken = this.togglePushToken.bind(this);
- this.requestPushToken = this.requestPushToken.bind(this);
- this.handleSidepanelCancel = this.handleSidepanelCancel.bind(this);
- this.handleNewTopic = this.handleNewTopic.bind(this);
- this.handleNewTopicRequest = this.handleNewTopicRequest.bind(this);
- this.handleNewTopicCreated = this.handleNewTopicCreated.bind(this);
- this.handleTopicUpdateRequest = this.handleTopicUpdateRequest.bind(this);
- this.handleChangePermissions = this.handleChangePermissions.bind(this);
- this.handleTagsUpdated = this.handleTagsUpdated.bind(this);
- this.handleLogout = this.handleLogout.bind(this);
- this.handleLeaveUnsubRequest = this.handleLeaveUnsubRequest.bind(this);
- this.handleDialogCancel = this.handleDialogCancel.bind(this);
- this.handleShowContextMenu = this.handleShowContextMenu.bind(this);
- this.defaultTopicContextMenu = this.defaultTopicContextMenu.bind(this);
- this.handleHideContextMenu = this.handleHideContextMenu.bind(this);
- this.handleShowInfoView = this.handleShowInfoView.bind(this);
- this.handleHideInfoView = this.handleHideInfoView.bind(this);
- this.handleMemberUpdateRequest = this.handleMemberUpdateRequest.bind(this);
- this.handleValidateCredentialsRequest = this.handleValidateCredentialsRequest.bind(this);
- this.handlePasswordResetRequest = this.handlePasswordResetRequest.bind(this);
- this.handleResetPassword = this.handleResetPassword.bind(this);
- }
-
- getBlankState() {
- let settings = localStorage.getObject("settings") || {};
-
- return {
- connected: false,
- transport: settings.transport || null,
- serverAddress: settings.serverAddress || detectServerAddress(),
- serverVersion: "no connection",
- // "On" is the default, so saving the "off" state.
- messageSounds: !settings.messageSoundsOff,
- desktopAlerts: settings.desktopAlerts,
- desktopAlertsEnabled: (isSecureConnection() || isLocalHost()) &&
- (typeof firebase != 'undefined') && (typeof navigator != 'undefined') &&
- (typeof FIREBASE_INIT != 'undefined'),
- firebaseToken: localStorage.getObject("firebase-token"),
-
- errorText: '',
- errorLevel: null,
-
- sidePanelSelected: 'login',
- sidePanelTitle: null,
- sidePanelAvatar: null,
- dialogSelected: null,
- contextMenuVisible: false,
- login: '',
- password: '',
- myUserId: null,
- liveConnection: navigator.onLine,
- topicSelected: '',
- topicSelectedOnline: false,
- topicSelectedAcs: null,
- newGroupTopicParams: null,
- loginDisabled: false,
- displayMobile: (window.innerWidth <= MEDIA_BREAKPOINT),
- showInfoPanel: false,
- mobilePanel: 'sidepanel',
-
- contextMenuVisible: false,
- contextMenuBounds: null,
- contextMenuClickAt: null,
- contextMenuParams: null,
- contextMenuItems: [],
-
- // Chats as shown in the ContactsView
- chatList: [],
- // Contacts returned by a search query.
- searchResults: [],
- // Merged results of a search query and p2p chats.
- searchableContacts: [],
- credMethod: undefined,
- credCode: undefined
- };
- }
-
- componentDidMount() {
- window.addEventListener('resize', this.handleResize);
- window.addEventListener('online', (e) => { this.handleOnline(true); });
- window.addEventListener('offline', (e) => { this.handleOnline(false); });
- window.addEventListener('hashchange', this.handleHashRoute);
- // Window/tab visible or invisible for pausing timers.
- document.addEventListener('visibilitychange', this.handleVisibilityEvent);
-
- this.setState({viewportWidth: document.documentElement.clientWidth});
-
- this.tinode = TinodeWeb.tnSetup(this.state.serverAddress, this.state.transport);
- this.tinode.onConnect = this.handleConnected;
- this.tinode.onDisconnect = this.handleDisconnect;
-
- // Initialize desktop alerts.
- if (this.state.desktopAlertsEnabled) {
- try {
- this.fbPush = firebase.initializeApp(FIREBASE_INIT, APP_NAME).messaging();
- this.fbPush.usePublicVapidKey(FIREBASE_INIT.messagingVapidKey);
- navigator.serviceWorker.register('/service-worker.js').then((reg) => {
- this.fbPush.useServiceWorker(reg);
- this.initDesktopAlerts();
- if (this.state.desktopAlerts) {
- if (!this.state.firebaseToken) {
- this.togglePushToken(true);
- } else {
- this.tinode.setDeviceToken(this.state.firebaseToken);
- }
- }
- }).catch((err) => {
- // registration failed :(
- console.log("Failed to register service worker:", err);
- });
- } catch (err) {
- this.handleError("Failed to initialize push notifications", 'err');
- console.log("Failed to initialize push notifications", err);
- this.setState({desktopAlertsEnabled: false});
- }
- }
-
- let token = localStorage.getObject('keep-logged-in') ?
- localStorage.getObject('auth-token') : undefined;
-
- let parsedNav = parseUrlHash(window.location.hash);
- if (token) {
- // When reading from storage, date is returned as string.
- token.expires = new Date(token.expires);
- this.tinode.setAuthToken(token);
- this.tinode.connect().catch((err) => {
- // Socket error
- this.handleError(err.message, 'err');
- });
- delete parsedNav.params.info;
- delete parsedNav.params.tab;
- parsedNav.path[0] = '';
- navigateTo(composeUrlHash(parsedNav.path, parsedNav.params));
- } else if (!parsedNav.params.token) {
- navigateTo('');
- }
-
- this.readTimer = null;
- this.readTimerCallback = null;
-
- this.handleHashRoute();
- }
-
- componentWillUnmount() {
- window.removeEventListener('resize', this.handleResize);
- window.removeEventListener('hashchange', this.handleHashRoute);
- document.removeEventListener('visibilitychange', this.handleVisibilityEvent);
- }
-
- // Setup transport (usually websocket) and server address. This will terminate connection with the server.
- static tnSetup(serverAddress, transport) {
- let tinode = new Tinode(APP_NAME, serverAddress, API_KEY, transport, isSecureConnection());
- tinode.enableLogging(true, true);
- return tinode;
- }
-
- handleResize() {
- var mobile = document.documentElement.clientWidth <= MEDIA_BREAKPOINT;
- this.setState({viewportWidth: document.documentElement.clientWidth});
- if (this.state.displayMobile != mobile) {
- this.setState({displayMobile: mobile});
- }
- }
-
- // Handle for hashchange event: display appropriate panels.
- handleHashRoute() {
- var hash = parseUrlHash(window.location.hash);
- if (hash.path && hash.path.length > 0) {
- // Left-side panel selector.
- if (['register','settings','edit','cred','reset','newtpk','contacts',''].includes(hash.path[0])) {
- this.setState({sidePanelSelected: hash.path[0]});
- } else {
- console.log("Unknown sidepanel view", hash.path[0]);
- }
-
- // Topic for MessagesView selector.
- if (hash.path.length > 1 && hash.path[1] != this.state.topicSelected) {
- this.setState({
- topicSelected: Tinode.topicType(hash.path[1]) ? hash.path[1] : null
- });
- }
- } else {
- // Empty hashpath
- this.setState({sidePanelSelected: ''});
- }
-
- // Save validation credentials, if available.
- if (hash.params.method) {
- this.setState({ credMethod: hash.params.method });
- }
- if (hash.params.code) {
- this.setState({ credCode: hash.params.code });
- }
-
- // Additional parameters of panels.
- this.setState({
- showInfoPanel: hash.params.info,
- newTopicTabSelected: hash.params.tab
- });
- }
-
- handleOnline(online) {
- var newState = {liveConnection: online};
- if (online) {
- this.handleError('', null);
- } else {
- this.handleError("No connection", 'warn');
- }
- this.setState({liveConnection: online});
- }
-
- // Handling read notifications here to be able to pause
- // them then the window/tab is not visible.
- handleAppVisibility(visible, callback) {
- clearTimeout(this.readTimer);
- this.readTimerCallback = callback;
- if (visible && callback) {
- this.readTimer = setTimeout(callback, READ_DELAY);
- } else {
- this.readTimer = null;
- }
- }
-
- handleReadTimer(callback) {
- this.handleAppVisibility(!document.hidden, callback);
- }
-
- handleVisibilityEvent() {
- this.handleAppVisibility(!document.hidden, this.readTimerCallback);
- }
-
- handleError(err, level) {
- this.setState({errorText: err, errorLevel: level});
- }
-
- // User clicked Login button in the side panel.
- handleLoginRequest(login, password) {
- this.setState({loginDisabled: true, login: login, password: password});
- this.handleError('', null);
-
- if (this.tinode.isConnected()) {
- this.doLogin(login, password, {meth: this.state.credMethod, resp: this.state.credCode});
- } else {
- this.tinode.connect().catch((err) => {
- // Socket error
- this.setState({loginDisabled: false});
- this.handleError(err.message, 'err');
- });
- }
- }
-
- // Connection succeeded.
- handleConnected() {
- var params = this.tinode.getServerInfo();
- this.setState({
- serverVersion: params.ver + ' ' + (params.build ? params.build : 'none') + '; '
- });
- this.doLogin(this.state.login, this.state.password, {meth: this.state.credMethod, resp: this.state.credCode});
- }
-
- doLogin(login, password, cred) {
- if (this.tinode.isAuthenticated()) {
- // Already logged in. Go to default screen.
- navigateTo("");
- return;
- }
- // Sanitize and package credentail.
- cred = Tinode.credential(cred);
- // Try to login with login/password. If they are not available, try token. If no token, ask for login/password.
- let promise = null;
- let token = this.tinode.getAuthToken();
- if (login && password) {
- this.setState({password: null});
- promise = this.tinode.loginBasic(login, password, cred);
- } else if (token) {
- promise = this.tinode.loginToken(token.token, cred);
- }
-
- if (promise) {
- promise.then((ctrl) => {
- if (ctrl.code >= 300 && ctrl.text === 'validate credentials') {
- if (cred) {
- this.handleError("Code does not match", 'warn');
- }
- this.handleCredentialsRequest(ctrl.params);
- } else {
- this.handleLoginSuccessful();
- }
- }).catch((err) => {
- // Login failed, report error.
- this.setState({loginDisabled: false, credMethod: undefined, credCode: undefined});
- this.handleError(err.message, 'err');
- localStorage.removeItem('auth-token');
- navigateTo('');
- });
- } else {
- // No login credentials provided.
- // Make sure we are on the login page.
- navigateTo('');
- this.setState({loginDisabled: false});
- }
- }
-
- handleCredentialsRequest(params) {
- var parsed = parseUrlHash(window.location.hash);
- parsed.path[0] = 'cred';
- parsed.params['method'] = params.cred[0];
- navigateTo(composeUrlHash(parsed.path, parsed.params));
- }
-
- handleLoginSuccessful() {
- this.handleError('', null);
-
- // Refresh authentication token.
- if (localStorage.getObject('keep-logged-in')) {
- localStorage.setObject('auth-token', this.tinode.getAuthToken());
- }
- // Logged in fine, subscribe to 'me' attaching callbacks from the contacts view.
- var me = this.tinode.getMeTopic();
- me.onMetaDesc = this.tnMeMetaDesc;
- me.onContactUpdate = this.tnMeContactUpdate;
- me.onSubsUpdated = this.tnMeSubsUpdated;
- this.setState({
- connected: true,
- credMethod: undefined,
- credCode: undefined,
- myUserId: this.tinode.getCurrentUserID()
- });
- // Subscribe, fetch topic desc, the list of subscriptions. Messages are not fetched.
- me.subscribe(
- me.startMetaQuery().
- withLaterSub().
- withDesc().
- build()
- ).catch((err) => {
- localStorage.removeItem('auth-token');
- this.handleError(err.message, 'err');
- navigateTo('');
- });
- navigateTo(setUrlSidePanel(window.location.hash, 'contacts'));
- }
-
- handleDisconnect(err) {
- this.setState({
- connected: false,
- topicSelectedOnline: false,
- dialogSelected: null,
- errorText: err && err.message ? err.message : "Disconnected",
- errorLevel: err && err.message ? 'err' : 'warn',
- loginDisabled: false,
- contextMenuVisible: false,
- serverVersion: "no connection"
- });
- }
-
- tnMeMetaDesc(desc) {
- if (desc && desc.public) {
- this.setState({
- sidePanelTitle: desc.public.fn,
- sidePanelAvatar: makeImageUrl(desc.public.photo)
- });
- }
- }
-
- // Reactions to updates to the contact list.
- tnMeContactUpdate(what, cont) {
- if (what == 'on' || what == 'off') {
- this.resetContactList();
- if (this.state.topicSelected == cont.topic) {
- this.setState({topicSelectedOnline: (what == 'on')});
- }
- } else if (what == 'read') {
- this.resetContactList();
- } else if (what == 'msg') {
- // New message received
- // Skip update if the topic is currently open, otherwise the badge will annoyingly flash.
- if (this.state.topicSelected != cont.topic) {
- if (this.state.messageSounds) {
- POP_SOUND.play();
- }
- this.resetContactList();
- } else if (document.hidden && this.state.messageSounds) {
- POP_SOUND.play();
- }
- } else if (what == 'recv') {
- // Explicitly ignoring "recv" -- it causes no visible updates to contact list.
- } else if (what == 'gone' || what == 'unsub') {
- // Topic deleted or user unsubscribed. Remove topic from view.
- // If the currently selected topic is gone, clear the selection.
- if (this.state.topicSelected == cont.topic) {
- this.handleTopicSelected(null);
- }
- // Redraw without the deleted topic.
- this.resetContactList();
- } else if (what == 'acs') {
- // Permissions changed. If it's for the currently selected topic,
- // update the views.
- if (this.state.topicSelected == cont.topic) {
- this.setState({topicSelectedAcs: cont.acs});
- }
- } else if (what == 'del') {
- // messages deleted (hard or soft) -- update pill counter.
- } else {
- // TODO(gene): handle other types of notifications:
- // * ua -- user agent changes (maybe display a pictogram for mobile/desktop).
- // * upd -- topic 'public' updated, issue getMeta().
- console.log("Unsupported (yet) presence update:" + what + " in: " + cont.topic);
- }
- }
-
- tnMeSubsUpdated(unused) {
- this.resetContactList();
- }
-
- // Merge search results and contact list to create a single flat
- // list of kown contacts for GroupManager to use.
- static prepareSearchableContacts(chatList, foundContacts) {
- let merged = {};
-
- // For chatList topics merge only p2p topics and convert them to the
- // same format as foundContacts.
- for (const c of chatList) {
- if (Tinode.topicType(c.topic) == 'p2p') {
- merged[c.topic] = {
- user: c.topic,
- updated: c.updated,
- public: c.public,
- private: c.private,
- acs: c.acs
- };
- }
- }
-
- // Add all foundCountacts if they have not been added already.
- for (const c of foundContacts) {
- if (!merged[c.user]) {
- merged[c.user] = c;
- }
- }
-
- return Object.values(merged);
- }
-
- resetContactList() {
- let newState = {
- chatList: []
- };
- this.tinode.getMeTopic().contacts((c) => {
- newState.chatList.push(c);
- if (this.state.topicSelected == c.topic) {
- newState.topicSelectedOnline = c.online;
- newState.topicSelectedAcs = c.acs;
- }
- });
- // Merge search results and chat list.
- newState.searchableContacts = TinodeWeb.prepareSearchableContacts(newState.chatList, this.state.searchResults);
- this.setState(newState);
- }
-
- // Sending "received" notifications
- tnData(data) {
- let topic = this.tinode.getTopic(data.topic);
- if (topic.msgStatus(data) >= Tinode.MESSAGE_STATUS_SENT) {
- clearTimeout(this.receivedTimer);
- this.receivedTimer = setTimeout(() => {
- this.receivedTimer = undefined;
- topic.noteRecv(data.seq);
- }, RECEIVED_DELAY);
- }
- }
-
- /* Fnd topic: find contacts by tokens */
- tnInitFind() {
- let fnd = this.tinode.getFndTopic();
- if (fnd.isSubscribed()) {
- this.tnFndSubsUpdated();
- } else {
- fnd.onSubsUpdated = this.tnFndSubsUpdated;
- fnd.subscribe(fnd.startMetaQuery().withSub().withTags().build()).catch((err) => {
- this.handleError(err.message, 'err');
- });
- }
- }
-
- tnFndSubsUpdated() {
- let foundContacts = [];
- // Don't attempt to create P2P topics which already exist. Server will reject the duplicates.
- this.tinode.getFndTopic().contacts((s) => {
- foundContacts.push(s);
- });
- this.setState({
- searchResults: foundContacts,
- searchableContacts: TinodeWeb.prepareSearchableContacts(this.state.chatList, foundContacts)
- });
- }
-
- /** Called when the user enters a contact into the contact search field in the NewAccount panel
- @param query {Array} is an array of contacts to search for
- */
- handleSearchContacts(query) {
- var fnd = this.tinode.getFndTopic();
- fnd.setMeta({desc: {public: query}}).then((ctrl) => {
- return fnd.getMeta(fnd.startMetaQuery().withSub().build());
- }).catch((err) => {
- this.handleError(err.message, 'err');
- });
- }
-
- // User clicked on a contact in the side panel or deleted a contact.
- handleTopicSelected(topicName, unused_index, online, acs) {
- if (topicName) {
- this.setState({
- errorText: '',
- errorLevel: null,
- mobilePanel: 'topic-view',
- showInfoPanel: false
- });
- // Different contact selected.
- if (this.state.topicSelected != topicName) {
- this.setState({
- topicSelectedOnline: online,
- topicSelectedAcs: acs
- });
- navigateTo(setUrlTopic('', topicName));
- }
- } else {
- // Currently selected contact deleted
- this.setState({
- errorText: '',
- errorLevel: null,
- mobilePanel: 'sidepanel',
- topicSelectedOnline: false,
- topicSelectedAcs: null,
- showInfoPanel: false
- });
- if (this.state.topicSelected) {
- navigateTo(setUrlTopic('', null));
- }
- }
- }
-
- // In mobile view user requested to show sidepanel
- handleHideMessagesView() {
- this.setState({
- mobilePanel: 'sidepanel'
- });
- navigateTo(setUrlTopic(window.location.hash, null));
- }
-
- // User is sending a message, either plain text or a drafty object, possibly
- // with attachments.
- handleSendMessage(msg, promise, uploader) {
- let topic = this.tinode.getTopic(this.state.topicSelected);
-
- msg = topic.createMessage(msg, false);
- // The uploader is used to show progress.
- msg._uploader = uploader;
-
- if (!topic.isSubscribed()) {
- if (!promise) {
- promise = Promise.resolve();
- }
- promise = promise.then(() => { return topic.subscribe(); });
- }
-
- if (promise) {
- promise = promise.catch((err) => {
- this.handleError(err.message, 'err');
- });
- }
-
- topic.publishDraft(msg, promise)
- .catch((err) => {
- this.handleError(err.message, 'err');
- });
- }
-
- // User chose a Sign Up menu item.
- handleNewAccount() {
- navigateTo(setUrlSidePanel(window.location.hash, 'register'));
- }
-
- // Actual registration of a new account.
- handleNewAccountRequest(login_, password_, public_, cred_, tags_) {
- this.tinode.connect(this.state.serverAddress)
- .then(() => {
- return this.tinode.createAccountBasic(login_, password_,
- {public: public_, tags: tags_, cred: Tinode.credential(cred_)});
- }).then((ctrl) => {
- if (ctrl.code >= 300 && ctrl.text == 'validate credentials') {
- this.handleCredentialsRequest(ctrl.params);
- } else {
- this.handleLoginSuccessful(this);
- }
- }).catch((err) => {
- this.handleError(err.message, 'err');
- });
- }
-
- handleUpdateAccountRequest(password, pub, defacs) {
- if (pub || defacs) {
- this.tinode.getMeTopic().setMeta({desc: {public: pub, defacs: defacs}}).catch((err) => {
- this.handleError(err.message, 'err');
- });
- }
- if (password) {
- this.tinode.updateAccountBasic(null, this.tinode.getCurrentLogin(), password).catch((err) => {
- this.handleError(err.message, 'err');
- });
- }
- }
-
- handleUpdateAccountTagsRequest(tags) {
- this.tinode.getFndTopic().setMeta({tags: tags})
- .catch((err) => {
- this.handleError(err.message, 'err');
- });
- }
-
- // User chose Settings menu item.
- handleSettings() {
- navigateTo(setUrlSidePanel(window.location.hash, this.state.myUserId ? 'edit' : 'settings'));
- }
-
- // User updated global parameters.
- handleGlobalSettings(settings) {
- let serverAddress = settings.serverAddress || this.state.serverAddress;
- let transport = settings.transport || this.state.transport;
- if (this.tinode) {
- this.tinode.onDisconnect = undefined;
- this.tinode.disconnect();
- }
- this.tinode = TinodeWeb.tnSetup(serverAddress, transport);
- this.tinode.onConnect = this.handleConnected;
- this.tinode.onDisconnect = this.handleDisconnect;
-
- this.setState({
- serverAddress: serverAddress,
- transport: transport
- });
- localStorage.setObject('settings', {
- serverAddress: serverAddress,
- transport: transport
- });
-
- navigateTo(setUrlSidePanel(window.location.hash, ''));
- }
-
- // Initialize desktop alerts = push notifications.
- initDesktopAlerts() {
- // Google could not be bothered to mention that
- // onTokenRefresh is never called.
- this.fbPush.onTokenRefresh(() => {
- this.requestPushToken(true);
- });
-
- this.fbPush.onMessage((payload) => {
- // No need to do anything about it.
- // All the magic happends in the service worker.
- });
- }
-
- togglePushToken(enabled) {
- if (enabled) {
- if (!this.state.firebaseToken) {
- this.fbPush.requestPermission().then(() => {
- this.requestPushToken(true);
- }).catch((err) => {
- this.handleError(err.message, 'err');
- this.setState({desktopAlerts: false, firebaseToken: null});
- localStorage.updateObject('settings', {desktopAlerts: false});
- console.log("Failed to get permission to notify.", err);
- });
- } else {
- this.setState({desktopAlerts: true});
- localStorage.updateObject('settings', {desktopAlerts: true});
- }
- } else if (this.state.firebaseToken) {
- this.fbPush.deleteToken(this.state.firebaseToken).catch((err) => {
- console.log("Unable to delete token.", err);
- }).finally(() => {
- localStorage.updateObject('settings', {desktopAlerts: false});
- localStorage.removeItem('firebase-token');
- this.setState({desktopAlerts: false, firebaseToken: null});
- });
- } else {
- this.setState({desktopAlerts: false, firebaseToken: null});
- localStorage.updateObject('settings', {desktopAlerts: false});
- }
- }
-
- requestPushToken(sendToServer) {
- this.fbPush.getToken().then((refreshedToken) => {
- if (refreshedToken != this.state.firebaseToken) {
- this.tinode.setDeviceToken(refreshedToken, sendToServer);
- localStorage.setObject('firebase-token', refreshedToken);
- }
- this.setState({firebaseToken: refreshedToken, desktopAlerts: true});
- localStorage.updateObject('settings', {desktopAlerts: true});
- }).catch((err) => {
- this.handleError(err.message, 'err');
- console.log("Failed to retrieve firebase token", err);
- });
- }
-
- handleToggleMessageSounds(enabled) {
- this.setState({messageSounds: enabled});
- localStorage.updateObject('settings', {
- messageSoundsOff: !enabled
- });
- }
-
- // User clicked Cancel button in Setting or Sign Up panel.
- handleSidepanelCancel() {
- var parsed = parseUrlHash(window.location.hash);
- parsed.path[0] = this.state.myUserId ? 'contacts' : '';
- if (parsed.params) {
- delete parsed.params.code;
- delete parsed.params.method;
- delete parsed.params.tab;
- }
- navigateTo(composeUrlHash(parsed.path, parsed.params));
- this.setState({errorText: '', errorLevel: null});
- }
-
- // User clicked a (+) menu item.
- handleNewTopic() {
- navigateTo(setUrlSidePanel(window.location.hash, 'newtpk'));
- }
-
- // Request to start a new topic. New P2P topic requires peer's name.
- handleNewTopicRequest(peerName, pub, priv, tags) {
- var topicName = peerName || this.tinode.newGroupTopicName();
- if (!peerName) {
- this.setState(
- {newGroupTopicParams: {desc: {public: pub, private: {comment: priv}}, tags: tags}},
- () => {this.handleTopicSelected(topicName)}
- );
- } else {
- this.handleTopicSelected(topicName);
- }
- }
-
- // New topic was creted, here is the new topic name.
- handleNewTopicCreated(oldName, newName) {
- if (this.state.topicSelected == oldName && oldName != newName) {
- // If the current URl contains the old topic name, replace it with new.
- // Update the name of the selected topic first so the navigator doen't clear
- // the state.
- this.setState({topicSelected: newName}, () => { navigateTo(setUrlTopic('', newName)); });
- }
- }
-
- handleTopicUpdateRequest(topicName, pub, priv, permissions) {
- var topic = this.tinode.getTopic(topicName);
- if (topic) {
- var params = {};
- if (pub) {
- params.public = pub;
- }
- if (priv) {
- params.private = {comment: priv};
- }
- if (permissions) {
- params.defacs = permissions;
- }
- topic.setMeta({desc: params}).catch((err) => {
- this.handleError(err.message, 'err');
- });
- }
- }
-
- handleChangePermissions(topicName, mode, uid) {
- var topic = this.tinode.getTopic(topicName);
- if (topic) {
- var am = topic.getAccessMode();
- if (uid) {
- am.updateGiven(mode);
- mode = am.getGiven();
- } else {
- am.updateWant(mode);
- mode = am.getWant();
- }
- topic.setMeta({sub: {user: uid, mode: mode}}).catch((err) => {
- this.handleError(err.message, 'err');
- });
- }
- }
-
- handleTagsUpdated(topicName, tags) {
- var topic = this.tinode.getTopic(topicName);
- if (topic) {
- var instance = this;
- topic.setMeta({tags: tags}).catch((err) => {
- this.handleError(err.message, 'err');
- });
- }
- }
-
- handleLogout() {
- updateFavicon(0);
- localStorage.removeItem('auth-token');
- if (this.tinode) {
- this.tinode.onDisconnect = undefined;
- this.tinode.disconnect();
- }
- this.setState(this.getBlankState());
- this.tinode = TinodeWeb.tnSetup(this.state.serverAddress, this.state.transport);
- this.tinode.onConnect = this.handleConnected;
- this.tinode.onDisconnect = this.handleDisconnect;
- navigateTo('');
- }
-
- handleLeaveUnsubRequest(topicName) {
- var topic = this.tinode.getTopic(topicName);
- if (!topic) {
- return;
- }
-
- topic.leave(true).then((ctrl) => {
- // Hide MessagesView and InfoView panels.
- navigateTo(setUrlTopic(window.location.hash, ''));
- }).catch((err) => {
- this.handleError(err.message, 'err');
- });
- }
-
- handleDialogCancel() {
- this.setState({dialogSelected: null});
- }
-
- handleShowContextMenu(params, menuItems) {
- this.setState({
- contextMenuVisible: true,
- contextMenuClickAt: {x: params.x, y: params.y},
- contextMenuParams: params,
- contextMenuItems: menuItems || this.defaultTopicContextMenu(params.topicName),
- contextMenuBounds: ReactDOM.findDOMNode(this).getBoundingClientRect()
- });
- }
-
- defaultTopicContextMenu(topicName) {
- var muted = false, blocked = false, subscribed = false, deleter = false;
- var topic = this.tinode.getTopic(topicName);
- if (topic) {
- if (topic.isSubscribed()) {
- subscribed = true;
- var acs = topic.getAccessMode();
- muted = acs && acs.isMuted();
- blocked = acs && !acs.isJoiner();
- deleter = acs && acs.isDeleter();
- }
- }
-
- return [
- subscribed ? {title: "Info", handler: this.handleShowInfoView} : null,
- subscribed ? 'messages_clear' : null,
- subscribed && deleter ? 'messages_clear_hard' : null,
- subscribed ? (muted ? 'topic_unmute' : 'topic_mute') : null,
- subscribed ? (blocked ? 'topic_unblock' : 'topic_block') : null,
- 'topic_delete'
- ];
- }
-
- handleHideContextMenu() {
- this.setState({
- contextMenuVisible: false,
- contextMenuClickAt: null,
- contextMenuParams: null,
- contextMenuBounds: null
- });
- }
-
- handleShowInfoView() {
- navigateTo(addUrlParam(window.location.hash, 'info', true));
- this.setState({showInfoPanel: true});
- }
-
- handleHideInfoView() {
- navigateTo(removeUrlParam(window.location.hash, 'info'));
- this.setState({showInfoPanel: false});
- }
-
- handleMemberUpdateRequest(topicName, added, removed) {
- if (!topicName) {
- return;
- }
-
- var topic = this.tinode.getTopic(topicName);
- if (!topic) {
- return;
- }
-
- if (added && added.length > 0) {
- added.map((uid) => {
- topic.invite(uid, null).catch((err) => {
- this.handleError(err.message, 'err');
- });
- });
- }
-
- if (removed && removed.length > 0) {
- removed.map((uid) => {
- topic.delSubscription(uid).catch((err) => {
- this.handleError(err.message, 'err');
- });
- });
- }
- }
-
- handleValidateCredentialsRequest(cred, code) {
- this.setState({credMethod: cred, credCode: code});
- this.doLogin(null, null, {meth: cred, resp: code});
- }
-
- handlePasswordResetRequest(method, value) {
- // If already connected, connnect() will return a resolved promise.
- this.tinode.connect()
- .then(() => {
- return this.tinode.requestResetAuthSecret('basic', method, value)
- })
- .catch((err) => {
- // Socket error
- this.handleError(err.message, 'err');
- });
- }
-
- handleResetPassword(scheme, newPassword, token) {
- token = base64ReEncode(token);
- if (!token) {
- this.handleError("Invalid security token", 'err');
- } else {
- this.tinode.connect()
- .then(() => {
- return this.tinode.updateAccountBasic(null, null, newPassword, {token: token});
- })
- .catch((err) => {
- // Socket error
- this.handleError(err.message, 'err');
- });
- }
- }
-
- render() {
- return (
-
- 
-
-
-
- {this.state.contextMenuVisible ?
-
- );
- }
-};
-
-if (typeof module != 'undefined') {
- module.exports = TinodeWeb;
-}
diff --git a/src/widgets/attachment.jsx b/src/widgets/attachment.jsx
new file mode 100644
index 00000000..1ee0331b
--- /dev/null
+++ b/src/widgets/attachment.jsx
@@ -0,0 +1,82 @@
+import React from 'react';
+
+import FileProgress from './file-progress.jsx';
+
+export default class Attachment extends React.Component {
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ downloader: null,
+ progress: 0
+ };
+
+ this.downloadFile = this.downloadFile.bind(this);
+ this.handleCancel = this.handleCancel.bind(this);
+ }
+
+ downloadFile(url, filename, mimetype) {
+ var downloader = this.props.tinode.getLargeFileHelper();
+ this.setState({downloader: downloader});
+ downloader.download(url, filename, mimetype, (loaded) => {
+ this.setState({progress: loaded / this.props.size});
+ }).then(() => {
+ this.setState({downloader: null, progress: 0});
+ }).catch((err) => {
+ if (err) {
+ this.props.onError("Error downloading file: " + err.message, 'err');
+ }
+ this.setState({downloader: null, progress: 0});
+ });
+ }
+
+ handleCancel() {
+ if (this.props.uploader) {
+ this.props.onCancelUpload();
+ } else if (this.state.downloader) {
+ this.state.downloader.cancel();
+ }
+ }
+
+ render() {
+ let filename = this.props.filename || 'file_attachment';
+ if (filename.length > 36) {
+ filename = filename.substr(0, 16) + '...' + filename.substr(-16);
+ }
+ let size = this.props.size > 0 ?
+ ({bytesToHumanSize(this.props.size)}) :
+ null;
+
+ // Detect if the download URL is relative or absolute.
+ // If the URL is relative use LargeFileHelper to attach authentication
+ // credentials to the request.
+ let url, helperFunc;
+ if (!this.props.uploader && !this.state.downloader &&
+ !(/^(?:(?:[a-z]+:)?\/\/)/i.test(this.props.downloadUrl))) {
+ // Relative URL. Use download helper.
+ url = "javascript:;";
+ helperFunc = (e) => {
+ this.downloadFile(this.props.downloadUrl, this.props.filename, this.props.mimetype);
+ };
+ } else {
+ url = this.props.downloadUrl;
+ helperFunc = null;
+ }
+ return (
+
+
+ );
+ }
+};
diff --git a/src/widgets/avatar-upload.jsx b/src/widgets/avatar-upload.jsx
new file mode 100644
index 00000000..c82c20d6
--- /dev/null
+++ b/src/widgets/avatar-upload.jsx
@@ -0,0 +1,71 @@
+import React from 'react';
+
+import LetterTile from './letter-tile.jsx';
+
+import { AVATAR_SIZE } from '../config.js';
+import { imageFileScaledToBase64, makeImageUrl } from '../lib/blob-helpers.js';
+
+export default class AvatarUpload extends React.Component {
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ dataUrl: props.avatar
+ };
+
+ this.handleFileUpload = this.handleFileUpload.bind(this);
+ }
+
+ static getDerivedStateFromProps(nextProps, prevState) {
+ if (prevState.dataUrl != nextProps.avatar) {
+ return {
+ dataUrl: nextProps.avatar
+ };
+ }
+ return null;
+ }
+
+ handleFileUpload(e) {
+ imageFileScaledToBase64(e.target.files[0], AVATAR_SIZE, AVATAR_SIZE, true,
+ // Success
+ (base64bits, mime) => {
+ var du = makeImageUrl({data: base64bits, type: mime});
+ this.setState({dataUrl: du});
+ this.props.onImageChanged(du);
+ },
+ // Failure
+ (err) => {
+ this.props.onError(err, 'err');
+ });
+ // Clear the value so the same file can be uploaded again.
+ e.target.value = '';
+ }
+
+ render() {
+ // Randomize id value in case more than one AvatarUpload is shown
+ // at the same time.
+ var randId = "file-input-avatar-" + (Math.random() + '').substr(2);
+ return (
+ insert_drive_file
+
+
+ {filename} {size}
+ {this.props.uploader || this.state.downloader ?
+
+ {this.state.dataUrl ?
+ :
+ this.props.readOnly && this.props.uid ?
+
+ );
+ }
+};
diff --git a/src/widgets/chat-message.jsx b/src/widgets/chat-message.jsx
new file mode 100644
index 00000000..754e0e68
--- /dev/null
+++ b/src/widgets/chat-message.jsx
@@ -0,0 +1,139 @@
+// Single message, sent or received.
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+import { Drafty } from 'tinode-sdk'
+
+import Attachment from './attachment.jsx';
+import LetterTile from './letter-tile.jsx';
+import ReceivedMarker from './received-marker.jsx'
+
+import { REM_SIZE } from '../config.js';
+import { fitImageSize } from '../lib/blob-helpers.js';
+
+export default class ChatMessage extends React.Component {
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ progress: 0
+ };
+
+ if (props.uploader) {
+ props.uploader.onProgress = this.handleProgress.bind(this);
+ }
+
+ this.handlePreviewImage = this.handlePreviewImage.bind(this);
+ this.handleContextClick = this.handleContextClick.bind(this);
+ this.handleCancelUpload = this.handleCancelUpload.bind(this);
+ }
+
+ handlePreviewImage(e) {
+ e.preventDefault();
+ this.props.onImagePreview({
+ url: e.target.src,
+ filename: e.target.title,
+ width: e.target.dataset.width,
+ height: e.target.dataset.height,
+ size: e.target.dataset.size,
+ type: e.target.dataset.mime
+ });
+ }
+
+ handleContextClick(e) {
+ e.preventDefault();
+ e.stopPropagation();
+ this.props.showContextMenu({ seq: this.props.seq, y: e.pageY, x: e.pageX });
+ }
+
+ handleProgress(ratio) {
+ this.setState({progress: ratio});
+ }
+
+ handleCancelUpload() {
+ this.props.uploader.cancel();
+ }
+
+ render() {
+ let elementKey = 0;
+ const formatter = function(style, data, values) {
+ elementKey += 1;
+ let el = Drafty.tagName(style);
+ if (el) {
+ let attr = Drafty.attrValue(style, data) || {};
+ attr.key = elementKey;
+ if (style == 'IM') {
+ // Additional processing for images
+ let dim = fitImageSize(data.width, data.height,
+ Math.min(this.props.viewportWidth - REM_SIZE * 4, REM_SIZE * 36), REM_SIZE * 24, false);
+ attr.className = 'inline-image';
+ attr.style = dim ? { width: dim.dstWidth + 'px', height: dim.dstHeight + 'px' } : null;
+ attr.onClick = this.handlePreviewImage;
+ }
+ return React.createElement(el, attr, values);
+ } else {
+ return values;
+ }
+ };
+
+ var sideClass = this.props.sequence + ' ' + (this.props.response ? 'left' : 'right');
+ var bubbleClass = (this.props.sequence == 'single' || this.props.sequence == 'last') ?
+ 'bubble tip' : 'bubble';
+ var avatar = this.props.userAvatar || true;
+ var fullDisplay = (this.props.userFrom && this.props.response &&
+ (this.props.sequence == 'single' || this.props.sequence == 'last'));
+
+ var content = this.props.content;
+ var attachments = [];
+ if (this.props.mimeType == Drafty.getContentType()) {
+ Drafty.attachments(content, function(att, i) {
+ attachments.push(
+
+ :
+ {AVATAR_SIZE}×{AVATAR_SIZE}
}
+ {this.props.readOnly ? null :
+ }
+ {this.props.readOnly ? null :
+ }
+
+ {fullDisplay ?
+
:
+ null}
+
+
+
+
+ {fullDisplay ?
+ {content}
+ {attachments}
+
+
+
+ expand_more
+
+
+ {this.props.userName}
: null}
+
+ {chips}
+
+
+ );
+ }
+};
diff --git a/src/widgets/chip.jsx b/src/widgets/chip.jsx
new file mode 100644
index 00000000..0465600f
--- /dev/null
+++ b/src/widgets/chip.jsx
@@ -0,0 +1,36 @@
+import React from 'react';
+
+import LetterTile from './letter-tile.jsx';
+
+export default class Chip extends React.PureComponent {
+ constructor(props) {
+ super(props);
+
+ this.handleCancel = this.handleCancel.bind(this);
+ }
+
+ handleCancel() {
+ this.props.onCancel(this.props.topic, this.props.index);
+ }
+
+ render() {
+ var title = this.props.title || this.props.topic;
+ return (
+
+ {this.props.noAvatar ?
+ :
+
+ );
+ }
+};
diff --git a/src/widgets/contact-badges.jsx b/src/widgets/contact-badges.jsx
new file mode 100644
index 00000000..313f37b7
--- /dev/null
+++ b/src/widgets/contact-badges.jsx
@@ -0,0 +1,17 @@
+import React from 'react';
+
+/* Contact's labels: [you], [muted], [blocked], etc */
+// FIXME: this class is unused.
+export default class ContactBadges extends React.PureComponent {
+ render() {
+ let badges = null;
+ if (this.props.badges && this.props.badges.length > 0) {
+ badges = [];
+ this.props.badges.map(function(b) {
+ let style = 'badge' + (b.color ? ' ' + b.color : '');
+ badges.push({b.name});
+ });
+ }
+ return {badges};
+ }
+};
diff --git a/src/widgets/contact-list.jsx b/src/widgets/contact-list.jsx
new file mode 100644
index 00000000..2cbfd46a
--- /dev/null
+++ b/src/widgets/contact-list.jsx
@@ -0,0 +1,98 @@
+// ContactList: component for showing a list of contacts,
+// such as a list of group members in a group chat.
+import React from 'react';
+import { defineMessages, injectIntl } from 'react-intl';
+
+import Contact from './contact.jsx';
+
+import { makeImageUrl } from '../lib/blob-helpers.js';
+
+const messages = defineMessages({
+ badge_you: {
+ id: 'badge_you',
+ defaultMessage: 'you',
+ description: 'Badge for indicating the current user'
+ },
+ badge_owner: {
+ id: 'badge_owner',
+ defaultMessage: 'owner',
+ description: 'Badge for indicating the owner'
+ }
+});
+
+class ContactList extends React.Component {
+ render() {
+ const {formatMessage} = this.props.intl;
+ const showCheckmark = Array.isArray(this.props.topicSelected);
+ const contactNodes = [];
+ if (this.props.contacts && this.props.contacts.length > 0) {
+ this.props.contacts.map((c) => {
+ var key = c.topic ? c.topic : c.user;
+ // If filter function is provided, filter out the items
+ // which don't satisfy the condition.
+ if (this.props.filterFunc && this.props.filter) {
+ var content = [key];
+ if (c.private && c.private.comment) {
+ content.push(('' + c.private.comment).toLowerCase());
+ }
+ if (c.public && c.public.fn) {
+ content.push(('' + c.public.fn).toLowerCase());
+ }
+ if (!this.props.filterFunc(this.props.filter, content)) {
+ return;
+ }
+ }
+
+ var selected = showCheckmark ?
+ (this.props.topicSelected.indexOf(key) > -1) :
+ (this.props.topicSelected === key);
+ var badges = [];
+ if (this.props.showMode) {
+ if (key === this.props.myUserId) {
+ badges.push({name: formatMessage(messages.badge_you), color: 'green'});
+ }
+ if (c.acs && c.acs.isOwner()) {
+ badges.push({name: formatMessage(messages.badge_owner), color: 'blue'});
+ }
+ }
+ var comment = Array.isArray(c.private) ?
+ c.private.join(',') : (c.private ? c.private.comment : null);
+
+ contactNodes.push(
+
+
+ }
+ {title}
+ {this.props.onCancel && !this.props.required ?
+ ×
+ : }
+
+ {contactNodes.length > 0 ?
+
+ );
+ }
+};
+
+export default injectIntl(ContactList);
diff --git a/src/widgets/contact.jsx b/src/widgets/contact.jsx
new file mode 100644
index 00000000..a73e6d54
--- /dev/null
+++ b/src/widgets/contact.jsx
@@ -0,0 +1,75 @@
+// A single topic or user.
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+
+import LetterTile from './letter-tile.jsx';
+import ContactBadges from './contact-badges.jsx';
+import UnreadBadge from './unread-badge.jsx';
+
+export default class Contact extends React.Component {
+ constructor(props) {
+ super(props);
+
+ this.handleClick = this.handleClick.bind(this);
+ this.handleContextClick = this.handleContextClick.bind(this);
+ }
+
+ handleClick(e) {
+ e.preventDefault();
+ e.stopPropagation();
+ if (this.props.onSelected) {
+ this.props.onSelected(this.props.item, this.props.index, this.props.now, this.props.acs);
+ }
+ }
+
+ handleContextClick(e) {
+ e.preventDefault();
+ e.stopPropagation();
+ this.props.showContextMenu({ topicName: this.props.item, y: e.pageY, x: e.pageX });
+ }
+
+ render() {
+ let title = this.props.title;
+ if (!title) {
+ title = -
+ {contactNodes}
+
+ {this.props.emptyListMessage}
+
}
+
+
+
+
+ {this.props.showContextMenu ?
+
+
+ expand_more
+
+ : null}
+ {title}
+ {this.props.unread > 0 ?
+ {this.props.comment ? {this.props.comment}
: null}
+ -
+ {menu}
+
+
+ );
+ }
+};
diff --git a/src/widgets/file-progress.jsx b/src/widgets/file-progress.jsx
new file mode 100644
index 00000000..03ce7d6a
--- /dev/null
+++ b/src/widgets/file-progress.jsx
@@ -0,0 +1,22 @@
+// File uload/download progress indicator with a cancel inside.
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+
+export default class FileProgress extends React.PureComponent {
+ render() {
+ return (
+
+ );
+ }
+}
diff --git a/src/widgets/group-manager.jsx b/src/widgets/group-manager.jsx
new file mode 100644
index 00000000..0dfcce35
--- /dev/null
+++ b/src/widgets/group-manager.jsx
@@ -0,0 +1,191 @@
+// GroupMembers: control for managing a list of group members.
+import React from 'react';
+import { FormattedMessage, defineMessages, injectIntl } from 'react-intl';
+
+import ChipInput from './chip-input.jsx';
+import ContactList from './contact-list.jsx';
+
+const messages = defineMessages({
+ no_contacts: {
+ id: 'no_contacts',
+ defaultMessage: 'You have no contacts :-(',
+ description: 'Shown in ContactsView when the user has no contacts'
+ },
+ contacts_not_found: {
+ id: 'contacts_not_found_short',
+ defaultMessage: "No contacts match '{query}'",
+ description: 'Shown in ContactsView when search returned no results'
+ }
+});
+
+class GroupManager extends React.Component {
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ members: props.members,
+ index: GroupManager.indexMembers(props.members),
+ contactFilter: '',
+ noContactsMessage: props.intl.formatMessage(messages.no_contacts),
+ selectedContacts: GroupManager.selectedContacts(props.members)
+ };
+
+ this.handleContactSelected = this.handleContactSelected.bind(this);
+ this.handleMemberRemoved = this.handleMemberRemoved.bind(this);
+ this.handleContactFilter = this.handleContactFilter.bind(this);
+ this.handleSubmit = this.handleSubmit.bind(this);
+ this.handleCancel = this.handleCancel.bind(this);
+ }
+
+ static indexMembers(members) {
+ let index = {};
+ members.map(function(m) {
+ index[m.user] = {delta: 0, present: true}; // Delta: 0 unchanged, +1 added, -1 removed
+ });
+ return index;
+ }
+
+ static selectedContacts(members) {
+ let sel = [];
+ members.map(function(m) {
+ sel.push(m.user);
+ });
+ return sel;
+ }
+
+ handleContactSelected(userId, index) {
+ let status = this.state.index[userId];
+ if (status) {
+ if (status.present) {
+ // Prevent duplicate members
+ return;
+ }
+ status.delta += 1;
+ status.present = true;
+ } else {
+ status = {delta: 1, present: true};
+ }
+
+ var m = this.state.members.slice();
+ m.push(this.props.contacts[index]);
+
+ var sel = GroupManager.selectedContacts(m);
+
+ var i = this.state.index;
+ i[userId] = status;
+
+ this.setState({members: m, index: i, selectedContacts: sel});
+ }
+
+ handleMemberRemoved(userId, index) {
+ var status = this.state.index[userId];
+ if (!status || !status.present) {
+ return;
+ }
+ status.present = false;
+ status.delta -= 1;
+
+ var m = this.state.members.slice();
+ m.splice(index, 1);
+
+ var sel = GroupManager.selectedContacts(m);
+
+ var i = this.state.index;
+ i[userId] = status;
+
+ this.setState({members: m, index: i, selectedContacts: sel});
+ }
+
+ handleContactFilter(val) {
+ const {formatMessage} = this.props.intl;
+ const msg = !val ?
+ formatMessage(messages.no_contacts) :
+ formatMessage(messages.contacts_not_found, {query: val});
+
+ this.setState({contactFilter: val, noContactsMessage: msg});
+ }
+
+ static doContactFiltering(filter, values) {
+ if (filter) {
+ for (var i=0; i{icon}
+ {this.props.text}
+
+
+ );
+ }
+};
+
+export default injectIntl(GroupManager);
diff --git a/src/widgets/group-subs.jsx b/src/widgets/group-subs.jsx
new file mode 100644
index 00000000..251e183f
--- /dev/null
+++ b/src/widgets/group-subs.jsx
@@ -0,0 +1,39 @@
+/* GroupSubs: a list of group subscribers currently online */
+
+import React from 'react';
+
+import LetterTile from './letter-tile.jsx';
+import { makeImageUrl } from '../lib/blob-helpers.js';
+
+export default class GroupSubs extends React.Component {
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ onlineSubs: props.subscribers || []
+ };
+ }
+
+ static getDerivedStateFromProps(nextProps, prevState) {
+ return {
+ onlineSubs: nextProps.subscribers ? nextProps.subscribers : []
+ };
+ }
+
+ render() {
+ var usersOnline = [];
+ this.state.onlineSubs.map((sub) => {
+ usersOnline.push(
+
+
+
+
+
+
+
+
+
+
+ );
+ });
+ return (
+ {usersOnline}
+ );
+ }
+};
diff --git a/src/widgets/host-selector.jsx b/src/widgets/host-selector.jsx
new file mode 100644
index 00000000..bafd9862
--- /dev/null
+++ b/src/widgets/host-selector.jsx
@@ -0,0 +1,50 @@
+import React from 'react';
+
+import { KNOWN_HOSTS } from '../config.js';
+
+/* Combobox for selecting host name */
+
+export default class HostSelector extends React.PureComponent {
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ hostName: props.serverAddress,
+ changed: false
+ };
+
+ this.handleHostNameChange = this.handleHostNameChange.bind(this);
+ this.handleEditingFinished = this.handleEditingFinished.bind(this);
+ }
+
+ handleHostNameChange(e) {
+ this.setState({hostName: e.target.value, changed: true});
+ }
+
+ handleEditingFinished() {
+ if (this.state.changed) {
+ this.setState({changed: false});
+ this.props.onServerAddressChange(this.state.hostName.trim());
+ }
+ }
+
+ render() {
+ var hostOptions = [];
+ for (let key in KNOWN_HOSTS) {
+ let item = KNOWN_HOSTS[key];
+ hostOptions.push(
+
+ );
+ }
+ return (
+
+
+
+
+ );
+ }
+}
diff --git a/src/widgets/image-preview.jsx b/src/widgets/image-preview.jsx
new file mode 100644
index 00000000..30287261
--- /dev/null
+++ b/src/widgets/image-preview.jsx
@@ -0,0 +1,71 @@
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+
+import { REM_SIZE } from '../config.js';
+import { fitImageSize } from '../lib/blob-helpers.js';
+import { bytesToHumanSize } from '../lib/strformat.js';
+
+export default class ImagePreview extends React.PureComponent {
+ constructor(props) {
+ super(props);
+
+ this.state = {};
+ }
+
+ componentDidMount() {
+ this.setState({
+ width: this.container.clientWidth,
+ height: this.container.clientHeight
+ });
+ }
+
+ render() {
+ if (!this.props.content) {
+ return null;
+ }
+ var instance = this;
+ var dim = fitImageSize(this.props.content.width, this.props.content.height,
+ this.state.width, this.state.height, false);
+ var size = dim ? { width: dim.dstWidth + 'px', height: dim.dstHeight + 'px' } :
+ ((this.props.content.width > this.props.content.height) ? {width: '100%'} : {height: '100%'});
+ size.maxWidth = '100%';
+ size.maxHeight = '100%';
+
+ var filename = this.props.content.filename;
+ var maxlength = (this.props.content.width / REM_SIZE) | 0;
+ if (filename.length > maxlength) {
+ filename = filename.slice(0, maxlength-2) + '...' + filename.slice(2-maxlength);
+ }
+ return (
+
+
+ );
+ }
+};
diff --git a/src/widgets/in-place-edit.jsx b/src/widgets/in-place-edit.jsx
new file mode 100644
index 00000000..6a0bda66
--- /dev/null
+++ b/src/widgets/in-place-edit.jsx
@@ -0,0 +1,115 @@
+// In-place text editor. Shows text with an icon which toggles it into an input field.
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+import VisiblePassword from './visible-password.jsx';
+
+export default class InPlaceEdit extends React.Component {
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ active: props.active,
+ initialValue: props.value || '',
+ value: props.value || ''
+ };
+
+ this.handeTextChange = this.handeTextChange.bind(this);
+ this.handleKeyDown = this.handleKeyDown.bind(this);
+ this.handleStartEditing = this.handleStartEditing.bind(this);
+ this.handleEditingFinished = this.handleEditingFinished.bind(this);
+ this.handlePasswordFinished = this.handlePasswordFinished.bind(this);
+ }
+
+ static getDerivedStateFromProps(nextProps, prevState) {
+ // If text has changed while in read mode, update text and discard changes.
+ // Ignore update if in edit mode.
+ if (prevState.initialValue != nextProps.value && !prevState.active) {
+ return {
+ initialValue: nextProps.value || '',
+ value: nextProps.value || ''
+ };
+ }
+ return null;
+ }
+
+ handeTextChange(e) {
+ this.setState({value: e.target.value});
+ }
+
+ handleKeyDown(e) {
+ if (e.keyCode === 27) {
+ // Escape pressed
+ this.setState({value: this.props.value, active: false});
+ } else if (e.keyCode === 13) {
+ // Enter pressed
+ this.handleEditingFinished();
+ }
+ }
+
+ handleStartEditing() {
+ if (!this.props.readOnly) {
+ ReactDOM.findDOMNode(this).focus();
+ this.setState({active: true});
+ }
+ }
+
+ handleEditingFinished() {
+ this.setState({active: false});
+ let value = this.state.value.trim();
+ if ((value || this.props.value) && (value !== this.props.value)) {
+ this.props.onFinished(value);
+ }
+ }
+
+ handlePasswordFinished(value) {
+ this.setState({active: false});
+ if (value && (value !== this.props.value)) {
+ this.props.onFinished(value);
+ }
+ }
+
+ render() {
+ if (this.state.active) {
+ var fieldType = this.props.type || 'text';
+ } else {
+ var spanText = this.props.type == 'password' ? '••••••••' : this.state.value;
+ var spanClass = 'in-place-edit' +
+ (this.props.readOnly ? ' disabled' : '');
+ if (!spanText) {
+ spanText = this.props.placeholder;
+ spanClass += ' placeholder';
+ }
+ if (spanText.length > 20) {
+ // FIXME: this is wrong for RTL languages.
+ spanText = spanText.substring(0, 19) + '...';
+ }
+ }
+ return (
+ this.state.active ?
+ (fieldType == 'password' ?
+
+
+ file_download
+
+
+
+
+ {letter}
: null);
+ }
+}
diff --git a/src/widgets/menu-cancel.jsx b/src/widgets/menu-cancel.jsx
new file mode 100644
index 00000000..22bc0429
--- /dev/null
+++ b/src/widgets/menu-cancel.jsx
@@ -0,0 +1,14 @@
+// The X menu to be displayed in title bars.
+import React from 'react';
+
+export default class MenuCancel extends React.PureComponent {
+ constructor(props) {
+ super(props);
+ }
+
+ render() {
+ return (
+ close
+ );
+ }
+}
diff --git a/src/widgets/menu-contacts.jsx b/src/widgets/menu-contacts.jsx
new file mode 100644
index 00000000..4f371cf3
--- /dev/null
+++ b/src/widgets/menu-contacts.jsx
@@ -0,0 +1,13 @@
+import React from 'react';
+
+export default class MenuContacts extends React.PureComponent {
+ render() {
+ return (
+
+ );
+ }
+};
diff --git a/src/widgets/menu-start.jsx b/src/widgets/menu-start.jsx
new file mode 100644
index 00000000..f5b13833
--- /dev/null
+++ b/src/widgets/menu-start.jsx
@@ -0,0 +1,13 @@
+import React from 'react';
+
+export default class MenuStart extends React.PureComponent {
+ render() {
+ return (
+
+ person_add
+
+ settings
+
+ );
+ }
+};
diff --git a/src/widgets/more-button.jsx b/src/widgets/more-button.jsx
new file mode 100644
index 00000000..38668f0d
--- /dev/null
+++ b/src/widgets/more-button.jsx
@@ -0,0 +1,29 @@
+// Toggle [Title text >] -> [Title text v]
+
+import React from 'react';
+
+export default class MoreButton extends React.PureComponent {
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ open: props.open
+ };
+ this.handleToggle = this.handleToggle.bind(this);
+ }
+
+ handleToggle() {
+ let open = !this.state.open;
+ this.setState({open: open});
+ if (this.props.onToggle) {
+ this.props.onToggle(open);
+ }
+ }
+
+ render() {
+ return ();
+ }
+}
diff --git a/src/widgets/new-topic-by-id.jsx b/src/widgets/new-topic-by-id.jsx
new file mode 100644
index 00000000..eef10933
--- /dev/null
+++ b/src/widgets/new-topic-by-id.jsx
@@ -0,0 +1,69 @@
+import React from 'react';
+import { FormattedMessage, defineMessages, injectIntl } from 'react-intl';
+
+const messages = defineMessages({
+ invalid_id: {
+ id: 'error_invalid_id',
+ defaultMessage: 'Invalid ID',
+ description: 'Error message'
+ }
+});
+
+class NewTopicById extends React.PureComponent {
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ groupId: '',
+ };
+
+ this.handleChange = this.handleChange.bind(this);
+ this.handleKeyPress = this.handleKeyPress.bind(this);
+ this.handleSubmit = this.handleSubmit.bind(this);
+ }
+
+ handleChange(e) {
+ this.setState({groupId: e.target.value});
+ }
+
+ handleKeyPress(e) {
+ if (e.key === 'Enter') {
+ this.handleSubmit(e);
+ }
+ }
+
+ handleSubmit(e) {
+ e.preventDefault();
+ if (this.state.groupId) {
+ var name = this.state.groupId.trim();
+ if (name.length > 3 && (name.substr(0, 3) == 'usr' || name.substr(0, 3) == 'grp')) {
+ this.props.onSubmit(name);
+ } else {
+ this.props.onError(this.props.intl.formatMessage(messages.invalid_id), 'err');
+ }
+ }
+ }
+
+ render() {
+ return (
+
+
+ );
+ }
+};
+
+export default injectIntl(NewTopicById);
diff --git a/src/widgets/new-topic-group.jsx b/src/widgets/new-topic-group.jsx
new file mode 100644
index 00000000..293ed398
--- /dev/null
+++ b/src/widgets/new-topic-group.jsx
@@ -0,0 +1,97 @@
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+
+import AvatarUpload from './avatar-upload.jsx';
+import TagManager from './tag-manager.jsx';
+
+export default class NewTopicGroup extends React.PureComponent {
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ fn: '', // full/formatted name
+ private: '',
+ imageDataUrl: null,
+ tags: []
+ };
+
+ this.handleFnChange = this.handleFnChange.bind(this);
+ this.handlePrivateChange = this.handlePrivateChange.bind(this);
+ this.handleImageChanged = this.handleImageChanged.bind(this);
+ this.handleTagsChanged = this.handleTagsChanged.bind(this);
+ this.handleTagsChanged = this.handleTagsChanged.bind(this);
+ this.handleSubmit = this.handleSubmit.bind(this);
+ }
+
+ handleFnChange(e) {
+ this.setState({fn: e.target.value});
+ }
+
+ handlePrivateChange(e) {
+ this.setState({private: e.target.value});
+ }
+
+ handleImageChanged(img) {
+ this.setState({imageDataUrl: img});
+ }
+
+ handleTagsChanged(tags) {
+ this.setState({tags: tags});
+ }
+
+ handleSubmit(e) {
+ e.preventDefault();
+ if (this.state.fn && this.state.fn.trim()) {
+ this.props.onSubmit(this.state.fn.trim(),
+ this.state.imageDataUrl, this.state.private.trim(),
+ this.state.tags);
+ }
+ }
+
+ render() {
+ var submitClasses = 'blue';
+ if (this.props.disabled) {
+ submitClasses += ' disabled';
+ }
+ return (
+
+ );
+ }
+};
diff --git a/src/widgets/permissions-editor.jsx b/src/widgets/permissions-editor.jsx
new file mode 100644
index 00000000..e8df36f0
--- /dev/null
+++ b/src/widgets/permissions-editor.jsx
@@ -0,0 +1,165 @@
+// PermissionsEditor: Component for editing permissions
+//
+ {
+ (prompt) =>
+ }
+
+
+
+
+
+ {this.props.userTitle ?
+
+ {this.props.compare ?
+
+
+
+ );
+ }
+};
+
+export default injectIntl(PermissionsEditor);
diff --git a/src/widgets/received-marker.jsx b/src/widgets/received-marker.jsx
new file mode 100644
index 00000000..9d94d8a2
--- /dev/null
+++ b/src/widgets/received-marker.jsx
@@ -0,0 +1,55 @@
+// Received/read indicator.
+import React from 'react';
+import { defineMessages, injectIntl } from 'react-intl';
+
+import Tinode from 'tinode-sdk';
+
+import { shortDateFormat } from '../lib/strformat.js';
+
+const messages = defineMessages({
+ 'sending': {
+ 'id': 'message_sending',
+ 'defaultMessage': 'sending...',
+ 'description': 'Message being sent, in place of time stamp'
+ },
+ 'failed': {
+ 'id': 'message_sending_failed',
+ 'defaultMessage': 'failed',
+ 'description': 'Failed to send message, in place of time stamp'
+ }
+});
+
+class ReceivedMarker extends React.PureComponent {
+ render() {
+ const {formatMessage} = this.props.intl;
+ let timestamp;
+ if (this.props.received <= Tinode.MESSAGE_STATUS_SENDING) {
+ timestamp = formatMessage(messages.sending);
+ } else if (this.props.received == Tinode.MESSAGE_STATUS_FAILED) {
+ timestamp = formatMessage(messages.failed);
+ } else {
+ timestamp = shortDateFormat(this.props.timestamp);
+ }
+
+ let marker = null;
+ if (this.props.received <= Tinode.MESSAGE_STATUS_SENDING) {
+ marker = (access_time); // watch face
+ } else if (this.props.received == Tinode.MESSAGE_STATUS_FAILED) {
+ marker = (error_outline); // icon (!)
+ } else if (this.props.received == Tinode.MESSAGE_STATUS_SENT) {
+ marker = (done); // checkmark
+ } else if (this.props.received == Tinode.MESSAGE_STATUS_RECEIVED) {
+ marker = (done_all); // double checkmark
+ } else if (this.props.received == Tinode.MESSAGE_STATUS_READ) {
+ marker = (done_all); // blue double checkmark
+ }
+
+ return (
+
+ {timestamp}{'\u00a0'}{marker}
+
+ );
+ }
+};
+
+export default injectIntl(ReceivedMarker);
diff --git a/src/widgets/search-contacts.jsx b/src/widgets/search-contacts.jsx
new file mode 100644
index 00000000..8751b5bc
--- /dev/null
+++ b/src/widgets/search-contacts.jsx
@@ -0,0 +1,73 @@
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+
+import Tinode from 'tinode-sdk';
+
+export default class SearchContacts extends React.PureComponent {
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ edited: false,
+ search: ''
+ };
+
+ this.handleSearchChange = this.handleSearchChange.bind(this);
+ this.handleSearch = this.handleSearch.bind(this);
+ this.handleClear = this.handleClear.bind(this);
+ this.handleKeyDown = this.handleKeyDown.bind(this);
+ }
+
+ componentWillUnmount() {
+ if (this.state.edited) {
+ this.setState({search: '', edited: false});
+ this.props.onSearchContacts(Tinode.DEL_CHAR);
+ }
+ }
+
+ handleSearchChange(e) {
+ this.setState({search: e.target.value});
+ }
+
+ handleSearch(e) {
+ e.preventDefault();
+ var query = this.state.search.trim();
+ this.setState({edited: (query.length > 0)});
+ this.props.onSearchContacts(query.length > 0 ? query : Tinode.DEL_CHAR);
+ }
+
+ handleClear() {
+ if (this.state.edited) {
+ this.props.onSearchContacts(Tinode.DEL_CHAR);
+ }
+ this.setState({search: '', edited: false});
+ }
+
+ handleKeyDown(e) {
+ if (e.key === 'Enter') {
+ this.handleSearch(e);
+ } else if (e.key === 'Escape') {
+ this.handleClear();
+ }
+ }
+
+ render() {
+ return (
+ | {this.props.modeTitle} | +{this.props.compareTitle} | +
|---|
+
+
+
+
+
+
+ );
+ }
+};
diff --git a/src/widgets/send-message.jsx b/src/widgets/send-message.jsx
new file mode 100644
index 00000000..781573bf
--- /dev/null
+++ b/src/widgets/send-message.jsx
@@ -0,0 +1,220 @@
+// Send message form.
+import React from 'react';
+import { defineMessages, injectIntl } from 'react-intl';
+import { Drafty } from 'tinode-sdk';
+
+import { KEYPRESS_DELAY, MAX_EXTERN_ATTACHMENT_SIZE, MAX_IMAGE_DIM, MAX_INBAND_ATTACHMENT_SIZE } from '../config.js';
+import { SUPPORTED_IMAGE_FORMATS, filePasted, imageFileToBase64, imageFileScaledToBase64 } from '../lib/blob-helpers.js';
+import { bytesToHumanSize } from '../lib/strformat.js';
+
+const messages = defineMessages({
+ 'messaging_disabled': {
+ id: 'messaging_disabled_prompt',
+ defaultMessage: 'Messaging disabled',
+ description: 'Prompt in SendMessage in read-only topic'
+ },
+ 'type_new_message': {
+ id: 'new_message_prompt',
+ defaultMessage: 'New message',
+ description: 'Prompt in SendMessage in read-only topic'
+ },
+ 'file_attachment_too_large': {
+ id: 'file_attachment_too_large',
+ defaultMessage: 'The file size {size} exceeds the {limit} limit.',
+ description: 'Error message when attachment is too large'
+ },
+ 'cannot_initiate_upload': {
+ id: 'cannot_initiate_file_upload',
+ defaultMessage: 'Cannot initiate file upload.',
+ description: 'Generic error messagewhen attachment fails'
+ },
+});
+
+class SendMessage extends React.PureComponent {
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ message: '',
+ // Make initial keypress time as if it happened 5001 milliseconds in the past.
+ keypressTimestamp: new Date().getTime() - KEYPRESS_DELAY - 1
+ };
+
+ this.handlePasteEvent = this.handlePasteEvent.bind(this);
+ this.handleAttachImage = this.handleAttachImage.bind(this);
+ this.handleAttachFile = this.handleAttachFile.bind(this);
+ this.handleSend = this.handleSend.bind(this);
+ this.handleKeyPress = this.handleKeyPress.bind(this);
+ this.handleMessageTyping = this.handleMessageTyping.bind(this);
+ }
+
+ componentDidMount() {
+ this.pasteFile.addEventListener('paste', this.handlePasteEvent, false);
+ }
+
+ componentWillUnmount() {
+ this.pasteFile.removeEventListener('paste', this.handlePasteEvent, false)
+ }
+
+ handlePasteEvent(e) {
+ if (this.props.disabled) {
+ return;
+ }
+ // FIXME: handle large files too.
+ if (filePasted(e,
+ (bits, mime, width, height, fname) => {
+ this.props.sendMessage(Drafty.insertImage(null,
+ 0, mime, bits, width, height, fname));
+ },
+ (mime, bits, fname) => {
+ this.props.sendMessage(Drafty.attachFile(null, mime, bits, fname));
+ },
+ this.props.onError)) {
+
+ // If a file was pasted, don't paste base64 data into input field.
+ e.preventDefault();
+ }
+ }
+
+ handleAttachImage(e) {
+ if (e.target.files && e.target.files.length > 0) {
+ let file = e.target.files[0];
+ // Check if the uploaded file is indeed an image and if it isn't too large.
+ if (file.size > MAX_INBAND_ATTACHMENT_SIZE || SUPPORTED_IMAGE_FORMATS.indexOf(file.type) < 0) {
+ // Convert image for size or format.
+ imageFileScaledToBase64(file, MAX_IMAGE_DIM, MAX_IMAGE_DIM, false,
+ // Success
+ (bits, mime, width, height, fname) => {
+ this.props.sendMessage(Drafty.insertImage(null,
+ 0, mime, bits, width, height, fname));
+ },
+ // Failure
+ (err) => {
+ this.props.onError(err, 'err');
+ });
+ } else {
+ // Image can be uploaded as is. No conversion is needed.
+ imageFileToBase64(file,
+ // Success
+ (bits, mime, width, height, fname) => {
+ this.props.sendMessage(Drafty.insertImage(null,
+ 0, mime, bits, width, height, fname));
+ },
+ // Failure
+ (err) => {
+ this.props.onError(err, 'err');
+ }
+ );
+ }
+ }
+ // Clear the value so the same file can be uploaded again.
+ e.target.value = '';
+ }
+
+ handleAttachFile(e) {
+ const {formatMessage} = this.props.intl;
+ if (e.target.files && e.target.files.length > 0) {
+ var file = e.target.files[0];
+ if (file.size > MAX_EXTERN_ATTACHMENT_SIZE) {
+ // Too large.
+ this.props.onError(formatMessage(messages.file_attachment_too_large,
+ {size: bytesToHumanSize(file.size), limit: bytesToHumanSize(MAX_EXTERN_ATTACHMENT_SIZE)}), 'err');
+ } else if (file.size > MAX_INBAND_ATTACHMENT_SIZE) {
+ // Too large to send inband - uploading out of band and sending as a link.
+ let uploader = this.props.tinode.getLargeFileHelper();
+ if (!uploader) {
+ this.props.onError(formatMessage(messages.cannot_initiate_upload));
+ return;
+ }
+ // Format data and initiate upload.
+ let uploadCompletionPromise = uploader.upload(file);
+ let msg = Drafty.attachFile(null, file.type, null, file.name, file.size, uploadCompletionPromise);
+ // Pass data and the uploader to the TinodeWeb.
+ this.props.sendMessage(msg, uploadCompletionPromise, uploader);
+ } else {
+ // Small enough to send inband.
+ fileToBase64(file,
+ (mime, bits, fname) => {
+ this.props.sendMessage(Drafty.attachFile(null, mime, bits, fname));
+ },
+ this.props.onError
+ );
+ }
+ }
+ // Clear the value so the same file can be uploaded again.
+ e.target.value = '';
+ }
+
+ handleSend() {
+ var message = this.state.message.trim();
+ if (message) {
+ this.props.sendMessage(this.state.message.trim());
+ this.setState({message: ''});
+ }
+ }
+
+ /* Send on Enter key */
+ handleKeyPress(e) {
+ // Remove this if you don't want Enter to trigger send
+ if (e.key === 'Enter') {
+ // Have Shift-Enter insert a line break instead
+ if (!e.shiftKey) {
+ e.preventDefault();
+ e.stopPropagation();
+
+ this.handleSend();
+ }
+ }
+ }
+
+ handleMessageTyping(e) {
+ var newState = {message: e.target.value};
+ var now = new Date().getTime();
+ if (now - this.state.keypressTimestamp > KEYPRESS_DELAY) {
+ var topic = this.props.tinode.getTopic(this.props.topic);
+ if (topic.isSubscribed()) {
+ topic.noteKeyPress();
+ }
+ newState.keypressTimestamp = now;
+ }
+ this.setState(newState);
+ }
+
+ render() {
+ const {formatMessage} = this.props.intl;
+ const prompt = this.props.disabled ?
+ formatMessage(messages.messaging_disabled) :
+ formatMessage(messages.type_new_message);
+ let instance = this;
+ return (
+
+ search
+ {
+ (search_placeholder) =>
+ }
+
+ close
+
+
+
+ {this.props.disabled ?
+ photo :
+
+ photo
+ }
+ {this.props.disabled ?
+ attach_file :
+
+ attach_file
+ }
+
+ {this.props.disabled ?
+ send :
+
+ send
+ }
+
+
+
+ );
+ }
+};
+
+export default injectIntl(SendMessage);
diff --git a/src/widgets/side-navbar.jsx b/src/widgets/side-navbar.jsx
new file mode 100644
index 00000000..444f5d8a
--- /dev/null
+++ b/src/widgets/side-navbar.jsx
@@ -0,0 +1,29 @@
+import React from 'react';
+
+import LetterTile from './letter-tile.jsx';
+import MenuCancel from './menu-cancel.jsx';
+import MenuContacts from './menu-contacts.jsx';
+import MenuStart from './menu-start.jsx';
+
+export default class SideNavbar extends React.PureComponent {
+ render() {
+ return (
+
+
+ );
+ }
+};
diff --git a/src/widgets/tag-manager.jsx b/src/widgets/tag-manager.jsx
new file mode 100644
index 00000000..633cb1c8
--- /dev/null
+++ b/src/widgets/tag-manager.jsx
@@ -0,0 +1,152 @@
+// TagManager: edit topic or user tags.
+import React from 'react';
+import { FormattedMessage } from 'react-intl';
+
+import ChipInput from './chip-input.jsx';
+
+import { MIN_TAG_LENGTH } from '../config.js';
+import { arrayEqual } from '../lib/utils.js';
+
+export default class TagManager extends React.Component {
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ tags: this.props.tags,
+ tagInput: '',
+ activated: this.props.activated
+ };
+
+ this.handleShowTagManager = this.handleShowTagManager.bind(this);
+ this.handleTagInput = this.handleTagInput.bind(this);
+ this.handleAddTag = this.handleAddTag.bind(this);
+ this.handleRemoveTag = this.handleRemoveTag.bind(this);
+ this.handleSubmit = this.handleSubmit.bind(this);
+ this.handleCancel = this.handleCancel.bind(this);
+ }
+
+ static getDerivedStateFromProps(nextProps, prevState) {
+ if (!arrayEqual(nextProps.tags, prevState.tags) && !prevState.activated) {
+ return {tags: nextProps.tags};
+ }
+ return null;
+ }
+
+ handleShowTagManager() {
+ this.setState({activated: true});
+ }
+
+ handleTagInput(text) {
+ this.setState({tagInput: text});
+ // Check if user entered ',', ' ' or ';'
+ if (text.length > 0) {
+ var last = text[text.length-1];
+ if (last == ',' || last == ' ' || last == ';') {
+ var tag = text.substr(0, text.length-1).trim();
+ if (tag.length >= MIN_TAG_LENGTH) {
+ this.handleAddTag(tag);
+ }
+ }
+ }
+ }
+
+ handleAddTag(tag) {
+ tag = tag.trim();
+ if (tag.length > 0) {
+ let tags = this.state.tags.slice(0);
+ tags.push(tag);
+ this.setState({tags: tags, tagInput: ''});
+ if (this.props.onTagsChanged) {
+ this.props.onTagsChanged(tags);
+ }
+ }
+ }
+
+ handleRemoveTag(tag, index) {
+ var tags = this.state.tags.slice(0);
+ tags.splice(index, 1);
+ this.setState({tags: tags});
+ if (this.props.onTagsChanged) {
+ this.props.onTagsChanged(tags);
+ }
+ }
+
+ handleSubmit() {
+ let tags = this.state.tags.slice(0);
+ let inp = this.state.tagInput.trim();
+ if (inp.length > 0) {
+ tags.push(inp);
+ if (this.props.onTagsChanged) {
+ this.props.onTagsChanged(tags);
+ }
+ }
+ this.props.onSubmit(tags);
+ this.setState({activated: false, tagInput: '', tags: this.props.tags});
+ }
+
+ handleCancel() {
+ this.setState({activated: false, tagInput: '', tags: this.props.tags});
+ if (this.props.onCancel) {
+ this.props.onCancel();
+ }
+ }
+
+ render() {
+ var tags = [];
+ if (this.state.activated) {
+ this.state.tags.map(function(tag) {
+ tags.push({user: tag});
+ });
+ } else {
+ this.state.tags.map(function(tag) {
+ tags.push({tag});
+ });
+ if (tags.length == 0) {
+ tags = (
+
+
+ {this.props.title}
+ {this.props.state === 'login' ?
+
+
+ );
+ }
+};
diff --git a/src/widgets/unread-badge.jsx b/src/widgets/unread-badge.jsx
new file mode 100644
index 00000000..b9627922
--- /dev/null
+++ b/src/widgets/unread-badge.jsx
@@ -0,0 +1,13 @@
+// The counter of unread messages in the topic.
+import React from 'react';
+
+export default class UnreadBadge extends React.PureComponent {
+ render() {
+ var showUnreadBadge = null;
+ if (this.props.count > 0) {
+ var count = this.props.count > 9 ? "9+" : this.props.count;
+ showUnreadBadge = {count};
+ }
+ return showUnreadBadge;
+ }
+};
diff --git a/src/widgets/visible-password.jsx b/src/widgets/visible-password.jsx
new file mode 100644
index 00000000..e7fa139c
--- /dev/null
+++ b/src/widgets/visible-password.jsx
@@ -0,0 +1,80 @@
+// Password with a visiblity toggle.
+import React from 'react';
+
+export default class VisiblePassword extends React.PureComponent {
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ value: this.props.value,
+ visible: false
+ };
+
+ this.handleVisibility = this.handleVisibility.bind(this);
+ this.handeTextChange = this.handeTextChange.bind(this);
+ this.handleKeyDown = this.handleKeyDown.bind(this);
+ this.handleEditingFinished = this.handleEditingFinished.bind(this);
+ }
+
+ handeTextChange(e) {
+ this.setState({value: e.target.value});
+ if (this.props.onChange) {
+ this.props.onChange(e);
+ }
+ }
+
+ handleVisibility(e) {
+ e.preventDefault();
+ this.setState({visible: !this.state.visible});
+ }
+
+ handleKeyDown(e) {
+ if (e.keyCode == 27) {
+ // Escape pressed
+ this.setState({value: this.props.value, visible: false});
+ if (this.props.onFinished) {
+ this.props.onFinished();
+ }
+ } else if (e.keyCode == 13) {
+ // Enter pressed
+ this.handleEditingFinished();
+ }
+ }
+
+ handleEditingFinished(e) {
+ if (e) {
+ let currentTarget = e.currentTarget;
+ setTimeout(() => {
+ if (!currentTarget.contains(document.activeElement)) {
+ if (this.props.onFinished) {
+ this.props.onFinished(this.state.value);
+ }
+ }
+ }, 0);
+ } else if (this.props.onFinished) {
+ this.props.onFinished(this.state.value.trim());
+ }
+ }
+
+ render() {
+ return (
+
+
+
+ {this.state.activated ?
+
+ {
+ (add_tags_prompt) =>
+ {this.props.onSubmit || this.props.onCancel ?
+
+ : null}
+
+ :
+
+
+ edit
+ }
+
+
+
+
+ {this.state.visible ? 'visibility' : 'visibility_off'}
+
+
+
+ );
+ }
+}
diff --git a/umd/index.dev.js b/umd/index.dev.js
index 8ab660d1..9baadf47 100644
--- a/umd/index.dev.js
+++ b/umd/index.dev.js
@@ -1,35690 +1,859 @@
-(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.Webapp = f()}})(function(){var define,module,exports;return (function(){function r(e,n,t){function o(i,f){if(!n[i]){if(!e[i]){var c="function"==typeof require&&require;if(!f&&c)return c(i,!0);if(u)return u(i,!0);var a=new Error("Cannot find module '"+i+"'");throw a.code="MODULE_NOT_FOUND",a}var p=n[i]={exports:{}};e[i][0].call(p.exports,function(r){var n=e[i][1][r];return o(n||r)},p,p.exports,r,e,n,t)}return n[i].exports}for(var u="function"==typeof require&&require,i=0;i\"}},LN:{open:function(e){return''},close:function(e){return\"\"},props:function(e){return{href:e.url,target:\"_blank\"}}},MN:{open:function(e){return''},close:function(e){return\"\"},props:function(e){return{name:e.val}}},HT:{open:function(e){return''},close:function(e){return\"\"},props:function(e){return{name:e.val}}},IM:{open:function(e){var t=i(e.val,e.mime),n=e.ref?e.ref:t,s=(e.name?'':\"\")+'
¯\\\\\\\\_(ツ)_/¯\",\"full_name_prompt\":\"Full name, e.g. John Doe\",\"email_prompt\":\"Email, e.g. jdoe@example.com\",\"button_sign_up\":\"Sign up\",\"label_your_name\":\"Your name\",\"label_password\":\"Password\",\"password_unchanged_prompt\":\"Unchanged\",\"label_user_id\":\"Address:\",\"label_default_access_mode\":\"Default access mode:\",\"label_message_sound\":\"Message sound:\",\"label_push_notifications\":\"Notification alerts:\",\"label_push_notifications_disabled\":\"Notification alerts (requires HTTPS):\",\"title_tag_manager\":\"Tags (user discovery)\",\"button_logout\":\"Logout\",\"requested_permissions\":\"Requested\",\"granted_permissions\":\"Granted\",\"menu_item_edit_permissions\":\"Edit permissions\",\"label_other_user\":\"Other\",\"title_info\":\"Info\",\"label_topic_name\":\"Name\",\"label_private\":\"Private comment\",\"private_editing_placeholder\":\"Visible to you only\",\"label_muting_topic\":\"Muted:\",\"action_more\":\"More\",\"label_your_permissions\":\"Your permissions:\",\"label_permissions\":\"Permissions:\",\"label_you\":\"You:\",\"label_default_access\":\"Default access mode:\",\"label_group_members\":\"Group members:\",\"button_add_members\":\"Add members\",\"button_leave\":\"Leave\",\"group_has_no_members\":\"No members\",\"action_leave_chat\":\"Leave\",\"login_prompt\":\"Login\",\"password_prompt\":\"Password\",\"stay_logged_in\":\"Stay logged in\",\"forgot_password_link\":\"Forgot password?\",\"button_sign_in\":\"Sign in\",\"label_client\":\"Client:\",\"label_server\":\"Server:\",\"online_now\":\"online now\",\"last_seen_timestamp\":\"Last seen\",\"title_not_found\":\"Not found\",\"unnamed_topic\":\"Unnamed\",\"messages_not_readable\":\"no access to messages\",\"tabtitle_find_user\":\"find\",\"tabtitle_new_group\":\"new group\",\"tabtitle_group_by_id\":\"by id\",\"search_for_contacts\":\"Use search to find contacts\",\"new_password_placeholder\":\"Enter new password\",\"label_reset_password\":\"Send a password reset email:\",\"credential_email_prompt\":\"Your registration email\",\"button_reset\":\"Reset\",\"button_send_request\":\"Send request\",\"label_server_to_use\":\"Server to use:\",\"label_wire_transport\":\"Wire transport:\",\"button_update\":\"Update\",\"sidepanel_title_login\":\"Sign In\",\"sidepanel_title_register\":\"Create Account\",\"sidepanel_title_settings\":\"Settings\",\"sidepanel_title_edit_account\":\"Edit Account\",\"sidepanel_title_newtpk\":\"Start New Chat\",\"sidepanel_title_cred\":\"Confirm Credentials\",\"sidepanel_title_reset\":\"Reset Password\",\"phone_dative\":\"phone\",\"email_dative\":\"email\",\"enter_confirmation_code_prompt\":\"Enter confirmation code sent to you by {method}:\",\"numeric_confirmation_code_prompt\":\"Numbers only\",\"button_confirm\":\"Confirm\",\"invalid_content\":\"invalid content\",\"badge_you\":\"you\",\"badge_owner\":\"owner\",\"menu_item_info\":\"Info\",\"menu_item_clear_messages\":\"Clear messages\",\"menu_item_clear_messages_for_all\":\"Clear for All\",\"menu_item_delete\":\"Delete\",\"menu_item_delete_for_all\":\"Delete for All\",\"menu_item_mute\":\"Mute\",\"menu_item_unmute\":\"Unmute\",\"menu_item_delete_topic\":\"Delete\",\"menu_item_unblock\":\"Unblock\",\"menu_item_block\":\"Block\",\"menu_item_member_delete\":\"Remove\",\"action_cancel\":\"cancel\",\"upload_finishing\":\"finishing...\",\"no_contacts\":\"You have no contacts :-(\",\"contacts_not_found_short\":\"No contacts match '{query}'\",\"title_group_members\":\"Group Members\",\"title_all_contacts\":\"All Contacts\",\"button_ok\":\"OK\",\"button_cancel\":\"Cancel\",\"download_action\":\"download\",\"label_file_name\":\"File name:\",\"label_content_type\":\"Content type:\",\"label_size\":\"Size:\",\"error_invalid_id\":\"Invalid ID\",\"group_user_id_prompt\":\"Group or User ID\",\"button_subscribe\":\"Subscribe\",\"topic_name_editing_placeholder\":\"Freeform name of the group\",\"button_create\":\"Create\",\"permission_join\":\"Join ({val})\",\"permission_read\":\"Read ({val})\",\"permission_write\":\"Write ({val})\",\"permission_pres\":\"Get notified ({val})\",\"permission_admin\":\"Approve ({val})\",\"permission_share\":\"Share ({val})\",\"permission_delete\":\"Delete ({val})\",\"permission_owner\":\"Owner ({val})\",\"title_permissions\":\"Permissions\",\"message_sending\":\"sending...\",\"message_sending_failed\":\"failed\",\"search_placeholder\":\"List like email:alice@example.com, tel:17025550003...\",\"messaging_disabled_prompt\":\"Messaging disabled\",\"new_message_prompt\":\"New message\",\"file_attachment_too_large\":\"The file size {size} exceeds the {limit} limit.\",\"cannot_initiate_file_upload\":\"Cannot initiate file upload.\",\"tags_not_found\":\"No tags defined. Add some.\",\"tags_editor_no_tags\":\"Add some tags\",\"title_manage_tags\":\"Manage tags\"},\"ru\":{\"contacts_not_found\":\"Чатов нет
¯\\\\\\\\_(ツ)_/¯\",\"full_name_prompt\":\"Полное имя, напр. Иван Петров\",\"email_prompt\":\"Email, напр. ivan@example.com\",\"button_sign_up\":\"Создать счет\",\"label_your_name\":\"Ваше имя\",\"label_password\":\"Пароль\",\"password_unchanged_prompt\":\"Не изменен\",\"label_user_id\":\"Адрес:\",\"label_default_access_mode\":\"Доступ по умолчанию:\",\"label_message_sound\":\"Звук нового сообщения:\",\"label_push_notifications\":\"Уведомления:\",\"label_push_notifications_disabled\":\"Уведомления (требуют HTTPS):\",\"title_tag_manager\":\"Таги для поиска\",\"button_logout\":\"Выйти\",\"login_prompt\":\"Логин\",\"password_prompt\":\"Пароль\",\"stay_logged_in\":\"Запомнить\",\"forgot_password_link\":\"Напомнить пароль\",\"button_sign_in\":\"Войти\",\"label_client\":\"Клиент:\",\"label_server\":\"Сервер:\",\"online_now\":\"онлайн\",\"last_seen_timestamp\":\"Был активен\",\"title_not_found\":\"Не найден\",\"unnamed_topic\":\"Без названия\",\"messages_not_readable\":\"нет доступа к сообщениям\",\"tabtitle_find_user\":\"найти\",\"tabtitle_new_group\":\"создать\",\"tabtitle_group_by_id\":\"по id\",\"label_server_to_use\":\"Использовать сервер:\",\"label_wire_transport\":\"Соединение:\",\"button_update\":\"Применить\",\"sidepanel_title_login\":\"Авторизация\",\"sidepanel_title_register\":\"Зарегистрироваться\",\"sidepanel_title_settings\":\"Настройки\",\"sidepanel_title_edit_account\":\"Редактировать счет\",\"sidepanel_title_newtpk\":\"Новый чат\",\"sidepanel_title_cred\":\"Подтвердить\",\"sidepanel_title_reset\":\"Сменить пароль\",\"tags_not_found\":\"Тагов нет. Добавьте\",\"tags_editor_no_tags\":\"Добавьте таги\",\"title_manage_tags\":\"Редактор тагов\",\"message_sending\":\"в пути...\",\"message_sending_failed\":\"ошибка\",\"search_placeholder\":\"Список, напр. email:alice@example.com, tel:17025550003...\",\"messaging_disabled_prompt\":\"Отправка недоступна\",\"new_message_prompt\":\"Новое сообщение\",\"file_attachment_too_large\":\"Размер файла {size} превышает {limit} лимит.\",\"cannot_initiate_file_upload\":\"Ошибка загрузки файла.\",\"search_for_contacts\":\"Поиск контактов\",\"enter_confirmation_code_prompt\":\"Код подтверждения, полученный по {method}:\",\"numeric_confirmation_code_prompt\":\"Только цифры\",\"button_confirm\":\"Подтвердить\",\"button_ok\":\"OK\",\"button_cancel\":\"Отменить\",\"invalid_content\":\"сообщение не читается\",\"label_file_name\":\"Имя файла:\",\"label_content_type\":\"Тип:\",\"label_size\":\"Размер:\",\"phone_dative\":\"телефону\",\"email_dative\":\"емейлу\",\"title_group_members\":\"Участники\",\"download_action\":\"скачать\",\"permission_join\":\"Подписываться ({val})\",\"permission_read\":\"Читать ({val})\",\"permission_write\":\"Писать ({val})\",\"permission_pres\":\"Уведомлять ({val})\",\"permission_admin\":\"Подтверждать ({val})\",\"permission_share\":\"Приглашать ({val})\",\"permission_delete\":\"Удалять ({val})\",\"permission_owner\":\"Владелец ({val})\",\"title_permissions\":\"Права доступа\",\"requested_permissions\":\"Требуются\",\"granted_permissions\":\"Получены\",\"menu_item_edit_permissions\":\"Права доступа\",\"label_other_user\":\"Второй\",\"label_topic_name\":\"Название\",\"label_private\":\"Комментарий\",\"private_editing_placeholder\":\"Виден только вам\",\"label_muting_topic\":\"Без уведомлений\",\"action_more\":\"Ещё\",\"label_your_permissions\":\"Ваши права доступа:\",\"label_permissions\":\"Права доступа:\",\"label_you\":\"Вы:\",\"label_default_access\":\"Права по умолчанию:\",\"label_group_members\":\"Участники чата:\",\"button_add_members\":\"Добавить\",\"button_leave\":\"Отписаться\",\"group_has_no_members\":\"Нет участников\",\"action_leave_chat\":\"Уйти из чата\",\"menu_item_info\":\"Информация\",\"menu_item_clear_messages\":\"Удалить сообщения\",\"menu_item_clear_messages_for_all\":\"Удалить для всех\",\"menu_item_delete\":\"Удалить\",\"menu_item_delete_for_all\":\"Удалить для всех\",\"menu_item_mute\":\"Не уведомлять\",\"menu_item_unmute\":\"Уведомлять\",\"menu_item_delete_topic\":\"Удалить чат\",\"menu_item_unblock\":\"Разблокировать\",\"menu_item_block\":\"Заблокировать\",\"menu_item_member_delete\":\"Отписать\",\"title_info\":\"Подробности\",\"new_password_placeholder\":\"Введите новый пароль\",\"label_reset_password\":\"Отправить емейл для смены пароля:\",\"credential_email_prompt\":\"Регистрационный емейл\",\"button_reset\":\"Изменить\",\"button_send_request\":\"Отправить\",\"action_cancel\":\"отменить\",\"upload_finishing\":\"завершение...\",\"no_contacts\":\"Ничего нет :-(\",\"contacts_not_found_short\":\"Нет контактов для запроса '{query}'\",\"title_all_contacts\":\"Все контакты\",\"error_invalid_id\":\"Неверный ID\",\"group_user_id_prompt\":\"ID чата или пользователя\",\"button_subscribe\":\"Подписаться\",\"topic_name_editing_placeholder\":\"Название чата\",\"button_create\":\"Создать\",\"badge_you\":\"вы\",\"badge_owner\":\"влад.\"}};\n\n//# sourceURL=webpack:///./src/messages.json?"); -/** - * Copyright 2017 Google Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -var ERROR_CODES = { - AVAILABLE_IN_WINDOW: 'only-available-in-window', - AVAILABLE_IN_SW: 'only-available-in-sw', - SHOULD_BE_INHERITED: 'should-be-overriden', - BAD_SENDER_ID: 'bad-sender-id', - INCORRECT_GCM_SENDER_ID: 'incorrect-gcm-sender-id', - PERMISSION_DEFAULT: 'permission-default', - PERMISSION_BLOCKED: 'permission-blocked', - UNSUPPORTED_BROWSER: 'unsupported-browser', - NOTIFICATIONS_BLOCKED: 'notifications-blocked', - FAILED_DEFAULT_REGISTRATION: 'failed-serviceworker-registration', - SW_REGISTRATION_EXPECTED: 'sw-registration-expected', - GET_SUBSCRIPTION_FAILED: 'get-subscription-failed', - INVALID_SAVED_TOKEN: 'invalid-saved-token', - SW_REG_REDUNDANT: 'sw-reg-redundant', - TOKEN_SUBSCRIBE_FAILED: 'token-subscribe-failed', - TOKEN_SUBSCRIBE_NO_TOKEN: 'token-subscribe-no-token', - TOKEN_SUBSCRIBE_NO_PUSH_SET: 'token-subscribe-no-push-set', - TOKEN_UNSUBSCRIBE_FAILED: 'token-unsubscribe-failed', - TOKEN_UPDATE_FAILED: 'token-update-failed', - TOKEN_UPDATE_NO_TOKEN: 'token-update-no-token', - USE_SW_BEFORE_GET_TOKEN: 'use-sw-before-get-token', - INVALID_DELETE_TOKEN: 'invalid-delete-token', - DELETE_TOKEN_NOT_FOUND: 'delete-token-not-found', - DELETE_SCOPE_NOT_FOUND: 'delete-scope-not-found', - BG_HANDLER_FUNCTION_EXPECTED: 'bg-handler-function-expected', - NO_WINDOW_CLIENT_TO_MSG: 'no-window-client-to-msg', - UNABLE_TO_RESUBSCRIBE: 'unable-to-resubscribe', - NO_FCM_TOKEN_FOR_RESUBSCRIBE: 'no-fcm-token-for-resubscribe', - FAILED_TO_DELETE_TOKEN: 'failed-to-delete-token', - NO_SW_IN_REG: 'no-sw-in-reg', - BAD_SCOPE: 'bad-scope', - BAD_VAPID_KEY: 'bad-vapid-key', - BAD_SUBSCRIPTION: 'bad-subscription', - BAD_TOKEN: 'bad-token', - BAD_PUSH_SET: 'bad-push-set', - FAILED_DELETE_VAPID_KEY: 'failed-delete-vapid-key', - INVALID_PUBLIC_VAPID_KEY: 'invalid-public-vapid-key', - USE_PUBLIC_KEY_BEFORE_GET_TOKEN: 'use-public-key-before-get-token', - PUBLIC_KEY_DECRYPTION_FAILED: 'public-vapid-key-decryption-failed' -}; -var ERROR_MAP = (_a = {}, _a[ERROR_CODES.AVAILABLE_IN_WINDOW] = 'This method is available in a Window context.', _a[ERROR_CODES.AVAILABLE_IN_SW] = 'This method is available in a service worker ' + 'context.', _a[ERROR_CODES.SHOULD_BE_INHERITED] = 'This method should be overriden by ' + 'extended classes.', _a[ERROR_CODES.BAD_SENDER_ID] = "Please ensure that 'messagingSenderId' is set " + - 'correctly in the options passed into firebase.initializeApp().', _a[ERROR_CODES.PERMISSION_DEFAULT] = 'The required permissions were not granted and ' + 'dismissed instead.', _a[ERROR_CODES.PERMISSION_BLOCKED] = 'The required permissions were not granted and ' + 'blocked instead.', _a[ERROR_CODES.UNSUPPORTED_BROWSER] = "This browser doesn't support the API's " + - 'required to use the firebase SDK.', _a[ERROR_CODES.NOTIFICATIONS_BLOCKED] = 'Notifications have been blocked.', _a[ERROR_CODES.FAILED_DEFAULT_REGISTRATION] = 'We are unable to register the ' + - 'default service worker. {$browserErrorMessage}', _a[ERROR_CODES.SW_REGISTRATION_EXPECTED] = 'A service worker registration was the ' + 'expected input.', _a[ERROR_CODES.GET_SUBSCRIPTION_FAILED] = 'There was an error when trying to get ' + - 'any existing Push Subscriptions.', _a[ERROR_CODES.INVALID_SAVED_TOKEN] = 'Unable to access details of the saved token.', _a[ERROR_CODES.SW_REG_REDUNDANT] = 'The service worker being used for push was made ' + 'redundant.', _a[ERROR_CODES.TOKEN_SUBSCRIBE_FAILED] = 'A problem occured while subscribing the ' + 'user to FCM: {$message}', _a[ERROR_CODES.TOKEN_SUBSCRIBE_NO_TOKEN] = 'FCM returned no token when subscribing ' + 'the user to push.', _a[ERROR_CODES.TOKEN_SUBSCRIBE_NO_PUSH_SET] = 'FCM returned an invalid response ' + 'when getting an FCM token.', _a[ERROR_CODES.TOKEN_UNSUBSCRIBE_FAILED] = 'A problem occured while unsubscribing the ' + 'user from FCM: {$message}', _a[ERROR_CODES.TOKEN_UPDATE_FAILED] = 'A problem occured while updating the ' + 'user from FCM: {$message}', _a[ERROR_CODES.TOKEN_UPDATE_NO_TOKEN] = 'FCM returned no token when updating ' + 'the user to push.', _a[ERROR_CODES.USE_SW_BEFORE_GET_TOKEN] = 'The useServiceWorker() method may only be called once and must be ' + - 'called before calling getToken() to ensure your service worker is used.', _a[ERROR_CODES.INVALID_DELETE_TOKEN] = 'You must pass a valid token into ' + - 'deleteToken(), i.e. the token from getToken().', _a[ERROR_CODES.DELETE_TOKEN_NOT_FOUND] = 'The deletion attempt for token could not ' + - 'be performed as the token was not found.', _a[ERROR_CODES.DELETE_SCOPE_NOT_FOUND] = 'The deletion attempt for service worker ' + - 'scope could not be performed as the scope was not found.', _a[ERROR_CODES.BG_HANDLER_FUNCTION_EXPECTED] = 'The input to ' + 'setBackgroundMessageHandler() must be a function.', _a[ERROR_CODES.NO_WINDOW_CLIENT_TO_MSG] = 'An attempt was made to message a ' + 'non-existant window client.', _a[ERROR_CODES.UNABLE_TO_RESUBSCRIBE] = 'There was an error while re-subscribing ' + - 'the FCM token for push messaging. Will have to resubscribe the ' + - 'user on next visit. {$message}', _a[ERROR_CODES.NO_FCM_TOKEN_FOR_RESUBSCRIBE] = 'Could not find an FCM token ' + - 'and as a result, unable to resubscribe. Will have to resubscribe the ' + - 'user on next visit.', _a[ERROR_CODES.FAILED_TO_DELETE_TOKEN] = 'Unable to delete the currently saved token.', _a[ERROR_CODES.NO_SW_IN_REG] = 'Even though the service worker registration was ' + - 'successful, there was a problem accessing the service worker itself.', _a[ERROR_CODES.INCORRECT_GCM_SENDER_ID] = "Please change your web app manifest's " + - "'gcm_sender_id' value to '103953800507' to use Firebase messaging.", _a[ERROR_CODES.BAD_SCOPE] = 'The service worker scope must be a string with at ' + - 'least one character.', _a[ERROR_CODES.BAD_VAPID_KEY] = 'The public VAPID key is not a Uint8Array with 65 bytes.', _a[ERROR_CODES.BAD_SUBSCRIPTION] = 'The subscription must be a valid ' + 'PushSubscription.', _a[ERROR_CODES.BAD_TOKEN] = 'The FCM Token used for storage / lookup was not ' + - 'a valid token string.', _a[ERROR_CODES.BAD_PUSH_SET] = 'The FCM push set used for storage / lookup was not ' + - 'not a valid push set string.', _a[ERROR_CODES.FAILED_DELETE_VAPID_KEY] = 'The VAPID key could not be deleted.', _a[ERROR_CODES.INVALID_PUBLIC_VAPID_KEY] = 'The public VAPID key must be a string.', _a[ERROR_CODES.PUBLIC_KEY_DECRYPTION_FAILED] = 'The public VAPID key did not equal ' + '65 bytes when decrypted.', _a); -var errorFactory = new util.ErrorFactory('messaging', 'Messaging', ERROR_MAP); -var _a; +/***/ }), -/** - * Copyright 2017 Google Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -var DEFAULT_PUBLIC_VAPID_KEY = new Uint8Array([ - 0x04, - 0x33, - 0x94, - 0xf7, - 0xdf, - 0xa1, - 0xeb, - 0xb1, - 0xdc, - 0x03, - 0xa2, - 0x5e, - 0x15, - 0x71, - 0xdb, - 0x48, - 0xd3, - 0x2e, - 0xed, - 0xed, - 0xb2, - 0x34, - 0xdb, - 0xb7, - 0x47, - 0x3a, - 0x0c, - 0x8f, - 0xc4, - 0xcc, - 0xe1, - 0x6f, - 0x3c, - 0x8c, - 0x84, - 0xdf, - 0xab, - 0xb6, - 0x66, - 0x3e, - 0xf2, - 0x0c, - 0xd4, - 0x8b, - 0xfe, - 0xe3, - 0xf9, - 0x76, - 0x2f, - 0x14, - 0x1c, - 0x63, - 0x08, - 0x6a, - 0x6f, - 0x2d, - 0xb1, - 0x1a, - 0x95, - 0xb0, - 0xce, - 0x37, - 0xc0, - 0x9c, - 0x6e -]); -var ENDPOINT = 'https://fcm.googleapis.com'; +/***/ "./src/version.js": +/*!************************!*\ + !*** ./src/version.js ***! + \************************/ +/*! exports provided: PACKAGE_VERSION */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -/** - * Copyright 2017 Google Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -var MessageParameter; -(function (MessageParameter) { - MessageParameter["TYPE_OF_MSG"] = "firebase-messaging-msg-type"; - MessageParameter["DATA"] = "firebase-messaging-msg-data"; -})(MessageParameter || (MessageParameter = {})); -var MessageType; -(function (MessageType) { - MessageType["PUSH_MSG_RECEIVED"] = "push-msg-received"; - MessageType["NOTIFICATION_CLICKED"] = "notification-clicked"; -})(MessageType || (MessageType = {})); +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"PACKAGE_VERSION\", function() { return PACKAGE_VERSION; });\nvar PACKAGE_VERSION = \"0.15.9-rc1\";\n\n//# sourceURL=webpack:///./src/version.js?"); -/** - * Copyright 2018 Google Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -function isArrayBufferEqual(a, b) { - if (a == null || b == null) { - return false; - } - if (a === b) { - return true; - } - if (a.byteLength !== b.byteLength) { - return false; - } - var viewA = new DataView(a); - var viewB = new DataView(b); - for (var i = 0; i < a.byteLength; i++) { - if (viewA.getUint8(i) !== viewB.getUint8(i)) { - return false; - } - } - return true; -} +/***/ }), -/** - * Copyright 2017 Google Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -function toBase64(arrayBuffer) { - var uint8Version = new Uint8Array(arrayBuffer); - return btoa(String.fromCharCode.apply(null, uint8Version)); -} -function arrayBufferToBase64(arrayBuffer) { - var base64String = toBase64(arrayBuffer); - return base64String - .replace(/=/g, '') - .replace(/\+/g, '-') - .replace(/\//g, '_'); -} +/***/ "./src/views/contacts-view.jsx": +/*!*************************************!*\ + !*** ./src/views/contacts-view.jsx ***! + \*************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -/** - * Copyright 2017 Google Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -var IidModel = /** @class */ (function () { - function IidModel() { - } - IidModel.prototype.getToken = function (senderId, subscription, publicVapidKey) { - return tslib_1.__awaiter(this, void 0, void 0, function () { - var p256dh, auth, fcmSubscribeBody, applicationPubKey, headers, subscribeOptions, responseData, response, err_1, message; - return tslib_1.__generator(this, function (_a) { - switch (_a.label) { - case 0: - p256dh = arrayBufferToBase64(subscription.getKey('p256dh')); - auth = arrayBufferToBase64(subscription.getKey('auth')); - fcmSubscribeBody = "authorized_entity=" + senderId + "&" + - ("endpoint=" + subscription.endpoint + "&") + - ("encryption_key=" + p256dh + "&") + - ("encryption_auth=" + auth); - if (!isArrayBufferEqual(publicVapidKey.buffer, DEFAULT_PUBLIC_VAPID_KEY.buffer)) { - applicationPubKey = arrayBufferToBase64(publicVapidKey); - fcmSubscribeBody += "&application_pub_key=" + applicationPubKey; - } - headers = new Headers(); - headers.append('Content-Type', 'application/x-www-form-urlencoded'); - subscribeOptions = { - method: 'POST', - headers: headers, - body: fcmSubscribeBody - }; - _a.label = 1; - case 1: - _a.trys.push([1, 4, , 5]); - return [4 /*yield*/, fetch(ENDPOINT + '/fcm/connect/subscribe', subscribeOptions)]; - case 2: - response = _a.sent(); - return [4 /*yield*/, response.json()]; - case 3: - responseData = _a.sent(); - return [3 /*break*/, 5]; - case 4: - err_1 = _a.sent(); - throw errorFactory.create(ERROR_CODES.TOKEN_SUBSCRIBE_FAILED); - case 5: - if (responseData.error) { - message = responseData.error.message; - throw errorFactory.create(ERROR_CODES.TOKEN_SUBSCRIBE_FAILED, { - message: message - }); - } - if (!responseData.token) { - throw errorFactory.create(ERROR_CODES.TOKEN_SUBSCRIBE_NO_TOKEN); - } - if (!responseData.pushSet) { - throw errorFactory.create(ERROR_CODES.TOKEN_SUBSCRIBE_NO_PUSH_SET); - } - return [2 /*return*/, { - token: responseData.token, - pushSet: responseData.pushSet - }]; - } - }); - }); - }; - /** - * Update the underlying token details for fcmToken. - */ - IidModel.prototype.updateToken = function (senderId, fcmToken, fcmPushSet, subscription, publicVapidKey) { - return tslib_1.__awaiter(this, void 0, void 0, function () { - var p256dh, auth, fcmUpdateBody, applicationPubKey, headers, updateOptions, responseData, response, err_2, message; - return tslib_1.__generator(this, function (_a) { - switch (_a.label) { - case 0: - p256dh = arrayBufferToBase64(subscription.getKey('p256dh')); - auth = arrayBufferToBase64(subscription.getKey('auth')); - fcmUpdateBody = "push_set=" + fcmPushSet + "&" + - ("token=" + fcmToken + "&") + - ("authorized_entity=" + senderId + "&") + - ("endpoint=" + subscription.endpoint + "&") + - ("encryption_key=" + p256dh + "&") + - ("encryption_auth=" + auth); - if (!isArrayBufferEqual(publicVapidKey.buffer, DEFAULT_PUBLIC_VAPID_KEY.buffer)) { - applicationPubKey = arrayBufferToBase64(publicVapidKey); - fcmUpdateBody += "&application_pub_key=" + applicationPubKey; - } - headers = new Headers(); - headers.append('Content-Type', 'application/x-www-form-urlencoded'); - updateOptions = { - method: 'POST', - headers: headers, - body: fcmUpdateBody - }; - _a.label = 1; - case 1: - _a.trys.push([1, 4, , 5]); - return [4 /*yield*/, fetch(ENDPOINT + '/fcm/connect/subscribe', updateOptions)]; - case 2: - response = _a.sent(); - return [4 /*yield*/, response.json()]; - case 3: - responseData = _a.sent(); - return [3 /*break*/, 5]; - case 4: - err_2 = _a.sent(); - throw errorFactory.create(ERROR_CODES.TOKEN_UPDATE_FAILED); - case 5: - if (responseData.error) { - message = responseData.error.message; - throw errorFactory.create(ERROR_CODES.TOKEN_UPDATE_FAILED, { - message: message - }); - } - if (!responseData.token) { - throw errorFactory.create(ERROR_CODES.TOKEN_UPDATE_NO_TOKEN); - } - return [2 /*return*/, responseData.token]; - } - }); - }); - }; - /** - * Given a fcmToken, pushSet and messagingSenderId, delete an FCM token. - */ - IidModel.prototype.deleteToken = function (senderId, fcmToken, fcmPushSet) { - return tslib_1.__awaiter(this, void 0, void 0, function () { - var fcmUnsubscribeBody, headers, unsubscribeOptions, response, responseData, message, err_3; - return tslib_1.__generator(this, function (_a) { - switch (_a.label) { - case 0: - fcmUnsubscribeBody = "authorized_entity=" + senderId + "&" + - ("token=" + fcmToken + "&") + - ("pushSet=" + fcmPushSet); - headers = new Headers(); - headers.append('Content-Type', 'application/x-www-form-urlencoded'); - unsubscribeOptions = { - method: 'POST', - headers: headers, - body: fcmUnsubscribeBody - }; - _a.label = 1; - case 1: - _a.trys.push([1, 4, , 5]); - return [4 /*yield*/, fetch(ENDPOINT + '/fcm/connect/unsubscribe', unsubscribeOptions)]; - case 2: - response = _a.sent(); - return [4 /*yield*/, response.json()]; - case 3: - responseData = _a.sent(); - if (responseData.error) { - message = responseData.error.message; - throw errorFactory.create(ERROR_CODES.TOKEN_UNSUBSCRIBE_FAILED, { - message: message - }); - } - return [3 /*break*/, 5]; - case 4: - err_3 = _a.sent(); - throw errorFactory.create(ERROR_CODES.TOKEN_UNSUBSCRIBE_FAILED); - case 5: return [2 /*return*/]; - } - }); - }); - }; - return IidModel; -}()); +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-intl */ \"react-intl\");\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intl__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _widgets_contact_list_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../widgets/contact-list.jsx */ \"./src/widgets/contact-list.jsx\");\n/* harmony import */ var _lib_utils_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../lib/utils.js */ \"./src/lib/utils.js\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\n\n\n\n\nvar messages = Object(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"defineMessages\"])({\n 'contacts_not_found': {\n \"id\": \"contacts_not_found\",\n \"defaultMessage\": \"You have no chats
\\xAF\\\\\\\\_(\\u30C4)_/\\xAF\"\n }\n});\n\nvar ContactsView = function (_React$Component) {\n _inherits(ContactsView, _React$Component);\n\n function ContactsView(props) {\n var _this;\n\n _classCallCheck(this, ContactsView);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(ContactsView).call(this, props));\n _this.state = ContactsView.getDerivedStateFromProps(props, {});\n return _this;\n }\n\n _createClass(ContactsView, [{\n key: \"render\",\n value: function render() {\n var formatHTMLMessage = this.props.intl.formatHTMLMessage;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_contact_list_jsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n connected: this.props.connected,\n contacts: this.state.contactList,\n emptyListMessage: react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, formatHTMLMessage(messages.contacts_not_found)),\n topicSelected: this.props.topicSelected,\n myUserId: this.props.myUserId,\n showOnline: true,\n showUnread: true,\n onTopicSelected: this.props.onTopicSelected,\n showContextMenu: this.props.showContextMenu\n });\n }\n }], [{\n key: \"getDerivedStateFromProps\",\n value: function getDerivedStateFromProps(nextProps, prevState) {\n var contacts = [];\n var unreadThreads = 0;\n nextProps.chatList.map(function (c) {\n unreadThreads += c.unread > 0 ? 1 : 0;\n contacts.push(c);\n });\n contacts.sort(function (a, b) {\n return (b.touched || 0) - (a.touched || 0);\n });\n Object(_lib_utils_js__WEBPACK_IMPORTED_MODULE_3__[\"updateFavicon\"])(unreadThreads);\n return {\n contactList: contacts\n };\n }\n }]);\n\n return ContactsView;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);\n\n;\n/* harmony default export */ __webpack_exports__[\"default\"] = (Object(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"injectIntl\"])(ContactsView));\n\n//# sourceURL=webpack:///./src/views/contacts-view.jsx?"); -/** - * Copyright 2017 Google Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -function base64ToArrayBuffer(base64String) { - var padding = '='.repeat((4 - base64String.length % 4) % 4); - var base64 = (base64String + padding) - .replace(/\-/g, '+') - .replace(/_/g, '/'); - var rawData = atob(base64); - var outputArray = new Uint8Array(rawData.length); - for (var i = 0; i < rawData.length; ++i) { - outputArray[i] = rawData.charCodeAt(i); - } - return outputArray; -} +/***/ }), -/** - * Copyright 2017 Google Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -var OLD_DB_NAME = 'undefined'; -var OLD_OBJECT_STORE_NAME = 'fcm_token_object_Store'; -function handleDb(db) { - if (!db.objectStoreNames.contains(OLD_OBJECT_STORE_NAME)) { - // We found a database with the name 'undefined', but our expected object - // store isn't defined. - return; - } - var transaction = db.transaction(OLD_OBJECT_STORE_NAME); - var objectStore = transaction.objectStore(OLD_OBJECT_STORE_NAME); - var iidModel = new IidModel(); - var openCursorRequest = objectStore.openCursor(); - openCursorRequest.onerror = function (event) { - // NOOP - Nothing we can do. - console.warn('Unable to cleanup old IDB.', event); - }; - openCursorRequest.onsuccess = function () { - var cursor = openCursorRequest.result; - if (cursor) { - // cursor.value contains the current record being iterated through - // this is where you'd do something with the result - var tokenDetails = cursor.value; - iidModel.deleteToken(tokenDetails.fcmSenderId, tokenDetails.fcmToken, tokenDetails.fcmPushSet); - cursor.continue(); - } - else { - db.close(); - indexedDB.deleteDatabase(OLD_DB_NAME); - } - }; -} -function cleanV1() { - var request = indexedDB.open(OLD_DB_NAME); - request.onerror = function (event) { - // NOOP - Nothing we can do. - }; - request.onsuccess = function (event) { - var db = request.result; - handleDb(db); - }; -} +/***/ "./src/views/create-account-view.jsx": +/*!*******************************************!*\ + !*** ./src/views/create-account-view.jsx ***! + \*******************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -/** - * Copyright 2017 Google Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -var DbInterface = /** @class */ (function () { - function DbInterface() { - this.dbPromise = null; - } - /** Gets record(s) from the objectStore that match the given key. */ - DbInterface.prototype.get = function (key) { - return this.createTransaction(function (objectStore) { return objectStore.get(key); }); - }; - /** Gets record(s) from the objectStore that match the given index. */ - DbInterface.prototype.getIndex = function (index, key) { - function runRequest(objectStore) { - var idbIndex = objectStore.index(index); - return idbIndex.get(key); - } - return this.createTransaction(runRequest); - }; - /** Assigns or overwrites the record for the given value. */ - // tslint:disable-next-line:no-any IndexedDB values are of type "any" - DbInterface.prototype.put = function (value) { - return this.createTransaction(function (objectStore) { return objectStore.put(value); }, 'readwrite'); - }; - /** Deletes record(s) from the objectStore that match the given key. */ - DbInterface.prototype.delete = function (key) { - return this.createTransaction(function (objectStore) { return objectStore.delete(key); }, 'readwrite'); - }; - /** - * Close the currently open database. - */ - DbInterface.prototype.closeDatabase = function () { - return tslib_1.__awaiter(this, void 0, void 0, function () { - var db; - return tslib_1.__generator(this, function (_a) { - switch (_a.label) { - case 0: - if (!this.dbPromise) return [3 /*break*/, 2]; - return [4 /*yield*/, this.dbPromise]; - case 1: - db = _a.sent(); - db.close(); - this.dbPromise = null; - _a.label = 2; - case 2: return [2 /*return*/]; - } - }); - }); - }; - /** - * Creates an IndexedDB Transaction and passes its objectStore to the - * runRequest function, which runs the database request. - * - * @return Promise that resolves with the result of the runRequest function - */ - DbInterface.prototype.createTransaction = function (runRequest, mode) { - if (mode === void 0) { mode = 'readonly'; } - return tslib_1.__awaiter(this, void 0, void 0, function () { - var db, transaction, request, result; - return tslib_1.__generator(this, function (_a) { - switch (_a.label) { - case 0: return [4 /*yield*/, this.getDb()]; - case 1: - db = _a.sent(); - transaction = db.transaction(this.objectStoreName, mode); - request = transaction.objectStore(this.objectStoreName); - return [4 /*yield*/, promisify(runRequest(request))]; - case 2: - result = _a.sent(); - return [2 /*return*/, new Promise(function (resolve, reject) { - transaction.oncomplete = function () { - resolve(result); - }; - transaction.onerror = function () { - reject(transaction.error); - }; - })]; - } - }); - }); - }; - /** Gets the cached db connection or opens a new one. */ - DbInterface.prototype.getDb = function () { - var _this = this; - if (!this.dbPromise) { - this.dbPromise = new Promise(function (resolve, reject) { - var request = indexedDB.open(_this.dbName, _this.dbVersion); - request.onsuccess = function () { - resolve(request.result); - }; - request.onerror = function () { - _this.dbPromise = null; - reject(request.error); - }; - request.onupgradeneeded = function (event) { return _this.onDbUpgrade(request, event); }; - }); - } - return this.dbPromise; - }; - return DbInterface; -}()); -/** Promisifies an IDBRequest. Resolves with the IDBRequest's result. */ -function promisify(request) { - return new Promise(function (resolve, reject) { - request.onsuccess = function () { - resolve(request.result); - }; - request.onerror = function () { - reject(request.error); - }; - }); -} +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return CreateAccountView; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-intl */ \"react-intl\");\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intl__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _widgets_avatar_upload_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../widgets/avatar-upload.jsx */ \"./src/widgets/avatar-upload.jsx\");\n/* harmony import */ var _widgets_checkbox_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../widgets/checkbox.jsx */ \"./src/widgets/checkbox.jsx\");\n/* harmony import */ var _widgets_visible_password_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../widgets/visible-password.jsx */ \"./src/widgets/visible-password.jsx\");\n/* harmony import */ var _lib_local_storage_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../lib/local-storage.js */ \"./src/lib/local-storage.js\");\n/* harmony import */ var _lib_utils_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../lib/utils.js */ \"./src/lib/utils.js\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n\n\n\n\n\n\n\n\nvar CreateAccountView = function (_React$PureComponent) {\n _inherits(CreateAccountView, _React$PureComponent);\n\n function CreateAccountView(props) {\n var _this;\n\n _classCallCheck(this, CreateAccountView);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(CreateAccountView).call(this, props));\n _this.state = {\n login: '',\n password: '',\n email: '',\n fn: '',\n imageDataUrl: null,\n errorCleared: false,\n saveToken: _lib_local_storage_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"].getObject('keep-logged-in')\n };\n _this.handleLoginChange = _this.handleLoginChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handlePasswordChange = _this.handlePasswordChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleEmailChange = _this.handleEmailChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleFnChange = _this.handleFnChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleImageChanged = _this.handleImageChanged.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleToggleSaveToken = _this.handleToggleSaveToken.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleSubmit = _this.handleSubmit.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n return _this;\n }\n\n _createClass(CreateAccountView, [{\n key: \"handleLoginChange\",\n value: function handleLoginChange(e) {\n this.setState({\n login: e.target.value\n });\n }\n }, {\n key: \"handlePasswordChange\",\n value: function handlePasswordChange(password) {\n this.setState({\n password: password\n });\n }\n }, {\n key: \"handleEmailChange\",\n value: function handleEmailChange(e) {\n this.setState({\n email: e.target.value\n });\n }\n }, {\n key: \"handleFnChange\",\n value: function handleFnChange(e) {\n this.setState({\n fn: e.target.value\n });\n }\n }, {\n key: \"handleImageChanged\",\n value: function handleImageChanged(img) {\n this.setState({\n imageDataUrl: img\n });\n }\n }, {\n key: \"handleToggleSaveToken\",\n value: function handleToggleSaveToken() {\n _lib_local_storage_js__WEBPACK_IMPORTED_MODULE_5__[\"default\"].setObject('keep-logged-in', !this.state.saveToken);\n this.setState({\n saveToken: !this.state.saveToken\n });\n }\n }, {\n key: \"handleSubmit\",\n value: function handleSubmit(e) {\n e.preventDefault();\n this.setState({\n errorCleared: false\n });\n this.props.onCreateAccount(this.state.login.trim(), this.state.password.trim(), Object(_lib_utils_js__WEBPACK_IMPORTED_MODULE_6__[\"vcard\"])(this.state.fn, this.state.imageDataUrl), {\n 'meth': 'email',\n 'val': this.state.email\n });\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this2 = this;\n\n var submitClasses = 'blue';\n\n if (this.props.disabled) {\n submitClasses += ' disabled';\n }\n\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"form\", {\n className: \"panel-form-column\",\n onSubmit: this.handleSubmit\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-row\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-column\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"login_prompt\"\n }, function (login_prompt) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n type: \"text\",\n placeholder: login_prompt,\n autoComplete: \"user-name\",\n value: _this2.state.login,\n onChange: _this2.handleLoginChange,\n required: true,\n autoFocus: true\n });\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"password_prompt\"\n }, function (password_prompt) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_visible_password_jsx__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n placeholder: password_prompt,\n autoComplete: \"new-password\",\n value: _this2.state.password,\n onFinished: _this2.handlePasswordChange,\n required: true\n });\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_avatar_upload_jsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n onImageChanged: this.handleImageChanged,\n onError: this.props.onError\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-row\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"full_name_prompt\",\n defaultMessage: \"Full name, e.g. John Doe\"\n }, function (full_name_prompt) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n type: \"text\",\n placeholder: full_name_prompt,\n autoComplete: \"name\",\n value: _this2.state.fn,\n onChange: _this2.handleFnChange,\n required: true\n });\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-row\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"email_prompt\",\n defaultMessage: \"Email, e.g. jdoe@example.com\"\n }, function (email_prompt) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n type: \"email\",\n placeholder: email_prompt,\n autoComplete: \"email\",\n value: _this2.state.email,\n onChange: _this2.handleEmailChange,\n required: true\n });\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-row\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_checkbox_jsx__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n id: \"save-token\",\n name: \"save-token\",\n checked: this.state.saveToken,\n onChange: this.handleToggleSaveToken\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"stay_logged_in\"\n }, function (stay_logged_in) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", {\n htmlFor: \"save-token\"\n }, \"\\xA0\", stay_logged_in);\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"dialog-buttons\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n className: submitClasses,\n type: \"submit\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"button_sign_up\",\n defaultMessage: \"Sign up\"\n }))));\n }\n }]);\n\n return CreateAccountView;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.PureComponent);\n\n\n;\n\n//# sourceURL=webpack:///./src/views/create-account-view.jsx?"); -/** - * Copyright 2017 Google Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -var TokenDetailsModel = /** @class */ (function (_super) { - tslib_1.__extends(TokenDetailsModel, _super); - function TokenDetailsModel() { - var _this = _super !== null && _super.apply(this, arguments) || this; - _this.dbName = 'fcm_token_details_db'; - _this.dbVersion = 3; - _this.objectStoreName = 'fcm_token_object_Store'; - return _this; - } - TokenDetailsModel.prototype.onDbUpgrade = function (request, event) { - var db = request.result; - // Lack of 'break' statements is intentional. - switch (event.oldVersion) { - case 0: { - // New IDB instance - var objectStore = db.createObjectStore(this.objectStoreName, { - keyPath: 'swScope' - }); - // Make sure the sender ID can be searched - objectStore.createIndex('fcmSenderId', 'fcmSenderId', { - unique: false - }); - objectStore.createIndex('fcmToken', 'fcmToken', { unique: true }); - } - case 1: { - // Prior to version 2, we were using either 'fcm_token_details_db' - // or 'undefined' as the database name due to bug in the SDK - // So remove the old tokens and databases. - cleanV1(); - } - case 2: { - var objectStore = request.transaction.objectStore(this.objectStoreName); - var cursorRequest_1 = objectStore.openCursor(); - cursorRequest_1.onsuccess = function () { - var cursor = cursorRequest_1.result; - if (cursor) { - var value = cursor.value; - var newValue = tslib_1.__assign({}, value); - if (!value.createTime) { - newValue.createTime = Date.now(); - } - if (typeof value.vapidKey === 'string') { - newValue.vapidKey = base64ToArrayBuffer(value.vapidKey); - } - if (typeof value.auth === 'string') { - newValue.auth = base64ToArrayBuffer(value.auth).buffer; - } - if (typeof value.auth === 'string') { - newValue.p256dh = base64ToArrayBuffer(value.p256dh).buffer; - } - cursor.update(newValue); - cursor.continue(); - } - }; - } - } - }; - /** - * Given a token, this method will look up the details in indexedDB. - */ - TokenDetailsModel.prototype.getTokenDetailsFromToken = function (fcmToken) { - return tslib_1.__awaiter(this, void 0, void 0, function () { - return tslib_1.__generator(this, function (_a) { - if (!fcmToken) { - throw errorFactory.create(ERROR_CODES.BAD_TOKEN); - } - validateInputs({ fcmToken: fcmToken }); - return [2 /*return*/, this.getIndex('fcmToken', fcmToken)]; - }); - }); - }; - /** - * Given a service worker scope, this method will look up the details in - * indexedDB. - * @return The details associated with that token. - */ - TokenDetailsModel.prototype.getTokenDetailsFromSWScope = function (swScope) { - return tslib_1.__awaiter(this, void 0, void 0, function () { - return tslib_1.__generator(this, function (_a) { - if (!swScope) { - throw errorFactory.create(ERROR_CODES.BAD_SCOPE); - } - validateInputs({ swScope: swScope }); - return [2 /*return*/, this.get(swScope)]; - }); - }); - }; - /** - * Save the details for the fcm token for re-use at a later date. - * @param input A plain js object containing args to save. - */ - TokenDetailsModel.prototype.saveTokenDetails = function (tokenDetails) { - return tslib_1.__awaiter(this, void 0, void 0, function () { - return tslib_1.__generator(this, function (_a) { - if (!tokenDetails.swScope) { - throw errorFactory.create(ERROR_CODES.BAD_SCOPE); - } - if (!tokenDetails.vapidKey) { - throw errorFactory.create(ERROR_CODES.BAD_VAPID_KEY); - } - if (!tokenDetails.endpoint || !tokenDetails.auth || !tokenDetails.p256dh) { - throw errorFactory.create(ERROR_CODES.BAD_SUBSCRIPTION); - } - if (!tokenDetails.fcmSenderId) { - throw errorFactory.create(ERROR_CODES.BAD_SENDER_ID); - } - if (!tokenDetails.fcmToken) { - throw errorFactory.create(ERROR_CODES.BAD_TOKEN); - } - if (!tokenDetails.fcmPushSet) { - throw errorFactory.create(ERROR_CODES.BAD_PUSH_SET); - } - validateInputs(tokenDetails); - return [2 /*return*/, this.put(tokenDetails)]; - }); - }); - }; - /** - * This method deletes details of the current FCM token. - * It's returning a promise in case we need to move to an async - * method for deleting at a later date. - * - * @return Resolves once the FCM token details have been deleted and returns - * the deleted details. - */ - TokenDetailsModel.prototype.deleteToken = function (token) { - return tslib_1.__awaiter(this, void 0, void 0, function () { - var details; - return tslib_1.__generator(this, function (_a) { - switch (_a.label) { - case 0: - if (typeof token !== 'string' || token.length === 0) { - return [2 /*return*/, Promise.reject(errorFactory.create(ERROR_CODES.INVALID_DELETE_TOKEN))]; - } - return [4 /*yield*/, this.getTokenDetailsFromToken(token)]; - case 1: - details = _a.sent(); - if (!details) { - throw errorFactory.create(ERROR_CODES.DELETE_TOKEN_NOT_FOUND); - } - return [4 /*yield*/, this.delete(details.swScope)]; - case 2: - _a.sent(); - return [2 /*return*/, details]; - } - }); - }); - }; - return TokenDetailsModel; -}(DbInterface)); -/** - * This method takes an object and will check for known arguments and - * validate the input. - * @return Promise that resolves if input is valid, rejects otherwise. - */ -function validateInputs(input) { - if (input.fcmToken) { - if (typeof input.fcmToken !== 'string' || input.fcmToken.length === 0) { - throw errorFactory.create(ERROR_CODES.BAD_TOKEN); - } - } - if (input.swScope) { - if (typeof input.swScope !== 'string' || input.swScope.length === 0) { - throw errorFactory.create(ERROR_CODES.BAD_SCOPE); - } - } - if (input.vapidKey) { - if (!(input.vapidKey instanceof Uint8Array) || - input.vapidKey.length !== 65) { - throw errorFactory.create(ERROR_CODES.BAD_VAPID_KEY); - } - } - if (input.endpoint) { - if (typeof input.endpoint !== 'string' || input.endpoint.length === 0) { - throw errorFactory.create(ERROR_CODES.BAD_SUBSCRIPTION); - } - } - if (input.auth) { - if (!(input.auth instanceof ArrayBuffer)) { - throw errorFactory.create(ERROR_CODES.BAD_SUBSCRIPTION); - } - } - if (input.p256dh) { - if (!(input.p256dh instanceof ArrayBuffer)) { - throw errorFactory.create(ERROR_CODES.BAD_SUBSCRIPTION); - } - } - if (input.fcmSenderId) { - if (typeof input.fcmSenderId !== 'string' || - input.fcmSenderId.length === 0) { - throw errorFactory.create(ERROR_CODES.BAD_SENDER_ID); - } - } - if (input.fcmPushSet) { - if (typeof input.fcmPushSet !== 'string' || input.fcmPushSet.length === 0) { - throw errorFactory.create(ERROR_CODES.BAD_PUSH_SET); - } - } -} +/***/ }), -/** - * Copyright 2017 Google Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -var UNCOMPRESSED_PUBLIC_KEY_SIZE = 65; -var VapidDetailsModel = /** @class */ (function (_super) { - tslib_1.__extends(VapidDetailsModel, _super); - function VapidDetailsModel() { - var _this = _super !== null && _super.apply(this, arguments) || this; - _this.dbName = 'fcm_vapid_details_db'; - _this.dbVersion = 1; - _this.objectStoreName = 'fcm_vapid_object_Store'; - return _this; - } - VapidDetailsModel.prototype.onDbUpgrade = function (request) { - var db = request.result; - db.createObjectStore(this.objectStoreName, { keyPath: 'swScope' }); - }; - /** - * Given a service worker scope, this method will look up the vapid key - * in indexedDB. - */ - VapidDetailsModel.prototype.getVapidFromSWScope = function (swScope) { - return tslib_1.__awaiter(this, void 0, void 0, function () { - var result; - return tslib_1.__generator(this, function (_a) { - switch (_a.label) { - case 0: - if (typeof swScope !== 'string' || swScope.length === 0) { - throw errorFactory.create(ERROR_CODES.BAD_SCOPE); - } - return [4 /*yield*/, this.get(swScope)]; - case 1: - result = _a.sent(); - return [2 /*return*/, result ? result.vapidKey : undefined]; - } - }); - }); - }; - /** - * Save a vapid key against a swScope for later date. - */ - VapidDetailsModel.prototype.saveVapidDetails = function (swScope, vapidKey) { - return tslib_1.__awaiter(this, void 0, void 0, function () { - var details; - return tslib_1.__generator(this, function (_a) { - if (typeof swScope !== 'string' || swScope.length === 0) { - throw errorFactory.create(ERROR_CODES.BAD_SCOPE); - } - if (vapidKey === null || vapidKey.length !== UNCOMPRESSED_PUBLIC_KEY_SIZE) { - throw errorFactory.create(ERROR_CODES.BAD_VAPID_KEY); - } - details = { - swScope: swScope, - vapidKey: vapidKey - }; - return [2 /*return*/, this.put(details)]; - }); - }); - }; - /** - * This method deletes details of the current FCM VAPID key for a SW scope. - * Resolves once the scope/vapid details have been deleted and returns the - * deleted vapid key. - */ - VapidDetailsModel.prototype.deleteVapidDetails = function (swScope) { - return tslib_1.__awaiter(this, void 0, void 0, function () { - var vapidKey; - return tslib_1.__generator(this, function (_a) { - switch (_a.label) { - case 0: return [4 /*yield*/, this.getVapidFromSWScope(swScope)]; - case 1: - vapidKey = _a.sent(); - if (!vapidKey) { - throw errorFactory.create(ERROR_CODES.DELETE_SCOPE_NOT_FOUND); - } - return [4 /*yield*/, this.delete(swScope)]; - case 2: - _a.sent(); - return [2 /*return*/, vapidKey]; - } - }); - }); - }; - return VapidDetailsModel; -}(DbInterface)); +/***/ "./src/views/edit-account-view.jsx": +/*!*****************************************!*\ + !*** ./src/views/edit-account-view.jsx ***! + \*****************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -/** - * Copyright 2017 Google Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -var SENDER_ID_OPTION_NAME = 'messagingSenderId'; -// Database cache should be invalidated once a week. -var TOKEN_EXPIRATION_MILLIS = 7 * 24 * 60 * 60 * 1000; // 7 days -var BaseController = /** @class */ (function () { - /** - * An interface of the Messaging Service API - */ - function BaseController(app) { - var _this = this; - if (!app.options[SENDER_ID_OPTION_NAME] || - typeof app.options[SENDER_ID_OPTION_NAME] !== 'string') { - throw errorFactory.create(ERROR_CODES.BAD_SENDER_ID); - } - this.messagingSenderId = app.options[SENDER_ID_OPTION_NAME]; - this.tokenDetailsModel = new TokenDetailsModel(); - this.vapidDetailsModel = new VapidDetailsModel(); - this.iidModel = new IidModel(); - this.app = app; - this.INTERNAL = { - delete: function () { return _this.delete(); } - }; - } - /** - * @export - */ - BaseController.prototype.getToken = function () { - return tslib_1.__awaiter(this, void 0, void 0, function () { - var currentPermission, swReg, publicVapidKey, pushSubscription, tokenDetails; - return tslib_1.__generator(this, function (_a) { - switch (_a.label) { - case 0: - currentPermission = this.getNotificationPermission_(); - if (currentPermission === 'denied') { - throw errorFactory.create(ERROR_CODES.NOTIFICATIONS_BLOCKED); - } - else if (currentPermission !== 'granted') { - // We must wait for permission to be granted - return [2 /*return*/, null]; - } - return [4 /*yield*/, this.getSWRegistration_()]; - case 1: - swReg = _a.sent(); - return [4 /*yield*/, this.getPublicVapidKey_()]; - case 2: - publicVapidKey = _a.sent(); - return [4 /*yield*/, this.getPushSubscription(swReg, publicVapidKey)]; - case 3: - pushSubscription = _a.sent(); - return [4 /*yield*/, this.tokenDetailsModel.getTokenDetailsFromSWScope(swReg.scope)]; - case 4: - tokenDetails = _a.sent(); - if (tokenDetails) { - return [2 /*return*/, this.manageExistingToken(swReg, pushSubscription, publicVapidKey, tokenDetails)]; - } - return [2 /*return*/, this.getNewToken(swReg, pushSubscription, publicVapidKey)]; - } - }); - }); - }; - /** - * manageExistingToken is triggered if there's an existing FCM token in the - * database and it can take 3 different actions: - * 1) Retrieve the existing FCM token from the database. - * 2) If VAPID details have changed: Delete the existing token and create a - * new one with the new VAPID key. - * 3) If the database cache is invalidated: Send a request to FCM to update - * the token, and to check if the token is still valid on FCM-side. - */ - BaseController.prototype.manageExistingToken = function (swReg, pushSubscription, publicVapidKey, tokenDetails) { - return tslib_1.__awaiter(this, void 0, void 0, function () { - var isTokenValid, now; - return tslib_1.__generator(this, function (_a) { - switch (_a.label) { - case 0: - isTokenValid = isTokenStillValid(pushSubscription, publicVapidKey, tokenDetails); - if (isTokenValid) { - now = Date.now(); - if (now < tokenDetails.createTime + TOKEN_EXPIRATION_MILLIS) { - return [2 /*return*/, tokenDetails.fcmToken]; - } - else { - return [2 /*return*/, this.updateToken(swReg, pushSubscription, publicVapidKey, tokenDetails)]; - } - } - // If the token is no longer valid (for example if the VAPID details - // have changed), delete the existing token from the FCM client and server - // database. No need to unsubscribe from the Service Worker as we have a - // good push subscription that we'd like to use in getNewToken. - return [4 /*yield*/, this.deleteTokenFromDB(tokenDetails.fcmToken)]; - case 1: - // If the token is no longer valid (for example if the VAPID details - // have changed), delete the existing token from the FCM client and server - // database. No need to unsubscribe from the Service Worker as we have a - // good push subscription that we'd like to use in getNewToken. - _a.sent(); - return [2 /*return*/, this.getNewToken(swReg, pushSubscription, publicVapidKey)]; - } - }); - }); - }; - BaseController.prototype.updateToken = function (swReg, pushSubscription, publicVapidKey, tokenDetails) { - return tslib_1.__awaiter(this, void 0, void 0, function () { - var updatedToken, allDetails, e_1; - return tslib_1.__generator(this, function (_a) { - switch (_a.label) { - case 0: - _a.trys.push([0, 4, , 6]); - return [4 /*yield*/, this.iidModel.updateToken(this.messagingSenderId, tokenDetails.fcmToken, tokenDetails.fcmPushSet, pushSubscription, publicVapidKey)]; - case 1: - updatedToken = _a.sent(); - allDetails = { - swScope: swReg.scope, - vapidKey: publicVapidKey, - fcmSenderId: this.messagingSenderId, - fcmToken: updatedToken, - fcmPushSet: tokenDetails.fcmPushSet, - createTime: Date.now(), - endpoint: pushSubscription.endpoint, - auth: pushSubscription.getKey('auth'), - p256dh: pushSubscription.getKey('p256dh') - }; - return [4 /*yield*/, this.tokenDetailsModel.saveTokenDetails(allDetails)]; - case 2: - _a.sent(); - return [4 /*yield*/, this.vapidDetailsModel.saveVapidDetails(swReg.scope, publicVapidKey)]; - case 3: - _a.sent(); - return [2 /*return*/, updatedToken]; - case 4: - e_1 = _a.sent(); - return [4 /*yield*/, this.deleteToken(tokenDetails.fcmToken)]; - case 5: - _a.sent(); - throw e_1; - case 6: return [2 /*return*/]; - } - }); - }); - }; - BaseController.prototype.getNewToken = function (swReg, pushSubscription, publicVapidKey) { - return tslib_1.__awaiter(this, void 0, void 0, function () { - var tokenDetails, allDetails; - return tslib_1.__generator(this, function (_a) { - switch (_a.label) { - case 0: return [4 /*yield*/, this.iidModel.getToken(this.messagingSenderId, pushSubscription, publicVapidKey)]; - case 1: - tokenDetails = _a.sent(); - allDetails = { - swScope: swReg.scope, - vapidKey: publicVapidKey, - fcmSenderId: this.messagingSenderId, - fcmToken: tokenDetails.token, - fcmPushSet: tokenDetails.pushSet, - createTime: Date.now(), - endpoint: pushSubscription.endpoint, - auth: pushSubscription.getKey('auth'), - p256dh: pushSubscription.getKey('p256dh') - }; - return [4 /*yield*/, this.tokenDetailsModel.saveTokenDetails(allDetails)]; - case 2: - _a.sent(); - return [4 /*yield*/, this.vapidDetailsModel.saveVapidDetails(swReg.scope, publicVapidKey)]; - case 3: - _a.sent(); - return [2 /*return*/, tokenDetails.token]; - } - }); - }); - }; - /** - * This method deletes tokens that the token manager looks after, - * unsubscribes the token from FCM and then unregisters the push - * subscription if it exists. It returns a promise that indicates - * whether or not the unsubscribe request was processed successfully. - */ - BaseController.prototype.deleteToken = function (token) { - return tslib_1.__awaiter(this, void 0, void 0, function () { - var registration, pushSubscription; - return tslib_1.__generator(this, function (_a) { - switch (_a.label) { - case 0: - // Delete the token details from the database. - return [4 /*yield*/, this.deleteTokenFromDB(token)]; - case 1: - // Delete the token details from the database. - _a.sent(); - return [4 /*yield*/, this.getSWRegistration_()]; - case 2: - registration = _a.sent(); - if (!registration) return [3 /*break*/, 4]; - return [4 /*yield*/, registration.pushManager.getSubscription()]; - case 3: - pushSubscription = _a.sent(); - if (pushSubscription) { - return [2 /*return*/, pushSubscription.unsubscribe()]; - } - _a.label = 4; - case 4: - // If there's no SW, consider it a success. - return [2 /*return*/, true]; - } - }); - }); - }; - /** - * This method will delete the token from the client database, and make a - * call to FCM to remove it from the server DB. Does not temper with the - * push subscription. - */ - BaseController.prototype.deleteTokenFromDB = function (token) { - return tslib_1.__awaiter(this, void 0, void 0, function () { - var details; - return tslib_1.__generator(this, function (_a) { - switch (_a.label) { - case 0: return [4 /*yield*/, this.tokenDetailsModel.deleteToken(token)]; - case 1: - details = _a.sent(); - return [4 /*yield*/, this.iidModel.deleteToken(details.fcmSenderId, details.fcmToken, details.fcmPushSet)]; - case 2: - _a.sent(); - return [2 /*return*/]; - } - }); - }); - }; - /** - * Gets a PushSubscription for the current user. - */ - BaseController.prototype.getPushSubscription = function (swRegistration, publicVapidKey) { - return swRegistration.pushManager.getSubscription().then(function (subscription) { - if (subscription) { - return subscription; - } - return swRegistration.pushManager.subscribe({ - userVisibleOnly: true, - applicationServerKey: publicVapidKey - }); - }); - }; - // - // The following methods should only be available in the window. - // - BaseController.prototype.requestPermission = function () { - throw errorFactory.create(ERROR_CODES.AVAILABLE_IN_WINDOW); - }; - BaseController.prototype.useServiceWorker = function (registration) { - throw errorFactory.create(ERROR_CODES.AVAILABLE_IN_WINDOW); - }; - BaseController.prototype.usePublicVapidKey = function (b64PublicKey) { - throw errorFactory.create(ERROR_CODES.AVAILABLE_IN_WINDOW); - }; - BaseController.prototype.onMessage = function (nextOrObserver, error, completed) { - throw errorFactory.create(ERROR_CODES.AVAILABLE_IN_WINDOW); - }; - BaseController.prototype.onTokenRefresh = function (nextOrObserver, error, completed) { - throw errorFactory.create(ERROR_CODES.AVAILABLE_IN_WINDOW); - }; - // - // The following methods are used by the service worker only. - // - BaseController.prototype.setBackgroundMessageHandler = function (callback) { - throw errorFactory.create(ERROR_CODES.AVAILABLE_IN_SW); - }; - // - // The following methods are used by the service themselves and not exposed - // publicly or not expected to be used by developers. - // - /** - * This method is required to adhere to the Firebase interface. - * It closes any currently open indexdb database connections. - */ - BaseController.prototype.delete = function () { - return tslib_1.__awaiter(this, void 0, void 0, function () { - return tslib_1.__generator(this, function (_a) { - switch (_a.label) { - case 0: return [4 /*yield*/, Promise.all([ - this.tokenDetailsModel.closeDatabase(), - this.vapidDetailsModel.closeDatabase() - ])]; - case 1: - _a.sent(); - return [2 /*return*/]; - } - }); - }); - }; - /** - * Returns the current Notification Permission state. - */ - BaseController.prototype.getNotificationPermission_ = function () { - // TODO: Remove the cast when this issue is fixed: - // https://github.com/Microsoft/TypeScript/issues/14701 - // tslint:disable-next-line no-any - return Notification.permission; - }; - BaseController.prototype.getTokenDetailsModel = function () { - return this.tokenDetailsModel; - }; - BaseController.prototype.getVapidDetailsModel = function () { - return this.vapidDetailsModel; - }; - // Visible for testing - // TODO: make protected - BaseController.prototype.getIidModel = function () { - return this.iidModel; - }; - return BaseController; -}()); -/** - * Checks if the tokenDetails match the details provided in the clients. - */ -function isTokenStillValid(pushSubscription, publicVapidKey, tokenDetails) { - if (!tokenDetails.vapidKey || - !isArrayBufferEqual(publicVapidKey.buffer, tokenDetails.vapidKey.buffer)) { - return false; - } - var isEndpointEqual = pushSubscription.endpoint === tokenDetails.endpoint; - var isAuthEqual = isArrayBufferEqual(pushSubscription.getKey('auth'), tokenDetails.auth); - var isP256dhEqual = isArrayBufferEqual(pushSubscription.getKey('p256dh'), tokenDetails.p256dh); - return isEndpointEqual && isAuthEqual && isP256dhEqual; -} +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return EditAccountView; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-intl */ \"react-intl\");\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intl__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _widgets_avatar_upload_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../widgets/avatar-upload.jsx */ \"./src/widgets/avatar-upload.jsx\");\n/* harmony import */ var _widgets_checkbox_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../widgets/checkbox.jsx */ \"./src/widgets/checkbox.jsx\");\n/* harmony import */ var _widgets_in_place_edit_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../widgets/in-place-edit.jsx */ \"./src/widgets/in-place-edit.jsx\");\n/* harmony import */ var _widgets_permissions_editor_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../widgets/permissions-editor.jsx */ \"./src/widgets/permissions-editor.jsx\");\n/* harmony import */ var _widgets_tag_manager_jsx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../widgets/tag-manager.jsx */ \"./src/widgets/tag-manager.jsx\");\n/* harmony import */ var _lib_blob_helpers_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../lib/blob-helpers.js */ \"./src/lib/blob-helpers.js\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n\n\n\n\n\n\n\n\n\nvar EditAccountView = function (_React$Component) {\n _inherits(EditAccountView, _React$Component);\n\n function EditAccountView(props) {\n var _this;\n\n _classCallCheck(this, EditAccountView);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(EditAccountView).call(this, props));\n\n var me = _this.props.tinode.getMeTopic();\n\n var defacs = me.getDefaultAccess();\n\n var fnd = _this.props.tinode.getFndTopic();\n\n _this.state = {\n fullName: me.public ? me.public.fn : undefined,\n avatar: Object(_lib_blob_helpers_js__WEBPACK_IMPORTED_MODULE_7__[\"makeImageUrl\"])(me.public ? me.public.photo : null),\n auth: defacs ? defacs.auth : null,\n anon: defacs ? defacs.anon : null,\n tags: fnd.tags(),\n showPermissionEditorFor: undefined,\n previousOnTags: fnd.onTagsUpdated\n };\n _this.tnNewTags = _this.tnNewTags.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleFullNameUpdate = _this.handleFullNameUpdate.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handlePasswordUpdate = _this.handlePasswordUpdate.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleImageChanged = _this.handleImageChanged.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleCheckboxClick = _this.handleCheckboxClick.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleLaunchPermissionsEditor = _this.handleLaunchPermissionsEditor.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleHidePermissionsEditor = _this.handleHidePermissionsEditor.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handlePermissionsChanged = _this.handlePermissionsChanged.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleTagsUpdated = _this.handleTagsUpdated.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n return _this;\n }\n\n _createClass(EditAccountView, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n var _this2 = this;\n\n var fnd = this.props.tinode.getFndTopic();\n fnd.onTagsUpdated = this.tnNewTags;\n\n if (!fnd.isSubscribed()) {\n fnd.subscribe(fnd.startMetaQuery().withLaterDesc().withTags().build()).catch(function (err) {\n _this2.props.onError(err.message, 'err');\n });\n }\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n var fnd = this.props.tinode.getFndTopic();\n fnd.onTagsUpdated = this.state.previousOnTags;\n }\n }, {\n key: \"tnNewTags\",\n value: function tnNewTags(tags) {\n this.setState({\n tags: tags\n });\n }\n }, {\n key: \"handleFullNameUpdate\",\n value: function handleFullNameUpdate(fn) {\n this.setState({\n fullName: fn\n });\n this.props.onUpdateAccount(undefined, vcard(fn, this.state.avatar));\n }\n }, {\n key: \"handlePasswordUpdate\",\n value: function handlePasswordUpdate(pwd) {\n this.setState({\n password: pwd\n });\n this.props.onUpdateAccount(pwd);\n }\n }, {\n key: \"handleImageChanged\",\n value: function handleImageChanged(img) {\n this.setState({\n avatar: img\n });\n this.props.onUpdateAccount(undefined, vcard(this.state.fullName, img));\n }\n }, {\n key: \"handleCheckboxClick\",\n value: function handleCheckboxClick(what, checked) {\n if (what == 'sound') {\n this.props.onToggleMessageSounds(checked);\n } else if (what == 'alert') {\n this.props.onTogglePushNotifications(checked);\n }\n }\n }, {\n key: \"handleLaunchPermissionsEditor\",\n value: function handleLaunchPermissionsEditor(which) {\n this.setState({\n showPermissionEditorFor: which,\n editedPermissions: this.state[which]\n });\n }\n }, {\n key: \"handleHidePermissionsEditor\",\n value: function handleHidePermissionsEditor() {\n this.setState({\n showPermissionEditorFor: undefined\n });\n }\n }, {\n key: \"handlePermissionsChanged\",\n value: function handlePermissionsChanged(perm) {\n var defacs = {};\n defacs[this.state.showPermissionEditorFor] = perm;\n this.props.onUpdateAccount(undefined, undefined, defacs);\n var newState = {\n showPermissionEditorFor: undefined\n };\n newState[this.state.showPermissionEditorFor] = perm;\n this.setState(newState);\n }\n }, {\n key: \"handleTagsUpdated\",\n value: function handleTagsUpdated(tags) {\n if (arrayEqual(this.state.tags.slice(0), tags.slice(0))) {\n return;\n }\n\n this.props.onUpdateTags(tags);\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this3 = this;\n\n var tags = [];\n this.state.tags.map(function (tag) {\n tags.push(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: \"badge\",\n key: tags.length\n }, tag));\n });\n\n if (tags.length == 0) {\n tags = react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"tags_not_found\"\n }));\n }\n\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, this.state.showPermissionEditorFor ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_permissions_editor_jsx__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n mode: this.state.editedPermissions,\n skip: \"O\",\n onSubmit: this.handlePermissionsChanged,\n onCancel: this.handleHidePermissionsEditor\n }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n id: \"edit-account\",\n className: \"scrollable-panel\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-row\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-column\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", {\n className: \"small\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"label_your_name\",\n defaultMessage: \"Your name\"\n }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"full_name_prompt\"\n }, function (full_name_placeholder) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_in_place_edit_jsx__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n placeholder: full_name_placeholder,\n value: _this3.state.fullName,\n onFinished: _this3.handleFullNameUpdate\n });\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", {\n className: \"small\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"label_password\",\n defaultMessage: \"Password\"\n }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"password_unchanged_prompt\",\n defaultMessage: \"Unchanged\"\n }, function (password_unchanged) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_in_place_edit_jsx__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n placeholder: password_unchanged,\n type: \"password\",\n onFinished: _this3.handlePasswordUpdate\n });\n }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_avatar_upload_jsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n avatar: this.state.avatar,\n uid: this.props.myUserId,\n title: this.state.fullName,\n onImageChanged: this.handleImageChanged,\n onError: this.props.onError\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"hr\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-column\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-row\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"label_user_id\",\n defaultMessage: \"Address:\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"tt\", null, this.props.myUserId)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", {\n className: \"small\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"label_default_access_mode\",\n defaultMessage: \"Default access mode:\"\n }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"quoted\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, \"Auth: \", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"tt\", {\n className: \"clickable\",\n onClick: this.handleLaunchPermissionsEditor.bind(this, 'auth')\n }, this.state.auth)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, \"Anon: \", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"tt\", {\n className: \"clickable\",\n onClick: this.handleLaunchPermissionsEditor.bind(this, 'anon')\n }, this.state.anon)))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"hr\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-row\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", {\n htmlFor: \"message-sound\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"label_message_sound\",\n defaultMessage: \"Message sound:\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_checkbox_jsx__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n name: \"sound\",\n id: \"message-sound\",\n checked: this.props.messageSounds,\n onChange: this.handleCheckboxClick\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-row\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", {\n htmlFor: \"desktop-alerts\"\n }, this.props.desktopAlertsEnabled ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"label_push_notifications\",\n defaultMessage: \"Notification alerts:\"\n }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"label_push_notifications_disabled\",\n defaultMessage: \"Notification alerts (requires HTTPS):\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_checkbox_jsx__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n name: \"alert\",\n id: \"desktop-alerts\",\n checked: this.props.desktopAlerts,\n onChange: this.props.desktopAlertsEnabled ? this.handleCheckboxClick : null\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"hr\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"title_tag_manager\",\n defaultMessage: \"Tags (user discovery)\"\n }, function (title_tag_manager) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_tag_manager_jsx__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n title: title_tag_manager,\n activated: false,\n tags: _this3.state.tags,\n onSubmit: _this3.handleTagsUpdated\n });\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"hr\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-column\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: \"javascript:;\",\n className: \"red flat-button\",\n onClick: this.props.onLogout\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons\"\n }, \"exit_to_app\"), \" \", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"button_logout\",\n defaultMessage: \"Logout\"\n })))));\n }\n }]);\n\n return EditAccountView;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);\n\n\n;\n\n//# sourceURL=webpack:///./src/views/edit-account-view.jsx?"); -/** - * Copyright 2017 Google Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -var FCM_MSG = 'FCM_MSG'; -var SwController = /** @class */ (function (_super) { - tslib_1.__extends(SwController, _super); - function SwController(app) { - var _this = _super.call(this, app) || this; - _this.bgMessageHandler = null; - self.addEventListener('push', function (e) { - _this.onPush(e); - }); - self.addEventListener('pushsubscriptionchange', function (e) { - _this.onSubChange(e); - }); - self.addEventListener('notificationclick', function (e) { - _this.onNotificationClick(e); - }); - return _this; - } - // Visible for testing - // TODO: Make private - SwController.prototype.onPush = function (event) { - event.waitUntil(this.onPush_(event)); - }; - // Visible for testing - // TODO: Make private - SwController.prototype.onSubChange = function (event) { - event.waitUntil(this.onSubChange_(event)); - }; - // Visible for testing - // TODO: Make private - SwController.prototype.onNotificationClick = function (event) { - event.waitUntil(this.onNotificationClick_(event)); - }; - /** - * A handler for push events that shows notifications based on the content of - * the payload. - * - * The payload must be a JSON-encoded Object with a `notification` key. The - * value of the `notification` property will be used as the NotificationOptions - * object passed to showNotification. Additionally, the `title` property of the - * notification object will be used as the title. - * - * If there is no notification data in the payload then no notification will be - * shown. - */ - SwController.prototype.onPush_ = function (event) { - return tslib_1.__awaiter(this, void 0, void 0, function () { - var msgPayload, hasVisibleClients, notificationDetails, notificationTitle, reg, actions, maxActions; - return tslib_1.__generator(this, function (_a) { - switch (_a.label) { - case 0: - if (!event.data) { - return [2 /*return*/]; - } - try { - msgPayload = event.data.json(); - } - catch (err) { - // Not JSON so not an FCM message - return [2 /*return*/]; - } - return [4 /*yield*/, this.hasVisibleClients_()]; - case 1: - hasVisibleClients = _a.sent(); - if (hasVisibleClients) { - // App in foreground. Send to page. - return [2 /*return*/, this.sendMessageToWindowClients_(msgPayload)]; - } - notificationDetails = this.getNotificationData_(msgPayload); - if (!notificationDetails) return [3 /*break*/, 3]; - notificationTitle = notificationDetails.title || ''; - return [4 /*yield*/, this.getSWRegistration_()]; - case 2: - reg = _a.sent(); - actions = notificationDetails.actions; - maxActions = Notification.maxActions; - // tslint:enable no-any - if (actions && maxActions && actions.length > maxActions) { - console.warn("This browser only supports " + maxActions + " actions." + - "The remaining actions will not be displayed."); - } - return [2 /*return*/, reg.showNotification(notificationTitle, notificationDetails)]; - case 3: - if (!this.bgMessageHandler) return [3 /*break*/, 5]; - return [4 /*yield*/, this.bgMessageHandler(msgPayload)]; - case 4: - _a.sent(); - return [2 /*return*/]; - case 5: return [2 /*return*/]; - } - }); - }); - }; - SwController.prototype.onSubChange_ = function (event) { - return tslib_1.__awaiter(this, void 0, void 0, function () { - var registration, err_1, err_2, tokenDetailsModel, tokenDetails; - return tslib_1.__generator(this, function (_a) { - switch (_a.label) { - case 0: - _a.trys.push([0, 2, , 3]); - return [4 /*yield*/, this.getSWRegistration_()]; - case 1: - registration = _a.sent(); - return [3 /*break*/, 3]; - case 2: - err_1 = _a.sent(); - throw errorFactory.create(ERROR_CODES.UNABLE_TO_RESUBSCRIBE, { - message: err_1 - }); - case 3: - _a.trys.push([3, 5, , 8]); - return [4 /*yield*/, registration.pushManager.getSubscription()]; - case 4: - _a.sent(); - return [3 /*break*/, 8]; - case 5: - err_2 = _a.sent(); - tokenDetailsModel = this.getTokenDetailsModel(); - return [4 /*yield*/, tokenDetailsModel.getTokenDetailsFromSWScope(registration.scope)]; - case 6: - tokenDetails = _a.sent(); - if (!tokenDetails) { - // This should rarely occure, but could if indexedDB - // is corrupted or wiped - throw err_2; - } - // Attempt to delete the token if we know it's bad - return [4 /*yield*/, this.deleteToken(tokenDetails.fcmToken)]; - case 7: - // Attempt to delete the token if we know it's bad - _a.sent(); - throw err_2; - case 8: return [2 /*return*/]; - } - }); - }); - }; - SwController.prototype.onNotificationClick_ = function (event) { - return tslib_1.__awaiter(this, void 0, void 0, function () { - var msgPayload, link, windowClient, internalMsg; - return tslib_1.__generator(this, function (_a) { - switch (_a.label) { - case 0: - if (!event.notification || - !event.notification.data || - !event.notification.data[FCM_MSG]) { - // Not an FCM notification, do nothing. - return [2 /*return*/]; - } - else if (event.action) { - // User clicked on an action button. - // This will allow devs to act on action button clicks by using a custom - // onNotificationClick listener that they define. - return [2 /*return*/]; - } - // Prevent other listeners from receiving the event - event.stopImmediatePropagation(); - event.notification.close(); - msgPayload = event.notification.data[FCM_MSG]; - if (!msgPayload.notification) { - // Nothing to do. - return [2 /*return*/]; - } - link = (msgPayload.fcmOptions && msgPayload.fcmOptions.link) || - msgPayload.notification.click_action; - if (!link) { - // Nothing to do. - return [2 /*return*/]; - } - return [4 /*yield*/, this.getWindowClient_(link)]; - case 1: - windowClient = _a.sent(); - if (!!windowClient) return [3 /*break*/, 3]; - return [4 /*yield*/, self.clients.openWindow(link)]; - case 2: - // Unable to find window client so need to open one. - windowClient = _a.sent(); - return [3 /*break*/, 5]; - case 3: return [4 /*yield*/, windowClient.focus()]; - case 4: - windowClient = _a.sent(); - _a.label = 5; - case 5: - if (!windowClient) { - // Window Client will not be returned if it's for a third party origin. - return [2 /*return*/]; - } - // Delete notification and fcmOptions data from payload before sending to - // the page. - delete msgPayload.notification; - delete msgPayload.fcmOptions; - internalMsg = createNewMsg(MessageType.NOTIFICATION_CLICKED, msgPayload); - // Attempt to send a message to the client to handle the data - // Is affected by: https://github.com/slightlyoff/ServiceWorker/issues/728 - return [2 /*return*/, this.attemptToMessageClient_(windowClient, internalMsg)]; - } - }); - }); - }; - // Visible for testing - // TODO: Make private - SwController.prototype.getNotificationData_ = function (msgPayload) { - if (!msgPayload) { - return; - } - if (typeof msgPayload.notification !== 'object') { - return; - } - var notificationInformation = tslib_1.__assign({}, msgPayload.notification); - // Put the message payload under FCM_MSG name so we can identify the - // notification as being an FCM notification vs a notification from - // somewhere else (i.e. normal web push or developer generated - // notification). - notificationInformation.data = tslib_1.__assign({}, msgPayload.notification.data, (_a = {}, _a[FCM_MSG] = msgPayload, _a)); - return notificationInformation; - var _a; - }; - /** - * Calling setBackgroundMessageHandler will opt in to some specific - * behaviours. - * 1.) If a notification doesn't need to be shown due to a window already - * being visible, then push messages will be sent to the page. - * 2.) If a notification needs to be shown, and the message contains no - * notification data this method will be called - * and the promise it returns will be passed to event.waitUntil. - * If you do not set this callback then all push messages will let and the - * developer can handle them in a their own 'push' event callback - * - * @param callback The callback to be called when a push message is received - * and a notification must be shown. The callback will be given the data from - * the push message. - */ - SwController.prototype.setBackgroundMessageHandler = function (callback) { - if (!callback || typeof callback !== 'function') { - throw errorFactory.create(ERROR_CODES.BG_HANDLER_FUNCTION_EXPECTED); - } - this.bgMessageHandler = callback; - }; - /** - * @param url The URL to look for when focusing a client. - * @return Returns an existing window client or a newly opened WindowClient. - */ - // Visible for testing - // TODO: Make private - SwController.prototype.getWindowClient_ = function (url) { - return tslib_1.__awaiter(this, void 0, void 0, function () { - var parsedURL, clientList, suitableClient, i, parsedClientUrl; - return tslib_1.__generator(this, function (_a) { - switch (_a.label) { - case 0: - parsedURL = new URL(url, self.location.href).href; - return [4 /*yield*/, getClientList()]; - case 1: - clientList = _a.sent(); - suitableClient = null; - for (i = 0; i < clientList.length; i++) { - parsedClientUrl = new URL(clientList[i].url, self.location.href) - .href; - if (parsedClientUrl === parsedURL) { - suitableClient = clientList[i]; - break; - } - } - return [2 /*return*/, suitableClient]; - } - }); - }); - }; - /** - * This message will attempt to send the message to a window client. - * @param client The WindowClient to send the message to. - * @param message The message to send to the client. - * @returns Returns a promise that resolves after sending the message. This - * does not guarantee that the message was successfully received. - */ - // Visible for testing - // TODO: Make private - SwController.prototype.attemptToMessageClient_ = function (client, message) { - return tslib_1.__awaiter(this, void 0, void 0, function () { - return tslib_1.__generator(this, function (_a) { - // NOTE: This returns a promise in case this API is abstracted later on to - // do additional work - if (!client) { - throw errorFactory.create(ERROR_CODES.NO_WINDOW_CLIENT_TO_MSG); - } - client.postMessage(message); - return [2 /*return*/]; - }); - }); - }; - /** - * @returns If there is currently a visible WindowClient, this method will - * resolve to true, otherwise false. - */ - // Visible for testing - // TODO: Make private - SwController.prototype.hasVisibleClients_ = function () { - return tslib_1.__awaiter(this, void 0, void 0, function () { - var clientList; - return tslib_1.__generator(this, function (_a) { - switch (_a.label) { - case 0: return [4 /*yield*/, getClientList()]; - case 1: - clientList = _a.sent(); - return [2 /*return*/, clientList.some(function (client) { return client.visibilityState === 'visible'; })]; - } - }); - }); - }; - /** - * @param msgPayload The data from the push event that should be sent to all - * available pages. - * @returns Returns a promise that resolves once the message has been sent to - * all WindowClients. - */ - // Visible for testing - // TODO: Make private - SwController.prototype.sendMessageToWindowClients_ = function (msgPayload) { - return tslib_1.__awaiter(this, void 0, void 0, function () { - var _this = this; - var clientList, internalMsg; - return tslib_1.__generator(this, function (_a) { - switch (_a.label) { - case 0: return [4 /*yield*/, getClientList()]; - case 1: - clientList = _a.sent(); - internalMsg = createNewMsg(MessageType.PUSH_MSG_RECEIVED, msgPayload); - return [4 /*yield*/, Promise.all(clientList.map(function (client) { - return _this.attemptToMessageClient_(client, internalMsg); - }))]; - case 2: - _a.sent(); - return [2 /*return*/]; - } - }); - }); - }; - /** - * This will register the default service worker and return the registration. - * @return he service worker registration to be used for the push service. - */ - SwController.prototype.getSWRegistration_ = function () { - return tslib_1.__awaiter(this, void 0, void 0, function () { - return tslib_1.__generator(this, function (_a) { - return [2 /*return*/, self.registration]; - }); - }); - }; - /** - * This will return the default VAPID key or the uint8array version of the - * public VAPID key provided by the developer. - */ - SwController.prototype.getPublicVapidKey_ = function () { - return tslib_1.__awaiter(this, void 0, void 0, function () { - var swReg, vapidKeyFromDatabase; - return tslib_1.__generator(this, function (_a) { - switch (_a.label) { - case 0: return [4 /*yield*/, this.getSWRegistration_()]; - case 1: - swReg = _a.sent(); - if (!swReg) { - throw errorFactory.create(ERROR_CODES.SW_REGISTRATION_EXPECTED); - } - return [4 /*yield*/, this.getVapidDetailsModel().getVapidFromSWScope(swReg.scope)]; - case 2: - vapidKeyFromDatabase = _a.sent(); - if (vapidKeyFromDatabase == null) { - return [2 /*return*/, DEFAULT_PUBLIC_VAPID_KEY]; - } - return [2 /*return*/, vapidKeyFromDatabase]; - } - }); - }); - }; - return SwController; -}(BaseController)); -function getClientList() { - return self.clients.matchAll({ - type: 'window', - includeUncontrolled: true - // TS doesn't know that "type: 'window'" means it'll return WindowClient[] - }); -} -function createNewMsg(msgType, msgData) { - return _a = {}, _a[MessageParameter.TYPE_OF_MSG] = msgType, _a[MessageParameter.DATA] = msgData, _a; - var _a; -} +/***/ }), -/** - * Copyright 2017 Google Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -var DEFAULT_SW_PATH = '/firebase-messaging-sw.js'; -var DEFAULT_SW_SCOPE = '/firebase-cloud-messaging-push-scope'; +/***/ "./src/views/info-view.jsx": +/*!*********************************!*\ + !*** ./src/views/info-view.jsx ***! + \*********************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -/** - * Copyright 2017 Google Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -var WindowController = /** @class */ (function (_super) { - tslib_1.__extends(WindowController, _super); - /** - * A service that provides a MessagingService instance. - */ - function WindowController(app) { - var _this = _super.call(this, app) || this; - _this.registrationToUse = null; - _this.publicVapidKeyToUse = null; - _this.manifestCheckPromise = null; - _this.messageObserver = null; - // @ts-ignore: Unused variable error, this is not implemented yet. - _this.tokenRefreshObserver = null; - _this.onMessageInternal = util.createSubscribe(function (observer) { - _this.messageObserver = observer; - }); - _this.onTokenRefreshInternal = util.createSubscribe(function (observer) { - _this.tokenRefreshObserver = observer; - }); - _this.setupSWMessageListener_(); - return _this; - } - /** - * This method returns an FCM token if it can be generated. - * The return promise will reject if the browser doesn't support - * FCM, if permission is denied for notifications or it's not - * possible to generate a token. - * - * @return Returns a promise that resolves to an FCM token or null if - * permission isn't granted. - */ - WindowController.prototype.getToken = function () { - return tslib_1.__awaiter(this, void 0, void 0, function () { - return tslib_1.__generator(this, function (_a) { - switch (_a.label) { - case 0: - if (!this.manifestCheckPromise) { - this.manifestCheckPromise = manifestCheck(); - } - return [4 /*yield*/, this.manifestCheckPromise]; - case 1: - _a.sent(); - return [2 /*return*/, _super.prototype.getToken.call(this)]; - } - }); - }); - }; - /** - * Request permission if it is not currently granted - * - * @return Resolves if the permission was granted, otherwise rejects - */ - WindowController.prototype.requestPermission = function () { - return tslib_1.__awaiter(this, void 0, void 0, function () { - var permissionResult; - return tslib_1.__generator(this, function (_a) { - switch (_a.label) { - case 0: - if (this.getNotificationPermission_() === 'granted') { - return [2 /*return*/]; - } - return [4 /*yield*/, Notification.requestPermission()]; - case 1: - permissionResult = _a.sent(); - if (permissionResult === 'granted') { - return [2 /*return*/]; - } - else if (permissionResult === 'denied') { - throw errorFactory.create(ERROR_CODES.PERMISSION_BLOCKED); - } - else { - throw errorFactory.create(ERROR_CODES.PERMISSION_DEFAULT); - } - return [2 /*return*/]; - } - }); - }); - }; - /** - * This method allows a developer to override the default service worker and - * instead use a custom service worker. - * - * @param registration The service worker registration that should be used to - * receive the push messages. - */ - WindowController.prototype.useServiceWorker = function (registration) { - if (!(registration instanceof ServiceWorkerRegistration)) { - throw errorFactory.create(ERROR_CODES.SW_REGISTRATION_EXPECTED); - } - if (this.registrationToUse != null) { - throw errorFactory.create(ERROR_CODES.USE_SW_BEFORE_GET_TOKEN); - } - this.registrationToUse = registration; - }; - /** - * This method allows a developer to override the default vapid key - * and instead use a custom VAPID public key. - * - * @param publicKey A URL safe base64 encoded string. - */ - WindowController.prototype.usePublicVapidKey = function (publicKey) { - if (typeof publicKey !== 'string') { - throw errorFactory.create(ERROR_CODES.INVALID_PUBLIC_VAPID_KEY); - } - if (this.publicVapidKeyToUse != null) { - throw errorFactory.create(ERROR_CODES.USE_PUBLIC_KEY_BEFORE_GET_TOKEN); - } - var parsedKey = base64ToArrayBuffer(publicKey); - if (parsedKey.length !== 65) { - throw errorFactory.create(ERROR_CODES.PUBLIC_KEY_DECRYPTION_FAILED); - } - this.publicVapidKeyToUse = parsedKey; - }; - /** - * @export - * @param nextOrObserver An observer object or a function triggered on - * message. - * @param error A function triggered on message error. - * @param completed function triggered when the observer is removed. - * @return The unsubscribe function for the observer. - */ - WindowController.prototype.onMessage = function (nextOrObserver, error, completed) { - if (typeof nextOrObserver === 'function') { - return this.onMessageInternal(nextOrObserver, error, completed); - } - else { - return this.onMessageInternal(nextOrObserver); - } - }; - /** - * @param nextOrObserver An observer object or a function triggered on token - * refresh. - * @param error A function triggered on token refresh error. - * @param completed function triggered when the observer is removed. - * @return The unsubscribe function for the observer. - */ - WindowController.prototype.onTokenRefresh = function (nextOrObserver, error, completed) { - if (typeof nextOrObserver === 'function') { - return this.onTokenRefreshInternal(nextOrObserver, error, completed); - } - else { - return this.onTokenRefreshInternal(nextOrObserver); - } - }; - /** - * Given a registration, wait for the service worker it relates to - * become activer - * @param registration Registration to wait for service worker to become active - * @return Wait for service worker registration to become active - */ - // Visible for testing - // TODO: Make private - WindowController.prototype.waitForRegistrationToActivate_ = function (registration) { - var serviceWorker = registration.installing || registration.waiting || registration.active; - return new Promise(function (resolve, reject) { - if (!serviceWorker) { - // This is a rare scenario but has occured in firefox - reject(errorFactory.create(ERROR_CODES.NO_SW_IN_REG)); - return; - } - // Because the Promise function is called on next tick there is a - // small chance that the worker became active or redundant already. - if (serviceWorker.state === 'activated') { - resolve(registration); - return; - } - if (serviceWorker.state === 'redundant') { - reject(errorFactory.create(ERROR_CODES.SW_REG_REDUNDANT)); - return; - } - var stateChangeListener = function () { - if (serviceWorker.state === 'activated') { - resolve(registration); - } - else if (serviceWorker.state === 'redundant') { - reject(errorFactory.create(ERROR_CODES.SW_REG_REDUNDANT)); - } - else { - // Return early and wait to next state change - return; - } - serviceWorker.removeEventListener('statechange', stateChangeListener); - }; - serviceWorker.addEventListener('statechange', stateChangeListener); - }); - }; - /** - * This will register the default service worker and return the registration - * @return The service worker registration to be used for the push service. - */ - WindowController.prototype.getSWRegistration_ = function () { - var _this = this; - if (this.registrationToUse) { - return this.waitForRegistrationToActivate_(this.registrationToUse); - } - // Make the registration null so we know useServiceWorker will not - // use a new service worker as registrationToUse is no longer undefined - this.registrationToUse = null; - return navigator.serviceWorker - .register(DEFAULT_SW_PATH, { - scope: DEFAULT_SW_SCOPE - }) - .catch(function (err) { - throw errorFactory.create(ERROR_CODES.FAILED_DEFAULT_REGISTRATION, { - browserErrorMessage: err.message - }); - }) - .then(function (registration) { - return _this.waitForRegistrationToActivate_(registration).then(function () { - _this.registrationToUse = registration; - // We update after activation due to an issue with Firefox v49 where - // a race condition occassionally causes the service work to not - // install - registration.update(); - return registration; - }); - }); - }; - /** - * This will return the default VAPID key or the uint8array version of the public VAPID key - * provided by the developer. - */ - WindowController.prototype.getPublicVapidKey_ = function () { - return tslib_1.__awaiter(this, void 0, void 0, function () { - return tslib_1.__generator(this, function (_a) { - if (this.publicVapidKeyToUse) { - return [2 /*return*/, this.publicVapidKeyToUse]; - } - return [2 /*return*/, DEFAULT_PUBLIC_VAPID_KEY]; - }); - }); - }; - /** - * This method will set up a message listener to handle - * events from the service worker that should trigger - * events in the page. - */ - // Visible for testing - // TODO: Make private - WindowController.prototype.setupSWMessageListener_ = function () { - var _this = this; - navigator.serviceWorker.addEventListener('message', function (event) { - if (!event.data || !event.data[MessageParameter.TYPE_OF_MSG]) { - // Not a message from FCM - return; - } - var workerPageMessage = event.data; - switch (workerPageMessage[MessageParameter.TYPE_OF_MSG]) { - case MessageType.PUSH_MSG_RECEIVED: - case MessageType.NOTIFICATION_CLICKED: - var pushMessage = workerPageMessage[MessageParameter.DATA]; - if (_this.messageObserver) { - _this.messageObserver.next(pushMessage); - } - break; - default: - // Noop. - break; - } - }, false); - }; - return WindowController; -}(BaseController)); -/** - * The method checks that a manifest is defined and has the correct GCM - * sender ID. - * @return Returns a promise that resolves if the manifest matches - * our required sender ID - */ -// Exported for testing -function manifestCheck() { - return tslib_1.__awaiter(this, void 0, void 0, function () { - var manifestTag, manifestContent, response, e_1; - return tslib_1.__generator(this, function (_a) { - switch (_a.label) { - case 0: - manifestTag = document.querySelector('link[rel="manifest"]'); - if (!manifestTag) { - return [2 /*return*/]; - } - _a.label = 1; - case 1: - _a.trys.push([1, 4, , 5]); - return [4 /*yield*/, fetch(manifestTag.href)]; - case 2: - response = _a.sent(); - return [4 /*yield*/, response.json()]; - case 3: - manifestContent = _a.sent(); - return [3 /*break*/, 5]; - case 4: - e_1 = _a.sent(); - // If the download or parsing fails allow check. - // We only want to error if we KNOW that the gcm_sender_id is incorrect. - return [2 /*return*/]; - case 5: - if (!manifestContent || !manifestContent.gcm_sender_id) { - return [2 /*return*/]; - } - if (manifestContent.gcm_sender_id !== '103953800507') { - throw errorFactory.create(ERROR_CODES.INCORRECT_GCM_SENDER_ID); - } - return [2 /*return*/]; - } - }); - }); -} +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-intl */ \"react-intl\");\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intl__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var tinode_sdk__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tinode-sdk */ \"../tinode-js/umd/tinode.prod.js\");\n/* harmony import */ var tinode_sdk__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(tinode_sdk__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _widgets_avatar_upload_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../widgets/avatar-upload.jsx */ \"./src/widgets/avatar-upload.jsx\");\n/* harmony import */ var _widgets_checkbox_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../widgets/checkbox.jsx */ \"./src/widgets/checkbox.jsx\");\n/* harmony import */ var _widgets_contact_list_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../widgets/contact-list.jsx */ \"./src/widgets/contact-list.jsx\");\n/* harmony import */ var _widgets_group_manager_jsx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../widgets/group-manager.jsx */ \"./src/widgets/group-manager.jsx\");\n/* harmony import */ var _widgets_in_place_edit_jsx__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../widgets/in-place-edit.jsx */ \"./src/widgets/in-place-edit.jsx\");\n/* harmony import */ var _widgets_menu_cancel_jsx__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../widgets/menu-cancel.jsx */ \"./src/widgets/menu-cancel.jsx\");\n/* harmony import */ var _widgets_more_button_jsx__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../widgets/more-button.jsx */ \"./src/widgets/more-button.jsx\");\n/* harmony import */ var _widgets_permissions_editor_jsx__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../widgets/permissions-editor.jsx */ \"./src/widgets/permissions-editor.jsx\");\n/* harmony import */ var _widgets_tag_manager_jsx__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../widgets/tag-manager.jsx */ \"./src/widgets/tag-manager.jsx\");\n/* harmony import */ var _lib_blob_helpers_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../lib/blob-helpers.js */ \"./src/lib/blob-helpers.js\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar messages = Object(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"defineMessages\"])({\n requested: {\n \"id\": \"requested_permissions\",\n \"defaultMessage\": \"Requested\"\n },\n granted: {\n \"id\": \"granted_permissions\",\n \"defaultMessage\": \"Granted\"\n },\n edit_permissions: {\n \"id\": \"menu_item_edit_permissions\",\n \"defaultMessage\": \"Edit permissions\"\n },\n other_user: {\n \"id\": \"label_other_user\",\n \"defaultMessage\": \"Other\"\n }\n});\n\nvar InfoView = function (_React$Component) {\n _inherits(InfoView, _React$Component);\n\n function InfoView(props) {\n var _this;\n\n _classCallCheck(this, InfoView);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(InfoView).call(this, props));\n _this.state = {\n topic: null,\n owner: false,\n admin: false,\n sharer: false,\n muted: false,\n address: null,\n groupTopic: undefined,\n fullName: undefined,\n avatar: null,\n private: null,\n selectedContact: null,\n access: null,\n modeGiven: null,\n modeWant: null,\n modeGiven2: null,\n modeWant2: null,\n auth: null,\n anon: null,\n contactList: [],\n tags: [],\n showMemberPanel: false,\n showPermissionEditorFor: undefined,\n moreInfoExpanded: false,\n previousMetaDesc: undefined,\n previousSubsUpdated: undefined,\n previousTagsUpdated: undefined\n };\n _this.resetSubs = _this.resetSubs.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.resetDesc = _this.resetDesc.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.onMetaDesc = _this.onMetaDesc.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.onSubsUpdated = _this.onSubsUpdated.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.onTagsUpdated = _this.onTagsUpdated.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleFullNameUpdate = _this.handleFullNameUpdate.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handlePrivateUpdate = _this.handlePrivateUpdate.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleImageChanged = _this.handleImageChanged.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleMuted = _this.handleMuted.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handlePermissionsChanged = _this.handlePermissionsChanged.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleLaunchPermissionsEditor = _this.handleLaunchPermissionsEditor.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleHidePermissionsEditor = _this.handleHidePermissionsEditor.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleShowAddMembers = _this.handleShowAddMembers.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleHideAddMembers = _this.handleHideAddMembers.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleMemberUpdateRequest = _this.handleMemberUpdateRequest.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleLeave = _this.handleLeave.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleMemberSelected = _this.handleMemberSelected.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleMoreInfo = _this.handleMoreInfo.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleTagsUpdated = _this.handleTagsUpdated.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleContextMenu = _this.handleContextMenu.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n return _this;\n }\n\n _createClass(InfoView, [{\n key: \"UNSAFE_componentWillReceiveProps\",\n value: function UNSAFE_componentWillReceiveProps(props) {\n var topic = this.props.tinode.getTopic(props.topic);\n\n if (!topic) {\n return;\n }\n\n if (this.onMetaDesc != topic.onMetaDesc) {\n this.previousMetaDesc = topic.onMetaDesc;\n topic.onMetaDesc = this.onMetaDesc;\n this.previousSubsUpdated = topic.onSubsUpdated;\n topic.onSubsUpdated = this.onSubsUpdated;\n\n if (topic.getType() == 'grp') {\n this.previousTagsUpdated = topic.onTagsUpdated;\n topic.onTagsUpdated = this.onTagsUpdated;\n } else {\n this.previousTagsUpdated = undefined;\n }\n }\n\n if (this.state.topic != props.topic) {\n this.setState({\n topic: props.topic\n });\n this.resetDesc(topic, props);\n this.resetSubs(topic, props);\n }\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n var topic = this.props.tinode.getTopic(this.props.topic);\n\n if (!topic) {\n return;\n }\n\n this.setState({\n topic: null\n });\n topic.onMetaDesc = this.previousMetaDesc;\n topic.onSubsUpdated = this.previousSubsUpdated;\n topic.onTagsUpdated = this.previousTagsUpdated;\n }\n }, {\n key: \"resetSubs\",\n value: function resetSubs(topic, props) {\n var newState = {\n contactList: []\n };\n\n if (topic.getType() == 'p2p') {\n var user2 = topic.subscriber(props.topic);\n\n if (user2) {\n newState.modeGiven2 = user2.acs.getGiven();\n newState.modeWant2 = user2.acs.getWant();\n }\n } else {\n topic.subscribers(function (sub) {\n newState.contactList.push(sub);\n }, this);\n }\n\n this.setState(newState);\n }\n }, {\n key: \"resetDesc\",\n value: function resetDesc(topic, props) {\n var defacs = topic.getDefaultAccess() || {};\n var acs = topic.getAccessMode();\n this.setState({\n owner: acs && acs.isOwner(),\n admin: acs && acs.isAdmin(),\n sharer: acs && (acs.isAdmin() || acs.isSharer()),\n muted: acs && acs.isMuted(),\n fullName: topic.public ? topic.public.fn : undefined,\n avatar: Object(_lib_blob_helpers_js__WEBPACK_IMPORTED_MODULE_12__[\"makeImageUrl\"])(topic.public ? topic.public.photo : null),\n private: topic.private ? topic.private.comment : null,\n address: topic.name,\n groupTopic: topic.getType() == 'grp',\n showMemberPanel: false,\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 if (topic.getType() == 'grp' && acs && acs.isOwner()) {\n topic.getMeta(topic.startMetaQuery().withTags().build());\n }\n }\n }, {\n key: \"onMetaDesc\",\n value: function onMetaDesc(desc) {\n var topic = this.props.tinode.getTopic(this.props.topic);\n\n if (!topic) {\n return;\n }\n\n this.resetDesc(topic, this.props);\n\n if (this.previousMetaDesc && this.previousMetaDesc != this.onMetaDesc) {\n this.previousMetaDesc(desc);\n }\n }\n }, {\n key: \"onSubsUpdated\",\n value: function onSubsUpdated() {\n var topic = this.props.tinode.getTopic(this.props.topic);\n\n if (!topic) {\n return;\n }\n\n this.resetSubs(topic, this.props);\n\n if (this.previousSubsUpdated && this.previousSubsUpdated != this.onSubsUpdated) {\n this.previousSubsUpdated();\n }\n }\n }, {\n key: \"onTagsUpdated\",\n value: function onTagsUpdated(tags) {\n this.setState({\n tags: tags\n });\n\n if (this.previousTagsUpdated && this.previousTagsUpdated != this.onTagsUpdated) {\n this.previousTagsUpdated();\n }\n }\n }, {\n key: \"handleFullNameUpdate\",\n value: function handleFullNameUpdate(fn) {\n if (this.state.fullName !== fn) {\n this.setState({\n fullName: fn\n });\n this.props.onTopicDescUpdate(this.props.topic, vcard(fn, this.state.avatar), null);\n }\n }\n }, {\n key: \"handlePrivateUpdate\",\n value: function handlePrivateUpdate(priv) {\n if (this.state.priv !== priv) {\n this.setState({\n private: priv\n });\n this.props.onTopicDescUpdate(this.props.topic, null, priv || tinode_sdk__WEBPACK_IMPORTED_MODULE_2___default.a.DEL_CHAR);\n }\n }\n }, {\n key: \"handleImageChanged\",\n value: function handleImageChanged(img) {\n this.setState({\n avatar: img\n });\n this.props.onTopicDescUpdate(this.props.topic, vcard(this.state.fullName, img), null);\n }\n }, {\n key: \"handleMuted\",\n value: function handleMuted(ignored, checked) {\n this.setState({\n muted: checked\n });\n this.props.onChangePermissions(this.props.topic, checked ? '-P' : '+P');\n }\n }, {\n key: \"handlePermissionsChanged\",\n value: function handlePermissionsChanged(perm) {\n switch (this.state.showPermissionEditorFor) {\n case 'auth':\n this.props.onTopicDescUpdate(this.props.topic, null, null, {\n auth: perm\n });\n break;\n\n case 'anon':\n this.props.onTopicDescUpdate(this.props.topic, null, null, {\n anon: perm\n });\n break;\n\n case 'mode':\n case 'want':\n this.props.onChangePermissions(this.props.topic, perm);\n break;\n\n case 'given':\n this.props.onChangePermissions(this.props.topic, perm, this.props.topic);\n break;\n\n case 'user':\n this.props.onChangePermissions(this.props.topic, perm, this.state.userPermissionsEdited);\n break;\n }\n\n this.setState({\n showPermissionEditorFor: undefined\n });\n }\n }, {\n key: \"handleLaunchPermissionsEditor\",\n value: function handleLaunchPermissionsEditor(which, uid) {\n var formatMessage = this.props.intl.formatMessage;\n var toEdit, toCompare, toSkip, titleEdit, titleCompare, userTitle, userAvatar;\n\n switch (which) {\n case 'mode':\n toEdit = this.state.access;\n break;\n\n case 'want':\n toEdit = this.state.modeWant;\n toCompare = this.state.modeGiven;\n toSkip = this.state.groupTopic ? 'O' : 'ASDO';\n titleEdit = formatMessage(messages.requested);\n titleCompare = formatMessage(messages.granted);\n break;\n\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.granted);\n titleCompare = formatMessage(messages.requested);\n break;\n\n case 'auth':\n toEdit = this.state.auth;\n toSkip = 'O';\n break;\n\n case 'anon':\n toEdit = this.state.anon;\n toSkip = 'O';\n break;\n\n case 'user':\n {\n var topic = this.props.tinode.getTopic(this.props.topic);\n\n if (!topic) {\n return;\n }\n\n var user = topic.subscriber(uid);\n\n if (!user || !user.acs) {\n return;\n }\n\n toEdit = user.acs.getGiven();\n toCompare = user.acs.getWant();\n toSkip = this.state.owner ? '' : 'O';\n titleEdit = formatMessage(messages.granted);\n titleCompare = formatMessage(messages.requested);\n\n if (user.public) {\n userTitle = user.public.fn;\n userAvatar = user.public.photo;\n }\n\n break;\n }\n\n default:\n console.log(\"Unknown permission editing mode '\" + which + \"'\");\n break;\n }\n\n this.setState({\n showPermissionEditorFor: which,\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 }\n }, {\n key: \"handleHidePermissionsEditor\",\n value: function handleHidePermissionsEditor() {\n this.setState({\n showPermissionEditorFor: undefined\n });\n }\n }, {\n key: \"handleShowAddMembers\",\n value: function handleShowAddMembers() {\n this.props.onInitFind();\n this.setState({\n showMemberPanel: true\n });\n }\n }, {\n key: \"handleHideAddMembers\",\n value: function handleHideAddMembers() {\n this.setState({\n showMemberPanel: false\n });\n }\n }, {\n key: \"handleMemberUpdateRequest\",\n value: function handleMemberUpdateRequest(members, added, removed) {\n this.props.onMemberUpdateRequest(this.props.topic, added, removed);\n this.setState({\n showMemberPanel: false\n });\n }\n }, {\n key: \"handleLeave\",\n value: function handleLeave() {\n this.props.onLeaveTopic(this.props.topic);\n }\n }, {\n key: \"handleMemberSelected\",\n value: function handleMemberSelected(uid) {\n this.setState({\n selectedContact: uid\n });\n }\n }, {\n key: \"handleMoreInfo\",\n value: function handleMoreInfo(open) {\n this.setState({\n moreInfoExpanded: open\n });\n }\n }, {\n key: \"handleTagsUpdated\",\n value: function handleTagsUpdated(tags) {\n if (!arrayEqual(this.state.tags.slice(0), tags.slice(0))) {\n this.props.onTopicTagsUpdate(this.props.topic, tags);\n }\n }\n }, {\n key: \"handleContextMenu\",\n value: function handleContextMenu(params) {\n var formatMessage = this.props.intl.formatMessage;\n var instance = this;\n var topic = this.props.tinode.getTopic(this.props.topic);\n\n if (!topic) {\n return;\n }\n\n var user = topic.subscriber(params.topicName);\n\n if (!user || !user.acs) {\n return;\n }\n\n var menuItems = [{\n title: formatMessage(messages.edit_permissions),\n handler: function handler() {\n instance.handleLaunchPermissionsEditor('user', params.topicName);\n }\n }, 'member_delete', user.acs.isMuted() ? 'member_unmute' : 'member_mute', user.acs.isJoiner() ? 'member_block' : 'member_unblock'];\n this.props.showContextMenu({\n topicName: this.props.topic,\n x: params.x,\n y: params.y,\n user: params.topicName\n }, menuItems);\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this2 = this;\n\n var formatMessage = this.props.intl.formatMessage;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n id: \"info-view\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"caption-panel\",\n id: \"info-caption-panel\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-title\",\n id: \"info-title\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"title_info\",\n defaultMessage: \"Info\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_menu_cancel_jsx__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n onCancel: this.props.onCancel\n }))), this.props.displayMobile ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(ErrorPanel, {\n level: this.props.errorLevel,\n text: this.props.errorText,\n onClearError: this.props.onError\n }) : null, this.state.showMemberPanel ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_group_manager_jsx__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n members: this.state.contactList,\n requiredMember: this.props.myUserId,\n myUserId: this.props.myUserId,\n contacts: this.props.searchableContacts,\n onCancel: this.handleHideAddMembers,\n onSubmit: this.handleMemberUpdateRequest\n }) : this.state.showPermissionEditorFor ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_permissions_editor_jsx__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n mode: this.state.editedPermissions,\n compare: this.state.immutablePermissions,\n skip: this.state.editedPermissionsSkipped,\n modeTitle: this.state.editedPermissionsTitle,\n compareTitle: this.state.immutablePermissionsTitle,\n userTitle: this.state.userPermissionsTitle,\n item: this.state.userPermissionsEdited,\n userAvatar: this.state.userPermissionsAvatar,\n onSubmit: this.handlePermissionsChanged,\n onCancel: this.handleHidePermissionsEditor\n }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n id: \"info-view-content\",\n className: \"scrollable-panel\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-row\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-column\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", {\n className: \"small\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"label_topic_name\",\n defaultMessage: \"Name\"\n }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_in_place_edit_jsx__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n placeholder: this.state.groupTopic ? \"Group name\" : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", null, \"Unknown\"),\n readOnly: !this.state.owner,\n value: this.state.fullName,\n onFinished: this.handleFullNameUpdate\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", {\n className: \"small\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"label_private\",\n defaultMessage: \"Private comment\"\n }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"private_editing_placeholder\",\n defaultMessage: \"Visible to you only\"\n }, function (private_placeholder) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_in_place_edit_jsx__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n placeholder: private_placeholder,\n value: _this2.state.private,\n onFinished: _this2.handlePrivateUpdate\n });\n }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_avatar_upload_jsx__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n avatar: this.state.avatar,\n readOnly: !this.state.owner,\n uid: this.props.topic,\n title: this.state.fullName,\n onImageChanged: this.handleImageChanged,\n onError: this.props.onError\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"hr\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-column\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-row\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"label_muting_topic\",\n defaultMessage: \"Muted:\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_checkbox_jsx__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n name: \"P\",\n checked: this.state.muted,\n onChange: this.handleMuted\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"action_more\",\n defaultMessage: \"More\"\n }, function (more) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_more_button_jsx__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n title: more,\n open: _this2.state.moreInfoExpanded,\n onToggle: _this2.handleMoreInfo\n });\n }), this.state.moreInfoExpanded ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-column\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-row\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"label_user_id\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"tt\", null, this.state.address)), this.state.groupTopic ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-row\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"label_your_permissions\",\n defaultMessage: \"Your permissions:\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"tt\", {\n className: \"clickable\",\n onClick: this.handleLaunchPermissionsEditor.bind(this, 'want')\n }, this.state.access)) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", {\n className: \"small\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"label_permissions\",\n defaultMessage: \"Permissions:\"\n }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"quoted\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"label_you\",\n defaultMessage: \"You:\"\n }), \" \\xA0\", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"tt\", {\n className: \"clickable\",\n onClick: this.handleLaunchPermissionsEditor.bind(this, 'want')\n }, this.state.access)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, this.state.fullName ? this.state.fullName : formatMessage(messages.other_user), \": \\xA0\", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"tt\", {\n className: \"clickable\",\n onClick: this.handleLaunchPermissionsEditor.bind(this, 'given')\n }, this.state.modeGiven2)))), this.state.sharer && (this.state.auth || this.state.anon) ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", {\n className: \"small\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"label_default_access\",\n defaultMessage: \"Default access mode:\"\n }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"quoted\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, \"Auth: \", this.state.admin ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"tt\", {\n className: \"clickable\",\n onClick: this.handleLaunchPermissionsEditor.bind(this, 'auth')\n }, this.state.auth) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"tt\", null, this.state.auth)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, \"Anon: \", this.state.admin ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"tt\", {\n className: \"clickable\",\n onClick: this.handleLaunchPermissionsEditor.bind(this, 'anon')\n }, this.state.anon) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"tt\", null, this.state.anon)))) : null) : null), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"hr\"\n }), this.state.owner ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"title_tag_manager\"\n }, function (tags) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_tag_manager_jsx__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n title: tags,\n tags: _this2.state.tags,\n activated: false,\n onSubmit: _this2.handleTagsUpdated\n });\n }) : null, this.state.owner ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"hr\"\n }) : null, this.state.groupTopic ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-column\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-row\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", {\n className: \"small\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"label_group_members\",\n defaultMessage: \"Group members:\"\n }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-row\"\n }, this.state.sharer ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: \"javascript:;\",\n className: \"flat-button\",\n onClick: this.handleShowAddMembers\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons\"\n }, \"person_add\"), \" \", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"button_add_members\",\n defaultMessage: \"Add members\"\n })) : null, !this.state.owner ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: \"javascript:;\",\n className: \"red flat-button\",\n onClick: this.handleLeave\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons\"\n }, \"exit_to_app\"), \" \", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"button_leave\",\n defaultMessage: \"Leave\"\n })) : null), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"group_has_no_members\",\n defaultMessage: \"No members\"\n }, function (no_members) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_contact_list_jsx__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n contacts: _this2.state.contactList,\n myUserId: _this2.props.myUserId,\n emptyListMessage: no_members,\n topicSelected: _this2.state.selectedContact,\n showOnline: false,\n showUnread: false,\n showMode: true,\n noScroll: true,\n onTopicSelected: _this2.handleMemberSelected,\n showContextMenu: _this2.state.admin ? _this2.handleContextMenu : false\n });\n })) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-row\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: \"javascript:;\",\n className: \"red flat-button\",\n onClick: this.handleLeave\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons\"\n }, \"exit_to_app\"), \" \", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"action_leave_chat\",\n defaultMessage: \"Leave\"\n })))));\n }\n }]);\n\n return InfoView;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);\n\n;\n/* harmony default export */ __webpack_exports__[\"default\"] = (Object(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"injectIntl\"])(InfoView));\n\n//# sourceURL=webpack:///./src/views/info-view.jsx?"); -/** - * Copyright 2017 Google Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -function registerMessaging(instance) { - var messagingName = 'messaging'; - var factoryMethod = function (app) { - if (!isSupported()) { - throw errorFactory.create(ERROR_CODES.UNSUPPORTED_BROWSER); - } - if (self && 'ServiceWorkerGlobalScope' in self) { - // Running in ServiceWorker context - return new SwController(app); - } - else { - // Assume we are in the window context. - return new WindowController(app); - } - }; - var namespaceExports = { - isSupported: isSupported - }; - instance.INTERNAL.registerService(messagingName, factoryMethod, namespaceExports); -} -registerMessaging(firebase); -function isSupported() { - if (self && 'ServiceWorkerGlobalScope' in self) { - // Running in ServiceWorker context - return isSWControllerSupported(); - } - else { - // Assume we are in the window context. - return isWindowControllerSupported(); - } -} -/** - * Checks to see if the required APIs exist. - */ -function isWindowControllerSupported() { - return (navigator.cookieEnabled && - 'serviceWorker' in navigator && - 'PushManager' in window && - 'Notification' in window && - 'fetch' in window && - ServiceWorkerRegistration.prototype.hasOwnProperty('showNotification') && - PushSubscription.prototype.hasOwnProperty('getKey')); -} -/** - * Checks to see if the required APIs exist within SW Context. - */ -function isSWControllerSupported() { - return ('PushManager' in self && - 'Notification' in self && - ServiceWorkerRegistration.prototype.hasOwnProperty('showNotification') && - PushSubscription.prototype.hasOwnProperty('getKey')); -} +/***/ }), -exports.registerMessaging = registerMessaging; -exports.isSupported = isSupported; +/***/ "./src/views/login-view.jsx": +/*!**********************************!*\ + !*** ./src/views/login-view.jsx ***! + \**********************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -},{"@firebase/app":1,"@firebase/util":5,"tslib":24}],3:[function(require,module,exports){ -(function (global,setImmediate){ -'use strict'; +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return LoginView; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-intl */ \"react-intl\");\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intl__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _widgets_checkbox_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../widgets/checkbox.jsx */ \"./src/widgets/checkbox.jsx\");\n/* harmony import */ var _widgets_visible_password_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../widgets/visible-password.jsx */ \"./src/widgets/visible-password.jsx\");\n/* harmony import */ var _lib_local_storage_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../lib/local-storage.js */ \"./src/lib/local-storage.js\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n\n\n\n\n\n\nvar LoginView = function (_React$Component) {\n _inherits(LoginView, _React$Component);\n\n function LoginView(props) {\n var _this;\n\n _classCallCheck(this, LoginView);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(LoginView).call(this, props));\n _this.state = {\n login: props.login,\n password: '',\n hostName: props.serverAddress,\n saveToken: _lib_local_storage_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"].getObject('keep-logged-in')\n };\n _this.handleLoginChange = _this.handleLoginChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handlePasswordChange = _this.handlePasswordChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleToggleSaveToken = _this.handleToggleSaveToken.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleSubmit = _this.handleSubmit.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n return _this;\n }\n\n _createClass(LoginView, [{\n key: \"handleLoginChange\",\n value: function handleLoginChange(e) {\n this.setState({\n login: e.target.value\n });\n }\n }, {\n key: \"handlePasswordChange\",\n value: function handlePasswordChange(e) {\n this.setState({\n password: e.target.value\n });\n }\n }, {\n key: \"handleToggleSaveToken\",\n value: function handleToggleSaveToken() {\n _lib_local_storage_js__WEBPACK_IMPORTED_MODULE_4__[\"default\"].setObject('keep-logged-in', !this.state.saveToken);\n this.setState({\n saveToken: !this.state.saveToken\n });\n }\n }, {\n key: \"handleSubmit\",\n value: function handleSubmit(e) {\n e.preventDefault();\n this.props.onLogin(this.state.login.trim(), this.state.password.trim());\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this2 = this;\n\n var submitClasses = 'blue';\n\n if (this.props.disabled) {\n submitClasses += ' disabled';\n }\n\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"form\", {\n id: \"login-form\",\n onSubmit: this.handleSubmit\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"login_prompt\",\n defaultMessage: \"Login\"\n }, function (login_prompt) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n type: \"text\",\n id: \"inputLogin\",\n placeholder: login_prompt,\n autoComplete: \"username\",\n value: _this2.state.login,\n onChange: _this2.handleLoginChange,\n required: true,\n autoFocus: true\n });\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"password_prompt\",\n defaultMessage: \"Password\"\n }, function (password_prompt) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_visible_password_jsx__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n type: \"password\",\n id: \"inputPassword\",\n placeholder: password_prompt,\n autoComplete: \"current-password\",\n value: _this2.state.password,\n onChange: _this2.handlePasswordChange,\n required: true\n });\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-row\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_checkbox_jsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n id: \"save-token\",\n name: \"save-token\",\n checked: this.state.saveToken,\n onChange: this.handleToggleSaveToken\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", {\n htmlFor: \"save-token\"\n }, \"\\xA0\", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"stay_logged_in\",\n defaultMessage: \"Stay logged in\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: \"#reset\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"forgot_password_link\",\n defaultMessage: \"Forgot password?\"\n }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"dialog-buttons\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n className: submitClasses,\n type: \"submit\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"button_sign_in\",\n defaultMessage: \"Sign in\"\n }))));\n }\n }]);\n\n return LoginView;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);\n\n\n;\n\n//# sourceURL=webpack:///./src/views/login-view.jsx?"); -require('whatwg-fetch'); +/***/ }), -// Store setTimeout reference so promise-polyfill will be unaffected by -// other code modifying setTimeout (like sinon.useFakeTimers()) -var setTimeoutFunc = setTimeout; +/***/ "./src/views/logo-view.jsx": +/*!*********************************!*\ + !*** ./src/views/logo-view.jsx ***! + \*********************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -function noop() {} +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return LogoView; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-intl */ \"react-intl\");\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intl__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var tinode_sdk__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tinode-sdk */ \"../tinode-js/umd/tinode.prod.js\");\n/* harmony import */ var tinode_sdk__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(tinode_sdk__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _config_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../config.js */ \"./src/config.js\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\n\n\n\n\n\nvar LogoView = function (_React$PureComponent) {\n _inherits(LogoView, _React$PureComponent);\n\n function LogoView() {\n _classCallCheck(this, LogoView);\n\n return _possibleConstructorReturn(this, _getPrototypeOf(LogoView).apply(this, arguments));\n }\n\n _createClass(LogoView, [{\n key: \"render\",\n value: function render() {\n var version = _config_js__WEBPACK_IMPORTED_MODULE_3__[\"APP_NAME\"] + ' (' + tinode_sdk__WEBPACK_IMPORTED_MODULE_2___default.a.getLibrary() + ')';\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n id: \"dummy-view\",\n className: this.props.hideSelf ? 'nodisplay' : null\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: \"https://github.com/tinode/chat/\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"img\", {\n id: \"logo\",\n alt: \"logo\",\n src: \"img/logo.svg\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"h2\", null, \"Tinode Web\")), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"p\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"label_client\",\n defaultMessage: \"Client:\"\n }), \" \", version), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"p\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"label_server\",\n defaultMessage: \"Server:\"\n }), \" \", this.props.serverVersion, \"(\", this.props.serverAddress, \")\")));\n }\n }]);\n\n return LogoView;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.PureComponent);\n\n\n;\n\n//# sourceURL=webpack:///./src/views/logo-view.jsx?"); -// Polyfill for Function.prototype.bind -function bind(fn, thisArg) { - return function() { - fn.apply(thisArg, arguments); - }; -} +/***/ }), -function Promise(fn) { - if (!(this instanceof Promise)) - throw new TypeError('Promises must be constructed via new'); - if (typeof fn !== 'function') throw new TypeError('not a function'); - this._state = 0; - this._handled = false; - this._value = undefined; - this._deferreds = []; +/***/ "./src/views/messages-view.jsx": +/*!*************************************!*\ + !*** ./src/views/messages-view.jsx ***! + \*************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { - doResolve(fn, this); -} +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-intl */ \"react-intl\");\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intl__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var tinode_sdk__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tinode-sdk */ \"../tinode-js/umd/tinode.prod.js\");\n/* harmony import */ var tinode_sdk__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(tinode_sdk__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _widgets_chat_message_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../widgets/chat-message.jsx */ \"./src/widgets/chat-message.jsx\");\n/* harmony import */ var _widgets_error_panel_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../widgets/error-panel.jsx */ \"./src/widgets/error-panel.jsx\");\n/* harmony import */ var _widgets_group_subs_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../widgets/group-subs.jsx */ \"./src/widgets/group-subs.jsx\");\n/* harmony import */ var _widgets_image_preview_jsx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../widgets/image-preview.jsx */ \"./src/widgets/image-preview.jsx\");\n/* harmony import */ var _widgets_letter_tile_jsx__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../widgets/letter-tile.jsx */ \"./src/widgets/letter-tile.jsx\");\n/* harmony import */ var _widgets_load_spinner_jsx__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../widgets/load-spinner.jsx */ \"./src/widgets/load-spinner.jsx\");\n/* harmony import */ var _logo_view_jsx__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./logo-view.jsx */ \"./src/views/logo-view.jsx\");\n/* harmony import */ var _widgets_send_message_jsx__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../widgets/send-message.jsx */ \"./src/widgets/send-message.jsx\");\n/* harmony import */ var _config_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../config.js */ \"./src/config.js\");\n/* harmony import */ var _lib_blob_helpers_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../lib/blob-helpers.js */ \"./src/lib/blob-helpers.js\");\n/* harmony import */ var _lib_strformat_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../lib/strformat.js */ \"./src/lib/strformat.js\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar messages = Object(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"defineMessages\"])({\n online_now: {\n \"id\": \"online_now\",\n \"defaultMessage\": \"online now\"\n },\n last_seen: {\n \"id\": \"last_seen_timestamp\",\n \"defaultMessage\": \"Last seen\"\n },\n 'not_found': {\n \"id\": \"title_not_found\",\n \"defaultMessage\": \"Not found\"\n }\n});\n\nvar MessagesView = function (_React$Component) {\n _inherits(MessagesView, _React$Component);\n\n function MessagesView(props) {\n var _this;\n\n _classCallCheck(this, MessagesView);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(MessagesView).call(this, props));\n _this.state = {\n messages: [],\n onlineSubs: [],\n topic: '',\n title: '',\n avatar: null,\n scrollPosition: 0,\n readOnly: props.acs ? !props.acs.isWriter() : true,\n writeOnly: props.acs ? !props.acs.isReader() : true,\n typingIndicator: false,\n imagePreview: null\n };\n _this.propsChange = _this.propsChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.leave = _this.leave.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleScrollReference = _this.handleScrollReference.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.fetchMoreMessages = _this.fetchMoreMessages.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleDescChange = _this.handleDescChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleSubsUpdated = _this.handleSubsUpdated.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleNewMessage = _this.handleNewMessage.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleAllMessagesReceived = _this.handleAllMessagesReceived.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleInfoReceipt = _this.handleInfoReceipt.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleImagePreview = _this.handleImagePreview.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleCloseImagePreview = _this.handleCloseImagePreview.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleContextClick = _this.handleContextClick.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleShowContextMenuMessage = _this.handleShowContextMenuMessage.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleBackNavigation = _this.handleBackNavigation.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n return _this;\n }\n\n _createClass(MessagesView, [{\n key: \"componentDidUpdate\",\n value: function componentDidUpdate(prevProps, prevState) {\n if (this.messagesScroller && (prevState.title != this.state.title || prevState.messages.length != this.state.messages.length)) {\n this.messagesScroller.scrollTop = this.messagesScroller.scrollHeight - this.state.scrollPosition;\n }\n }\n }, {\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this.propsChange(this.props);\n\n if (this.messagesScroller) {\n this.messagesScroller.addEventListener('scroll', this.fetchMoreMessages);\n }\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n this.leave(this.state.topic);\n\n if (this.messagesScroller) {\n this.messagesScroller.removeEventListener('scroll', this.fetchMoreMessages);\n }\n }\n }, {\n key: \"UNSAFE_componentWillReceiveProps\",\n value: function UNSAFE_componentWillReceiveProps(nextProps) {\n this.propsChange(nextProps);\n }\n }, {\n key: \"propsChange\",\n value: function propsChange(props) {\n var _this2 = this;\n\n if (!props || !props.topic) {\n var oldTopic = this.state.topic;\n this.setState({\n messages: [],\n onlineSubs: [],\n topic: null\n }, this.leave(oldTopic));\n return;\n }\n\n if (!props.connected) {\n this.setState({\n onlineSubs: []\n });\n return;\n }\n\n var topic = this.props.tinode.getTopic(props.topic);\n\n if (!topic) {\n return;\n }\n\n var newGroupTopic = tinode_sdk__WEBPACK_IMPORTED_MODULE_2___default.a.isNewGroupTopicName(props.topic);\n var tryToResubscribe = !this.props.connected && props.connected;\n\n if (props.topic != this.state.topic) {\n var msgs = [];\n var subs = [];\n topic.onData = this.handleNewMessage;\n topic.onAllMessagesReceived = this.handleAllMessagesReceived;\n topic.onInfo = this.handleInfoReceipt;\n topic.onMetaDesc = this.handleDescChange;\n topic.onSubsUpdated = this.handleSubsUpdated;\n topic.onPres = this.handleSubsUpdated;\n this.leave(this.state.topic);\n this.handleDescChange(topic);\n topic.subscribers(function (sub) {\n if (sub.online && sub.user != _this2.props.myUserId) {\n subs.push(sub);\n }\n });\n topic.messages(function (msg) {\n if (!msg.deleted) {\n msgs = msgs.concat(msg);\n }\n });\n this.setState({\n messages: msgs,\n onlineSubs: subs,\n topic: props.topic,\n imagePreview: null,\n scrollPosition: 0\n });\n tryToResubscribe = true;\n this.props.readTimerHandler(null);\n }\n\n this.setState({\n readOnly: props.acs ? !props.acs.isWriter() : true,\n writeOnly: props.acs ? !props.acs.isReader() : true\n });\n\n if (!topic.isSubscribed() && tryToResubscribe) {\n var getQuery = topic.startMetaQuery().withLaterDesc().withLaterSub().withLaterData(_config_js__WEBPACK_IMPORTED_MODULE_11__[\"MESSAGES_PAGE\"]).withLaterDel();\n var setQuery = newGroupTopic ? props.newGroupTopicParams : undefined;\n this.setState({\n fetchingMessages: true\n });\n topic.subscribe(getQuery.build(), setQuery).then(function (ctrl) {\n _this2.setState({\n topic: ctrl.topic\n });\n\n _this2.props.onNewTopicCreated(props.topic, ctrl.topic);\n\n topic.queuedMessages(function (pub) {\n if (!pub._sending && topic.isSubscribed()) {\n topic.publishMessage(pub);\n }\n });\n }).catch(function (err) {\n _this2.props.onError(err.message, 'err');\n\n var formatMessage = _this2.props.intl.formatMessage;\n\n _this2.setState({\n title: formatMessage(messages.not_found),\n avatar: null,\n readOnly: true,\n writeOnly: true,\n fetchingMessages: false,\n messages: [],\n onlineSubs: [],\n typingIndicator: false,\n imagePreview: null\n });\n });\n }\n }\n }, {\n key: \"leave\",\n value: function leave(oldTopicName) {\n var _this3 = this;\n\n if (!oldTopicName) {\n return;\n }\n\n var oldTopic = this.props.tinode.getTopic(oldTopicName);\n\n if (oldTopic && oldTopic.isSubscribed()) {\n oldTopic.leave(false).catch(function () {}).finally(function () {\n _this3.setState({\n fetchingMessages: false\n });\n\n oldTopic.onData = undefined;\n oldTopic.onAllMessagesReceived = undefined;\n oldTopic.onInfo = undefined;\n oldTopic.onMetaDesc = undefined;\n oldTopic.onSubsUpdated = undefined;\n oldTopic.onPres = undefined;\n });\n }\n }\n }, {\n key: \"handleScrollReference\",\n value: function handleScrollReference(node) {\n if (node) {\n node.addEventListener('scroll', this.fetchMoreMessages);\n this.messagesScroller = node;\n }\n }\n }, {\n key: \"fetchMoreMessages\",\n value: function fetchMoreMessages(event) {\n var _this4 = this;\n\n if (event.target.scrollTop <= 0) {\n var newState = {\n scrollPosition: event.target.scrollHeight - event.target.scrollTop\n };\n this.setState(function (prevState, props) {\n if (!prevState.fetchingMessages) {\n var topic = _this4.props.tinode.getTopic(_this4.state.topic);\n\n if (topic && topic.isSubscribed() && topic.msgHasMoreMessages()) {\n newState.fetchingMessages = true;\n topic.getMessagesPage(_config_js__WEBPACK_IMPORTED_MODULE_11__[\"MESSAGES_PAGE\"]).catch(function (err) {\n _this4.setState({\n fetchingMessages: false\n });\n\n _this4.props.onError(err.message, 'err');\n });\n }\n }\n\n return newState;\n });\n }\n }\n }, {\n key: \"handleDescChange\",\n value: function handleDescChange(desc) {\n if (desc.public) {\n this.setState({\n title: desc.public.fn,\n avatar: Object(_lib_blob_helpers_js__WEBPACK_IMPORTED_MODULE_12__[\"makeImageUrl\"])(desc.public.photo)\n });\n } else {\n this.setState({\n title: '',\n avatar: null\n });\n }\n\n if (desc.acs) {\n this.setState({\n readOnly: !desc.acs.isWriter(),\n writeOnly: !desc.acs.isReader()\n });\n }\n }\n }, {\n key: \"handleSubsUpdated\",\n value: function handleSubsUpdated() {\n var _this5 = this;\n\n if (this.state.topic) {\n var subs = [];\n var topic = this.props.tinode.getTopic(this.state.topic);\n topic.subscribers(function (sub) {\n if (sub.online && sub.user != _this5.props.myUserId) {\n subs.push(sub);\n }\n });\n this.setState({\n onlineSubs: subs\n });\n }\n }\n }, {\n key: \"handleNewMessage\",\n value: function handleNewMessage(msg) {\n var topic = this.props.tinode.getTopic(this.state.topic);\n var newState = {\n messages: []\n };\n topic.messages(function (m) {\n if (!m.deleted) {\n newState.messages = newState.messages.concat(m);\n }\n });\n\n if (msg && !msg.deleted) {\n if (topic.isNewMessage(msg.seq)) {\n newState.scrollPosition = 0;\n }\n\n var status = topic.msgStatus(msg);\n\n if (status >= tinode_sdk__WEBPACK_IMPORTED_MODULE_2___default.a.MESSAGE_STATUS_SENT) {\n this.props.readTimerHandler(function () {\n topic.noteRead(msg.seq);\n });\n }\n\n this.props.onData(msg);\n }\n\n this.setState(newState);\n }\n }, {\n key: \"handleAllMessagesReceived\",\n value: function handleAllMessagesReceived(count) {\n this.setState({\n fetchingMessages: false\n });\n }\n }, {\n key: \"handleInfoReceipt\",\n value: function handleInfoReceipt(info) {\n switch (info.what) {\n case 'kp':\n {\n clearTimeout(this.keyPressTimer);\n var instance = this;\n this.keyPressTimer = setTimeout(function () {\n instance.setState({\n typingIndicator: false\n });\n }, _config_js__WEBPACK_IMPORTED_MODULE_11__[\"KEYPRESS_DELAY\"] + 1000);\n\n if (!this.state.typingIndicator) {\n this.setState({\n typingIndicator: true\n });\n }\n\n break;\n }\n\n case 'read':\n case 'recv':\n this.forceUpdate();\n break;\n\n default:\n console.log(\"Other change in topic: \", info.what);\n }\n }\n }, {\n key: \"handleImagePreview\",\n value: function handleImagePreview(content) {\n this.setState({\n imagePreview: content\n });\n }\n }, {\n key: \"handleCloseImagePreview\",\n value: function handleCloseImagePreview() {\n this.setState({\n imagePreview: null\n });\n }\n }, {\n key: \"handleContextClick\",\n value: function handleContextClick(e) {\n e.preventDefault();\n e.stopPropagation();\n this.props.showContextMenu({\n topicName: this.state.topic,\n y: e.pageY,\n x: e.pageX\n });\n }\n }, {\n key: \"handleShowContextMenuMessage\",\n value: function handleShowContextMenuMessage(params) {\n params.topicName = this.state.topic;\n var menuItems = ['message_delete'];\n var topic = this.props.tinode.getTopic(params.topicName);\n\n if (topic) {\n var acs = topic.getAccessMode();\n\n if (acs && acs.isDeleter()) {\n menuItems.push('message_delete_hard');\n }\n }\n\n this.props.showContextMenu(params, menuItems);\n }\n }, {\n key: \"handleBackNavigation\",\n value: function handleBackNavigation() {\n this.props.onHideMessagesView();\n }\n }, {\n key: \"render\",\n value: function render() {\n var formatMessage = this.props.intl.formatMessage;\n var component;\n\n if (this.state.topic) {\n var messageNodes = [];\n var topic = this.props.tinode.getTopic(this.state.topic);\n var groupTopic = topic.getType() == 'grp';\n var previousFrom = null;\n var chatBoxClass = null;\n\n for (var i = 0; i < this.state.messages.length; i++) {\n var msg = this.state.messages[i];\n var nextFrom = null;\n\n if (i + 1 < this.state.messages.length) {\n nextFrom = this.state.messages[i + 1].from;\n }\n\n var sequence = 'single';\n\n if (msg.from == previousFrom) {\n if (msg.from == nextFrom) {\n sequence = 'middle';\n } else {\n sequence = 'last';\n }\n } else if (msg.from == nextFrom) {\n sequence = 'first';\n }\n\n previousFrom = msg.from;\n var isReply = !(msg.from == this.props.myUserId);\n var deliveryStatus = topic.msgStatus(msg);\n var userName = void 0,\n userAvatar = void 0,\n userFrom = void 0;\n\n if (groupTopic) {\n var user = topic.userDesc(msg.from);\n\n if (user && user.public) {\n userName = user.public.fn;\n userAvatar = Object(_lib_blob_helpers_js__WEBPACK_IMPORTED_MODULE_12__[\"makeImageUrl\"])(user.public.photo);\n }\n\n userFrom = msg.from;\n chatBoxClass = 'chat-box group';\n } else {\n chatBoxClass = 'chat-box';\n }\n\n messageNodes.push(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_chat_message_jsx__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n tinode: this.props.tinode,\n content: msg.content,\n mimeType: msg.head ? msg.head.mime : null,\n timestamp: msg.ts,\n response: isReply,\n seq: msg.seq,\n userFrom: userFrom,\n userName: userName,\n userAvatar: userAvatar,\n sequence: sequence,\n received: deliveryStatus,\n uploader: msg._uploader,\n viewportWidth: this.props.viewportWidth,\n showContextMenu: this.handleShowContextMenuMessage,\n onImagePreview: this.handleImagePreview,\n onError: this.props.onError,\n key: msg.seq\n }));\n }\n\n var lastSeen = null;\n var cont = this.props.tinode.getMeTopic().getContact(this.state.topic);\n\n if (cont && tinode_sdk__WEBPACK_IMPORTED_MODULE_2___default.a.topicType(cont.topic) == 'p2p') {\n if (cont.online) {\n lastSeen = formatMessage(messages.online_now);\n } else if (cont.seen) {\n lastSeen = formatMessage(messages.last_seen) + \": \" + Object(_lib_strformat_js__WEBPACK_IMPORTED_MODULE_13__[\"shortDateFormat\"])(cont.seen.when);\n }\n }\n\n var avatar = this.state.avatar || true;\n var online = this.props.online ? 'online' + (this.state.typingIndicator ? ' typing' : '') : 'offline';\n component = react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n id: \"topic-view\",\n className: this.props.hideSelf ? 'nodisplay' : null\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n id: \"topic-caption-panel\",\n className: \"caption-panel\"\n }, this.props.displayMobile ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: \"javascript:;\",\n id: \"hide-message-view\",\n onClick: this.handleBackNavigation\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons\"\n }, \"arrow_back\")) : null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"avatar-box\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_letter_tile_jsx__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n avatar: avatar,\n topic: this.state.topic,\n title: this.state.title\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: online\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n id: \"topic-title-group\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n id: \"topic-title\",\n className: \"panel-title\"\n }, this.state.title || react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"unnamed_topic\",\n defaultMessage: \"Unnamed\"\n }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n id: \"topic-last-seen\"\n }, lastSeen)), groupTopic ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_group_subs_jsx__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n subscribers: this.state.onlineSubs\n }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n id: \"topic-users\"\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: \"javascript:;\",\n onClick: this.handleContextClick\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons\"\n }, \"more_vert\")))), this.props.displayMobile ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_error_panel_jsx__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n level: this.props.errorLevel,\n text: this.props.errorText,\n onClearError: this.props.onError\n }) : null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_load_spinner_jsx__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n show: this.state.fetchingMessages\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n id: \"messages-container\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n id: \"messages-panel\",\n ref: this.handleScrollReference\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"ul\", {\n id: \"scroller\",\n className: chatBoxClass\n }, messageNodes)), this.state.writeOnly ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n id: \"write-only-background\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n id: \"write-only-note\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"messages_not_readable\",\n defaultMessage: \"no access to messages\"\n }))) : null), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_send_message_jsx__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n tinode: this.props.tinode,\n topic: this.props.topic,\n disabled: this.state.readOnly,\n sendMessage: this.props.sendMessage,\n onError: this.props.onError\n }), this.state.imagePreview ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_image_preview_jsx__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n content: this.state.imagePreview,\n onClose: this.handleCloseImagePreview\n }) : null);\n } else {\n component = react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_logo_view_jsx__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n hideSelf: this.props.hideSelf,\n serverVersion: this.props.serverVersion,\n serverAddress: this.props.serverAddress\n });\n }\n\n return component;\n }\n }]);\n\n return MessagesView;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);\n\n;\n/* harmony default export */ __webpack_exports__[\"default\"] = (Object(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"injectIntl\"])(MessagesView));\n\n//# sourceURL=webpack:///./src/views/messages-view.jsx?"); -function handle(self, deferred) { - while (self._state === 3) { - self = self._value; - } - if (self._state === 0) { - self._deferreds.push(deferred); - return; - } - self._handled = true; - Promise._immediateFn(function() { - var cb = self._state === 1 ? deferred.onFulfilled : deferred.onRejected; - if (cb === null) { - (self._state === 1 ? resolve : reject)(deferred.promise, self._value); - return; - } - var ret; - try { - ret = cb(self._value); - } catch (e) { - reject(deferred.promise, e); - return; - } - resolve(deferred.promise, ret); - }); -} +/***/ }), -function resolve(self, newValue) { - try { - // Promise Resolution Procedure: https://github.com/promises-aplus/promises-spec#the-promise-resolution-procedure - if (newValue === self) - throw new TypeError('A promise cannot be resolved with itself.'); - if ( - newValue && - (typeof newValue === 'object' || typeof newValue === 'function') - ) { - var then = newValue.then; - if (newValue instanceof Promise) { - self._state = 3; - self._value = newValue; - finale(self); - return; - } else if (typeof then === 'function') { - doResolve(bind(then, newValue), self); - return; - } - } - self._state = 1; - self._value = newValue; - finale(self); - } catch (e) { - reject(self, e); - } -} +/***/ "./src/views/new-topic-view.jsx": +/*!**************************************!*\ + !*** ./src/views/new-topic-view.jsx ***! + \**************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -function reject(self, newValue) { - self._state = 2; - self._value = newValue; - finale(self); -} +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return NewTopicView; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-intl */ \"react-intl\");\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intl__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _widgets_contact_list_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../widgets/contact-list.jsx */ \"./src/widgets/contact-list.jsx\");\n/* harmony import */ var _widgets_new_topic_by_id_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../widgets/new-topic-by-id.jsx */ \"./src/widgets/new-topic-by-id.jsx\");\n/* harmony import */ var _widgets_new_topic_group_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../widgets/new-topic-group.jsx */ \"./src/widgets/new-topic-group.jsx\");\n/* harmony import */ var _widgets_search_contacts_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../widgets/search-contacts.jsx */ \"./src/widgets/search-contacts.jsx\");\n/* harmony import */ var _lib_navigation_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../lib/navigation.js */ \"./src/lib/navigation.js\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n\n\n\n\n\n\n\n\nvar NewTopicView = function (_React$Component) {\n _inherits(NewTopicView, _React$Component);\n\n function NewTopicView(props) {\n var _this;\n\n _classCallCheck(this, NewTopicView);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(NewTopicView).call(this, props));\n _this.state = {\n tabSelected: 'p2p',\n contactList: props.searchResults\n };\n _this.handleTabClick = _this.handleTabClick.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleContactSelected = _this.handleContactSelected.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleNewGroupSubmit = _this.handleNewGroupSubmit.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleGroupByID = _this.handleGroupByID.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n return _this;\n }\n\n _createClass(NewTopicView, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this.props.onInitFind();\n }\n }, {\n key: \"handleTabClick\",\n value: function handleTabClick(e) {\n e.preventDefault();\n _lib_navigation_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"].navigateTo(_lib_navigation_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"].addUrlParam(window.location.hash, 'tab', e.currentTarget.dataset.id));\n this.setState({\n tabSelected: e.currentTarget.dataset.id\n });\n }\n }, {\n key: \"handleContactSelected\",\n value: function handleContactSelected(sel) {\n if (this.state.tabSelected === 'p2p') {\n _lib_navigation_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"].navigateTo(_lib_navigation_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"].removeUrlParam(window.location.hash, 'tab'));\n this.props.onCreateTopic(sel, undefined);\n }\n }\n }, {\n key: \"handleNewGroupSubmit\",\n value: function handleNewGroupSubmit(name, dataUrl, priv, tags) {\n _lib_navigation_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"].navigateTo(_lib_navigation_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"].removeUrlParam(window.location.hash, 'tab'));\n this.props.onCreateTopic(undefined, vcard(name, dataUrl), priv, tags);\n }\n }, {\n key: \"handleGroupByID\",\n value: function handleGroupByID(topicName) {\n _lib_navigation_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"].navigateTo(_lib_navigation_js__WEBPACK_IMPORTED_MODULE_6__[\"default\"].removeUrlParam(window.location.hash, 'tab'));\n this.props.onCreateTopic(topicName);\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this2 = this;\n\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"flex-column\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"ul\", {\n className: \"tabbar\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"li\", {\n className: this.state.tabSelected === \"p2p\" ? \"active\" : null\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: \"javascript:;\",\n \"data-id\": \"p2p\",\n onClick: this.handleTabClick\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"tabtitle_find_user\",\n defaultMessage: \"find\"\n }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"li\", {\n className: this.state.tabSelected === \"grp\" ? \"active\" : null\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: \"javascript:;\",\n \"data-id\": \"grp\",\n onClick: this.handleTabClick\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"tabtitle_new_group\",\n defaultMessage: \"new group\"\n }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"li\", {\n className: this.state.tabSelected === \"byid\" ? \"active\" : null\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: \"javascript:;\",\n \"data-id\": \"byid\",\n onClick: this.handleTabClick\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"tabtitle_group_by_id\",\n defaultMessage: \"by id\"\n })))), this.state.tabSelected === 'grp' ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_new_topic_group_jsx__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n onSubmit: this.handleNewGroupSubmit\n }) : this.state.tabSelected === 'byid' ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_new_topic_by_id_jsx__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n onSubmit: this.handleGroupByID,\n onError: this.props.onError\n }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"flex-column\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_search_contacts_jsx__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n type: \"p2p\",\n onSearchContacts: this.props.onSearchContacts\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"search_for_contacts\",\n defaultMessage: \"Use search to find contacts\"\n }, function (search_for_contacts) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_contact_list_jsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n contacts: _this2.state.contactList,\n myUserId: _this2.props.myUserId,\n emptyListMessage: search_for_contacts,\n topicSelected: _this2.state.selectedContact,\n showOnline: false,\n showUnread: false,\n showContextMenu: false,\n onTopicSelected: _this2.handleContactSelected\n });\n })));\n }\n }], [{\n key: \"getDerivedStateFromProps\",\n value: function getDerivedStateFromProps(nextProps, prevState) {\n return {\n contactList: nextProps.searchResults\n };\n }\n }]);\n\n return NewTopicView;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);\n\n\n;\n\n//# sourceURL=webpack:///./src/views/new-topic-view.jsx?"); -function finale(self) { - if (self._state === 2 && self._deferreds.length === 0) { - Promise._immediateFn(function() { - if (!self._handled) { - Promise._unhandledRejectionFn(self._value); - } - }); - } +/***/ }), - for (var i = 0, len = self._deferreds.length; i < len; i++) { - handle(self, self._deferreds[i]); - } - self._deferreds = null; -} +/***/ "./src/views/password-reset-view.jsx": +/*!*******************************************!*\ + !*** ./src/views/password-reset-view.jsx ***! + \*******************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -function Handler(onFulfilled, onRejected, promise) { - this.onFulfilled = typeof onFulfilled === 'function' ? onFulfilled : null; - this.onRejected = typeof onRejected === 'function' ? onRejected : null; - this.promise = promise; -} +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return PasswordResetView; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-intl */ \"react-intl\");\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intl__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _widgets_visible_password_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../widgets/visible-password.jsx */ \"./src/widgets/visible-password.jsx\");\n/* harmony import */ var _lib_navigation_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../lib/navigation.js */ \"./src/lib/navigation.js\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n\n\n\n\n\nvar PasswordResetView = function (_React$PureComponent) {\n _inherits(PasswordResetView, _React$PureComponent);\n\n function PasswordResetView(props) {\n var _this;\n\n _classCallCheck(this, PasswordResetView);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(PasswordResetView).call(this, props));\n _this.state = {\n email: '',\n password: ''\n };\n _this.handleSubmit = _this.handleSubmit.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleEmailChange = _this.handleEmailChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handlePasswordChange = _this.handlePasswordChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n return _this;\n }\n\n _createClass(PasswordResetView, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n var parsed = _lib_navigation_js__WEBPACK_IMPORTED_MODULE_3__[\"default\"].parseUrlHash(window.location.hash);\n this.setState({\n token: parsed.params.token,\n scheme: parsed.params.scheme\n });\n }\n }, {\n key: \"handleSubmit\",\n value: function handleSubmit(e) {\n e.preventDefault();\n\n if (this.state.token) {\n this.props.onReset(this.state.scheme, this.state.password.trim(), this.state.token);\n } else {\n this.props.onRequest('email', this.state.email.trim());\n }\n }\n }, {\n key: \"handleEmailChange\",\n value: function handleEmailChange(e) {\n this.setState({\n email: e.target.value\n });\n }\n }, {\n key: \"handlePasswordChange\",\n value: function handlePasswordChange(e) {\n this.setState({\n password: e.target.value\n });\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this2 = this;\n\n var reset = this.state.token && this.state.scheme;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"form\", {\n id: \"password-reset-form\",\n onSubmit: this.handleSubmit\n }, reset ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"new_password_placeholder\",\n defaultMessage: \"Enter new password\"\n }, function (placeholder) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_visible_password_jsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n placeholder: placeholder,\n autoComplete: \"new-password\",\n value: _this2.state.password,\n required: true,\n autoFocus: true,\n onChange: _this2.handlePasswordChange\n });\n }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", {\n htmlFor: \"inputEmail\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"label_reset_password\",\n defaultMessage: \"Send a password reset email:\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"credential_email_prompt\",\n defaultMessage: \"Your registration email\"\n }, function (placeholder) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n type: \"email\",\n id: \"inputEmail\",\n placeholder: placeholder,\n autoComplete: \"email\",\n value: _this2.state.email,\n onChange: _this2.handleEmailChange,\n required: true,\n autoFocus: true\n });\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"dialog-buttons\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n className: \"blue\",\n type: \"submit\"\n }, reset ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"button_reset\",\n defaultMessage: \"Reset\"\n }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"button_send_request\",\n defaultMessage: \"Send request\"\n }))));\n }\n }]);\n\n return PasswordResetView;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.PureComponent);\n\n\n\n//# sourceURL=webpack:///./src/views/password-reset-view.jsx?"); -/** - * Take a potentially misbehaving resolver function and make sure - * onFulfilled and onRejected are only called once. - * - * Makes no guarantees about asynchrony. - */ -function doResolve(fn, self) { - var done = false; - try { - fn( - function(value) { - if (done) return; - done = true; - resolve(self, value); - }, - function(reason) { - if (done) return; - done = true; - reject(self, reason); - } - ); - } catch (ex) { - if (done) return; - done = true; - reject(self, ex); - } -} +/***/ }), -Promise.prototype['catch'] = function(onRejected) { - return this.then(null, onRejected); -}; +/***/ "./src/views/settings-view.jsx": +/*!*************************************!*\ + !*** ./src/views/settings-view.jsx ***! + \*************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -Promise.prototype.then = function(onFulfilled, onRejected) { - var prom = new this.constructor(noop); +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return SettingsView; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-intl */ \"react-intl\");\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intl__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _widgets_host_selector_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../widgets/host-selector.jsx */ \"./src/widgets/host-selector.jsx\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n\n\n\n\nvar SettingsView = function (_React$PureComponent) {\n _inherits(SettingsView, _React$PureComponent);\n\n function SettingsView(props) {\n var _this;\n\n _classCallCheck(this, SettingsView);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(SettingsView).call(this, props));\n _this.state = {\n transport: props.transport || 'def',\n serverAddress: props.serverAddress\n };\n _this.handleSubmit = _this.handleSubmit.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleTransportSelected = _this.handleTransportSelected.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleServerAddressChange = _this.handleServerAddressChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n return _this;\n }\n\n _createClass(SettingsView, [{\n key: \"handleSubmit\",\n value: function handleSubmit(e) {\n e.preventDefault();\n this.props.onUpdate({\n transport: this.state.transport,\n serverAddress: this.state.serverAddress\n });\n }\n }, {\n key: \"handleTransportSelected\",\n value: function handleTransportSelected(e) {\n this.setState({\n transport: e.currentTarget.value\n });\n }\n }, {\n key: \"handleServerAddressChange\",\n value: function handleServerAddressChange(name) {\n this.setState({\n serverAddress: name\n });\n this.props.onServerAddressChange(name);\n }\n }, {\n key: \"render\",\n value: function render() {\n var names = {\n def: \"default\",\n ws: \"websocket\",\n lp: \"long polling\"\n };\n var transportOptions = [];\n var instance = this;\n ['def', 'ws', 'lp'].map(function (item) {\n var id = 'transport-' + item;\n var name = names[item];\n transportOptions.push(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"li\", {\n key: item\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n type: \"radio\",\n id: id,\n name: \"transport-select\",\n value: item,\n checked: instance.state.transport === item,\n onChange: instance.handleTransportSelected\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", {\n htmlFor: id\n }, name)));\n });\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"form\", {\n id: \"settings-form\",\n className: \"panel-form\",\n onSubmit: this.handleSubmit\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-row\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", {\n className: \"small\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"label_server_to_use\",\n defaultMessage: \"Server to use:\"\n }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_host_selector_jsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n serverAddress: this.state.serverAddress,\n onServerAddressChange: this.handleServerAddressChange\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-row\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", {\n className: \"small\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"label_wire_transport\",\n defaultMessage: \"Wire transport:\"\n }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-row\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"ul\", {\n className: \"quoted\"\n }, transportOptions)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"dialog-buttons\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n type: \"submit\",\n className: \"blue\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"button_update\",\n defaultMessage: \"Update\"\n }))));\n }\n }]);\n\n return SettingsView;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.PureComponent);\n\n\n;\n\n//# sourceURL=webpack:///./src/views/settings-view.jsx?"); - handle(this, new Handler(onFulfilled, onRejected, prom)); - return prom; -}; +/***/ }), -Promise.prototype['finally'] = function(callback) { - var constructor = this.constructor; - return this.then( - function(value) { - return constructor.resolve(callback()).then(function() { - return value; - }); - }, - function(reason) { - return constructor.resolve(callback()).then(function() { - return constructor.reject(reason); - }); - } - ); -}; +/***/ "./src/views/sidepanel-view.jsx": +/*!**************************************!*\ + !*** ./src/views/sidepanel-view.jsx ***! + \**************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -Promise.all = function(arr) { - return new Promise(function(resolve, reject) { - if (!arr || typeof arr.length === 'undefined') - throw new TypeError('Promise.all accepts an array'); - var args = Array.prototype.slice.call(arr); - if (args.length === 0) return resolve([]); - var remaining = args.length; +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-intl */ \"react-intl\");\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intl__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _widgets_side_navbar_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../widgets/side-navbar.jsx */ \"./src/widgets/side-navbar.jsx\");\n/* harmony import */ var _widgets_error_panel_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../widgets/error-panel.jsx */ \"./src/widgets/error-panel.jsx\");\n/* harmony import */ var _contacts_view_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./contacts-view.jsx */ \"./src/views/contacts-view.jsx\");\n/* harmony import */ var _create_account_view_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./create-account-view.jsx */ \"./src/views/create-account-view.jsx\");\n/* harmony import */ var _edit_account_view_jsx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./edit-account-view.jsx */ \"./src/views/edit-account-view.jsx\");\n/* harmony import */ var _login_view_jsx__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./login-view.jsx */ \"./src/views/login-view.jsx\");\n/* harmony import */ var _new_topic_view_jsx__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./new-topic-view.jsx */ \"./src/views/new-topic-view.jsx\");\n/* harmony import */ var _password_reset_view_jsx__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./password-reset-view.jsx */ \"./src/views/password-reset-view.jsx\");\n/* harmony import */ var _settings_view_jsx__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./settings-view.jsx */ \"./src/views/settings-view.jsx\");\n/* harmony import */ var _validation_view_jsx__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./validation-view.jsx */ \"./src/views/validation-view.jsx\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar messages = Object(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"defineMessages\"])({\n 'login': {\n \"id\": \"sidepanel_title_login\",\n \"defaultMessage\": \"Sign In\"\n },\n 'register': {\n \"id\": \"sidepanel_title_register\",\n \"defaultMessage\": \"Create Account\"\n },\n 'settings': {\n \"id\": \"sidepanel_title_settings\",\n \"defaultMessage\": \"Settings\"\n },\n 'edit': {\n \"id\": \"sidepanel_title_edit_account\",\n \"defaultMessage\": \"Edit Account\"\n },\n 'newtpk': {\n \"id\": \"sidepanel_title_newtpk\",\n \"defaultMessage\": \"Start New Chat\"\n },\n 'cred': {\n \"id\": \"sidepanel_title_cred\",\n \"defaultMessage\": \"Confirm Credentials\"\n },\n 'reset': {\n \"id\": \"sidepanel_title_reset\",\n \"defaultMessage\": \"Reset Password\"\n }\n});\n\nvar SidepanelView = function (_React$Component) {\n _inherits(SidepanelView, _React$Component);\n\n function SidepanelView(props) {\n var _this;\n\n _classCallCheck(this, SidepanelView);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(SidepanelView).call(this, props));\n _this.handleLoginRequested = _this.handleLoginRequested.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n return _this;\n }\n\n _createClass(SidepanelView, [{\n key: \"handleLoginRequested\",\n value: function handleLoginRequested(login, password) {\n this.props.onLoginRequest(login, password);\n }\n }, {\n key: \"render\",\n value: function render() {\n var formatMessage = this.props.intl.formatMessage;\n var view = this.props.state || (this.props.myUserId ? 'contacts' : 'login');\n var title, avatar;\n\n if (view == 'contacts') {\n title = this.props.title;\n avatar = this.props.avatar ? this.props.avatar : true;\n } else {\n title = formatMessage(messages[view]);\n avatar = false;\n }\n\n var onCancel;\n\n if (view != 'login') {\n onCancel = this.props.onCancel;\n }\n\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n id: \"sidepanel\",\n className: this.props.hideSelf ? 'nodisplay' : null\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_side_navbar_jsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n state: view,\n title: title,\n avatar: avatar,\n myUserId: this.props.myUserId,\n onSignUp: this.props.onSignUp,\n onSettings: this.props.onSettings,\n onNewTopic: this.props.onNewTopic,\n onCancel: onCancel\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_error_panel_jsx__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n level: this.props.errorLevel,\n text: this.props.errorText,\n onClearError: this.props.onError\n }), view === 'login' ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_login_view_jsx__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n login: this.props.login,\n disabled: this.props.loginDisabled,\n onLogin: this.handleLoginRequested\n }) : view === 'register' ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_create_account_view_jsx__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n onCreateAccount: this.props.onCreateAccount,\n onCancel: this.props.onCancel,\n onError: this.props.onError\n }) : view === 'settings' ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_settings_view_jsx__WEBPACK_IMPORTED_MODULE_10__[\"default\"], {\n transport: this.props.transport,\n serverAddress: this.props.serverAddress,\n onServerAddressChange: this.props.onGlobalSettings,\n onCancel: this.props.onCancel,\n onUpdate: this.props.onGlobalSettings\n }) : view === 'edit' ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_edit_account_view_jsx__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n tinode: this.props.tinode,\n myUserId: this.props.myUserId,\n messageSounds: this.props.messageSounds,\n desktopAlerts: this.props.desktopAlerts,\n desktopAlertsEnabled: this.props.desktopAlertsEnabled,\n onUpdateAccount: this.props.onUpdateAccount,\n onUpdateTags: this.props.onUpdateAccountTags,\n onTogglePushNotifications: this.props.onTogglePushNotifications,\n onToggleMessageSounds: this.props.onToggleMessageSounds,\n onLogout: this.props.onLogout,\n onCancel: this.props.onCancel,\n onError: this.props.onError\n }) : view === 'contacts' ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_contacts_view_jsx__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n tinode: this.props.tinode,\n myUserId: this.props.myUserId,\n connected: this.props.connected,\n topicSelected: this.props.topicSelected,\n chatList: this.props.chatList,\n showContextMenu: this.props.showContextMenu,\n onTopicSelected: this.props.onTopicSelected\n }) : view === 'newtpk' ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_new_topic_view_jsx__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n searchResults: this.props.searchResults,\n onInitFind: this.props.onInitFind,\n onSearchContacts: this.props.onSearchContacts,\n onCreateTopic: this.props.onCreateTopic,\n onError: this.props.onError\n }) : view === 'cred' ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_validation_view_jsx__WEBPACK_IMPORTED_MODULE_11__[\"default\"], {\n credCode: this.props.credCode,\n credMethod: this.props.credMethod,\n onSubmit: this.props.onValidateCredentials,\n onCancel: this.props.onCancel,\n onError: this.props.onError\n }) : view === 'reset' ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_password_reset_view_jsx__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n onRequest: this.props.onPasswordResetRequest,\n onReset: this.props.onResetPassword\n }) : null);\n }\n }]);\n\n return SidepanelView;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);\n\n;\n/* harmony default export */ __webpack_exports__[\"default\"] = (Object(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"injectIntl\"])(SidepanelView));\n\n//# sourceURL=webpack:///./src/views/sidepanel-view.jsx?"); - function res(i, val) { - try { - if (val && (typeof val === 'object' || typeof val === 'function')) { - var then = val.then; - if (typeof then === 'function') { - then.call( - val, - function(val) { - res(i, val); - }, - reject - ); - return; - } - } - args[i] = val; - if (--remaining === 0) { - resolve(args); - } - } catch (ex) { - reject(ex); - } - } +/***/ }), - for (var i = 0; i < args.length; i++) { - res(i, args[i]); - } - }); -}; +/***/ "./src/views/tinode-web.jsx": +/*!**********************************!*\ + !*** ./src/views/tinode-web.jsx ***! + \**********************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -Promise.resolve = function(value) { - if (value && typeof value === 'object' && value.constructor === Promise) { - return value; - } +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"react-dom\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-intl */ \"react-intl\");\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_intl__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var firebase_app__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! firebase/app */ \"firebase/app\");\n/* harmony import */ var firebase_app__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(firebase_app__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var firebase_messaging__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! firebase/messaging */ \"firebase/messaging\");\n/* harmony import */ var firebase_messaging__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(firebase_messaging__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var tinode_sdk__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! tinode-sdk */ \"../tinode-js/umd/tinode.prod.js\");\n/* harmony import */ var tinode_sdk__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(tinode_sdk__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _widgets_context_menu_jsx__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../widgets/context-menu.jsx */ \"./src/widgets/context-menu.jsx\");\n/* harmony import */ var _info_view_jsx__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./info-view.jsx */ \"./src/views/info-view.jsx\");\n/* harmony import */ var _messages_view_jsx__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./messages-view.jsx */ \"./src/views/messages-view.jsx\");\n/* harmony import */ var _sidepanel_view_jsx__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./sidepanel-view.jsx */ \"./src/views/sidepanel-view.jsx\");\n/* harmony import */ var _config_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../config.js */ \"./src/config.js\");\n/* harmony import */ var _lib_blob_helpers_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../lib/blob-helpers.js */ \"./src/lib/blob-helpers.js\");\n/* harmony import */ var _lib_host_name_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../lib/host-name.js */ \"./src/lib/host-name.js\");\n/* harmony import */ var _lib_local_storage_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../lib/local-storage.js */ \"./src/lib/local-storage.js\");\n/* harmony import */ var _lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../lib/navigation.js */ \"./src/lib/navigation.js\");\n/* harmony import */ var _lib_utils_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../lib/utils.js */ \"./src/lib/utils.js\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar POP_SOUND = new Audio('audio/msg.mp3');\n\nvar TinodeWeb = function (_React$Component) {\n _inherits(TinodeWeb, _React$Component);\n\n function TinodeWeb(props) {\n var _this;\n\n _classCallCheck(this, TinodeWeb);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(TinodeWeb).call(this, props));\n _this.state = _this.getBlankState();\n _this.handleResize = _this.handleResize.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleHashRoute = _this.handleHashRoute.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleOnline = _this.handleOnline.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleAppVisibility = _this.handleAppVisibility.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleReadTimer = _this.handleReadTimer.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleVisibilityEvent = _this.handleVisibilityEvent.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleError = _this.handleError.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleLoginRequest = _this.handleLoginRequest.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleConnected = _this.handleConnected.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.doLogin = _this.doLogin.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleCredentialsRequest = _this.handleCredentialsRequest.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleLoginSuccessful = _this.handleLoginSuccessful.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleDisconnect = _this.handleDisconnect.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.tnMeMetaDesc = _this.tnMeMetaDesc.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.tnMeContactUpdate = _this.tnMeContactUpdate.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.tnMeSubsUpdated = _this.tnMeSubsUpdated.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.resetContactList = _this.resetContactList.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.tnData = _this.tnData.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.tnInitFind = _this.tnInitFind.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.tnFndSubsUpdated = _this.tnFndSubsUpdated.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleSearchContacts = _this.handleSearchContacts.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleTopicSelected = _this.handleTopicSelected.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleHideMessagesView = _this.handleHideMessagesView.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleSendMessage = _this.handleSendMessage.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleNewAccount = _this.handleNewAccount.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleNewAccountRequest = _this.handleNewAccountRequest.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleUpdateAccountRequest = _this.handleUpdateAccountRequest.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleUpdateAccountTagsRequest = _this.handleUpdateAccountTagsRequest.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleSettings = _this.handleSettings.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleGlobalSettings = _this.handleGlobalSettings.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleToggleMessageSounds = _this.handleToggleMessageSounds.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.initDesktopAlerts = _this.initDesktopAlerts.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.togglePushToken = _this.togglePushToken.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.requestPushToken = _this.requestPushToken.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleSidepanelCancel = _this.handleSidepanelCancel.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleNewTopic = _this.handleNewTopic.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleNewTopicRequest = _this.handleNewTopicRequest.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleNewTopicCreated = _this.handleNewTopicCreated.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleTopicUpdateRequest = _this.handleTopicUpdateRequest.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleChangePermissions = _this.handleChangePermissions.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleTagsUpdated = _this.handleTagsUpdated.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleLogout = _this.handleLogout.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleLeaveUnsubRequest = _this.handleLeaveUnsubRequest.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleDialogCancel = _this.handleDialogCancel.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleShowContextMenu = _this.handleShowContextMenu.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.defaultTopicContextMenu = _this.defaultTopicContextMenu.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleHideContextMenu = _this.handleHideContextMenu.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleShowInfoView = _this.handleShowInfoView.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleHideInfoView = _this.handleHideInfoView.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleMemberUpdateRequest = _this.handleMemberUpdateRequest.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleValidateCredentialsRequest = _this.handleValidateCredentialsRequest.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handlePasswordResetRequest = _this.handlePasswordResetRequest.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleResetPassword = _this.handleResetPassword.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n return _this;\n }\n\n _createClass(TinodeWeb, [{\n key: \"getBlankState\",\n value: function getBlankState() {\n var _ref;\n\n var settings = _lib_local_storage_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].getObject(\"settings\") || {};\n return _ref = {\n connected: false,\n transport: settings.transport || null,\n serverAddress: settings.serverAddress || Object(_lib_host_name_js__WEBPACK_IMPORTED_MODULE_12__[\"detectServerAddress\"])(),\n serverVersion: \"no connection\",\n messageSounds: !settings.messageSoundsOff,\n desktopAlerts: settings.desktopAlerts,\n desktopAlertsEnabled: (Object(_lib_host_name_js__WEBPACK_IMPORTED_MODULE_12__[\"isSecureConnection\"])() || Object(_lib_host_name_js__WEBPACK_IMPORTED_MODULE_12__[\"isLocalHost\"])()) && typeof firebase_app__WEBPACK_IMPORTED_MODULE_3__ != 'undefined' && typeof navigator != 'undefined' && typeof FIREBASE_INIT != 'undefined',\n firebaseToken: _lib_local_storage_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].getObject(\"firebase-token\"),\n errorText: '',\n errorLevel: null,\n sidePanelSelected: 'login',\n sidePanelTitle: null,\n sidePanelAvatar: null,\n dialogSelected: null,\n contextMenuVisible: false,\n login: '',\n password: '',\n myUserId: null,\n liveConnection: navigator.onLine,\n topicSelected: '',\n topicSelectedOnline: false,\n topicSelectedAcs: null,\n newGroupTopicParams: null,\n loginDisabled: false,\n displayMobile: window.innerWidth <= _config_js__WEBPACK_IMPORTED_MODULE_10__[\"MEDIA_BREAKPOINT\"],\n showInfoPanel: false,\n mobilePanel: 'sidepanel'\n }, _defineProperty(_ref, \"contextMenuVisible\", false), _defineProperty(_ref, \"contextMenuBounds\", null), _defineProperty(_ref, \"contextMenuClickAt\", null), _defineProperty(_ref, \"contextMenuParams\", null), _defineProperty(_ref, \"contextMenuItems\", []), _defineProperty(_ref, \"chatList\", []), _defineProperty(_ref, \"searchResults\", []), _defineProperty(_ref, \"searchableContacts\", []), _defineProperty(_ref, \"credMethod\", undefined), _defineProperty(_ref, \"credCode\", undefined), _ref;\n }\n }, {\n key: \"componentDidMount\",\n value: function componentDidMount() {\n var _this2 = this;\n\n window.addEventListener('resize', this.handleResize);\n window.addEventListener('online', function (e) {\n _this2.handleOnline(true);\n });\n window.addEventListener('offline', function (e) {\n _this2.handleOnline(false);\n });\n window.addEventListener('hashchange', this.handleHashRoute);\n document.addEventListener('visibilitychange', this.handleVisibilityEvent);\n this.setState({\n viewportWidth: document.documentElement.clientWidth\n });\n this.tinode = TinodeWeb.tnSetup(this.state.serverAddress, this.state.transport);\n this.tinode.onConnect = this.handleConnected;\n this.tinode.onDisconnect = this.handleDisconnect;\n\n if (this.state.desktopAlertsEnabled) {\n try {\n this.fbPush = firebase_app__WEBPACK_IMPORTED_MODULE_3__[\"initializeApp\"](FIREBASE_INIT, _config_js__WEBPACK_IMPORTED_MODULE_10__[\"APP_NAME\"]).messaging();\n this.fbPush.usePublicVapidKey(FIREBASE_INIT.messagingVapidKey);\n navigator.serviceWorker.register('/service-worker.js').then(function (reg) {\n _this2.fbPush.useServiceWorker(reg);\n\n _this2.initDesktopAlerts();\n\n if (_this2.state.desktopAlerts) {\n if (!_this2.state.firebaseToken) {\n _this2.togglePushToken(true);\n } else {\n _this2.tinode.setDeviceToken(_this2.state.firebaseToken);\n }\n }\n }).catch(function (err) {\n console.log(\"Failed to register service worker:\", err);\n });\n } catch (err) {\n this.handleError(\"Failed to initialize push notifications\", 'err');\n console.log(\"Failed to initialize push notifications\", err);\n this.setState({\n desktopAlertsEnabled: false\n });\n }\n }\n\n var token = _lib_local_storage_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].getObject('keep-logged-in') ? _lib_local_storage_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].getObject('auth-token') : undefined;\n var parsedNav = _lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].parseUrlHash(window.location.hash);\n\n if (token) {\n token.expires = new Date(token.expires);\n this.tinode.setAuthToken(token);\n this.tinode.connect().catch(function (err) {\n _this2.handleError(err.message, 'err');\n });\n delete parsedNav.params.info;\n delete parsedNav.params.tab;\n parsedNav.path[0] = '';\n _lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].navigateTo(_lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].composeUrlHash(parsedNav.path, parsedNav.params));\n } else if (!parsedNav.params.token) {\n _lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].navigateTo('');\n }\n\n this.readTimer = null;\n this.readTimerCallback = null;\n this.handleHashRoute();\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n window.removeEventListener('resize', this.handleResize);\n window.removeEventListener('hashchange', this.handleHashRoute);\n document.removeEventListener('visibilitychange', this.handleVisibilityEvent);\n }\n }, {\n key: \"handleResize\",\n value: function handleResize() {\n var mobile = document.documentElement.clientWidth <= _config_js__WEBPACK_IMPORTED_MODULE_10__[\"MEDIA_BREAKPOINT\"];\n this.setState({\n viewportWidth: document.documentElement.clientWidth\n });\n\n if (this.state.displayMobile != mobile) {\n this.setState({\n displayMobile: mobile\n });\n }\n }\n }, {\n key: \"handleHashRoute\",\n value: function handleHashRoute() {\n var hash = _lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].parseUrlHash(window.location.hash);\n\n if (hash.path && hash.path.length > 0) {\n if (['register', 'settings', 'edit', 'cred', 'reset', 'newtpk', 'contacts', ''].includes(hash.path[0])) {\n this.setState({\n sidePanelSelected: hash.path[0]\n });\n } else {\n console.log(\"Unknown sidepanel view\", hash.path[0]);\n }\n\n if (hash.path.length > 1 && hash.path[1] != this.state.topicSelected) {\n this.setState({\n topicSelected: tinode_sdk__WEBPACK_IMPORTED_MODULE_5___default.a.topicType(hash.path[1]) ? hash.path[1] : null\n });\n }\n } else {\n this.setState({\n sidePanelSelected: ''\n });\n }\n\n if (hash.params.method) {\n this.setState({\n credMethod: hash.params.method\n });\n }\n\n if (hash.params.code) {\n this.setState({\n credCode: hash.params.code\n });\n }\n\n this.setState({\n showInfoPanel: hash.params.info,\n newTopicTabSelected: hash.params.tab\n });\n }\n }, {\n key: \"handleOnline\",\n value: function handleOnline(online) {\n var newState = {\n liveConnection: online\n };\n\n if (online) {\n this.handleError('', null);\n } else {\n this.handleError(\"No connection\", 'warn');\n }\n\n this.setState({\n liveConnection: online\n });\n }\n }, {\n key: \"handleAppVisibility\",\n value: function handleAppVisibility(visible, callback) {\n clearTimeout(this.readTimer);\n this.readTimerCallback = callback;\n\n if (visible && callback) {\n this.readTimer = setTimeout(callback, _config_js__WEBPACK_IMPORTED_MODULE_10__[\"READ_DELAY\"]);\n } else {\n this.readTimer = null;\n }\n }\n }, {\n key: \"handleReadTimer\",\n value: function handleReadTimer(callback) {\n this.handleAppVisibility(!document.hidden, callback);\n }\n }, {\n key: \"handleVisibilityEvent\",\n value: function handleVisibilityEvent() {\n this.handleAppVisibility(!document.hidden, this.readTimerCallback);\n }\n }, {\n key: \"handleError\",\n value: function handleError(err, level) {\n this.setState({\n errorText: err,\n errorLevel: level\n });\n }\n }, {\n key: \"handleLoginRequest\",\n value: function handleLoginRequest(login, password) {\n var _this3 = this;\n\n this.setState({\n loginDisabled: true,\n login: login,\n password: password\n });\n this.handleError('', null);\n\n if (this.tinode.isConnected()) {\n this.doLogin(login, password, {\n meth: this.state.credMethod,\n resp: this.state.credCode\n });\n } else {\n this.tinode.connect().catch(function (err) {\n _this3.setState({\n loginDisabled: false\n });\n\n _this3.handleError(err.message, 'err');\n });\n }\n }\n }, {\n key: \"handleConnected\",\n value: function handleConnected() {\n var params = this.tinode.getServerInfo();\n this.setState({\n serverVersion: params.ver + ' ' + (params.build ? params.build : 'none') + '; '\n });\n this.doLogin(this.state.login, this.state.password, {\n meth: this.state.credMethod,\n resp: this.state.credCode\n });\n }\n }, {\n key: \"doLogin\",\n value: function doLogin(login, password, cred) {\n var _this4 = this;\n\n if (this.tinode.isAuthenticated()) {\n _lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].navigateTo('');\n return;\n }\n\n cred = tinode_sdk__WEBPACK_IMPORTED_MODULE_5___default.a.credential(cred);\n var promise = null;\n var token = this.tinode.getAuthToken();\n\n if (login && password) {\n this.setState({\n password: null\n });\n promise = this.tinode.loginBasic(login, password, cred);\n } else if (token) {\n promise = this.tinode.loginToken(token.token, cred);\n }\n\n if (promise) {\n promise.then(function (ctrl) {\n if (ctrl.code >= 300 && ctrl.text === 'validate credentials') {\n if (cred) {\n _this4.handleError(\"Code does not match\", 'warn');\n }\n\n _this4.handleCredentialsRequest(ctrl.params);\n } else {\n _this4.handleLoginSuccessful();\n }\n }).catch(function (err) {\n _this4.setState({\n loginDisabled: false,\n credMethod: undefined,\n credCode: undefined\n });\n\n _this4.handleError(err.message, 'err');\n\n localStorage.removeItem('auth-token');\n _lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].navigateTo('');\n });\n } else {\n _lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].navigateTo('');\n this.setState({\n loginDisabled: false\n });\n }\n }\n }, {\n key: \"handleCredentialsRequest\",\n value: function handleCredentialsRequest(params) {\n var parsed = _lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].parseUrlHash(window.location.hash);\n parsed.path[0] = 'cred';\n parsed.params['method'] = params.cred[0];\n _lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].navigateTo(_lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].composeUrlHash(parsed.path, parsed.params));\n }\n }, {\n key: \"handleLoginSuccessful\",\n value: function handleLoginSuccessful() {\n var _this5 = this;\n\n this.handleError('', null);\n\n if (_lib_local_storage_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].getObject('keep-logged-in')) {\n _lib_local_storage_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].setObject('auth-token', this.tinode.getAuthToken());\n }\n\n var me = this.tinode.getMeTopic();\n me.onMetaDesc = this.tnMeMetaDesc;\n me.onContactUpdate = this.tnMeContactUpdate;\n me.onSubsUpdated = this.tnMeSubsUpdated;\n this.setState({\n connected: true,\n credMethod: undefined,\n credCode: undefined,\n myUserId: this.tinode.getCurrentUserID()\n });\n me.subscribe(me.startMetaQuery().withLaterSub().withDesc().build()).catch(function (err) {\n localStorage.removeItem('auth-token');\n\n _this5.handleError(err.message, 'err');\n\n _lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].navigateTo('');\n });\n _lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].navigateTo(_lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].setUrlSidePanel(window.location.hash, 'contacts'));\n }\n }, {\n key: \"handleDisconnect\",\n value: function handleDisconnect(err) {\n this.setState({\n connected: false,\n topicSelectedOnline: false,\n dialogSelected: null,\n errorText: err && err.message ? err.message : \"Disconnected\",\n errorLevel: err && err.message ? 'err' : 'warn',\n loginDisabled: false,\n contextMenuVisible: false,\n serverVersion: \"no connection\"\n });\n }\n }, {\n key: \"tnMeMetaDesc\",\n value: function tnMeMetaDesc(desc) {\n if (desc && desc.public) {\n this.setState({\n sidePanelTitle: desc.public.fn,\n sidePanelAvatar: Object(_lib_blob_helpers_js__WEBPACK_IMPORTED_MODULE_11__[\"makeImageUrl\"])(desc.public.photo)\n });\n }\n }\n }, {\n key: \"tnMeContactUpdate\",\n value: function tnMeContactUpdate(what, cont) {\n if (what == 'on' || what == 'off') {\n this.resetContactList();\n\n if (this.state.topicSelected == cont.topic) {\n this.setState({\n topicSelectedOnline: what == 'on'\n });\n }\n } else if (what == 'read') {\n this.resetContactList();\n } else if (what == 'msg') {\n if (this.state.topicSelected != cont.topic) {\n if (this.state.messageSounds) {\n POP_SOUND.play();\n }\n\n this.resetContactList();\n } else if (document.hidden && this.state.messageSounds) {\n POP_SOUND.play();\n }\n } else if (what == 'recv') {} else if (what == 'gone' || what == 'unsub') {\n if (this.state.topicSelected == cont.topic) {\n this.handleTopicSelected(null);\n }\n\n this.resetContactList();\n } else if (what == 'acs') {\n if (this.state.topicSelected == cont.topic) {\n this.setState({\n topicSelectedAcs: cont.acs\n });\n }\n } else if (what == 'del') {} else {\n console.log(\"Unsupported (yet) presence update:\" + what + \" in: \" + cont.topic);\n }\n }\n }, {\n key: \"tnMeSubsUpdated\",\n value: function tnMeSubsUpdated(unused) {\n this.resetContactList();\n }\n }, {\n key: \"resetContactList\",\n value: function resetContactList() {\n var _this6 = this;\n\n var newState = {\n chatList: []\n };\n this.tinode.getMeTopic().contacts(function (c) {\n newState.chatList.push(c);\n\n if (_this6.state.topicSelected == c.topic) {\n newState.topicSelectedOnline = c.online;\n newState.topicSelectedAcs = c.acs;\n }\n });\n newState.searchableContacts = TinodeWeb.prepareSearchableContacts(newState.chatList, this.state.searchResults);\n this.setState(newState);\n }\n }, {\n key: \"tnData\",\n value: function tnData(data) {\n var _this7 = this;\n\n var topic = this.tinode.getTopic(data.topic);\n\n if (topic.msgStatus(data) >= tinode_sdk__WEBPACK_IMPORTED_MODULE_5___default.a.MESSAGE_STATUS_SENT) {\n clearTimeout(this.receivedTimer);\n this.receivedTimer = setTimeout(function () {\n _this7.receivedTimer = undefined;\n topic.noteRecv(data.seq);\n }, _config_js__WEBPACK_IMPORTED_MODULE_10__[\"RECEIVED_DELAY\"]);\n }\n }\n }, {\n key: \"tnInitFind\",\n value: function tnInitFind() {\n var _this8 = this;\n\n var fnd = this.tinode.getFndTopic();\n\n if (fnd.isSubscribed()) {\n this.tnFndSubsUpdated();\n } else {\n fnd.onSubsUpdated = this.tnFndSubsUpdated;\n fnd.subscribe(fnd.startMetaQuery().withSub().withTags().build()).catch(function (err) {\n _this8.handleError(err.message, 'err');\n });\n }\n }\n }, {\n key: \"tnFndSubsUpdated\",\n value: function tnFndSubsUpdated() {\n var foundContacts = [];\n this.tinode.getFndTopic().contacts(function (s) {\n foundContacts.push(s);\n });\n this.setState({\n searchResults: foundContacts,\n searchableContacts: TinodeWeb.prepareSearchableContacts(this.state.chatList, foundContacts)\n });\n }\n }, {\n key: \"handleSearchContacts\",\n value: function handleSearchContacts(query) {\n var _this9 = this;\n\n var fnd = this.tinode.getFndTopic();\n fnd.setMeta({\n desc: {\n public: query\n }\n }).then(function (ctrl) {\n return fnd.getMeta(fnd.startMetaQuery().withSub().build());\n }).catch(function (err) {\n _this9.handleError(err.message, 'err');\n });\n }\n }, {\n key: \"handleTopicSelected\",\n value: function handleTopicSelected(topicName, unused_index, online, acs) {\n if (topicName) {\n this.setState({\n errorText: '',\n errorLevel: null,\n mobilePanel: 'topic-view',\n showInfoPanel: false\n });\n\n if (this.state.topicSelected != topicName) {\n this.setState({\n topicSelectedOnline: online,\n topicSelectedAcs: acs\n });\n _lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].navigateTo(_lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].setUrlTopic('', topicName));\n }\n } else {\n this.setState({\n errorText: '',\n errorLevel: null,\n mobilePanel: 'sidepanel',\n topicSelectedOnline: false,\n topicSelectedAcs: null,\n showInfoPanel: false\n });\n\n if (this.state.topicSelected) {\n _lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].navigateTo(_lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].setUrlTopic('', null));\n }\n }\n }\n }, {\n key: \"handleHideMessagesView\",\n value: function handleHideMessagesView() {\n this.setState({\n mobilePanel: 'sidepanel'\n });\n _lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].navigateTo(_lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].setUrlTopic(window.location.hash, null));\n }\n }, {\n key: \"handleSendMessage\",\n value: function handleSendMessage(msg, promise, uploader) {\n var _this10 = this;\n\n var topic = this.tinode.getTopic(this.state.topicSelected);\n msg = topic.createMessage(msg, false);\n msg._uploader = uploader;\n\n if (!topic.isSubscribed()) {\n if (!promise) {\n promise = Promise.resolve();\n }\n\n promise = promise.then(function () {\n return topic.subscribe();\n });\n }\n\n if (promise) {\n promise = promise.catch(function (err) {\n _this10.handleError(err.message, 'err');\n });\n }\n\n topic.publishDraft(msg, promise).catch(function (err) {\n _this10.handleError(err.message, 'err');\n });\n }\n }, {\n key: \"handleNewAccount\",\n value: function handleNewAccount() {\n _lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].navigateTo(_lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].setUrlSidePanel(window.location.hash, 'register'));\n }\n }, {\n key: \"handleNewAccountRequest\",\n value: function handleNewAccountRequest(login_, password_, public_, cred_, tags_) {\n var _this11 = this;\n\n this.tinode.connect(this.state.serverAddress).then(function () {\n return _this11.tinode.createAccountBasic(login_, password_, {\n public: public_,\n tags: tags_,\n cred: tinode_sdk__WEBPACK_IMPORTED_MODULE_5___default.a.credential(cred_)\n });\n }).then(function (ctrl) {\n if (ctrl.code >= 300 && ctrl.text == 'validate credentials') {\n _this11.handleCredentialsRequest(ctrl.params);\n } else {\n _this11.handleLoginSuccessful(_this11);\n }\n }).catch(function (err) {\n _this11.handleError(err.message, 'err');\n });\n }\n }, {\n key: \"handleUpdateAccountRequest\",\n value: function handleUpdateAccountRequest(password, pub, defacs) {\n var _this12 = this;\n\n if (pub || defacs) {\n this.tinode.getMeTopic().setMeta({\n desc: {\n public: pub,\n defacs: defacs\n }\n }).catch(function (err) {\n _this12.handleError(err.message, 'err');\n });\n }\n\n if (password) {\n this.tinode.updateAccountBasic(null, this.tinode.getCurrentLogin(), password).catch(function (err) {\n _this12.handleError(err.message, 'err');\n });\n }\n }\n }, {\n key: \"handleUpdateAccountTagsRequest\",\n value: function handleUpdateAccountTagsRequest(tags) {\n var _this13 = this;\n\n this.tinode.getFndTopic().setMeta({\n tags: tags\n }).catch(function (err) {\n _this13.handleError(err.message, 'err');\n });\n }\n }, {\n key: \"handleSettings\",\n value: function handleSettings() {\n _lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].navigateTo(_lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].setUrlSidePanel(window.location.hash, this.state.myUserId ? 'edit' : 'settings'));\n }\n }, {\n key: \"handleGlobalSettings\",\n value: function handleGlobalSettings(settings) {\n var serverAddress = settings.serverAddress || this.state.serverAddress;\n var transport = settings.transport || this.state.transport;\n\n if (this.tinode) {\n this.tinode.onDisconnect = undefined;\n this.tinode.disconnect();\n }\n\n this.tinode = TinodeWeb.tnSetup(serverAddress, transport);\n this.tinode.onConnect = this.handleConnected;\n this.tinode.onDisconnect = this.handleDisconnect;\n this.setState({\n serverAddress: serverAddress,\n transport: transport\n });\n _lib_local_storage_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].setObject('settings', {\n serverAddress: serverAddress,\n transport: transport\n });\n _lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].navigateTo(_lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].setUrlSidePanel(window.location.hash, ''));\n }\n }, {\n key: \"initDesktopAlerts\",\n value: function initDesktopAlerts() {\n var _this14 = this;\n\n this.fbPush.onTokenRefresh(function () {\n _this14.requestPushToken(true);\n });\n this.fbPush.onMessage(function (payload) {});\n }\n }, {\n key: \"togglePushToken\",\n value: function togglePushToken(enabled) {\n var _this15 = this;\n\n if (enabled) {\n if (!this.state.firebaseToken) {\n this.fbPush.requestPermission().then(function () {\n _this15.requestPushToken(true);\n }).catch(function (err) {\n _this15.handleError(err.message, 'err');\n\n _this15.setState({\n desktopAlerts: false,\n firebaseToken: null\n });\n\n _lib_local_storage_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].updateObject('settings', {\n desktopAlerts: false\n });\n console.log(\"Failed to get permission to notify.\", err);\n });\n } else {\n this.setState({\n desktopAlerts: true\n });\n _lib_local_storage_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].updateObject('settings', {\n desktopAlerts: true\n });\n }\n } else if (this.state.firebaseToken) {\n this.fbPush.deleteToken(this.state.firebaseToken).catch(function (err) {\n console.log(\"Unable to delete token.\", err);\n }).finally(function () {\n _lib_local_storage_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].updateObject('settings', {\n desktopAlerts: false\n });\n localStorage.removeItem('firebase-token');\n\n _this15.setState({\n desktopAlerts: false,\n firebaseToken: null\n });\n });\n } else {\n this.setState({\n desktopAlerts: false,\n firebaseToken: null\n });\n _lib_local_storage_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].updateObject('settings', {\n desktopAlerts: false\n });\n }\n }\n }, {\n key: \"requestPushToken\",\n value: function requestPushToken(sendToServer) {\n var _this16 = this;\n\n this.fbPush.getToken().then(function (refreshedToken) {\n if (refreshedToken != _this16.state.firebaseToken) {\n _this16.tinode.setDeviceToken(refreshedToken, sendToServer);\n\n _lib_local_storage_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].setObject('firebase-token', refreshedToken);\n }\n\n _this16.setState({\n firebaseToken: refreshedToken,\n desktopAlerts: true\n });\n\n _lib_local_storage_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].updateObject('settings', {\n desktopAlerts: true\n });\n }).catch(function (err) {\n _this16.handleError(err.message, 'err');\n\n console.log(\"Failed to retrieve firebase token\", err);\n });\n }\n }, {\n key: \"handleToggleMessageSounds\",\n value: function handleToggleMessageSounds(enabled) {\n this.setState({\n messageSounds: enabled\n });\n _lib_local_storage_js__WEBPACK_IMPORTED_MODULE_13__[\"default\"].updateObject('settings', {\n messageSoundsOff: !enabled\n });\n }\n }, {\n key: \"handleSidepanelCancel\",\n value: function handleSidepanelCancel() {\n var parsed = _lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].parseUrlHash(window.location.hash);\n parsed.path[0] = this.state.myUserId ? 'contacts' : '';\n\n if (parsed.params) {\n delete parsed.params.code;\n delete parsed.params.method;\n delete parsed.params.tab;\n }\n\n _lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].navigateTo(_lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].composeUrlHash(parsed.path, parsed.params));\n this.setState({\n errorText: '',\n errorLevel: null\n });\n }\n }, {\n key: \"handleNewTopic\",\n value: function handleNewTopic() {\n _lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].navigateTo(_lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].setUrlSidePanel(window.location.hash, 'newtpk'));\n }\n }, {\n key: \"handleNewTopicRequest\",\n value: function handleNewTopicRequest(peerName, pub, priv, tags) {\n var _this17 = this;\n\n var topicName = peerName || this.tinode.newGroupTopicName();\n\n if (!peerName) {\n this.setState({\n newGroupTopicParams: {\n desc: {\n public: pub,\n private: {\n comment: priv\n }\n },\n tags: tags\n }\n }, function () {\n _this17.handleTopicSelected(topicName);\n });\n } else {\n this.handleTopicSelected(topicName);\n }\n }\n }, {\n key: \"handleNewTopicCreated\",\n value: function handleNewTopicCreated(oldName, newName) {\n if (this.state.topicSelected == oldName && oldName != newName) {\n this.setState({\n topicSelected: newName\n }, function () {\n _lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].navigateTo(_lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].setUrlTopic('', newName));\n });\n }\n }\n }, {\n key: \"handleTopicUpdateRequest\",\n value: function handleTopicUpdateRequest(topicName, pub, priv, permissions) {\n var _this18 = this;\n\n var topic = this.tinode.getTopic(topicName);\n\n if (topic) {\n var params = {};\n\n if (pub) {\n params.public = pub;\n }\n\n if (priv) {\n params.private = priv === tinode_sdk__WEBPACK_IMPORTED_MODULE_5___default.a.DEL_CHAR ? tinode_sdk__WEBPACK_IMPORTED_MODULE_5___default.a.DEL_CHAR : {\n comment: priv\n };\n }\n\n if (permissions) {\n params.defacs = permissions;\n }\n\n topic.setMeta({\n desc: params\n }).catch(function (err) {\n _this18.handleError(err.message, 'err');\n });\n }\n }\n }, {\n key: \"handleChangePermissions\",\n value: function handleChangePermissions(topicName, mode, uid) {\n var _this19 = this;\n\n var topic = this.tinode.getTopic(topicName);\n\n if (topic) {\n var am = topic.getAccessMode();\n\n if (uid) {\n am.updateGiven(mode);\n mode = am.getGiven();\n } else {\n am.updateWant(mode);\n mode = am.getWant();\n }\n\n topic.setMeta({\n sub: {\n user: uid,\n mode: mode\n }\n }).catch(function (err) {\n _this19.handleError(err.message, 'err');\n });\n }\n }\n }, {\n key: \"handleTagsUpdated\",\n value: function handleTagsUpdated(topicName, tags) {\n var _this20 = this;\n\n var topic = this.tinode.getTopic(topicName);\n\n if (topic) {\n var instance = this;\n topic.setMeta({\n tags: tags\n }).catch(function (err) {\n _this20.handleError(err.message, 'err');\n });\n }\n }\n }, {\n key: \"handleLogout\",\n value: function handleLogout() {\n Object(_lib_utils_js__WEBPACK_IMPORTED_MODULE_15__[\"updateFavicon\"])(0);\n localStorage.removeItem('auth-token');\n\n if (this.tinode) {\n this.tinode.onDisconnect = undefined;\n this.tinode.disconnect();\n }\n\n this.setState(this.getBlankState());\n this.tinode = TinodeWeb.tnSetup(this.state.serverAddress, this.state.transport);\n this.tinode.onConnect = this.handleConnected;\n this.tinode.onDisconnect = this.handleDisconnect;\n _lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].navigateTo('');\n }\n }, {\n key: \"handleLeaveUnsubRequest\",\n value: function handleLeaveUnsubRequest(topicName) {\n var _this21 = this;\n\n var topic = this.tinode.getTopic(topicName);\n\n if (!topic) {\n return;\n }\n\n topic.leave(true).then(function (ctrl) {\n _lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].navigateTo(_lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].setUrlTopic(window.location.hash, ''));\n }).catch(function (err) {\n _this21.handleError(err.message, 'err');\n });\n }\n }, {\n key: \"handleDialogCancel\",\n value: function handleDialogCancel() {\n this.setState({\n dialogSelected: null\n });\n }\n }, {\n key: \"handleShowContextMenu\",\n value: function handleShowContextMenu(params, menuItems) {\n this.setState({\n contextMenuVisible: true,\n contextMenuClickAt: {\n x: params.x,\n y: params.y\n },\n contextMenuParams: params,\n contextMenuItems: menuItems || this.defaultTopicContextMenu(params.topicName),\n contextMenuBounds: react_dom__WEBPACK_IMPORTED_MODULE_1___default.a.findDOMNode(this).getBoundingClientRect()\n });\n }\n }, {\n key: \"defaultTopicContextMenu\",\n value: function defaultTopicContextMenu(topicName) {\n var topic = this.tinode.getTopic(topicName);\n var formatMessage = this.props.intl.formatMessage;\n var muted = false,\n blocked = false,\n subscribed = false,\n deleter = false;\n\n if (topic) {\n if (topic.isSubscribed()) {\n subscribed = true;\n var acs = topic.getAccessMode();\n muted = acs && acs.isMuted();\n blocked = acs && !acs.isJoiner();\n deleter = acs && acs.isDeleter();\n }\n }\n\n return [subscribed ? {\n title: formatMessage({\n id: 'menu_item_info'\n }),\n handler: this.handleShowInfoView\n } : null, subscribed ? 'messages_clear' : null, subscribed && deleter ? 'messages_clear_hard' : null, subscribed ? muted ? 'topic_unmute' : 'topic_mute' : null, subscribed ? blocked ? 'topic_unblock' : 'topic_block' : null, 'topic_delete'];\n }\n }, {\n key: \"handleHideContextMenu\",\n value: function handleHideContextMenu() {\n this.setState({\n contextMenuVisible: false,\n contextMenuClickAt: null,\n contextMenuParams: null,\n contextMenuBounds: null\n });\n }\n }, {\n key: \"handleShowInfoView\",\n value: function handleShowInfoView() {\n _lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].navigateTo(_lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].addUrlParam(window.location.hash, 'info', true));\n this.setState({\n showInfoPanel: true\n });\n }\n }, {\n key: \"handleHideInfoView\",\n value: function handleHideInfoView() {\n _lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].navigateTo(_lib_navigation_js__WEBPACK_IMPORTED_MODULE_14__[\"default\"].removeUrlParam(window.location.hash, 'info'));\n this.setState({\n showInfoPanel: false\n });\n }\n }, {\n key: \"handleMemberUpdateRequest\",\n value: function handleMemberUpdateRequest(topicName, added, removed) {\n var _this22 = this;\n\n if (!topicName) {\n return;\n }\n\n var topic = this.tinode.getTopic(topicName);\n\n if (!topic) {\n return;\n }\n\n if (added && added.length > 0) {\n added.map(function (uid) {\n topic.invite(uid, null).catch(function (err) {\n _this22.handleError(err.message, 'err');\n });\n });\n }\n\n if (removed && removed.length > 0) {\n removed.map(function (uid) {\n topic.delSubscription(uid).catch(function (err) {\n _this22.handleError(err.message, 'err');\n });\n });\n }\n }\n }, {\n key: \"handleValidateCredentialsRequest\",\n value: function handleValidateCredentialsRequest(cred, code) {\n this.setState({\n credMethod: cred,\n credCode: code\n });\n this.doLogin(null, null, {\n meth: cred,\n resp: code\n });\n }\n }, {\n key: \"handlePasswordResetRequest\",\n value: function handlePasswordResetRequest(method, value) {\n var _this23 = this;\n\n this.tinode.connect().then(function () {\n return _this23.tinode.requestResetAuthSecret('basic', method, value);\n }).catch(function (err) {\n _this23.handleError(err.message, 'err');\n });\n }\n }, {\n key: \"handleResetPassword\",\n value: function handleResetPassword(scheme, newPassword, token) {\n var _this24 = this;\n\n token = base64ReEncode(token);\n\n if (!token) {\n this.handleError(\"Invalid security token\", 'err');\n } else {\n this.tinode.connect().then(function () {\n return _this24.tinode.updateAccountBasic(null, null, newPassword, {\n token: token\n });\n }).catch(function (err) {\n _this24.handleError(err.message, 'err');\n });\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n id: \"app-container\"\n }, this.state.contextMenuVisible ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_widgets_context_menu_jsx__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n tinode: this.tinode,\n bounds: this.state.contextMenuBounds,\n clickAt: this.state.contextMenuClickAt,\n params: this.state.contextMenuParams,\n items: this.state.contextMenuItems,\n hide: this.handleHideContextMenu,\n onAction: this.handleContextMenuAction,\n onError: this.handleError\n }) : null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_sidepanel_view_jsx__WEBPACK_IMPORTED_MODULE_9__[\"default\"], {\n tinode: this.tinode,\n connected: this.state.connected,\n displayMobile: this.state.displayMobile,\n hideSelf: this.state.displayMobile && this.state.mobilePanel !== 'sidepanel',\n state: this.state.sidePanelSelected,\n title: this.state.sidePanelTitle,\n avatar: this.state.sidePanelAvatar,\n login: this.state.login,\n myUserId: this.state.myUserId,\n loginDisabled: this.state.loginDisabled,\n errorText: this.state.errorText,\n errorLevel: this.state.errorLevel,\n topicSelected: this.state.topicSelected,\n chatList: this.state.chatList,\n credMethod: this.state.credMethod,\n credCode: this.state.credCode,\n transport: this.state.transport,\n messageSounds: this.state.messageSounds,\n desktopAlerts: this.state.desktopAlerts,\n desktopAlertsEnabled: this.state.desktopAlertsEnabled,\n serverAddress: this.state.serverAddress,\n onGlobalSettings: this.handleGlobalSettings,\n onSignUp: this.handleNewAccount,\n onSettings: this.handleSettings,\n onLoginRequest: this.handleLoginRequest,\n onCreateAccount: this.handleNewAccountRequest,\n onUpdateAccount: this.handleUpdateAccountRequest,\n onUpdateAccountTags: this.handleUpdateAccountTagsRequest,\n onTogglePushNotifications: this.togglePushToken,\n onToggleMessageSounds: this.handleToggleMessageSounds,\n onTopicSelected: this.handleTopicSelected,\n onCreateTopic: this.handleNewTopicRequest,\n onNewTopic: this.handleNewTopic,\n onLogout: this.handleLogout,\n onCancel: this.handleSidepanelCancel,\n onError: this.handleError,\n onValidateCredentials: this.handleValidateCredentialsRequest,\n onPasswordResetRequest: this.handlePasswordResetRequest,\n onResetPassword: this.handleResetPassword,\n onInitFind: this.tnInitFind,\n searchResults: this.state.searchResults,\n onSearchContacts: this.handleSearchContacts,\n showContextMenu: this.handleShowContextMenu\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_messages_view_jsx__WEBPACK_IMPORTED_MODULE_8__[\"default\"], {\n tinode: this.tinode,\n connected: this.state.connected,\n online: this.state.topicSelectedOnline,\n acs: this.state.topicSelectedAcs,\n displayMobile: this.state.displayMobile,\n viewportWidth: this.state.viewportWidth,\n hideSelf: this.state.displayMobile && (this.state.mobilePanel !== 'topic-view' || this.state.showInfoPanel),\n topic: this.state.topicSelected,\n myUserId: this.state.myUserId,\n serverVersion: this.state.serverVersion,\n serverAddress: this.state.serverAddress,\n errorText: this.state.errorText,\n errorLevel: this.state.errorLevel,\n newGroupTopicParams: this.state.newGroupTopicParams,\n onHideMessagesView: this.handleHideMessagesView,\n onData: this.tnData,\n onError: this.handleError,\n onNewTopicCreated: this.handleNewTopicCreated,\n readTimerHandler: this.handleReadTimer,\n showContextMenu: this.handleShowContextMenu,\n sendMessage: this.handleSendMessage\n }), this.state.showInfoPanel ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_info_view_jsx__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n tinode: this.tinode,\n connected: this.state.connected,\n displayMobile: this.state.displayMobile,\n topic: this.state.topicSelected,\n searchableContacts: this.state.searchableContacts,\n myUserId: this.state.myUserId,\n errorText: this.state.errorText,\n errorLevel: this.state.errorLevel,\n onTopicDescUpdate: this.handleTopicUpdateRequest,\n onCancel: this.handleHideInfoView,\n onChangePermissions: this.handleChangePermissions,\n onMemberUpdateRequest: this.handleMemberUpdateRequest,\n onLeaveTopic: this.handleLeaveUnsubRequest,\n onAddMember: this.handleManageGroupMembers,\n onTopicTagsUpdate: this.handleTagsUpdated,\n onInitFind: this.tnInitFind,\n onError: this.handleError,\n showContextMenu: this.handleShowContextMenu\n }) : null);\n }\n }], [{\n key: \"tnSetup\",\n value: function tnSetup(serverAddress, transport) {\n var tinode = new tinode_sdk__WEBPACK_IMPORTED_MODULE_5___default.a(_config_js__WEBPACK_IMPORTED_MODULE_10__[\"APP_NAME\"], serverAddress, _config_js__WEBPACK_IMPORTED_MODULE_10__[\"API_KEY\"], transport, Object(_lib_host_name_js__WEBPACK_IMPORTED_MODULE_12__[\"isSecureConnection\"])());\n tinode.enableLogging(true, true);\n return tinode;\n }\n }, {\n key: \"prepareSearchableContacts\",\n value: function prepareSearchableContacts(chatList, foundContacts) {\n var merged = {};\n var _iteratorNormalCompletion = true;\n var _didIteratorError = false;\n var _iteratorError = undefined;\n\n try {\n for (var _iterator = chatList[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {\n var c = _step.value;\n\n if (tinode_sdk__WEBPACK_IMPORTED_MODULE_5___default.a.topicType(c.topic) == 'p2p') {\n merged[c.topic] = {\n user: c.topic,\n updated: c.updated,\n public: c.public,\n private: c.private,\n acs: c.acs\n };\n }\n }\n } catch (err) {\n _didIteratorError = true;\n _iteratorError = err;\n } finally {\n try {\n if (!_iteratorNormalCompletion && _iterator.return != null) {\n _iterator.return();\n }\n } finally {\n if (_didIteratorError) {\n throw _iteratorError;\n }\n }\n }\n\n var _iteratorNormalCompletion2 = true;\n var _didIteratorError2 = false;\n var _iteratorError2 = undefined;\n\n try {\n for (var _iterator2 = foundContacts[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {\n var _c = _step2.value;\n\n if (!merged[_c.user]) {\n merged[_c.user] = _c;\n }\n }\n } catch (err) {\n _didIteratorError2 = true;\n _iteratorError2 = err;\n } finally {\n try {\n if (!_iteratorNormalCompletion2 && _iterator2.return != null) {\n _iterator2.return();\n }\n } finally {\n if (_didIteratorError2) {\n throw _iteratorError2;\n }\n }\n }\n\n return Object.values(merged);\n }\n }]);\n\n return TinodeWeb;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);\n\n;\n/* harmony default export */ __webpack_exports__[\"default\"] = (Object(react_intl__WEBPACK_IMPORTED_MODULE_2__[\"injectIntl\"])(TinodeWeb));\n\n//# sourceURL=webpack:///./src/views/tinode-web.jsx?"); - return new Promise(function(resolve) { - resolve(value); - }); -}; +/***/ }), -Promise.reject = function(value) { - return new Promise(function(resolve, reject) { - reject(value); - }); -}; +/***/ "./src/views/validation-view.jsx": +/*!***************************************!*\ + !*** ./src/views/validation-view.jsx ***! + \***************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -Promise.race = function(values) { - return new Promise(function(resolve, reject) { - for (var i = 0, len = values.length; i < len; i++) { - values[i].then(resolve, reject); - } - }); -}; +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-intl */ \"react-intl\");\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intl__WEBPACK_IMPORTED_MODULE_1__);\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n\n\nvar messages = Object(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"defineMessages\"])({\n phone: {\n \"id\": \"phone_dative\",\n \"defaultMessage\": \"phone\"\n },\n email: {\n \"id\": \"email_dative\",\n \"defaultMessage\": \"email\"\n }\n});\n\nvar ValidationView = function (_React$PureComponent) {\n _inherits(ValidationView, _React$PureComponent);\n\n function ValidationView(props) {\n var _this;\n\n _classCallCheck(this, ValidationView);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(ValidationView).call(this, props));\n _this.state = {\n code: props.credCode || ''\n };\n _this.handleChange = _this.handleChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleKeyPress = _this.handleKeyPress.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleSubmit = _this.handleSubmit.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n return _this;\n }\n\n _createClass(ValidationView, [{\n key: \"handleChange\",\n value: function handleChange(e) {\n this.setState({\n code: e.target.value\n });\n }\n }, {\n key: \"handleKeyPress\",\n value: function handleKeyPress(e) {\n if (e.key === 'Enter') {\n this.handleSubmit(e);\n }\n }\n }, {\n key: \"handleSubmit\",\n value: function handleSubmit(e) {\n e.preventDefault();\n\n if (this.state.code && this.state.code.trim()) {\n this.props.onSubmit(this.props.credMethod, this.state.code.trim());\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this2 = this;\n\n var formatMessage = this.props.intl.formatMessage;\n var methods = {\n 'email': formatMessage(messages.email),\n 'tel': formatMessage(messages.phone)\n };\n var method = methods[this.props.credMethod] || this.props.credMethod;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-row\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", {\n className: \"small\",\n htmlFor: \"enter-confirmation-code\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"enter_confirmation_code_prompt\",\n defaultMessage: \"Enter confirmation code sent to you by {method}:\",\n values: {\n method: method\n }\n }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-row\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"numeric_confirmation_code_prompt\",\n defaultMessage: \"Numbers only\"\n }, function (numbers_only) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n type: \"text\",\n id: \"enter-confirmation-code\",\n placeholder: numbers_only,\n value: _this2.state.code,\n onChange: _this2.handleChange,\n onKeyPress: _this2.handleKeyPress,\n required: true\n });\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"dialog-buttons\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n className: \"blue\",\n onClick: this.handleSubmit\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"button_confirm\",\n defaultMessage: \"Confirm\"\n }))));\n }\n }]);\n\n return ValidationView;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.PureComponent);\n\n;\n/* harmony default export */ __webpack_exports__[\"default\"] = (Object(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"injectIntl\"])(ValidationView));\n\n//# sourceURL=webpack:///./src/views/validation-view.jsx?"); -// Use polyfill for setImmediate for performance gains -Promise._immediateFn = - (typeof setImmediate === 'function' && - function(fn) { - setImmediate(fn); - }) || - function(fn) { - setTimeoutFunc(fn, 0); - }; +/***/ }), -Promise._unhandledRejectionFn = function _unhandledRejectionFn(err) { - if (typeof console !== 'undefined' && console) { - console.warn('Possible Unhandled Promise Rejection:', err); // eslint-disable-line no-console - } -}; +/***/ "./src/widgets/attachment.jsx": +/*!************************************!*\ + !*** ./src/widgets/attachment.jsx ***! + \************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -var globalNS = (function() { - // the only reliable means to get the global object is - // `Function('return this')()` - // However, this causes CSP violations in Chrome apps. - if (typeof self !== 'undefined') { - return self; - } - if (typeof window !== 'undefined') { - return window; - } - if (typeof global !== 'undefined') { - return global; - } - throw new Error('unable to locate global object'); -})(); +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return Attachment; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _file_progress_jsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./file-progress.jsx */ \"./src/widgets/file-progress.jsx\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n\n\n\nvar Attachment = function (_React$Component) {\n _inherits(Attachment, _React$Component);\n\n function Attachment(props) {\n var _this;\n\n _classCallCheck(this, Attachment);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(Attachment).call(this, props));\n _this.state = {\n downloader: null,\n progress: 0\n };\n _this.downloadFile = _this.downloadFile.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleCancel = _this.handleCancel.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n return _this;\n }\n\n _createClass(Attachment, [{\n key: \"downloadFile\",\n value: function downloadFile(url, filename, mimetype) {\n var _this2 = this;\n\n var downloader = this.props.tinode.getLargeFileHelper();\n this.setState({\n downloader: downloader\n });\n downloader.download(url, filename, mimetype, function (loaded) {\n _this2.setState({\n progress: loaded / _this2.props.size\n });\n }).then(function () {\n _this2.setState({\n downloader: null,\n progress: 0\n });\n }).catch(function (err) {\n if (err) {\n _this2.props.onError(\"Error downloading file: \" + err.message, 'err');\n }\n\n _this2.setState({\n downloader: null,\n progress: 0\n });\n });\n }\n }, {\n key: \"handleCancel\",\n value: function handleCancel() {\n if (this.props.uploader) {\n this.props.onCancelUpload();\n } else if (this.state.downloader) {\n this.state.downloader.cancel();\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this3 = this;\n\n var filename = this.props.filename || 'file_attachment';\n\n if (filename.length > 36) {\n filename = filename.substr(0, 16) + '...' + filename.substr(-16);\n }\n\n var size = this.props.size > 0 ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: \"small gray\"\n }, \"(\", bytesToHumanSize(this.props.size), \")\") : null;\n var url, helperFunc;\n\n if (!this.props.uploader && !this.state.downloader && !/^(?:(?:[a-z]+:)?\\/\\/)/i.test(this.props.downloadUrl)) {\n url = \"javascript:;\";\n\n helperFunc = function helperFunc(e) {\n _this3.downloadFile(_this3.props.downloadUrl, _this3.props.filename, _this3.props.mimetype);\n };\n } else {\n url = this.props.downloadUrl;\n helperFunc = null;\n }\n\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"attachment\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons big gray\"\n }, \"insert_drive_file\")), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"flex-column\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, filename, \" \", size), this.props.uploader || this.state.downloader ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_file_progress_jsx__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n progress: this.props.uploader ? this.props.progress : this.state.progress,\n onCancel: this.handleCancel\n }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: url,\n download: this.props.filename,\n onClick: helperFunc\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons\"\n }, \"file_download\"), \" save\"))));\n }\n }]);\n\n return Attachment;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);\n\n\n;\n\n//# sourceURL=webpack:///./src/widgets/attachment.jsx?"); -if (!globalNS.Promise) { - globalNS.Promise = Promise; -} +/***/ }), -function createCommonjsModule(fn, module) { - return module = { exports: {} }, fn(module, module.exports), module.exports; -} +/***/ "./src/widgets/avatar-upload.jsx": +/*!***************************************!*\ + !*** ./src/widgets/avatar-upload.jsx ***! + \***************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -var _global = createCommonjsModule(function (module) { -// https://github.com/zloirock/core-js/issues/86#issuecomment-115759028 -var global = module.exports = typeof window != 'undefined' && window.Math == Math - ? window : typeof self != 'undefined' && self.Math == Math ? self - // eslint-disable-next-line no-new-func - : Function('return this')(); -if (typeof __g == 'number') __g = global; // eslint-disable-line no-undef -}); +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return AvatarUpload; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _letter_tile_jsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./letter-tile.jsx */ \"./src/widgets/letter-tile.jsx\");\n/* harmony import */ var _config_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../config.js */ \"./src/config.js\");\n/* harmony import */ var _lib_blob_helpers_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../lib/blob-helpers.js */ \"./src/lib/blob-helpers.js\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n\n\n\n\n\nvar AvatarUpload = function (_React$Component) {\n _inherits(AvatarUpload, _React$Component);\n\n function AvatarUpload(props) {\n var _this;\n\n _classCallCheck(this, AvatarUpload);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(AvatarUpload).call(this, props));\n _this.state = {\n dataUrl: props.avatar\n };\n _this.handleFileUpload = _this.handleFileUpload.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n return _this;\n }\n\n _createClass(AvatarUpload, [{\n key: \"handleFileUpload\",\n value: function handleFileUpload(e) {\n var _this2 = this;\n\n Object(_lib_blob_helpers_js__WEBPACK_IMPORTED_MODULE_3__[\"imageFileScaledToBase64\"])(e.target.files[0], _config_js__WEBPACK_IMPORTED_MODULE_2__[\"AVATAR_SIZE\"], _config_js__WEBPACK_IMPORTED_MODULE_2__[\"AVATAR_SIZE\"], true, function (base64bits, mime) {\n var du = Object(_lib_blob_helpers_js__WEBPACK_IMPORTED_MODULE_3__[\"makeImageUrl\"])({\n data: base64bits,\n type: mime\n });\n\n _this2.setState({\n dataUrl: du\n });\n\n _this2.props.onImageChanged(du);\n }, function (err) {\n _this2.props.onError(err, 'err');\n });\n e.target.value = '';\n }\n }, {\n key: \"render\",\n value: function render() {\n var randId = \"file-input-avatar-\" + (Math.random() + '').substr(2);\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"avatar-upload\"\n }, this.state.dataUrl ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"img\", {\n src: this.state.dataUrl,\n className: \"preview\"\n }) : this.props.readOnly && this.props.uid ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"avatar-box\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_letter_tile_jsx__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n avatar: true,\n topic: this.props.uid,\n title: this.props.title\n })) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"blank\"\n }, _config_js__WEBPACK_IMPORTED_MODULE_2__[\"AVATAR_SIZE\"], \"\\xD7\", _config_js__WEBPACK_IMPORTED_MODULE_2__[\"AVATAR_SIZE\"]), this.props.readOnly ? null : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n type: \"file\",\n id: randId,\n className: \"inputfile hidden\",\n accept: \"image/*\",\n onChange: this.handleFileUpload\n }), this.props.readOnly ? null : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", {\n htmlFor: randId,\n className: \"round\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons\"\n }, \"file_upload\")));\n }\n }], [{\n key: \"getDerivedStateFromProps\",\n value: function getDerivedStateFromProps(nextProps, prevState) {\n if (prevState.dataUrl != nextProps.avatar) {\n return {\n dataUrl: nextProps.avatar\n };\n }\n\n return null;\n }\n }]);\n\n return AvatarUpload;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);\n\n\n;\n\n//# sourceURL=webpack:///./src/widgets/avatar-upload.jsx?"); -var _core = createCommonjsModule(function (module) { -var core = module.exports = { version: '2.5.5' }; -if (typeof __e == 'number') __e = core; // eslint-disable-line no-undef -}); -var _core_1 = _core.version; +/***/ }), -var _isObject = function (it) { - return typeof it === 'object' ? it !== null : typeof it === 'function'; -}; +/***/ "./src/widgets/chat-message.jsx": +/*!**************************************!*\ + !*** ./src/widgets/chat-message.jsx ***! + \**************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -var _anObject = function (it) { - if (!_isObject(it)) throw TypeError(it + ' is not an object!'); - return it; -}; +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return ChatMessage; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-intl */ \"react-intl\");\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intl__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var tinode_sdk__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tinode-sdk */ \"../tinode-js/umd/tinode.prod.js\");\n/* harmony import */ var tinode_sdk__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(tinode_sdk__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _attachment_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./attachment.jsx */ \"./src/widgets/attachment.jsx\");\n/* harmony import */ var _letter_tile_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./letter-tile.jsx */ \"./src/widgets/letter-tile.jsx\");\n/* harmony import */ var _received_marker_jsx__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./received-marker.jsx */ \"./src/widgets/received-marker.jsx\");\n/* harmony import */ var _config_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../config.js */ \"./src/config.js\");\n/* harmony import */ var _lib_blob_helpers_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../lib/blob-helpers.js */ \"./src/lib/blob-helpers.js\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n\n\n\n\n\n\n\n\n\nvar ChatMessage = function (_React$Component) {\n _inherits(ChatMessage, _React$Component);\n\n function ChatMessage(props) {\n var _this;\n\n _classCallCheck(this, ChatMessage);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(ChatMessage).call(this, props));\n _this.state = {\n progress: 0\n };\n\n if (props.uploader) {\n props.uploader.onProgress = _this.handleProgress.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n }\n\n _this.handlePreviewImage = _this.handlePreviewImage.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleContextClick = _this.handleContextClick.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleCancelUpload = _this.handleCancelUpload.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n return _this;\n }\n\n _createClass(ChatMessage, [{\n key: \"handlePreviewImage\",\n value: function handlePreviewImage(e) {\n e.preventDefault();\n this.props.onImagePreview({\n url: e.target.src,\n filename: e.target.title,\n width: e.target.dataset.width,\n height: e.target.dataset.height,\n size: e.target.dataset.size,\n type: e.target.dataset.mime\n });\n }\n }, {\n key: \"handleContextClick\",\n value: function handleContextClick(e) {\n e.preventDefault();\n e.stopPropagation();\n this.props.showContextMenu({\n seq: this.props.seq,\n y: e.pageY,\n x: e.pageX\n });\n }\n }, {\n key: \"handleProgress\",\n value: function handleProgress(ratio) {\n this.setState({\n progress: ratio\n });\n }\n }, {\n key: \"handleCancelUpload\",\n value: function handleCancelUpload() {\n this.props.uploader.cancel();\n }\n }, {\n key: \"render\",\n value: function render() {\n var elementKey = 0;\n\n var formatter = function formatter(style, data, values) {\n elementKey += 1;\n var el = tinode_sdk__WEBPACK_IMPORTED_MODULE_2__[\"Drafty\"].tagName(style);\n\n if (el) {\n var attr = tinode_sdk__WEBPACK_IMPORTED_MODULE_2__[\"Drafty\"].attrValue(style, data) || {};\n attr.key = elementKey;\n\n if (style == 'IM') {\n var dim = Object(_lib_blob_helpers_js__WEBPACK_IMPORTED_MODULE_7__[\"fitImageSize\"])(data.width, data.height, Math.min(this.props.viewportWidth - _config_js__WEBPACK_IMPORTED_MODULE_6__[\"REM_SIZE\"] * 4, _config_js__WEBPACK_IMPORTED_MODULE_6__[\"REM_SIZE\"] * 36), _config_js__WEBPACK_IMPORTED_MODULE_6__[\"REM_SIZE\"] * 24, false);\n attr.className = 'inline-image';\n attr.style = dim ? {\n width: dim.dstWidth + 'px',\n height: dim.dstHeight + 'px'\n } : null;\n attr.onClick = this.handlePreviewImage;\n }\n\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(el, attr, values);\n } else {\n return values;\n }\n };\n\n var sideClass = this.props.sequence + ' ' + (this.props.response ? 'left' : 'right');\n var bubbleClass = this.props.sequence == 'single' || this.props.sequence == 'last' ? 'bubble tip' : 'bubble';\n var avatar = this.props.userAvatar || true;\n var fullDisplay = this.props.userFrom && this.props.response && (this.props.sequence == 'single' || this.props.sequence == 'last');\n var content = this.props.content;\n var attachments = [];\n\n if (this.props.mimeType == tinode_sdk__WEBPACK_IMPORTED_MODULE_2__[\"Drafty\"].getContentType()) {\n tinode_sdk__WEBPACK_IMPORTED_MODULE_2__[\"Drafty\"].attachments(content, function (att, i) {\n attachments.push(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_attachment_jsx__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n tinode: this.props.tinode,\n downloadUrl: tinode_sdk__WEBPACK_IMPORTED_MODULE_2__[\"Drafty\"].getDownloadUrl(att),\n filename: att.name,\n uploader: tinode_sdk__WEBPACK_IMPORTED_MODULE_2__[\"Drafty\"].isUploading(att),\n mimetype: att.mime,\n size: tinode_sdk__WEBPACK_IMPORTED_MODULE_2__[\"Drafty\"].getEntitySize(att),\n progress: this.state.progress,\n onCancelUpload: this.handleCancelUpload,\n onError: this.props.onError,\n key: i\n }));\n }, this);\n content = react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement('span', null, tinode_sdk__WEBPACK_IMPORTED_MODULE_2__[\"Drafty\"].format(content, formatter, this));\n } else if (typeof content != 'string') {\n content = react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons\"\n }, \"error_outline\"), \" \", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"invalid_content\",\n defaultMessage: \"invalid content\"\n })));\n }\n\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"li\", {\n className: sideClass\n }, this.props.userFrom && this.props.response ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"avatar-box\"\n }, fullDisplay ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_letter_tile_jsx__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n topic: this.props.userFrom,\n title: this.props.userName,\n avatar: avatar\n }) : null) : null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: bubbleClass\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"message-content\"\n }, content, attachments, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_received_marker_jsx__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n timestamp: this.props.timestamp,\n received: this.props.received\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: \"menuTrigger\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: \"javascript:;\",\n onClick: this.handleContextClick\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons\"\n }, \"expand_more\")))), fullDisplay ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"author\"\n }, this.props.userName) : null));\n }\n }]);\n\n return ChatMessage;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);\n\n\n;\n\n//# sourceURL=webpack:///./src/widgets/chat-message.jsx?"); -var _fails = function (exec) { - try { - return !!exec(); - } catch (e) { - return true; - } -}; +/***/ }), -// Thank's IE8 for his funny defineProperty -var _descriptors = !_fails(function () { - return Object.defineProperty({}, 'a', { get: function () { return 7; } }).a != 7; -}); +/***/ "./src/widgets/checkbox.jsx": +/*!**********************************!*\ + !*** ./src/widgets/checkbox.jsx ***! + \**********************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -var document = _global.document; -// typeof document.createElement is 'object' in old IE -var is = _isObject(document) && _isObject(document.createElement); -var _domCreate = function (it) { - return is ? document.createElement(it) : {}; -}; +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return CheckBox; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n\n\nvar CheckBox = function (_React$PureComponent) {\n _inherits(CheckBox, _React$PureComponent);\n\n function CheckBox(props) {\n var _this;\n\n _classCallCheck(this, CheckBox);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(CheckBox).call(this, props));\n _this.handleChange = _this.handleChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n return _this;\n }\n\n _createClass(CheckBox, [{\n key: \"handleChange\",\n value: function handleChange() {\n this.props.onChange(this.props.name, !this.props.checked);\n }\n }, {\n key: \"render\",\n value: function render() {\n return this.props.onChange ? this.props.checked ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons blue clickable\",\n onClick: this.handleChange\n }, \"check_box\") : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons blue clickable\",\n onClick: this.handleChange\n }, \"check_box_outline_blank\") : this.props.checked ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons\"\n }, \"check_box\") : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons\"\n }, \"check_box_outline_blank\");\n }\n }]);\n\n return CheckBox;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.PureComponent);\n\n\n\n//# sourceURL=webpack:///./src/widgets/checkbox.jsx?"); -var _ie8DomDefine = !_descriptors && !_fails(function () { - return Object.defineProperty(_domCreate('div'), 'a', { get: function () { return 7; } }).a != 7; -}); +/***/ }), -// 7.1.1 ToPrimitive(input [, PreferredType]) +/***/ "./src/widgets/chip-input.jsx": +/*!************************************!*\ + !*** ./src/widgets/chip-input.jsx ***! + \************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -// instead of the ES6 spec version, we didn't implement @@toPrimitive case -// and the second argument - flag - preferred type is a string -var _toPrimitive = function (it, S) { - if (!_isObject(it)) return it; - var fn, val; - if (S && typeof (fn = it.toString) == 'function' && !_isObject(val = fn.call(it))) return val; - if (typeof (fn = it.valueOf) == 'function' && !_isObject(val = fn.call(it))) return val; - if (!S && typeof (fn = it.toString) == 'function' && !_isObject(val = fn.call(it))) return val; - throw TypeError("Can't convert object to primitive value"); -}; +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return ChipInput; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _chip_jsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./chip.jsx */ \"./src/widgets/chip.jsx\");\n/* harmony import */ var _lib_blob_helpers_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../lib/blob-helpers.js */ \"./src/lib/blob-helpers.js\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n\n\n\n\nvar ChipInput = function (_React$Component) {\n _inherits(ChipInput, _React$Component);\n\n function ChipInput(props) {\n var _this;\n\n _classCallCheck(this, ChipInput);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(ChipInput).call(this, props));\n _this.state = {\n placeholder: props.chips ? '' : props.prompt,\n sortedChips: ChipInput.sortChips(props.chips, props.required),\n chipIndex: ChipInput.indexChips(props.chips),\n input: '',\n focused: false\n };\n _this.handleTextInput = _this.handleTextInput.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.removeChipAt = _this.removeChipAt.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleChipCancel = _this.handleChipCancel.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleFocusGained = _this.handleFocusGained.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleFocusLost = _this.handleFocusLost.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleKeyDown = _this.handleKeyDown.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n return _this;\n }\n\n _createClass(ChipInput, [{\n key: \"UNSAFE_componentWillReceiveProps\",\n value: function UNSAFE_componentWillReceiveProps(nextProps) {\n this.setState({\n sortedChips: ChipInput.sortChips(nextProps.chips, nextProps.required),\n chipIndex: ChipInput.indexChips(nextProps.chips)\n });\n\n if (nextProps.chips.length > this.props.chips.length) {\n this.setState({\n input: ''\n });\n }\n }\n }, {\n key: \"handleTextInput\",\n value: function handleTextInput(e) {\n this.setState({\n input: e.target.value\n });\n\n if (this.props.filterFunc) {\n this.props.filterFunc(e.target.value);\n }\n }\n }, {\n key: \"removeChipAt\",\n value: function removeChipAt(idx) {\n var removed = this.state.sortedChips[idx];\n this.props.onChipRemoved(removed.user, this.state.chipIndex[removed.user]);\n }\n }, {\n key: \"handleChipCancel\",\n value: function handleChipCancel(item, idx) {\n this.removeChipAt(idx);\n }\n }, {\n key: \"handleFocusGained\",\n value: function handleFocusGained() {\n this.setState({\n focused: true\n });\n }\n }, {\n key: \"handleFocusLost\",\n value: function handleFocusLost() {\n this.setState({\n focused: false\n });\n\n if (this.props.onFocusLost) {\n this.props.onFocusLost(this.state.input);\n }\n }\n }, {\n key: \"handleKeyDown\",\n value: function handleKeyDown(e) {\n if (e.key === 'Backspace') {\n if (this.state.input.length == 0 && this.state.sortedChips.length > 0) {\n var at = this.state.sortedChips.length - 1;\n\n if (this.state.sortedChips[at].user !== this.props.required) {\n this.removeChipAt(at);\n }\n }\n } else if (e.key === 'Enter') {\n if (this.props.onEnter) {\n this.props.onEnter(this.state.input);\n }\n } else if (e.key === 'Escape') {\n if (this.props.onCancel) {\n this.props.onCancel();\n }\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this2 = this;\n\n var chips = [];\n var count = 0;\n this.state.sortedChips.map(function (item) {\n chips.push(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_chip_jsx__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n onCancel: _this2.handleChipCancel,\n avatar: Object(_lib_blob_helpers_js__WEBPACK_IMPORTED_MODULE_2__[\"makeImageUrl\"])(item.public ? item.public.photo : null),\n title: item.public ? item.public.fn : undefined,\n noAvatar: _this2.props.avatarDisabled,\n topic: item.user,\n required: item.user === _this2.props.required,\n index: count,\n key: item.user\n }));\n count++;\n });\n var className = \"chip-input\" + (this.state.focused ? ' focused' : '');\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: className\n }, chips, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n type: \"text\",\n placeholder: this.state.placeholder,\n onChange: this.handleTextInput,\n onFocus: this.handleFocusGained,\n onBlur: this.handleFocusLost,\n onKeyDown: this.handleKeyDown,\n value: this.state.input,\n autoFocus: true\n }));\n }\n }], [{\n key: \"indexChips\",\n value: function indexChips(chips) {\n var index = {};\n var count = 0;\n chips.map(function (item) {\n index[item.user] = count;\n count++;\n });\n return index;\n }\n }, {\n key: \"sortChips\",\n value: function sortChips(chips, keep) {\n var required = [];\n var normal = [];\n chips.map(function (item) {\n if (item.user === keep) {\n required.push(item);\n } else {\n normal.push(item);\n }\n });\n return required.concat(normal);\n }\n }]);\n\n return ChipInput;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);\n\n\n;\n\n//# sourceURL=webpack:///./src/widgets/chip-input.jsx?"); -var dP = Object.defineProperty; +/***/ }), -var f = _descriptors ? Object.defineProperty : function defineProperty(O, P, Attributes) { - _anObject(O); - P = _toPrimitive(P, true); - _anObject(Attributes); - if (_ie8DomDefine) try { - return dP(O, P, Attributes); - } catch (e) { /* empty */ } - if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported!'); - if ('value' in Attributes) O[P] = Attributes.value; - return O; -}; +/***/ "./src/widgets/chip.jsx": +/*!******************************!*\ + !*** ./src/widgets/chip.jsx ***! + \******************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -var _objectDp = { - f: f -}; +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return Chip; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _letter_tile_jsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./letter-tile.jsx */ \"./src/widgets/letter-tile.jsx\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n\n\n\nvar Chip = function (_React$PureComponent) {\n _inherits(Chip, _React$PureComponent);\n\n function Chip(props) {\n var _this;\n\n _classCallCheck(this, Chip);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(Chip).call(this, props));\n _this.handleCancel = _this.handleCancel.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n return _this;\n }\n\n _createClass(Chip, [{\n key: \"handleCancel\",\n value: function handleCancel() {\n this.props.onCancel(this.props.topic, this.props.index);\n }\n }, {\n key: \"render\",\n value: function render() {\n var title = this.props.title || this.props.topic;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"chip\"\n }, this.props.noAvatar ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: \"spacer\"\n }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"avatar-box\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_letter_tile_jsx__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n avatar: this.props.avatar || true,\n topic: this.props.topic,\n title: this.props.title\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, title), this.props.onCancel && !this.props.required ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: \"javascript:;\",\n onClick: this.handleCancel\n }, \"\\xD7\") : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: \"spacer\"\n }));\n }\n }]);\n\n return Chip;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.PureComponent);\n\n\n;\n\n//# sourceURL=webpack:///./src/widgets/chip.jsx?"); -var _propertyDesc = function (bitmap, value) { - return { - enumerable: !(bitmap & 1), - configurable: !(bitmap & 2), - writable: !(bitmap & 4), - value: value - }; -}; +/***/ }), -var _hide = _descriptors ? function (object, key, value) { - return _objectDp.f(object, key, _propertyDesc(1, value)); -} : function (object, key, value) { - object[key] = value; - return object; -}; +/***/ "./src/widgets/contact-badges.jsx": +/*!****************************************!*\ + !*** ./src/widgets/contact-badges.jsx ***! + \****************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -var hasOwnProperty = {}.hasOwnProperty; -var _has = function (it, key) { - return hasOwnProperty.call(it, key); -}; +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return ContactBadges; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\n\n\nvar ContactBadges = function (_React$PureComponent) {\n _inherits(ContactBadges, _React$PureComponent);\n\n function ContactBadges() {\n _classCallCheck(this, ContactBadges);\n\n return _possibleConstructorReturn(this, _getPrototypeOf(ContactBadges).apply(this, arguments));\n }\n\n _createClass(ContactBadges, [{\n key: \"render\",\n value: function render() {\n var badges = null;\n\n if (this.props.badges && this.props.badges.length > 0) {\n badges = [];\n this.props.badges.map(function (b) {\n var style = 'badge' + (b.color ? ' ' + b.color : '');\n badges.push(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: style,\n key: b.key || b.name\n }, b.name));\n });\n }\n\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, badges);\n }\n }]);\n\n return ContactBadges;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.PureComponent);\n\n\n;\n\n//# sourceURL=webpack:///./src/widgets/contact-badges.jsx?"); -var id = 0; -var px = Math.random(); -var _uid = function (key) { - return 'Symbol('.concat(key === undefined ? '' : key, ')_', (++id + px).toString(36)); -}; +/***/ }), -var _redefine = createCommonjsModule(function (module) { -var SRC = _uid('src'); -var TO_STRING = 'toString'; -var $toString = Function[TO_STRING]; -var TPL = ('' + $toString).split(TO_STRING); +/***/ "./src/widgets/contact-list.jsx": +/*!**************************************!*\ + !*** ./src/widgets/contact-list.jsx ***! + \**************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -_core.inspectSource = function (it) { - return $toString.call(it); -}; +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-intl */ \"react-intl\");\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intl__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _contact_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./contact.jsx */ \"./src/widgets/contact.jsx\");\n/* harmony import */ var _lib_blob_helpers_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../lib/blob-helpers.js */ \"./src/lib/blob-helpers.js\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\n\n\n\n\nvar messages = Object(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"defineMessages\"])({\n badge_you: {\n \"id\": \"badge_you\",\n \"defaultMessage\": \"you\"\n },\n badge_owner: {\n \"id\": \"badge_owner\",\n \"defaultMessage\": \"owner\"\n }\n});\n\nvar ContactList = function (_React$Component) {\n _inherits(ContactList, _React$Component);\n\n function ContactList() {\n _classCallCheck(this, ContactList);\n\n return _possibleConstructorReturn(this, _getPrototypeOf(ContactList).apply(this, arguments));\n }\n\n _createClass(ContactList, [{\n key: \"render\",\n value: function render() {\n var _this = this;\n\n var formatMessage = this.props.intl.formatMessage;\n var showCheckmark = Array.isArray(this.props.topicSelected);\n var contactNodes = [];\n\n if (this.props.contacts && this.props.contacts.length > 0) {\n this.props.contacts.map(function (c) {\n var key = c.topic ? c.topic : c.user;\n\n if (_this.props.filterFunc && _this.props.filter) {\n var content = [key];\n\n if (c.private && c.private.comment) {\n content.push(('' + c.private.comment).toLowerCase());\n }\n\n if (c.public && c.public.fn) {\n content.push(('' + c.public.fn).toLowerCase());\n }\n\n if (!_this.props.filterFunc(_this.props.filter, content)) {\n return;\n }\n }\n\n var selected = showCheckmark ? _this.props.topicSelected.indexOf(key) > -1 : _this.props.topicSelected === key;\n var badges = [];\n\n if (_this.props.showMode) {\n if (key === _this.props.myUserId) {\n badges.push({\n name: formatMessage(messages.badge_you),\n color: 'green'\n });\n }\n\n if (c.acs && c.acs.isOwner()) {\n badges.push({\n name: formatMessage(messages.badge_owner),\n color: 'blue'\n });\n }\n }\n\n var comment = Array.isArray(c.private) ? c.private.join(',') : c.private ? c.private.comment : null;\n contactNodes.push(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_contact_jsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n title: c.public ? c.public.fn : null,\n avatar: Object(_lib_blob_helpers_js__WEBPACK_IMPORTED_MODULE_3__[\"makeImageUrl\"])(c.public ? c.public.photo : null),\n comment: comment,\n unread: _this.props.showUnread ? c.unread : 0,\n now: c.online && _this.props.connected,\n acs: c.acs,\n showMode: _this.props.showMode,\n badges: badges,\n showCheckmark: showCheckmark,\n selected: selected,\n showOnline: _this.props.showOnline,\n onSelected: _this.props.onTopicSelected,\n showContextMenu: _this.props.showContextMenu,\n item: key,\n index: contactNodes.length,\n key: key\n }));\n }, this);\n }\n\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: this.props.noScroll ? null : \"scrollable-panel\"\n }, contactNodes.length > 0 ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"ul\", {\n className: \"contact-box\"\n }, contactNodes) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"center-medium-text\"\n }, this.props.emptyListMessage));\n }\n }]);\n\n return ContactList;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);\n\n;\n/* harmony default export */ __webpack_exports__[\"default\"] = (Object(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"injectIntl\"])(ContactList));\n\n//# sourceURL=webpack:///./src/widgets/contact-list.jsx?"); -(module.exports = function (O, key, val, safe) { - var isFunction = typeof val == 'function'; - if (isFunction) _has(val, 'name') || _hide(val, 'name', key); - if (O[key] === val) return; - if (isFunction) _has(val, SRC) || _hide(val, SRC, O[key] ? '' + O[key] : TPL.join(String(key))); - if (O === _global) { - O[key] = val; - } else if (!safe) { - delete O[key]; - _hide(O, key, val); - } else if (O[key]) { - O[key] = val; - } else { - _hide(O, key, val); - } -// add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative -})(Function.prototype, TO_STRING, function toString() { - return typeof this == 'function' && this[SRC] || $toString.call(this); -}); -}); +/***/ }), -var _aFunction = function (it) { - if (typeof it != 'function') throw TypeError(it + ' is not a function!'); - return it; -}; +/***/ "./src/widgets/contact.jsx": +/*!*********************************!*\ + !*** ./src/widgets/contact.jsx ***! + \*********************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -// optional / simple context binding +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return Contact; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-intl */ \"react-intl\");\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intl__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _letter_tile_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./letter-tile.jsx */ \"./src/widgets/letter-tile.jsx\");\n/* harmony import */ var _contact_badges_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./contact-badges.jsx */ \"./src/widgets/contact-badges.jsx\");\n/* harmony import */ var _unread_badge_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./unread-badge.jsx */ \"./src/widgets/unread-badge.jsx\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n\n\n\n\n\n\nvar Contact = function (_React$Component) {\n _inherits(Contact, _React$Component);\n\n function Contact(props) {\n var _this;\n\n _classCallCheck(this, Contact);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(Contact).call(this, props));\n _this.handleClick = _this.handleClick.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleContextClick = _this.handleContextClick.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n return _this;\n }\n\n _createClass(Contact, [{\n key: \"handleClick\",\n value: function handleClick(e) {\n e.preventDefault();\n e.stopPropagation();\n\n if (this.props.onSelected) {\n this.props.onSelected(this.props.item, this.props.index, this.props.now, this.props.acs);\n }\n }\n }, {\n key: \"handleContextClick\",\n value: function handleContextClick(e) {\n e.preventDefault();\n e.stopPropagation();\n this.props.showContextMenu({\n topicName: this.props.item,\n y: e.pageY,\n x: e.pageX\n });\n }\n }, {\n key: \"render\",\n value: function render() {\n var title = this.props.title;\n\n if (!title) {\n title = react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"unnamed_topic\"\n }));\n } else if (title.length > 30) {\n title = title.substring(0, 28) + '...';\n }\n\n var online = this.props.now ? 'online' : 'offline';\n var avatar = this.props.avatar ? this.props.avatar : true;\n var badges = this.props.badges.slice();\n\n if (this.props.showMode && this.props.acs) {\n badges.push({\n name: this.props.acs.getMode(),\n key: 'mode'\n });\n }\n\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"li\", {\n className: !this.props.showCheckmark && this.props.selected ? \"selected\" : null,\n onClick: this.handleClick\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"avatar-box\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_letter_tile_jsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n avatar: avatar,\n title: this.props.title,\n topic: this.props.item\n }), this.props.showOnline ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: online\n }) : this.props.showCheckmark && this.props.selected ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"checkmark material-icons\"\n }, \"check_circle\") : null), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"text-box\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: \"contact-title\"\n }, title), this.props.unread > 0 ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_unread_badge_jsx__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n count: this.props.unread\n }) : null), this.props.comment ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"contact-comment\"\n }, this.props.comment) : null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_contact_badges_jsx__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n badges: badges\n })), this.props.showContextMenu ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: \"menuTrigger\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: \"javascript:;\",\n onClick: this.handleContextClick\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons\"\n }, \"expand_more\"))) : null);\n }\n }]);\n\n return Contact;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);\n\n\n;\n\n//# sourceURL=webpack:///./src/widgets/contact.jsx?"); -var _ctx = function (fn, that, length) { - _aFunction(fn); - if (that === undefined) return fn; - switch (length) { - case 1: return function (a) { - return fn.call(that, a); - }; - case 2: return function (a, b) { - return fn.call(that, a, b); - }; - case 3: return function (a, b, c) { - return fn.call(that, a, b, c); - }; - } - return function (/* ...args */) { - return fn.apply(that, arguments); - }; -}; +/***/ }), -var PROTOTYPE = 'prototype'; +/***/ "./src/widgets/context-menu.jsx": +/*!**************************************!*\ + !*** ./src/widgets/context-menu.jsx ***! + \**************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -var $export = function (type, name, source) { - var IS_FORCED = type & $export.F; - var IS_GLOBAL = type & $export.G; - var IS_STATIC = type & $export.S; - var IS_PROTO = type & $export.P; - var IS_BIND = type & $export.B; - var target = IS_GLOBAL ? _global : IS_STATIC ? _global[name] || (_global[name] = {}) : (_global[name] || {})[PROTOTYPE]; - var exports = IS_GLOBAL ? _core : _core[name] || (_core[name] = {}); - var expProto = exports[PROTOTYPE] || (exports[PROTOTYPE] = {}); - var key, own, out, exp; - if (IS_GLOBAL) source = name; - for (key in source) { - // contains in native - own = !IS_FORCED && target && target[key] !== undefined; - // export native or passed - out = (own ? target : source)[key]; - // bind timers to global for call from export context - exp = IS_BIND && own ? _ctx(out, _global) : IS_PROTO && typeof out == 'function' ? _ctx(Function.call, out) : out; - // extend global - if (target) _redefine(target, key, out, type & $export.U); - // export - if (exports[key] != out) _hide(exports, key, exp); - if (IS_PROTO && expProto[key] != out) expProto[key] = out; - } -}; -_global.core = _core; -// type bitmap -$export.F = 1; // forced -$export.G = 2; // global -$export.S = 4; // static -$export.P = 8; // proto -$export.B = 16; // bind -$export.W = 32; // wrap -$export.U = 64; // safe -$export.R = 128; // real proto method for `library` -var _export = $export; +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"react-dom\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-intl */ \"react-intl\");\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_intl__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _config_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../config.js */ \"./src/config.js\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n\n\n\n\nvar messages = Object(react_intl__WEBPACK_IMPORTED_MODULE_2__[\"defineMessages\"])({\n info: {\n \"id\": \"menu_item_info\",\n \"defaultMessage\": \"Info\"\n },\n clear_messages: {\n \"id\": \"menu_item_clear_messages\",\n \"defaultMessage\": \"Clear messages\"\n },\n clear_for_all: {\n \"id\": \"menu_item_clear_messages_for_all\",\n \"defaultMessage\": \"Clear for All\"\n },\n 'delete': {\n \"id\": \"menu_item_delete\",\n \"defaultMessage\": \"Delete\"\n },\n delete_for_all: {\n \"id\": \"menu_item_delete_for_all\",\n \"defaultMessage\": \"Delete for All\"\n },\n mute: {\n \"id\": \"menu_item_mute\",\n \"defaultMessage\": \"Mute\"\n },\n unmute: {\n \"id\": \"menu_item_unmute\",\n \"defaultMessage\": \"Unmute\"\n },\n topic_delete: {\n \"id\": \"menu_item_delete_topic\",\n \"defaultMessage\": \"Delete\"\n },\n unblock: {\n \"id\": \"menu_item_unblock\",\n \"defaultMessage\": \"Unblock\"\n },\n block: {\n \"id\": \"menu_item_block\",\n \"defaultMessage\": \"Block\"\n },\n member_delete: {\n \"id\": \"menu_item_member_delete\",\n \"defaultMessage\": \"Remove\"\n }\n});\n\nvar ContextMenu = function (_React$Component) {\n _inherits(ContextMenu, _React$Component);\n\n function ContextMenu(props) {\n var _this;\n\n _classCallCheck(this, ContextMenu);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(ContextMenu).call(this, props));\n var formatMessage = props.intl.formatMessage;\n _this.handlePageClick = _this.handlePageClick.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleEscapeKey = _this.handleEscapeKey.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleClick = _this.handleClick.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.MenuItems = {\n 'topic_info': {\n title: formatMessage(messages.info),\n handler: null\n },\n 'messages_clear': {\n title: formatMessage(messages.clear_messages),\n handler: function handler(params, errorHandler) {\n _this.deleteMessages(true, false, params, errorHandler);\n }\n },\n 'messages_clear_hard': {\n title: formatMessage(messages.clear_for_all),\n handler: function handler(params, errorHandler) {\n _this.deleteMessages(true, true, params, errorHandler);\n }\n },\n 'message_delete': {\n title: formatMessage(messages.delete),\n handler: function handler(params, errorHandler) {\n _this.deleteMessages(false, false, params, errorHandler);\n }\n },\n 'message_delete_hard': {\n title: formatMessage(messages.delete_for_all),\n handler: function handler(params, errorHandler) {\n _this.deleteMessages(false, true, params, errorHandler);\n }\n },\n 'topic_unmute': {\n title: formatMessage(messages.unmute),\n handler: _this.topicPermissionSetter.bind(_assertThisInitialized(_assertThisInitialized(_this)), '+P')\n },\n 'topic_mute': {\n title: formatMessage(messages.mute),\n handler: _this.topicPermissionSetter.bind(_assertThisInitialized(_assertThisInitialized(_this)), '-P')\n },\n 'topic_unblock': {\n title: formatMessage(messages.unblock),\n handler: _this.topicPermissionSetter.bind(_assertThisInitialized(_assertThisInitialized(_this)), '+J')\n },\n 'topic_block': {\n title: formatMessage(messages.block),\n handler: _this.topicPermissionSetter.bind(_assertThisInitialized(_assertThisInitialized(_this)), '-J')\n },\n 'topic_delete': {\n title: formatMessage(messages.topic_delete),\n handler: function handler(params, errorHandler) {\n var topic = _this.props.tinode.getTopic(params.topicName);\n\n if (!topic) {\n console.log(\"Topic not found: \", params.topicName);\n return;\n }\n\n topic.delTopic().catch(function (err) {\n if (errorHandler) {\n errorHandler(err.message, 'err');\n }\n });\n }\n },\n 'permissions': {\n title: formatMessage({\n id: 'menu_item_edit_permissions'\n }),\n handler: null\n },\n 'member_delete': {\n title: formatMessage(messages.member_delete),\n handler: function handler(params, errorHandler) {\n var topic = _this.props.tinode.getTopic(params.topicName);\n\n if (!topic || !params.user) {\n console.log(\"Topic or user not found: '\" + params.topicName + \"', '\" + params.user + \"'\");\n return;\n }\n\n topic.delSubscription(params.user).catch(function (err) {\n if (errorHandler) {\n errorHandler(err.message, 'err');\n }\n });\n }\n },\n 'member_mute': {\n title: formatMessage(messages.mute),\n handler: _this.topicPermissionSetter.bind(_assertThisInitialized(_assertThisInitialized(_this)), '-P')\n },\n 'member_unmute': {\n title: formatMessage(messages.unmute),\n handler: _this.topicPermissionSetter.bind(_assertThisInitialized(_assertThisInitialized(_this)), '+P')\n },\n 'member_block': {\n title: formatMessage(messages.block),\n handler: _this.topicPermissionSetter.bind(_assertThisInitialized(_assertThisInitialized(_this)), '-J')\n },\n 'member_unblock': {\n title: formatMessage(messages.unblock),\n handler: _this.topicPermissionSetter.bind(_assertThisInitialized(_assertThisInitialized(_this)), '+J')\n }\n };\n return _this;\n }\n\n _createClass(ContextMenu, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n document.addEventListener('mousedown', this.handlePageClick, false);\n document.addEventListener('keyup', this.handleEscapeKey, false);\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n document.removeEventListener('mousedown', this.handlePageClick, false);\n document.removeEventListener('keyup', this.handleEscapeKey, false);\n }\n }, {\n key: \"handlePageClick\",\n value: function handlePageClick(e) {\n if (react_dom__WEBPACK_IMPORTED_MODULE_1___default.a.findDOMNode(this).contains(e.target)) {\n return;\n }\n\n e.preventDefault();\n e.stopPropagation();\n this.props.hide();\n }\n }, {\n key: \"handleEscapeKey\",\n value: function handleEscapeKey(e) {\n if (e.keyCode === 27) {\n this.props.hide();\n }\n }\n }, {\n key: \"handleClick\",\n value: function handleClick(e) {\n e.preventDefault();\n e.stopPropagation();\n this.props.hide();\n var item = this.props.items[e.currentTarget.dataset.id];\n\n if (typeof item == 'string') {\n item = this.MenuItems[item];\n }\n\n item.handler(this.props.params, this.props.onError);\n }\n }, {\n key: \"deleteMessages\",\n value: function deleteMessages(all, hard, params, errorHandler) {\n var topic = this.props.tinode.getTopic(params.topicName);\n\n if (!topic) {\n console.log(\"Topic not found: \", params.topicName);\n return;\n }\n\n if (topic.cancelSend(params.seq)) {\n return Promise.resolve();\n }\n\n var promise = all ? topic.delMessagesAll(hard) : topic.delMessagesList([params.seq], hard);\n promise.catch(function (err) {\n if (errorHandler) {\n errorHandler(err.message, 'err');\n }\n });\n }\n }, {\n key: \"topicPermissionSetter\",\n value: function topicPermissionSetter(mode, params, errorHandler) {\n var topic = this.props.tinode.getTopic(params.topicName);\n\n if (!topic) {\n console.log(\"Topic not found\", params.topicName);\n return;\n }\n\n var am, user;\n\n if (params.user) {\n user = topic.subscriber(params.user);\n\n if (!user) {\n console.log(\"Subscriber not found\", params.topicName + \"[\" + params.user + \"]\");\n return;\n }\n\n am = user.acs.updateGiven(mode).getGiven();\n } else {\n am = topic.getAccessMode().updateWant(mode).getWant();\n }\n\n topic.setMeta({\n sub: {\n user: params.user,\n mode: am\n }\n }).catch(function (err) {\n if (errorHandler) {\n errorHandler(err.message, 'err');\n }\n });\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this2 = this;\n\n var count = 0;\n var menu = [];\n this.props.items.map(function (item) {\n if (typeof item == 'string') {\n item = _this2.MenuItems[item];\n }\n\n if (item && item.title) {\n menu.push(item.title == '-' ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"li\", {\n className: \"separator\",\n key: count\n }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"li\", {\n onClick: _this2.handleClick,\n \"data-id\": count,\n key: count\n }, item.title));\n }\n\n count++;\n });\n var hSize = 12 * _config_js__WEBPACK_IMPORTED_MODULE_3__[\"REM_SIZE\"];\n var vSize = _config_js__WEBPACK_IMPORTED_MODULE_3__[\"REM_SIZE\"] * (0.7 + menu.length * 2.5);\n var left = this.props.bounds.right - this.props.clickAt.x < hSize ? this.props.clickAt.x - this.props.bounds.left - hSize : this.props.clickAt.x - this.props.bounds.left;\n var top = this.props.bounds.bottom - this.props.clickAt.y < vSize ? this.props.clickAt.y - this.props.bounds.top - vSize : this.props.clickAt.y - this.props.bounds.top;\n var position = {\n left: left + 'px',\n top: top + 'px'\n };\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"ul\", {\n className: \"menu\",\n style: position\n }, menu);\n }\n }]);\n\n return ContextMenu;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);\n\n/* harmony default export */ __webpack_exports__[\"default\"] = (Object(react_intl__WEBPACK_IMPORTED_MODULE_2__[\"injectIntl\"])(ContextMenu));\n\n//# sourceURL=webpack:///./src/widgets/context-menu.jsx?"); -var toString = {}.toString; +/***/ }), -var _cof = function (it) { - return toString.call(it).slice(8, -1); -}; +/***/ "./src/widgets/error-panel.jsx": +/*!*************************************!*\ + !*** ./src/widgets/error-panel.jsx ***! + \*************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -// fallback for non-array-like ES3 and non-enumerable old V8 strings +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return ErrorPanel; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _menu_cancel_jsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./menu-cancel.jsx */ \"./src/widgets/menu-cancel.jsx\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n\n\n\nvar ErrorPanel = function (_React$PureComponent) {\n _inherits(ErrorPanel, _React$PureComponent);\n\n function ErrorPanel(props) {\n var _this;\n\n _classCallCheck(this, ErrorPanel);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(ErrorPanel).call(this, props));\n _this.state = {\n show: false\n };\n _this.hide = _this.hide.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n return _this;\n }\n\n _createClass(ErrorPanel, [{\n key: \"hide\",\n value: function hide() {\n this.setState({\n show: false\n });\n\n if (this.props.onClearError) {\n this.props.onClearError();\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n var icon = this.props.level == 'err' ? 'error' : 'warning';\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: this.state.show ? this.props.level == 'err' ? 'alert-box error' : 'alert-box warning' : \"alert-box\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"icon\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons\"\n }, icon)), this.props.text, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"cancel\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_menu_cancel_jsx__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n onCancel: this.hide\n })));\n }\n }], [{\n key: \"getDerivedStateFromProps\",\n value: function getDerivedStateFromProps(nextProps, prevState) {\n return {\n show: !!nextProps.level\n };\n }\n }]);\n\n return ErrorPanel;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.PureComponent);\n\n\n;\n\n//# sourceURL=webpack:///./src/widgets/error-panel.jsx?"); -// eslint-disable-next-line no-prototype-builtins -var _iobject = Object('z').propertyIsEnumerable(0) ? Object : function (it) { - return _cof(it) == 'String' ? it.split('') : Object(it); -}; +/***/ }), -// 7.2.1 RequireObjectCoercible(argument) -var _defined = function (it) { - if (it == undefined) throw TypeError("Can't call method on " + it); - return it; -}; +/***/ "./src/widgets/file-progress.jsx": +/*!***************************************!*\ + !*** ./src/widgets/file-progress.jsx ***! + \***************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -// 7.1.13 ToObject(argument) +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return FileProgress; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-intl */ \"react-intl\");\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intl__WEBPACK_IMPORTED_MODULE_1__);\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\n\n\n\nvar FileProgress = function (_React$PureComponent) {\n _inherits(FileProgress, _React$PureComponent);\n\n function FileProgress() {\n _classCallCheck(this, FileProgress);\n\n return _possibleConstructorReturn(this, _getPrototypeOf(FileProgress).apply(this, arguments));\n }\n\n _createClass(FileProgress, [{\n key: \"render\",\n value: function render() {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"uploader\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n style: {\n width: this.props.progress * 100 + \"%\"\n }\n })), this.props.progress < 0.999 ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: \"javascript:;\",\n onClick: this.props.onCancel\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons\"\n }, \"close\"), \" \", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"action_cancel\",\n defaultMessage: \"cancel\"\n })) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"upload_finishing\",\n defaultMessage: \"finishing...\"\n }));\n }\n }]);\n\n return FileProgress;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.PureComponent);\n\n\n\n//# sourceURL=webpack:///./src/widgets/file-progress.jsx?"); -var _toObject = function (it) { - return Object(_defined(it)); -}; +/***/ }), -// 7.1.4 ToInteger -var ceil = Math.ceil; -var floor = Math.floor; -var _toInteger = function (it) { - return isNaN(it = +it) ? 0 : (it > 0 ? floor : ceil)(it); -}; +/***/ "./src/widgets/group-manager.jsx": +/*!***************************************!*\ + !*** ./src/widgets/group-manager.jsx ***! + \***************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -// 7.1.15 ToLength +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-intl */ \"react-intl\");\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intl__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _chip_input_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./chip-input.jsx */ \"./src/widgets/chip-input.jsx\");\n/* harmony import */ var _contact_list_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./contact-list.jsx */ \"./src/widgets/contact-list.jsx\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n\n\n\n\nvar messages = Object(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"defineMessages\"])({\n no_contacts: {\n \"id\": \"no_contacts\",\n \"defaultMessage\": \"You have no contacts :-(\"\n },\n contacts_not_found: {\n \"id\": \"contacts_not_found_short\",\n \"defaultMessage\": \"No contacts match '{query}'\"\n }\n});\n\nvar GroupManager = function (_React$Component) {\n _inherits(GroupManager, _React$Component);\n\n function GroupManager(props) {\n var _this;\n\n _classCallCheck(this, GroupManager);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(GroupManager).call(this, props));\n _this.state = {\n members: props.members,\n index: GroupManager.indexMembers(props.members),\n contactFilter: '',\n noContactsMessage: props.intl.formatMessage(messages.no_contacts),\n selectedContacts: GroupManager.selectedContacts(props.members)\n };\n _this.handleContactSelected = _this.handleContactSelected.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleMemberRemoved = _this.handleMemberRemoved.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleContactFilter = _this.handleContactFilter.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleSubmit = _this.handleSubmit.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleCancel = _this.handleCancel.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n return _this;\n }\n\n _createClass(GroupManager, [{\n key: \"handleContactSelected\",\n value: function handleContactSelected(userId, index) {\n var status = this.state.index[userId];\n\n if (status) {\n if (status.present) {\n return;\n }\n\n status.delta += 1;\n status.present = true;\n } else {\n status = {\n delta: 1,\n present: true\n };\n }\n\n var m = this.state.members.slice();\n m.push(this.props.contacts[index]);\n var sel = GroupManager.selectedContacts(m);\n var i = this.state.index;\n i[userId] = status;\n this.setState({\n members: m,\n index: i,\n selectedContacts: sel\n });\n }\n }, {\n key: \"handleMemberRemoved\",\n value: function handleMemberRemoved(userId, index) {\n var status = this.state.index[userId];\n\n if (!status || !status.present) {\n return;\n }\n\n status.present = false;\n status.delta -= 1;\n var m = this.state.members.slice();\n m.splice(index, 1);\n var sel = GroupManager.selectedContacts(m);\n var i = this.state.index;\n i[userId] = status;\n this.setState({\n members: m,\n index: i,\n selectedContacts: sel\n });\n }\n }, {\n key: \"handleContactFilter\",\n value: function handleContactFilter(val) {\n var formatMessage = this.props.intl.formatMessage;\n var msg = !val ? formatMessage(messages.no_contacts) : formatMessage(messages.contacts_not_found, {\n query: val\n });\n this.setState({\n contactFilter: val,\n noContactsMessage: msg\n });\n }\n }, {\n key: \"handleSubmit\",\n value: function handleSubmit() {\n var instance = this;\n var members = [];\n var added = [];\n var removed = [];\n var keys = Object.keys(this.state.index);\n keys.map(function (k) {\n if (instance.state.index[k].present) {\n members.push(k);\n }\n\n if (instance.state.index[k].delta > 0) {\n added.push(k);\n } else if (instance.state.index[k].delta < 0) {\n removed.push(k);\n }\n });\n this.props.onSubmit(members, added, removed);\n }\n }, {\n key: \"handleCancel\",\n value: function handleCancel() {\n this.props.onCancel();\n }\n }, {\n key: \"render\",\n value: function render() {\n var formatMessage = this.props.intl.formatMessage;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n id: \"group-manager\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-row\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", {\n className: \"small\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"title_group_members\",\n defaultMessage: \"Group Members\"\n }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-row\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_chip_input_jsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n chips: this.state.members,\n required: this.props.requiredMember,\n prompt: \"add members\",\n filterFunc: this.handleContactFilter,\n onChipRemoved: this.handleMemberRemoved\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-row\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", {\n className: \"small\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"title_all_contacts\",\n defaultMessage: \"All Contacts\"\n }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_contact_list_jsx__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n contacts: this.props.contacts,\n myUserId: this.props.myUserId,\n topicSelected: this.state.selectedContacts,\n filter: this.state.contactFilter,\n filterFunc: GroupManager.doContactFiltering,\n emptyListMessage: this.state.noContactsMessage,\n showOnline: false,\n showUnread: false,\n onTopicSelected: this.handleContactSelected\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n id: \"group-manager-buttons\",\n className: \"panel-form-row\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n className: \"blue\",\n onClick: this.handleSubmit\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"button_ok\",\n defaultMessage: \"OK\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n className: \"white\",\n onClick: this.handleCancel\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"button_cancel\",\n defaultMessage: \"Cancel\"\n }))));\n }\n }], [{\n key: \"indexMembers\",\n value: function indexMembers(members) {\n var index = {};\n members.map(function (m) {\n index[m.user] = {\n delta: 0,\n present: true\n };\n });\n return index;\n }\n }, {\n key: \"selectedContacts\",\n value: function selectedContacts(members) {\n var sel = [];\n members.map(function (m) {\n sel.push(m.user);\n });\n return sel;\n }\n }, {\n key: \"doContactFiltering\",\n value: function doContactFiltering(filter, values) {\n if (filter) {\n for (var i = 0; i < values.length; i++) {\n if (values[i].indexOf(filter) >= 0) {\n return true;\n }\n }\n\n return false;\n }\n\n return true;\n }\n }]);\n\n return GroupManager;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);\n\n;\n/* harmony default export */ __webpack_exports__[\"default\"] = (Object(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"injectIntl\"])(GroupManager));\n\n//# sourceURL=webpack:///./src/widgets/group-manager.jsx?"); -var min = Math.min; -var _toLength = function (it) { - return it > 0 ? min(_toInteger(it), 0x1fffffffffffff) : 0; // pow(2, 53) - 1 == 9007199254740991 -}; +/***/ }), -// 7.2.2 IsArray(argument) +/***/ "./src/widgets/group-subs.jsx": +/*!************************************!*\ + !*** ./src/widgets/group-subs.jsx ***! + \************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -var _isArray = Array.isArray || function isArray(arg) { - return _cof(arg) == 'Array'; -}; +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return GroupSubs; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _letter_tile_jsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./letter-tile.jsx */ \"./src/widgets/letter-tile.jsx\");\n/* harmony import */ var _lib_blob_helpers_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../lib/blob-helpers.js */ \"./src/lib/blob-helpers.js\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\n\n\n\n\nvar GroupSubs = function (_React$Component) {\n _inherits(GroupSubs, _React$Component);\n\n function GroupSubs(props) {\n var _this;\n\n _classCallCheck(this, GroupSubs);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(GroupSubs).call(this, props));\n _this.state = {\n onlineSubs: props.subscribers || []\n };\n return _this;\n }\n\n _createClass(GroupSubs, [{\n key: \"render\",\n value: function render() {\n var usersOnline = [];\n this.state.onlineSubs.map(function (sub) {\n usersOnline.push(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"avatar-box\",\n key: sub.user\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_letter_tile_jsx__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n topic: sub.user,\n avatar: Object(_lib_blob_helpers_js__WEBPACK_IMPORTED_MODULE_2__[\"makeImageUrl\"])(sub.public ? sub.public.photo : null) || true,\n title: sub.public ? sub.public.fn : null\n })));\n });\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n id: \"topic-users\"\n }, usersOnline);\n }\n }], [{\n key: \"getDerivedStateFromProps\",\n value: function getDerivedStateFromProps(nextProps, prevState) {\n return {\n onlineSubs: nextProps.subscribers ? nextProps.subscribers : []\n };\n }\n }]);\n\n return GroupSubs;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);\n\n\n;\n\n//# sourceURL=webpack:///./src/widgets/group-subs.jsx?"); -var SHARED = '__core-js_shared__'; -var store = _global[SHARED] || (_global[SHARED] = {}); -var _shared = function (key) { - return store[key] || (store[key] = {}); -}; +/***/ }), -var _wks = createCommonjsModule(function (module) { -var store = _shared('wks'); +/***/ "./src/widgets/host-selector.jsx": +/*!***************************************!*\ + !*** ./src/widgets/host-selector.jsx ***! + \***************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -var Symbol = _global.Symbol; -var USE_SYMBOL = typeof Symbol == 'function'; +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return HostSelector; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _config_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../config.js */ \"./src/config.js\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n\n\n\nvar HostSelector = function (_React$PureComponent) {\n _inherits(HostSelector, _React$PureComponent);\n\n function HostSelector(props) {\n var _this;\n\n _classCallCheck(this, HostSelector);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(HostSelector).call(this, props));\n _this.state = {\n hostName: props.serverAddress,\n changed: false\n };\n _this.handleHostNameChange = _this.handleHostNameChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleEditingFinished = _this.handleEditingFinished.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n return _this;\n }\n\n _createClass(HostSelector, [{\n key: \"handleHostNameChange\",\n value: function handleHostNameChange(e) {\n this.setState({\n hostName: e.target.value,\n changed: true\n });\n }\n }, {\n key: \"handleEditingFinished\",\n value: function handleEditingFinished() {\n if (this.state.changed) {\n this.setState({\n changed: false\n });\n this.props.onServerAddressChange(this.state.hostName.trim());\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n var hostOptions = [];\n\n for (var key in _config_js__WEBPACK_IMPORTED_MODULE_1__[\"KNOWN_HOSTS\"]) {\n var item = _config_js__WEBPACK_IMPORTED_MODULE_1__[\"KNOWN_HOSTS\"][key];\n hostOptions.push(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"option\", {\n key: item,\n value: item\n }));\n }\n\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-row\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n type: \"search\",\n id: \"host-name\",\n placeholder: this.props.hostName,\n list: \"known-hosts\",\n className: \"quoted\",\n value: this.state.hostName,\n onChange: this.handleHostNameChange,\n onBlur: this.handleEditingFinished,\n required: true\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"datalist\", {\n id: \"known-hosts\"\n }, hostOptions));\n }\n }]);\n\n return HostSelector;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.PureComponent);\n\n\n\n//# sourceURL=webpack:///./src/widgets/host-selector.jsx?"); -var $exports = module.exports = function (name) { - return store[name] || (store[name] = - USE_SYMBOL && Symbol[name] || (USE_SYMBOL ? Symbol : _uid)('Symbol.' + name)); -}; +/***/ }), -$exports.store = store; -}); +/***/ "./src/widgets/image-preview.jsx": +/*!***************************************!*\ + !*** ./src/widgets/image-preview.jsx ***! + \***************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -var SPECIES = _wks('species'); +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return ImagePreview; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-intl */ \"react-intl\");\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intl__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _config_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../config.js */ \"./src/config.js\");\n/* harmony import */ var _lib_blob_helpers_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../lib/blob-helpers.js */ \"./src/lib/blob-helpers.js\");\n/* harmony import */ var _lib_strformat_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../lib/strformat.js */ \"./src/lib/strformat.js\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\n\n\n\n\n\n\nvar ImagePreview = function (_React$PureComponent) {\n _inherits(ImagePreview, _React$PureComponent);\n\n function ImagePreview(props) {\n var _this;\n\n _classCallCheck(this, ImagePreview);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(ImagePreview).call(this, props));\n _this.state = {};\n return _this;\n }\n\n _createClass(ImagePreview, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this.setState({\n width: this.container.clientWidth,\n height: this.container.clientHeight\n });\n }\n }, {\n key: \"render\",\n value: function render() {\n if (!this.props.content) {\n return null;\n }\n\n var instance = this;\n var dim = Object(_lib_blob_helpers_js__WEBPACK_IMPORTED_MODULE_3__[\"fitImageSize\"])(this.props.content.width, this.props.content.height, this.state.width, this.state.height, false);\n var size = dim ? {\n width: dim.dstWidth + 'px',\n height: dim.dstHeight + 'px'\n } : this.props.content.width > this.props.content.height ? {\n width: '100%'\n } : {\n height: '100%'\n };\n size.maxWidth = '100%';\n size.maxHeight = '100%';\n var filename = this.props.content.filename;\n var maxlength = this.props.content.width / _config_js__WEBPACK_IMPORTED_MODULE_2__[\"REM_SIZE\"] | 0;\n\n if (filename.length > maxlength) {\n filename = filename.slice(0, maxlength - 2) + '...' + filename.slice(2 - maxlength);\n }\n\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n id: \"image-preview\",\n onClick: this.props.onClose\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n id: \"image-preview-caption-panel\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: this.props.content.url,\n download: this.props.content.filename\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons\"\n }, \"file_download\"), \" \", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"download_action\",\n defaultMessage: \"download\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: \"javascript:;\",\n onClick: this.props.onClose\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons gray\"\n }, \"close\"))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n id: \"image-preview-container\",\n ref: function ref(_ref) {\n instance.container = _ref;\n }\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"img\", {\n src: this.props.content.url,\n style: size\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n id: \"image-preview-footer\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"b\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"label_file_name\",\n defaultMessage: \"File name:\"\n }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n title: this.props.content.filename\n }, filename))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"b\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"label_content_type\",\n defaultMessage: \"Content type:\"\n }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, this.props.content.type)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"b\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"label_size\",\n defaultMessage: \"Size:\"\n }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, this.props.content.width, \" \\xD7 \", this.props.content.height, \" px; \", Object(_lib_strformat_js__WEBPACK_IMPORTED_MODULE_4__[\"bytesToHumanSize\"])(this.props.content.size)))));\n }\n }]);\n\n return ImagePreview;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.PureComponent);\n\n\n;\n\n//# sourceURL=webpack:///./src/widgets/image-preview.jsx?"); -var _arraySpeciesConstructor = function (original) { - var C; - if (_isArray(original)) { - C = original.constructor; - // cross-realm fallback - if (typeof C == 'function' && (C === Array || _isArray(C.prototype))) C = undefined; - if (_isObject(C)) { - C = C[SPECIES]; - if (C === null) C = undefined; - } - } return C === undefined ? Array : C; -}; +/***/ }), -// 9.4.2.3 ArraySpeciesCreate(originalArray, length) +/***/ "./src/widgets/in-place-edit.jsx": +/*!***************************************!*\ + !*** ./src/widgets/in-place-edit.jsx ***! + \***************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return InPlaceEdit; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-dom */ \"react-dom\");\n/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _visible_password_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./visible-password.jsx */ \"./src/widgets/visible-password.jsx\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n\n\n\n\nvar InPlaceEdit = function (_React$Component) {\n _inherits(InPlaceEdit, _React$Component);\n\n function InPlaceEdit(props) {\n var _this;\n\n _classCallCheck(this, InPlaceEdit);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(InPlaceEdit).call(this, props));\n _this.state = {\n active: props.active,\n initialValue: props.value || '',\n value: props.value || ''\n };\n _this.handeTextChange = _this.handeTextChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleKeyDown = _this.handleKeyDown.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleStartEditing = _this.handleStartEditing.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleEditingFinished = _this.handleEditingFinished.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handlePasswordFinished = _this.handlePasswordFinished.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n return _this;\n }\n\n _createClass(InPlaceEdit, [{\n key: \"handeTextChange\",\n value: function handeTextChange(e) {\n this.setState({\n value: e.target.value\n });\n }\n }, {\n key: \"handleKeyDown\",\n value: function handleKeyDown(e) {\n if (e.keyCode === 27) {\n this.setState({\n value: this.props.value,\n active: false\n });\n } else if (e.keyCode === 13) {\n this.handleEditingFinished();\n }\n }\n }, {\n key: \"handleStartEditing\",\n value: function handleStartEditing() {\n if (!this.props.readOnly) {\n react_dom__WEBPACK_IMPORTED_MODULE_1___default.a.findDOMNode(this).focus();\n this.setState({\n active: true\n });\n }\n }\n }, {\n key: \"handleEditingFinished\",\n value: function handleEditingFinished() {\n this.setState({\n active: false\n });\n var value = this.state.value.trim();\n\n if ((value || this.props.value) && value !== this.props.value) {\n this.props.onFinished(value);\n }\n }\n }, {\n key: \"handlePasswordFinished\",\n value: function handlePasswordFinished(value) {\n this.setState({\n active: false\n });\n\n if (value && value !== this.props.value) {\n this.props.onFinished(value);\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n if (this.state.active) {\n var fieldType = this.props.type || 'text';\n } else {\n var spanText = this.props.type == 'password' ? '••••••••' : this.state.value;\n var spanClass = 'in-place-edit' + (this.props.readOnly ? ' disabled' : '');\n\n if (!spanText) {\n spanText = this.props.placeholder;\n spanClass += ' placeholder';\n }\n\n if (spanText.length > 20) {\n spanText = spanText.substring(0, 19) + '...';\n }\n }\n\n return this.state.active ? fieldType == 'password' ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_visible_password_jsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n value: this.state.value,\n placeholder: this.props.placeholder,\n required: this.props.required ? 'required' : '',\n autoComplete: this.props.autoComplete,\n autoFocus: true,\n onFinished: this.handlePasswordFinished\n }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n type: fieldType,\n value: this.state.value,\n placeholder: this.props.placeholder,\n required: this.props.required ? 'required' : '',\n autoComplete: this.props.autoComplete,\n autoFocus: true,\n onChange: this.handeTextChange,\n onKeyDown: this.handleKeyDown,\n onBlur: this.handleEditingFinished\n }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: spanClass,\n onClick: this.handleStartEditing\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: \"content\"\n }, spanText));\n }\n }], [{\n key: \"getDerivedStateFromProps\",\n value: function getDerivedStateFromProps(nextProps, prevState) {\n if (prevState.initialValue != nextProps.value && !prevState.active) {\n return {\n initialValue: nextProps.value || '',\n value: nextProps.value || ''\n };\n }\n\n return null;\n }\n }]);\n\n return InPlaceEdit;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);\n\n\n;\n\n//# sourceURL=webpack:///./src/widgets/in-place-edit.jsx?"); -var _arraySpeciesCreate = function (original, length) { - return new (_arraySpeciesConstructor(original))(length); -}; +/***/ }), -// 0 -> Array#forEach -// 1 -> Array#map -// 2 -> Array#filter -// 3 -> Array#some -// 4 -> Array#every -// 5 -> Array#find -// 6 -> Array#findIndex +/***/ "./src/widgets/letter-tile.jsx": +/*!*************************************!*\ + !*** ./src/widgets/letter-tile.jsx ***! + \*************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return LetterTile; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var tinode_sdk__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! tinode-sdk */ \"../tinode-js/umd/tinode.prod.js\");\n/* harmony import */ var tinode_sdk__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(tinode_sdk__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _lib_strformat_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../lib/strformat.js */ \"./src/lib/strformat.js\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\n\n\n\n\nvar LetterTile = function (_React$PureComponent) {\n _inherits(LetterTile, _React$PureComponent);\n\n function LetterTile() {\n _classCallCheck(this, LetterTile);\n\n return _possibleConstructorReturn(this, _getPrototypeOf(LetterTile).apply(this, arguments));\n }\n\n _createClass(LetterTile, [{\n key: \"render\",\n value: function render() {\n var avatar;\n\n if (this.props.avatar === true) {\n if (this.props.topic && this.props.title && this.props.title.trim()) {\n var letter = this.props.title.trim().charAt(0);\n var color = \"lettertile dark-color\" + Math.abs(Object(_lib_strformat_js__WEBPACK_IMPORTED_MODULE_2__[\"stringHash\"])(this.props.topic)) % 16;\n avatar = react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: color\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, letter));\n } else {\n avatar = tinode_sdk__WEBPACK_IMPORTED_MODULE_1___default.a.topicType(this.props.topic) == 'grp' ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons\"\n }, \"group\") : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons\"\n }, \"person\");\n }\n } else if (this.props.avatar) {\n avatar = react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"img\", {\n className: \"avatar\",\n alt: \"avatar\",\n src: this.props.avatar\n });\n } else {\n avatar = null;\n }\n\n return avatar;\n }\n }]);\n\n return LetterTile;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.PureComponent);\n\n\n\n//# sourceURL=webpack:///./src/widgets/letter-tile.jsx?"); +/***/ }), +/***/ "./src/widgets/load-spinner.jsx": +/*!**************************************!*\ + !*** ./src/widgets/load-spinner.jsx ***! + \**************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return LoadSpinner; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\n\n\nvar LoadSpinner = function (_React$PureComponent) {\n _inherits(LoadSpinner, _React$PureComponent);\n\n function LoadSpinner() {\n _classCallCheck(this, LoadSpinner);\n\n return _possibleConstructorReturn(this, _getPrototypeOf(LoadSpinner).apply(this, arguments));\n }\n\n _createClass(LoadSpinner, [{\n key: \"render\",\n value: function render() {\n return this.props.show ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"load-spinner-box\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"loader-spinner\"\n })) : null;\n }\n }]);\n\n return LoadSpinner;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.PureComponent);\n\n\n\n//# sourceURL=webpack:///./src/widgets/load-spinner.jsx?"); -var _arrayMethods = function (TYPE, $create) { - var IS_MAP = TYPE == 1; - var IS_FILTER = TYPE == 2; - var IS_SOME = TYPE == 3; - var IS_EVERY = TYPE == 4; - var IS_FIND_INDEX = TYPE == 6; - var NO_HOLES = TYPE == 5 || IS_FIND_INDEX; - var create = $create || _arraySpeciesCreate; - return function ($this, callbackfn, that) { - var O = _toObject($this); - var self = _iobject(O); - var f = _ctx(callbackfn, that, 3); - var length = _toLength(self.length); - var index = 0; - var result = IS_MAP ? create($this, length) : IS_FILTER ? create($this, 0) : undefined; - var val, res; - for (;length > index; index++) if (NO_HOLES || index in self) { - val = self[index]; - res = f(val, index, O); - if (TYPE) { - if (IS_MAP) result[index] = res; // map - else if (res) switch (TYPE) { - case 3: return true; // some - case 5: return val; // find - case 6: return index; // findIndex - case 2: result.push(val); // filter - } else if (IS_EVERY) return false; // every - } - } - return IS_FIND_INDEX ? -1 : IS_SOME || IS_EVERY ? IS_EVERY : result; - }; -}; +/***/ }), -// 22.1.3.31 Array.prototype[@@unscopables] -var UNSCOPABLES = _wks('unscopables'); -var ArrayProto = Array.prototype; -if (ArrayProto[UNSCOPABLES] == undefined) _hide(ArrayProto, UNSCOPABLES, {}); -var _addToUnscopables = function (key) { - ArrayProto[UNSCOPABLES][key] = true; -}; +/***/ "./src/widgets/menu-cancel.jsx": +/*!*************************************!*\ + !*** ./src/widgets/menu-cancel.jsx ***! + \*************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -// 22.1.3.8 Array.prototype.find(predicate, thisArg = undefined) +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return MenuCancel; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\n\n\nvar MenuCancel = function (_React$PureComponent) {\n _inherits(MenuCancel, _React$PureComponent);\n\n function MenuCancel(props) {\n _classCallCheck(this, MenuCancel);\n\n return _possibleConstructorReturn(this, _getPrototypeOf(MenuCancel).call(this, props));\n }\n\n _createClass(MenuCancel, [{\n key: \"render\",\n value: function render() {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: \"javascript:;\",\n onClick: this.props.onCancel\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons\"\n }, \"close\"));\n }\n }]);\n\n return MenuCancel;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.PureComponent);\n\n\n\n//# sourceURL=webpack:///./src/widgets/menu-cancel.jsx?"); -var $find = _arrayMethods(5); -var KEY = 'find'; -var forced = true; -// Shouldn't skip holes -if (KEY in []) Array(1)[KEY](function () { forced = false; }); -_export(_export.P + _export.F * forced, 'Array', { - find: function find(callbackfn /* , that = undefined */) { - return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined); - } -}); -_addToUnscopables(KEY); +/***/ }), -var find = _core.Array.find; +/***/ "./src/widgets/menu-contacts.jsx": +/*!***************************************!*\ + !*** ./src/widgets/menu-contacts.jsx ***! + \***************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -// 22.1.3.9 Array.prototype.findIndex(predicate, thisArg = undefined) +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return MenuContacts; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\n\n\nvar MenuContacts = function (_React$PureComponent) {\n _inherits(MenuContacts, _React$PureComponent);\n\n function MenuContacts() {\n _classCallCheck(this, MenuContacts);\n\n return _possibleConstructorReturn(this, _getPrototypeOf(MenuContacts).apply(this, arguments));\n }\n\n _createClass(MenuContacts, [{\n key: \"render\",\n value: function render() {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: \"javascript:;\",\n onClick: this.props.onNewTopic\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons\"\n }, \"chat\")), \"\\xA0\", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: \"javascript:;\",\n onClick: this.props.onSettings\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons\"\n }, \"settings\")));\n }\n }]);\n\n return MenuContacts;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.PureComponent);\n\n\n;\n\n//# sourceURL=webpack:///./src/widgets/menu-contacts.jsx?"); -var $find$1 = _arrayMethods(6); -var KEY$1 = 'findIndex'; -var forced$1 = true; -// Shouldn't skip holes -if (KEY$1 in []) Array(1)[KEY$1](function () { forced$1 = false; }); -_export(_export.P + _export.F * forced$1, 'Array', { - findIndex: function findIndex(callbackfn /* , that = undefined */) { - return $find$1(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined); - } -}); -_addToUnscopables(KEY$1); +/***/ }), -var findIndex = _core.Array.findIndex; +/***/ "./src/widgets/menu-start.jsx": +/*!************************************!*\ + !*** ./src/widgets/menu-start.jsx ***! + \************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -// to indexed object, toObject with fallback for non-array-like ES3 strings +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return MenuStart; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\n\n\nvar MenuStart = function (_React$PureComponent) {\n _inherits(MenuStart, _React$PureComponent);\n\n function MenuStart() {\n _classCallCheck(this, MenuStart);\n\n return _possibleConstructorReturn(this, _getPrototypeOf(MenuStart).apply(this, arguments));\n }\n\n _createClass(MenuStart, [{\n key: \"render\",\n value: function render() {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: \"javascript:;\",\n onClick: this.props.onSignUp\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons\"\n }, \"person_add\")), \"\\xA0\", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: \"javascript:;\",\n onClick: this.props.onSettings\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons\"\n }, \"settings\")));\n }\n }]);\n\n return MenuStart;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.PureComponent);\n\n\n;\n\n//# sourceURL=webpack:///./src/widgets/menu-start.jsx?"); +/***/ }), -var _toIobject = function (it) { - return _iobject(_defined(it)); -}; +/***/ "./src/widgets/more-button.jsx": +/*!*************************************!*\ + !*** ./src/widgets/more-button.jsx ***! + \*************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -var max = Math.max; -var min$1 = Math.min; -var _toAbsoluteIndex = function (index, length) { - index = _toInteger(index); - return index < 0 ? max(index + length, 0) : min$1(index, length); -}; +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return MoreButton; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n\n\nvar MoreButton = function (_React$PureComponent) {\n _inherits(MoreButton, _React$PureComponent);\n\n function MoreButton(props) {\n var _this;\n\n _classCallCheck(this, MoreButton);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(MoreButton).call(this, props));\n _this.state = {\n open: props.open\n };\n _this.handleToggle = _this.handleToggle.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n return _this;\n }\n\n _createClass(MoreButton, [{\n key: \"handleToggle\",\n value: function handleToggle() {\n var open = !this.state.open;\n this.setState({\n open: open\n });\n\n if (this.props.onToggle) {\n this.props.onToggle(open);\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", {\n className: \"small\",\n onClick: this.handleToggle\n }, this.props.title, \"...\", this.state.open ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons\"\n }, \"expand_more\") : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons\"\n }, \"chevron_right\"));\n }\n }]);\n\n return MoreButton;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.PureComponent);\n\n\n\n//# sourceURL=webpack:///./src/widgets/more-button.jsx?"); -// false -> Array#indexOf -// true -> Array#includes +/***/ }), +/***/ "./src/widgets/new-topic-by-id.jsx": +/*!*****************************************!*\ + !*** ./src/widgets/new-topic-by-id.jsx ***! + \*****************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-intl */ \"react-intl\");\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intl__WEBPACK_IMPORTED_MODULE_1__);\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n\n\nvar messages = Object(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"defineMessages\"])({\n invalid_id: {\n \"id\": \"error_invalid_id\",\n \"defaultMessage\": \"Invalid ID\"\n }\n});\n\nvar NewTopicById = function (_React$PureComponent) {\n _inherits(NewTopicById, _React$PureComponent);\n\n function NewTopicById(props) {\n var _this;\n\n _classCallCheck(this, NewTopicById);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(NewTopicById).call(this, props));\n _this.state = {\n groupId: ''\n };\n _this.handleChange = _this.handleChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleKeyPress = _this.handleKeyPress.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleSubmit = _this.handleSubmit.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n return _this;\n }\n\n _createClass(NewTopicById, [{\n key: \"handleChange\",\n value: function handleChange(e) {\n this.setState({\n groupId: e.target.value\n });\n }\n }, {\n key: \"handleKeyPress\",\n value: function handleKeyPress(e) {\n if (e.key === 'Enter') {\n this.handleSubmit(e);\n }\n }\n }, {\n key: \"handleSubmit\",\n value: function handleSubmit(e) {\n e.preventDefault();\n\n if (this.state.groupId) {\n var name = this.state.groupId.trim();\n\n if (name.length > 3 && (name.substr(0, 3) == 'usr' || name.substr(0, 3) == 'grp')) {\n this.props.onSubmit(name);\n } else {\n this.props.onError(this.props.intl.formatMessage(messages.invalid_id), 'err');\n }\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this2 = this;\n\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-row\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"group_user_id_prompt\",\n defaultMessage: \"Group or User ID\"\n }, function (prompt) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n type: \"text\",\n placeholder: prompt,\n value: _this2.state.groupId,\n onChange: _this2.handleChange,\n onKeyPress: _this2.handleKeyPress,\n required: true\n });\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"dialog-buttons\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n className: \"blue\",\n onClick: this.handleSubmit\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"button_subscribe\",\n defaultMessage: \"Subscribe\"\n }))));\n }\n }]);\n\n return NewTopicById;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.PureComponent);\n\n;\n/* harmony default export */ __webpack_exports__[\"default\"] = (Object(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"injectIntl\"])(NewTopicById));\n\n//# sourceURL=webpack:///./src/widgets/new-topic-by-id.jsx?"); -var _arrayIncludes = function (IS_INCLUDES) { - return function ($this, el, fromIndex) { - var O = _toIobject($this); - var length = _toLength(O.length); - var index = _toAbsoluteIndex(fromIndex, length); - var value; - // Array#includes uses SameValueZero equality algorithm - // eslint-disable-next-line no-self-compare - if (IS_INCLUDES && el != el) while (length > index) { - value = O[index++]; - // eslint-disable-next-line no-self-compare - if (value != value) return true; - // Array#indexOf ignores holes, Array#includes - not - } else for (;length > index; index++) if (IS_INCLUDES || index in O) { - if (O[index] === el) return IS_INCLUDES || index || 0; - } return !IS_INCLUDES && -1; - }; -}; +/***/ }), -var shared = _shared('keys'); +/***/ "./src/widgets/new-topic-group.jsx": +/*!*****************************************!*\ + !*** ./src/widgets/new-topic-group.jsx ***! + \*****************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -var _sharedKey = function (key) { - return shared[key] || (shared[key] = _uid(key)); -}; +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return NewTopicGroup; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-intl */ \"react-intl\");\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intl__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _avatar_upload_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./avatar-upload.jsx */ \"./src/widgets/avatar-upload.jsx\");\n/* harmony import */ var _tag_manager_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./tag-manager.jsx */ \"./src/widgets/tag-manager.jsx\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n\n\n\n\n\nvar NewTopicGroup = function (_React$PureComponent) {\n _inherits(NewTopicGroup, _React$PureComponent);\n\n function NewTopicGroup(props) {\n var _this;\n\n _classCallCheck(this, NewTopicGroup);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(NewTopicGroup).call(this, props));\n _this.state = {\n fn: '',\n private: '',\n imageDataUrl: null,\n tags: []\n };\n _this.handleFnChange = _this.handleFnChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handlePrivateChange = _this.handlePrivateChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleImageChanged = _this.handleImageChanged.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleTagsChanged = _this.handleTagsChanged.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleTagsChanged = _this.handleTagsChanged.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleSubmit = _this.handleSubmit.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n return _this;\n }\n\n _createClass(NewTopicGroup, [{\n key: \"handleFnChange\",\n value: function handleFnChange(e) {\n this.setState({\n fn: e.target.value\n });\n }\n }, {\n key: \"handlePrivateChange\",\n value: function handlePrivateChange(e) {\n this.setState({\n private: e.target.value\n });\n }\n }, {\n key: \"handleImageChanged\",\n value: function handleImageChanged(img) {\n this.setState({\n imageDataUrl: img\n });\n }\n }, {\n key: \"handleTagsChanged\",\n value: function handleTagsChanged(tags) {\n this.setState({\n tags: tags\n });\n }\n }, {\n key: \"handleSubmit\",\n value: function handleSubmit(e) {\n e.preventDefault();\n\n if (this.state.fn && this.state.fn.trim()) {\n this.props.onSubmit(this.state.fn.trim(), this.state.imageDataUrl, this.state.private.trim(), this.state.tags);\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this2 = this;\n\n var submitClasses = 'blue';\n\n if (this.props.disabled) {\n submitClasses += ' disabled';\n }\n\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"form\", {\n className: \"panel-form\",\n onSubmit: this.handleSubmit\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-row\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-column\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", {\n className: \"small\",\n htmlFor: \"new-topic-fn\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"label_topic_name\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"topic_name_editing_placeholder\",\n defaultMessage: \"Freeform name of the group\"\n }, function (placeholder) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n type: \"text\",\n id: \"new-topic-fn\",\n placeholder: placeholder,\n value: _this2.state.fn,\n onChange: _this2.handleFnChange,\n autoFocus: true,\n required: true\n });\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"br\", null), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", {\n className: \"small\",\n htmlFor: \"new-topic-priv\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"label_private\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"private_editing_placeholder\"\n }, function (placeholder) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n type: \"text\",\n id: \"new-topic-priv\",\n placeholder: placeholder,\n value: _this2.state.private,\n onChange: _this2.handlePrivateChange\n });\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_avatar_upload_jsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n onError: this.props.onError,\n onImageChanged: this.handleImageChanged\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"title_tag_manager\"\n }, function (title) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_tag_manager_jsx__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n tags: _this2.state.tags,\n activated: true,\n onTagsChanged: _this2.handleTagsChanged,\n title: title\n });\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"dialog-buttons\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n className: submitClasses\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"button_create\",\n defaultMessage: \"Create\"\n }))));\n }\n }]);\n\n return NewTopicGroup;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.PureComponent);\n\n\n;\n\n//# sourceURL=webpack:///./src/widgets/new-topic-group.jsx?"); -var arrayIndexOf = _arrayIncludes(false); -var IE_PROTO = _sharedKey('IE_PROTO'); +/***/ }), -var _objectKeysInternal = function (object, names) { - var O = _toIobject(object); - var i = 0; - var result = []; - var key; - for (key in O) if (key != IE_PROTO) _has(O, key) && result.push(key); - // Don't enum bug & hidden keys - while (names.length > i) if (_has(O, key = names[i++])) { - ~arrayIndexOf(result, key) || result.push(key); - } - return result; -}; +/***/ "./src/widgets/permissions-editor.jsx": +/*!********************************************!*\ + !*** ./src/widgets/permissions-editor.jsx ***! + \********************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -// IE 8- don't enum bug keys -var _enumBugKeys = ( - 'constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf' -).split(','); +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-intl */ \"react-intl\");\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intl__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _checkbox_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./checkbox.jsx */ \"./src/widgets/checkbox.jsx\");\n/* harmony import */ var _contact_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./contact.jsx */ \"./src/widgets/contact.jsx\");\n/* harmony import */ var _lib_blob_helpers_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../lib/blob-helpers.js */ \"./src/lib/blob-helpers.js\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n\n\n\n\n\nvar messages = Object(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"defineMessages\"])({\n 'joiner': {\n \"id\": \"permission_join\",\n \"defaultMessage\": \"Join ({val})\"\n },\n 'reader': {\n \"id\": \"permission_read\",\n \"defaultMessage\": \"Read ({val})\"\n },\n 'writer': {\n \"id\": \"permission_write\",\n \"defaultMessage\": \"Write ({val})\"\n },\n 'preser': {\n \"id\": \"permission_pres\",\n \"defaultMessage\": \"Get notified ({val})\"\n },\n 'approver': {\n \"id\": \"permission_admin\",\n \"defaultMessage\": \"Approve ({val})\"\n },\n 'sharer': {\n \"id\": \"permission_share\",\n \"defaultMessage\": \"Share ({val})\"\n },\n 'deleter': {\n \"id\": \"permission_delete\",\n \"defaultMessage\": \"Delete ({val})\"\n },\n 'owner': {\n \"id\": \"permission_owner\",\n \"defaultMessage\": \"Owner ({val})\"\n }\n});\n\nvar PermissionsEditor = function (_React$Component) {\n _inherits(PermissionsEditor, _React$Component);\n\n function PermissionsEditor(props) {\n var _this;\n\n _classCallCheck(this, PermissionsEditor);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(PermissionsEditor).call(this, props));\n _this.state = {\n mode: (props.mode || '').replace('N', '')\n };\n _this.handleChange = _this.handleChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleSubmit = _this.handleSubmit.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleCancel = _this.handleCancel.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n return _this;\n }\n\n _createClass(PermissionsEditor, [{\n key: \"handleChange\",\n value: function handleChange(val) {\n var mode = this.state.mode;\n var idx = mode.indexOf(val);\n\n if (idx == -1) {\n mode += val;\n } else {\n mode = mode.replace(val, '');\n }\n\n this.setState({\n mode: mode\n });\n }\n }, {\n key: \"handleSubmit\",\n value: function handleSubmit() {\n var mode = (this.state.mode || 'N').split('').sort().join('');\n var before = (this.props.mode || 'N').split('').sort().join('');\n\n if (mode !== before) {\n this.props.onSubmit(mode);\n } else {\n this.props.onCancel();\n }\n }\n }, {\n key: \"handleCancel\",\n value: function handleCancel() {\n this.props.onCancel();\n }\n }, {\n key: \"render\",\n value: function render() {\n var formatMessage = this.props.intl.formatMessage;\n var all = 'JRWPASDO';\n var names = {\n 'J': formatMessage(messages.joiner, {\n val: 'J'\n }),\n 'R': formatMessage(messages.reader, {\n val: 'R'\n }),\n 'W': formatMessage(messages.writer, {\n val: 'W'\n }),\n 'P': formatMessage(messages.preser, {\n val: 'P'\n }),\n 'A': formatMessage(messages.approver, {\n val: 'A'\n }),\n 'S': formatMessage(messages.sharer, {\n val: 'S'\n }),\n 'D': formatMessage(messages.deleter, {\n val: 'D'\n }),\n 'O': formatMessage(messages.owner, {\n val: 'O'\n })\n };\n var skip = this.props.skip || '';\n var mode = this.state.mode;\n var compare = (this.props.compare || '').replace('N', '');\n var items = [];\n\n for (var i = 0; i < all.length; i++) {\n var c = all.charAt(i);\n\n if (skip.indexOf(c) >= 0 && mode.indexOf(c) < 0) {\n continue;\n }\n\n items.push(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"tr\", {\n key: c\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"td\", null, names[c]), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"td\", {\n className: \"checkbox\"\n }, skip.indexOf(c) < 0 ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_checkbox_jsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n name: c,\n checked: mode.indexOf(c) >= 0,\n onChange: this.handleChange\n }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_checkbox_jsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n name: c,\n checked: mode.indexOf(c) >= 0\n })), this.props.compare ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"td\", {\n className: \"checkbox\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_checkbox_jsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n name: c,\n checked: compare.indexOf(c) >= 0\n })) : null));\n }\n\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-column\"\n }, this.props.userTitle ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"ul\", {\n className: \"contact-box\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_contact_jsx__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n item: this.props.item,\n title: this.props.userTitle,\n avatar: Object(_lib_blob_helpers_js__WEBPACK_IMPORTED_MODULE_4__[\"makeImageUrl\"])(this.props.userAvatar ? this.props.userAvatar : null)\n })) : null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", {\n className: \"small\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"title_permissions\",\n defaultMessage: \"Permissions\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"table\", {\n className: \"permission-editor\"\n }, this.props.compare ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"thead\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"tr\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"th\", null), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"th\", null, this.props.modeTitle), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"th\", null, this.props.compareTitle))) : null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"tbody\", null, items)), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"br\", null), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"dialog-buttons\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n className: \"blue\",\n onClick: this.handleSubmit\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"button_ok\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n className: \"white\",\n onClick: this.handleCancel\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"button_cancel\"\n }))));\n }\n }]);\n\n return PermissionsEditor;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);\n\n;\n/* harmony default export */ __webpack_exports__[\"default\"] = (Object(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"injectIntl\"])(PermissionsEditor));\n\n//# sourceURL=webpack:///./src/widgets/permissions-editor.jsx?"); -// 19.1.2.14 / 15.2.3.14 Object.keys(O) +/***/ }), +/***/ "./src/widgets/received-marker.jsx": +/*!*****************************************!*\ + !*** ./src/widgets/received-marker.jsx ***! + \*****************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-intl */ \"react-intl\");\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intl__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var tinode_sdk__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tinode-sdk */ \"../tinode-js/umd/tinode.prod.js\");\n/* harmony import */ var tinode_sdk__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(tinode_sdk__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _lib_strformat_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../lib/strformat.js */ \"./src/lib/strformat.js\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\n\n\n\n\nvar messages = Object(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"defineMessages\"])({\n 'sending': {\n \"id\": \"message_sending\",\n \"defaultMessage\": \"sending...\"\n },\n 'failed': {\n \"id\": \"message_sending_failed\",\n \"defaultMessage\": \"failed\"\n }\n});\n\nvar ReceivedMarker = function (_React$PureComponent) {\n _inherits(ReceivedMarker, _React$PureComponent);\n\n function ReceivedMarker() {\n _classCallCheck(this, ReceivedMarker);\n\n return _possibleConstructorReturn(this, _getPrototypeOf(ReceivedMarker).apply(this, arguments));\n }\n\n _createClass(ReceivedMarker, [{\n key: \"render\",\n value: function render() {\n var formatMessage = this.props.intl.formatMessage;\n var timestamp;\n\n if (this.props.received <= tinode_sdk__WEBPACK_IMPORTED_MODULE_2___default.a.MESSAGE_STATUS_SENDING) {\n timestamp = formatMessage(messages.sending);\n } else if (this.props.received == tinode_sdk__WEBPACK_IMPORTED_MODULE_2___default.a.MESSAGE_STATUS_FAILED) {\n timestamp = formatMessage(messages.failed);\n } else {\n timestamp = Object(_lib_strformat_js__WEBPACK_IMPORTED_MODULE_3__[\"shortDateFormat\"])(this.props.timestamp);\n }\n\n var marker = null;\n\n if (this.props.received <= tinode_sdk__WEBPACK_IMPORTED_MODULE_2___default.a.MESSAGE_STATUS_SENDING) {\n marker = react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons small\"\n }, \"access_time\");\n } else if (this.props.received == tinode_sdk__WEBPACK_IMPORTED_MODULE_2___default.a.MESSAGE_STATUS_FAILED) {\n marker = react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons small red\"\n }, \"error_outline\");\n } else if (this.props.received == tinode_sdk__WEBPACK_IMPORTED_MODULE_2___default.a.MESSAGE_STATUS_SENT) {\n marker = react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons small\"\n }, \"done\");\n } else if (this.props.received == tinode_sdk__WEBPACK_IMPORTED_MODULE_2___default.a.MESSAGE_STATUS_RECEIVED) {\n marker = react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons small\"\n }, \"done_all\");\n } else if (this.props.received == tinode_sdk__WEBPACK_IMPORTED_MODULE_2___default.a.MESSAGE_STATUS_READ) {\n marker = react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons small blue\"\n }, \"done_all\");\n }\n\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: \"timestamp\"\n }, timestamp, \"\\xA0\", marker);\n }\n }]);\n\n return ReceivedMarker;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.PureComponent);\n\n;\n/* harmony default export */ __webpack_exports__[\"default\"] = (Object(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"injectIntl\"])(ReceivedMarker));\n\n//# sourceURL=webpack:///./src/widgets/received-marker.jsx?"); -var _objectKeys = Object.keys || function keys(O) { - return _objectKeysInternal(O, _enumBugKeys); -}; +/***/ }), -var f$1 = Object.getOwnPropertySymbols; +/***/ "./src/widgets/search-contacts.jsx": +/*!*****************************************!*\ + !*** ./src/widgets/search-contacts.jsx ***! + \*****************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -var _objectGops = { - f: f$1 -}; +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return SearchContacts; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-intl */ \"react-intl\");\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intl__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var tinode_sdk__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tinode-sdk */ \"../tinode-js/umd/tinode.prod.js\");\n/* harmony import */ var tinode_sdk__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(tinode_sdk__WEBPACK_IMPORTED_MODULE_2__);\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n\n\n\n\nvar SearchContacts = function (_React$PureComponent) {\n _inherits(SearchContacts, _React$PureComponent);\n\n function SearchContacts(props) {\n var _this;\n\n _classCallCheck(this, SearchContacts);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(SearchContacts).call(this, props));\n _this.state = {\n edited: false,\n search: ''\n };\n _this.handleSearchChange = _this.handleSearchChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleSearch = _this.handleSearch.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleClear = _this.handleClear.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleKeyDown = _this.handleKeyDown.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n return _this;\n }\n\n _createClass(SearchContacts, [{\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n if (this.state.edited) {\n this.setState({\n search: '',\n edited: false\n });\n this.props.onSearchContacts(tinode_sdk__WEBPACK_IMPORTED_MODULE_2___default.a.DEL_CHAR);\n }\n }\n }, {\n key: \"handleSearchChange\",\n value: function handleSearchChange(e) {\n this.setState({\n search: e.target.value\n });\n }\n }, {\n key: \"handleSearch\",\n value: function handleSearch(e) {\n e.preventDefault();\n var query = this.state.search.trim();\n this.setState({\n edited: query.length > 0\n });\n this.props.onSearchContacts(query.length > 0 ? query : tinode_sdk__WEBPACK_IMPORTED_MODULE_2___default.a.DEL_CHAR);\n }\n }, {\n key: \"handleClear\",\n value: function handleClear() {\n if (this.state.edited) {\n this.props.onSearchContacts(tinode_sdk__WEBPACK_IMPORTED_MODULE_2___default.a.DEL_CHAR);\n }\n\n this.setState({\n search: '',\n edited: false\n });\n }\n }, {\n key: \"handleKeyDown\",\n value: function handleKeyDown(e) {\n if (e.key === 'Enter') {\n this.handleSearch(e);\n } else if (e.key === 'Escape') {\n this.handleClear();\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this2 = this;\n\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-row\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons search\"\n }, \"search\"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"search_placeholder\",\n defaultMessage: \"List like email:alice@example.com, tel:17025550003...\"\n }, function (search_placeholder) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n className: \"search\",\n type: \"text\",\n placeholder: search_placeholder,\n value: _this2.state.search,\n onChange: _this2.handleSearchChange,\n onKeyDown: _this2.handleKeyDown,\n required: true,\n autoFocus: true\n });\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: \"javascript:;\",\n onClick: this.handleClear\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons\"\n }, \"close\"))));\n }\n }]);\n\n return SearchContacts;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.PureComponent);\n\n\n;\n\n//# sourceURL=webpack:///./src/widgets/search-contacts.jsx?"); -var f$2 = {}.propertyIsEnumerable; +/***/ }), -var _objectPie = { - f: f$2 -}; +/***/ "./src/widgets/send-message.jsx": +/*!**************************************!*\ + !*** ./src/widgets/send-message.jsx ***! + \**************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -// 19.1.2.1 Object.assign(target, source, ...) +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-intl */ \"react-intl\");\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intl__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var tinode_sdk__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! tinode-sdk */ \"../tinode-js/umd/tinode.prod.js\");\n/* harmony import */ var tinode_sdk__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(tinode_sdk__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _config_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../config.js */ \"./src/config.js\");\n/* harmony import */ var _lib_blob_helpers_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../lib/blob-helpers.js */ \"./src/lib/blob-helpers.js\");\n/* harmony import */ var _lib_strformat_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../lib/strformat.js */ \"./src/lib/strformat.js\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n\n\n\n\n\n\nvar messages = Object(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"defineMessages\"])({\n 'messaging_disabled': {\n \"id\": \"messaging_disabled_prompt\",\n \"defaultMessage\": \"Messaging disabled\"\n },\n 'type_new_message': {\n \"id\": \"new_message_prompt\",\n \"defaultMessage\": \"New message\"\n },\n 'file_attachment_too_large': {\n \"id\": \"file_attachment_too_large\",\n \"defaultMessage\": \"The file size {size} exceeds the {limit} limit.\"\n },\n 'cannot_initiate_upload': {\n \"id\": \"cannot_initiate_file_upload\",\n \"defaultMessage\": \"Cannot initiate file upload.\"\n }\n});\n\nvar SendMessage = function (_React$PureComponent) {\n _inherits(SendMessage, _React$PureComponent);\n\n function SendMessage(props) {\n var _this;\n\n _classCallCheck(this, SendMessage);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(SendMessage).call(this, props));\n _this.state = {\n message: '',\n keypressTimestamp: new Date().getTime() - _config_js__WEBPACK_IMPORTED_MODULE_3__[\"KEYPRESS_DELAY\"] - 1\n };\n _this.handlePasteEvent = _this.handlePasteEvent.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleAttachImage = _this.handleAttachImage.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleAttachFile = _this.handleAttachFile.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleSend = _this.handleSend.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleKeyPress = _this.handleKeyPress.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleMessageTyping = _this.handleMessageTyping.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n return _this;\n }\n\n _createClass(SendMessage, [{\n key: \"componentDidMount\",\n value: function componentDidMount() {\n this.pasteFile.addEventListener('paste', this.handlePasteEvent, false);\n }\n }, {\n key: \"componentWillUnmount\",\n value: function componentWillUnmount() {\n this.pasteFile.removeEventListener('paste', this.handlePasteEvent, false);\n }\n }, {\n key: \"handlePasteEvent\",\n value: function handlePasteEvent(e) {\n var _this2 = this;\n\n if (this.props.disabled) {\n return;\n }\n\n if (Object(_lib_blob_helpers_js__WEBPACK_IMPORTED_MODULE_4__[\"filePasted\"])(e, function (bits, mime, width, height, fname) {\n _this2.props.sendMessage(tinode_sdk__WEBPACK_IMPORTED_MODULE_2__[\"Drafty\"].insertImage(null, 0, mime, bits, width, height, fname));\n }, function (mime, bits, fname) {\n _this2.props.sendMessage(tinode_sdk__WEBPACK_IMPORTED_MODULE_2__[\"Drafty\"].attachFile(null, mime, bits, fname));\n }, this.props.onError)) {\n e.preventDefault();\n }\n }\n }, {\n key: \"handleAttachImage\",\n value: function handleAttachImage(e) {\n var _this3 = this;\n\n if (e.target.files && e.target.files.length > 0) {\n var file = e.target.files[0];\n\n if (file.size > _config_js__WEBPACK_IMPORTED_MODULE_3__[\"MAX_INBAND_ATTACHMENT_SIZE\"] || _lib_blob_helpers_js__WEBPACK_IMPORTED_MODULE_4__[\"SUPPORTED_IMAGE_FORMATS\"].indexOf(file.type) < 0) {\n Object(_lib_blob_helpers_js__WEBPACK_IMPORTED_MODULE_4__[\"imageFileScaledToBase64\"])(file, _config_js__WEBPACK_IMPORTED_MODULE_3__[\"MAX_IMAGE_DIM\"], _config_js__WEBPACK_IMPORTED_MODULE_3__[\"MAX_IMAGE_DIM\"], false, function (bits, mime, width, height, fname) {\n _this3.props.sendMessage(tinode_sdk__WEBPACK_IMPORTED_MODULE_2__[\"Drafty\"].insertImage(null, 0, mime, bits, width, height, fname));\n }, function (err) {\n _this3.props.onError(err, 'err');\n });\n } else {\n Object(_lib_blob_helpers_js__WEBPACK_IMPORTED_MODULE_4__[\"imageFileToBase64\"])(file, function (bits, mime, width, height, fname) {\n _this3.props.sendMessage(tinode_sdk__WEBPACK_IMPORTED_MODULE_2__[\"Drafty\"].insertImage(null, 0, mime, bits, width, height, fname));\n }, function (err) {\n _this3.props.onError(err, 'err');\n });\n }\n }\n\n e.target.value = '';\n }\n }, {\n key: \"handleAttachFile\",\n value: function handleAttachFile(e) {\n var _this4 = this;\n\n var formatMessage = this.props.intl.formatMessage;\n\n if (e.target.files && e.target.files.length > 0) {\n var file = e.target.files[0];\n\n if (file.size > _config_js__WEBPACK_IMPORTED_MODULE_3__[\"MAX_EXTERN_ATTACHMENT_SIZE\"]) {\n this.props.onError(formatMessage(messages.file_attachment_too_large, {\n size: Object(_lib_strformat_js__WEBPACK_IMPORTED_MODULE_5__[\"bytesToHumanSize\"])(file.size),\n limit: Object(_lib_strformat_js__WEBPACK_IMPORTED_MODULE_5__[\"bytesToHumanSize\"])(_config_js__WEBPACK_IMPORTED_MODULE_3__[\"MAX_EXTERN_ATTACHMENT_SIZE\"])\n }), 'err');\n } else if (file.size > _config_js__WEBPACK_IMPORTED_MODULE_3__[\"MAX_INBAND_ATTACHMENT_SIZE\"]) {\n var uploader = this.props.tinode.getLargeFileHelper();\n\n if (!uploader) {\n this.props.onError(formatMessage(messages.cannot_initiate_upload));\n return;\n }\n\n var uploadCompletionPromise = uploader.upload(file);\n var msg = tinode_sdk__WEBPACK_IMPORTED_MODULE_2__[\"Drafty\"].attachFile(null, file.type, null, file.name, file.size, uploadCompletionPromise);\n this.props.sendMessage(msg, uploadCompletionPromise, uploader);\n } else {\n fileToBase64(file, function (mime, bits, fname) {\n _this4.props.sendMessage(tinode_sdk__WEBPACK_IMPORTED_MODULE_2__[\"Drafty\"].attachFile(null, mime, bits, fname));\n }, this.props.onError);\n }\n }\n\n e.target.value = '';\n }\n }, {\n key: \"handleSend\",\n value: function handleSend() {\n var message = this.state.message.trim();\n\n if (message) {\n this.props.sendMessage(this.state.message.trim());\n this.setState({\n message: ''\n });\n }\n }\n }, {\n key: \"handleKeyPress\",\n value: function handleKeyPress(e) {\n if (e.key === 'Enter') {\n if (!e.shiftKey) {\n e.preventDefault();\n e.stopPropagation();\n this.handleSend();\n }\n }\n }\n }, {\n key: \"handleMessageTyping\",\n value: function handleMessageTyping(e) {\n var newState = {\n message: e.target.value\n };\n var now = new Date().getTime();\n\n if (now - this.state.keypressTimestamp > _config_js__WEBPACK_IMPORTED_MODULE_3__[\"KEYPRESS_DELAY\"]) {\n var topic = this.props.tinode.getTopic(this.props.topic);\n\n if (topic.isSubscribed()) {\n topic.noteKeyPress();\n }\n\n newState.keypressTimestamp = now;\n }\n\n this.setState(newState);\n }\n }, {\n key: \"render\",\n value: function render() {\n var formatMessage = this.props.intl.formatMessage;\n var prompt = this.props.disabled ? formatMessage(messages.messaging_disabled) : formatMessage(messages.type_new_message);\n var instance = this;\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n id: \"send-message-panel\"\n }, this.props.disabled ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons disabled\"\n }, \"photo\") : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: \"javascript:;\",\n onClick: function onClick(e) {\n instance.attachImage.click();\n },\n title: \"Add image\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons secondary\"\n }, \"photo\")), this.props.disabled ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons disabled\"\n }, \"attach_file\") : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: \"javascript:;\",\n onClick: function onClick(e) {\n instance.attachFile.click();\n },\n title: \"Attach file\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons secondary\"\n }, \"attach_file\")), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"textarea\", {\n id: \"sendMessage\",\n placeholder: prompt,\n disabled: this.props.disabled,\n value: this.state.message,\n onChange: this.handleMessageTyping,\n onKeyPress: this.handleKeyPress,\n ref: function ref(_ref) {\n instance.pasteFile = _ref;\n },\n autoFocus: true\n }), this.props.disabled ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons disabled\"\n }, \"send\") : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: \"javascript:;\",\n onClick: this.handleSend,\n title: \"Send\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons\"\n }, \"send\")), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n type: \"file\",\n ref: function ref(_ref2) {\n instance.attachFile = _ref2;\n },\n onChange: this.handleAttachFile,\n style: {\n display: 'none'\n }\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n type: \"file\",\n ref: function ref(_ref3) {\n instance.attachImage = _ref3;\n },\n accept: \"image/*\",\n onChange: this.handleAttachImage,\n style: {\n display: 'none'\n }\n }));\n }\n }]);\n\n return SendMessage;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.PureComponent);\n\n;\n/* harmony default export */ __webpack_exports__[\"default\"] = (Object(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"injectIntl\"])(SendMessage));\n\n//# sourceURL=webpack:///./src/widgets/send-message.jsx?"); +/***/ }), +/***/ "./src/widgets/side-navbar.jsx": +/*!*************************************!*\ + !*** ./src/widgets/side-navbar.jsx ***! + \*************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return SideNavbar; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _letter_tile_jsx__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./letter-tile.jsx */ \"./src/widgets/letter-tile.jsx\");\n/* harmony import */ var _menu_cancel_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./menu-cancel.jsx */ \"./src/widgets/menu-cancel.jsx\");\n/* harmony import */ var _menu_contacts_jsx__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./menu-contacts.jsx */ \"./src/widgets/menu-contacts.jsx\");\n/* harmony import */ var _menu_start_jsx__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./menu-start.jsx */ \"./src/widgets/menu-start.jsx\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\n\n\n\n\n\n\nvar SideNavbar = function (_React$PureComponent) {\n _inherits(SideNavbar, _React$PureComponent);\n\n function SideNavbar() {\n _classCallCheck(this, SideNavbar);\n\n return _possibleConstructorReturn(this, _getPrototypeOf(SideNavbar).apply(this, arguments));\n }\n\n _createClass(SideNavbar, [{\n key: \"render\",\n value: function render() {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n id: \"side-caption-panel\",\n className: \"caption-panel\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n id: \"self-avatar\",\n className: \"avatar-box\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_letter_tile_jsx__WEBPACK_IMPORTED_MODULE_1__[\"default\"], {\n avatar: this.props.avatar,\n topic: this.props.myUserId,\n title: this.props.title\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n id: \"sidepanel-title\",\n className: \"panel-title\"\n }, this.props.title), this.props.state === 'login' ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_menu_start_jsx__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n onSignUp: this.props.onSignUp,\n onSettings: this.props.onSettings\n }) : this.props.state === 'contacts' ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_menu_contacts_jsx__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n onNewTopic: this.props.onNewTopic,\n onSettings: this.props.onSettings\n }) : null, this.props.onCancel ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_menu_cancel_jsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n onCancel: this.props.onCancel\n }) : null);\n }\n }]);\n\n return SideNavbar;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.PureComponent);\n\n\n;\n\n//# sourceURL=webpack:///./src/widgets/side-navbar.jsx?"); +/***/ }), -var $assign = Object.assign; +/***/ "./src/widgets/tag-manager.jsx": +/*!*************************************!*\ + !*** ./src/widgets/tag-manager.jsx ***! + \*************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -// should work with symbols and should have deterministic property order (V8 bug) -var _objectAssign = !$assign || _fails(function () { - var A = {}; - var B = {}; - // eslint-disable-next-line no-undef - var S = Symbol(); - var K = 'abcdefghijklmnopqrst'; - A[S] = 7; - K.split('').forEach(function (k) { B[k] = k; }); - return $assign({}, A)[S] != 7 || Object.keys($assign({}, B)).join('') != K; -}) ? function assign(target, source) { // eslint-disable-line no-unused-vars - var T = _toObject(target); - var aLen = arguments.length; - var index = 1; - var getSymbols = _objectGops.f; - var isEnum = _objectPie.f; - while (aLen > index) { - var S = _iobject(arguments[index++]); - var keys = getSymbols ? _objectKeys(S).concat(getSymbols(S)) : _objectKeys(S); - var length = keys.length; - var j = 0; - var key; - while (length > j) if (isEnum.call(S, key = keys[j++])) T[key] = S[key]; - } return T; -} : $assign; +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return TagManager; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-intl */ \"react-intl\");\n/* harmony import */ var react_intl__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_intl__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _chip_input_jsx__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./chip-input.jsx */ \"./src/widgets/chip-input.jsx\");\n/* harmony import */ var _config_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../config.js */ \"./src/config.js\");\n/* harmony import */ var _lib_utils_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../lib/utils.js */ \"./src/lib/utils.js\");\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n\n\n\n\n\n\nvar TagManager = function (_React$Component) {\n _inherits(TagManager, _React$Component);\n\n function TagManager(props) {\n var _this;\n\n _classCallCheck(this, TagManager);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(TagManager).call(this, props));\n _this.state = {\n tags: _this.props.tags,\n tagInput: '',\n activated: _this.props.activated\n };\n _this.handleShowTagManager = _this.handleShowTagManager.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleTagInput = _this.handleTagInput.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleAddTag = _this.handleAddTag.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleRemoveTag = _this.handleRemoveTag.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleSubmit = _this.handleSubmit.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleCancel = _this.handleCancel.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n return _this;\n }\n\n _createClass(TagManager, [{\n key: \"handleShowTagManager\",\n value: function handleShowTagManager() {\n this.setState({\n activated: true\n });\n }\n }, {\n key: \"handleTagInput\",\n value: function handleTagInput(text) {\n this.setState({\n tagInput: text\n });\n\n if (text.length > 0) {\n var last = text[text.length - 1];\n\n if (last == ',' || last == ' ' || last == ';') {\n var tag = text.substr(0, text.length - 1).trim();\n\n if (tag.length >= _config_js__WEBPACK_IMPORTED_MODULE_3__[\"MIN_TAG_LENGTH\"]) {\n this.handleAddTag(tag);\n }\n }\n }\n }\n }, {\n key: \"handleAddTag\",\n value: function handleAddTag(tag) {\n tag = tag.trim();\n\n if (tag.length > 0) {\n var tags = this.state.tags.slice(0);\n tags.push(tag);\n this.setState({\n tags: tags,\n tagInput: ''\n });\n\n if (this.props.onTagsChanged) {\n this.props.onTagsChanged(tags);\n }\n }\n }\n }, {\n key: \"handleRemoveTag\",\n value: function handleRemoveTag(tag, index) {\n var tags = this.state.tags.slice(0);\n tags.splice(index, 1);\n this.setState({\n tags: tags\n });\n\n if (this.props.onTagsChanged) {\n this.props.onTagsChanged(tags);\n }\n }\n }, {\n key: \"handleSubmit\",\n value: function handleSubmit() {\n var tags = this.state.tags.slice(0);\n var inp = this.state.tagInput.trim();\n\n if (inp.length > 0) {\n tags.push(inp);\n\n if (this.props.onTagsChanged) {\n this.props.onTagsChanged(tags);\n }\n }\n\n this.props.onSubmit(tags);\n this.setState({\n activated: false,\n tagInput: '',\n tags: this.props.tags\n });\n }\n }, {\n key: \"handleCancel\",\n value: function handleCancel() {\n this.setState({\n activated: false,\n tagInput: '',\n tags: this.props.tags\n });\n\n if (this.props.onCancel) {\n this.props.onCancel();\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n var _this2 = this;\n\n var tags = [];\n\n if (this.state.activated) {\n this.state.tags.map(function (tag) {\n tags.push({\n user: tag\n });\n });\n } else {\n this.state.tags.map(function (tag) {\n tags.push(react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: \"badge\",\n key: tags.length\n }, tag));\n });\n\n if (tags.length == 0) {\n tags = react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"tags_not_found\",\n defaultMessage: \"No tags defined. Add some.\"\n }));\n }\n }\n\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-column\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n className: \"panel-form-row\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"label\", {\n className: \"small\"\n }, this.props.title)), this.state.activated ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"tags_editor_no_tags\",\n defaultMessage: \"Add some tags\"\n }, function (add_tags_prompt) {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_chip_input_jsx__WEBPACK_IMPORTED_MODULE_2__[\"default\"], {\n chips: tags,\n avatarDisabled: true,\n prompt: add_tags_prompt,\n onEnter: _this2.handleAddTag,\n onFocusLost: _this2.handleAddTag,\n onCancel: _this2.handleCancel,\n onChipRemoved: _this2.handleRemoveTag,\n filterFunc: _this2.handleTagInput\n });\n }), this.props.onSubmit || this.props.onCancel ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n id: \"tag-manager-buttons\",\n className: \"panel-form-row\"\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n className: \"blue\",\n onClick: this.handleSubmit\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"button_ok\",\n defautMessage: \"OK\",\n description: \"Confirmation button [OK]\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"button\", {\n className: \"white\",\n onClick: this.handleCancel\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"button_cancel\",\n defautMessage: \"Cancel\",\n description: \"Rejection button [Cancel]\"\n }))) : null) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"a\", {\n href: \"javascript:;\",\n className: \"flat-button\",\n onClick: this.handleShowTagManager\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons\"\n }, \"edit\"), \" \", react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_intl__WEBPACK_IMPORTED_MODULE_1__[\"FormattedMessage\"], {\n id: \"title_manage_tags\",\n defaultMessage: \"Manage tags\"\n })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", null, tags)));\n }\n }], [{\n key: \"getDerivedStateFromProps\",\n value: function getDerivedStateFromProps(nextProps, prevState) {\n if (!Object(_lib_utils_js__WEBPACK_IMPORTED_MODULE_4__[\"arrayEqual\"])(nextProps.tags, prevState.tags) && !prevState.activated) {\n return {\n tags: nextProps.tags\n };\n }\n\n return null;\n }\n }]);\n\n return TagManager;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component);\n\n\n;\n\n//# sourceURL=webpack:///./src/widgets/tag-manager.jsx?"); -// 19.1.3.1 Object.assign(target, source) +/***/ }), +/***/ "./src/widgets/unread-badge.jsx": +/*!**************************************!*\ + !*** ./src/widgets/unread-badge.jsx ***! + \**************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { -_export(_export.S + _export.F, 'Object', { assign: _objectAssign }); +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return UnreadBadge; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\n\n\nvar UnreadBadge = function (_React$PureComponent) {\n _inherits(UnreadBadge, _React$PureComponent);\n\n function UnreadBadge() {\n _classCallCheck(this, UnreadBadge);\n\n return _possibleConstructorReturn(this, _getPrototypeOf(UnreadBadge).apply(this, arguments));\n }\n\n _createClass(UnreadBadge, [{\n key: \"render\",\n value: function render() {\n var showUnreadBadge = null;\n\n if (this.props.count > 0) {\n var count = this.props.count > 9 ? \"9+\" : this.props.count;\n showUnreadBadge = react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n className: \"unread\"\n }, count);\n }\n\n return showUnreadBadge;\n }\n }]);\n\n return UnreadBadge;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.PureComponent);\n\n\n;\n\n//# sourceURL=webpack:///./src/widgets/unread-badge.jsx?"); -var assign = _core.Object.assign; +/***/ }), -// 7.2.8 IsRegExp(argument) +/***/ "./src/widgets/visible-password.jsx": +/*!******************************************!*\ + !*** ./src/widgets/visible-password.jsx ***! + \******************************************/ +/*! exports provided: default */ +/***/ (function(module, __webpack_exports__, __webpack_require__) { +"use strict"; +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"default\", function() { return VisiblePassword; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ \"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\nfunction _typeof(obj) { if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nfunction _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError(\"Cannot call a class as a function\"); } }\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === \"object\" || typeof call === \"function\")) { return call; } return _assertThisInitialized(self); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _inherits(subClass, superClass) { if (typeof superClass !== \"function\" && superClass !== null) { throw new TypeError(\"Super expression must either be null or a function\"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\n\n\nvar VisiblePassword = function (_React$PureComponent) {\n _inherits(VisiblePassword, _React$PureComponent);\n\n function VisiblePassword(props) {\n var _this;\n\n _classCallCheck(this, VisiblePassword);\n\n _this = _possibleConstructorReturn(this, _getPrototypeOf(VisiblePassword).call(this, props));\n _this.state = {\n value: _this.props.value,\n visible: false\n };\n _this.handleVisibility = _this.handleVisibility.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handeTextChange = _this.handeTextChange.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleKeyDown = _this.handleKeyDown.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n _this.handleEditingFinished = _this.handleEditingFinished.bind(_assertThisInitialized(_assertThisInitialized(_this)));\n return _this;\n }\n\n _createClass(VisiblePassword, [{\n key: \"handeTextChange\",\n value: function handeTextChange(e) {\n this.setState({\n value: e.target.value\n });\n\n if (this.props.onChange) {\n this.props.onChange(e);\n }\n }\n }, {\n key: \"handleVisibility\",\n value: function handleVisibility(e) {\n e.preventDefault();\n this.setState({\n visible: !this.state.visible\n });\n }\n }, {\n key: \"handleKeyDown\",\n value: function handleKeyDown(e) {\n if (e.keyCode == 27) {\n this.setState({\n value: this.props.value,\n visible: false\n });\n\n if (this.props.onFinished) {\n this.props.onFinished();\n }\n } else if (e.keyCode == 13) {\n this.handleEditingFinished();\n }\n }\n }, {\n key: \"handleEditingFinished\",\n value: function handleEditingFinished(e) {\n var _this2 = this;\n\n if (e) {\n var currentTarget = e.currentTarget;\n setTimeout(function () {\n if (!currentTarget.contains(document.activeElement)) {\n if (_this2.props.onFinished) {\n _this2.props.onFinished(_this2.state.value);\n }\n }\n }, 0);\n } else if (this.props.onFinished) {\n this.props.onFinished(this.state.value.trim());\n }\n }\n }, {\n key: \"render\",\n value: function render() {\n return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n tabIndex: \"-1\",\n className: \"group-focus\",\n onBlur: this.handleEditingFinished\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"input\", {\n className: \"with-visibility\",\n type: this.state.visible ? \"text\" : \"password\",\n value: this.state.value,\n placeholder: this.props.placeholder,\n required: this.props.required ? 'required' : '',\n autoFocus: this.props.autoFocus ? 'autoFocus' : '',\n autoComplete: this.props.autoComplete,\n onChange: this.handeTextChange,\n onKeyDown: this.handleKeyDown\n }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"span\", {\n onClick: this.handleVisibility\n }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"i\", {\n className: \"material-icons clickable light-gray\"\n }, this.state.visible ? 'visibility' : 'visibility_off')));\n }\n }]);\n\n return VisiblePassword;\n}(react__WEBPACK_IMPORTED_MODULE_0___default.a.PureComponent);\n\n\n\n//# sourceURL=webpack:///./src/widgets/visible-password.jsx?"); -var MATCH = _wks('match'); -var _isRegexp = function (it) { - var isRegExp; - return _isObject(it) && ((isRegExp = it[MATCH]) !== undefined ? !!isRegExp : _cof(it) == 'RegExp'); -}; +/***/ }), -// helper for String#{startsWith, endsWith, includes} +/***/ 0: +/*!****************************!*\ + !*** multi ./src/index.js ***! + \****************************/ +/*! no static exports found */ +/***/ (function(module, exports, __webpack_require__) { +eval("module.exports = __webpack_require__(/*! ./src/index.js */\"./src/index.js\");\n\n\n//# sourceURL=webpack:///multi_./src/index.js?"); +/***/ }), -var _stringContext = function (that, searchString, NAME) { - if (_isRegexp(searchString)) throw TypeError('String#' + NAME + " doesn't accept regex!"); - return String(_defined(that)); -}; +/***/ "firebase/app": +/*!***************************!*\ + !*** external "firebase" ***! + \***************************/ +/*! no static exports found */ +/***/ (function(module, exports) { -var MATCH$1 = _wks('match'); -var _failsIsRegexp = function (KEY) { - var re = /./; - try { - '/./'[KEY](re); - } catch (e) { - try { - re[MATCH$1] = false; - return !'/./'[KEY](re); - } catch (f) { /* empty */ } - } return true; -}; +eval("module.exports = firebase;\n\n//# sourceURL=webpack:///external_%22firebase%22?"); -var STARTS_WITH = 'startsWith'; -var $startsWith = ''[STARTS_WITH]; +/***/ }), -_export(_export.P + _export.F * _failsIsRegexp(STARTS_WITH), 'String', { - startsWith: function startsWith(searchString /* , position = 0 */) { - var that = _stringContext(this, searchString, STARTS_WITH); - var index = _toLength(Math.min(arguments.length > 1 ? arguments[1] : undefined, that.length)); - var search = String(searchString); - return $startsWith - ? $startsWith.call(that, search, index) - : that.slice(index, index + search.length) === search; - } -}); +/***/ "firebase/messaging": +/*!*****************************************!*\ + !*** external ["firebase","messaging"] ***! + \*****************************************/ +/*! no static exports found */ +/***/ (function(module, exports) { -var startsWith = _core.String.startsWith; +eval("module.exports = firebase[\"messaging\"];\n\n//# sourceURL=webpack:///external_%5B%22firebase%22,%22messaging%22%5D?"); -var _stringRepeat = function repeat(count) { - var str = String(_defined(this)); - var res = ''; - var n = _toInteger(count); - if (n < 0 || n == Infinity) throw RangeError("Count can't be negative"); - for (;n > 0; (n >>>= 1) && (str += str)) if (n & 1) res += str; - return res; -}; +/***/ }), -_export(_export.P, 'String', { - // 21.1.3.13 String.prototype.repeat(count) - repeat: _stringRepeat -}); +/***/ "react": +/*!************************!*\ + !*** external "React" ***! + \************************/ +/*! no static exports found */ +/***/ (function(module, exports) { -var repeat = _core.String.repeat; +eval("module.exports = React;\n\n//# sourceURL=webpack:///external_%22React%22?"); -var _meta = createCommonjsModule(function (module) { -var META = _uid('meta'); +/***/ }), +/***/ "react-dom": +/*!***************************!*\ + !*** external "ReactDOM" ***! + \***************************/ +/*! no static exports found */ +/***/ (function(module, exports) { -var setDesc = _objectDp.f; -var id = 0; -var isExtensible = Object.isExtensible || function () { - return true; -}; -var FREEZE = !_fails(function () { - return isExtensible(Object.preventExtensions({})); -}); -var setMeta = function (it) { - setDesc(it, META, { value: { - i: 'O' + ++id, // object ID - w: {} // weak collections IDs - } }); -}; -var fastKey = function (it, create) { - // return primitive with prefix - if (!_isObject(it)) return typeof it == 'symbol' ? it : (typeof it == 'string' ? 'S' : 'P') + it; - if (!_has(it, META)) { - // can't set metadata to uncaught frozen object - if (!isExtensible(it)) return 'F'; - // not necessary to add metadata - if (!create) return 'E'; - // add missing metadata - setMeta(it); - // return object ID - } return it[META].i; -}; -var getWeak = function (it, create) { - if (!_has(it, META)) { - // can't set metadata to uncaught frozen object - if (!isExtensible(it)) return true; - // not necessary to add metadata - if (!create) return false; - // add missing metadata - setMeta(it); - // return hash weak collections IDs - } return it[META].w; -}; -// add metadata on freeze-family methods calling -var onFreeze = function (it) { - if (FREEZE && meta.NEED && isExtensible(it) && !_has(it, META)) setMeta(it); - return it; -}; -var meta = module.exports = { - KEY: META, - NEED: false, - fastKey: fastKey, - getWeak: getWeak, - onFreeze: onFreeze -}; -}); -var _meta_1 = _meta.KEY; -var _meta_2 = _meta.NEED; -var _meta_3 = _meta.fastKey; -var _meta_4 = _meta.getWeak; -var _meta_5 = _meta.onFreeze; +eval("module.exports = ReactDOM;\n\n//# sourceURL=webpack:///external_%22ReactDOM%22?"); -var def = _objectDp.f; +/***/ }), -var TAG = _wks('toStringTag'); +/***/ "react-intl": +/*!****************************!*\ + !*** external "ReactIntl" ***! + \****************************/ +/*! no static exports found */ +/***/ (function(module, exports) { -var _setToStringTag = function (it, tag, stat) { - if (it && !_has(it = stat ? it : it.prototype, TAG)) def(it, TAG, { configurable: true, value: tag }); -}; +eval("module.exports = ReactIntl;\n\n//# sourceURL=webpack:///external_%22ReactIntl%22?"); -var f$3 = _wks; +/***/ }) -var _wksExt = { - f: f$3 -}; - -var _library = false; - -var defineProperty = _objectDp.f; -var _wksDefine = function (name) { - var $Symbol = _core.Symbol || (_core.Symbol = _library ? {} : _global.Symbol || {}); - if (name.charAt(0) != '_' && !(name in $Symbol)) defineProperty($Symbol, name, { value: _wksExt.f(name) }); -}; - -// all enumerable object keys, includes symbols - - - -var _enumKeys = function (it) { - var result = _objectKeys(it); - var getSymbols = _objectGops.f; - if (getSymbols) { - var symbols = getSymbols(it); - var isEnum = _objectPie.f; - var i = 0; - var key; - while (symbols.length > i) if (isEnum.call(it, key = symbols[i++])) result.push(key); - } return result; -}; - -var _objectDps = _descriptors ? Object.defineProperties : function defineProperties(O, Properties) { - _anObject(O); - var keys = _objectKeys(Properties); - var length = keys.length; - var i = 0; - var P; - while (length > i) _objectDp.f(O, P = keys[i++], Properties[P]); - return O; -}; - -var document$1 = _global.document; -var _html = document$1 && document$1.documentElement; - -// 19.1.2.2 / 15.2.3.5 Object.create(O [, Properties]) - - - -var IE_PROTO$1 = _sharedKey('IE_PROTO'); -var Empty = function () { /* empty */ }; -var PROTOTYPE$1 = 'prototype'; - -// Create object with fake `null` prototype: use iframe Object with cleared prototype -var createDict = function () { - // Thrash, waste and sodomy: IE GC bug - var iframe = _domCreate('iframe'); - var i = _enumBugKeys.length; - var lt = '<'; - var gt = '>'; - var iframeDocument; - iframe.style.display = 'none'; - _html.appendChild(iframe); - iframe.src = 'javascript:'; // eslint-disable-line no-script-url - // createDict = iframe.contentWindow.Object; - // html.removeChild(iframe); - iframeDocument = iframe.contentWindow.document; - iframeDocument.open(); - iframeDocument.write(lt + 'script' + gt + 'document.F=Object' + lt + '/script' + gt); - iframeDocument.close(); - createDict = iframeDocument.F; - while (i--) delete createDict[PROTOTYPE$1][_enumBugKeys[i]]; - return createDict(); -}; - -var _objectCreate = Object.create || function create(O, Properties) { - var result; - if (O !== null) { - Empty[PROTOTYPE$1] = _anObject(O); - result = new Empty(); - Empty[PROTOTYPE$1] = null; - // add "__proto__" for Object.getPrototypeOf polyfill - result[IE_PROTO$1] = O; - } else result = createDict(); - return Properties === undefined ? result : _objectDps(result, Properties); -}; - -// 19.1.2.7 / 15.2.3.4 Object.getOwnPropertyNames(O) - -var hiddenKeys = _enumBugKeys.concat('length', 'prototype'); - -var f$4 = Object.getOwnPropertyNames || function getOwnPropertyNames(O) { - return _objectKeysInternal(O, hiddenKeys); -}; - -var _objectGopn = { - f: f$4 -}; - -// fallback for IE11 buggy Object.getOwnPropertyNames with iframe and window - -var gOPN = _objectGopn.f; -var toString$1 = {}.toString; - -var windowNames = typeof window == 'object' && window && Object.getOwnPropertyNames - ? Object.getOwnPropertyNames(window) : []; - -var getWindowNames = function (it) { - try { - return gOPN(it); - } catch (e) { - return windowNames.slice(); - } -}; - -var f$5 = function getOwnPropertyNames(it) { - return windowNames && toString$1.call(it) == '[object Window]' ? getWindowNames(it) : gOPN(_toIobject(it)); -}; - -var _objectGopnExt = { - f: f$5 -}; - -var gOPD = Object.getOwnPropertyDescriptor; - -var f$6 = _descriptors ? gOPD : function getOwnPropertyDescriptor(O, P) { - O = _toIobject(O); - P = _toPrimitive(P, true); - if (_ie8DomDefine) try { - return gOPD(O, P); - } catch (e) { /* empty */ } - if (_has(O, P)) return _propertyDesc(!_objectPie.f.call(O, P), O[P]); -}; - -var _objectGopd = { - f: f$6 -}; - -// ECMAScript 6 symbols shim - - - - - -var META = _meta.KEY; - - - - - - - - - - - - - - - - - - - -var gOPD$1 = _objectGopd.f; -var dP$1 = _objectDp.f; -var gOPN$1 = _objectGopnExt.f; -var $Symbol = _global.Symbol; -var $JSON = _global.JSON; -var _stringify = $JSON && $JSON.stringify; -var PROTOTYPE$2 = 'prototype'; -var HIDDEN = _wks('_hidden'); -var TO_PRIMITIVE = _wks('toPrimitive'); -var isEnum = {}.propertyIsEnumerable; -var SymbolRegistry = _shared('symbol-registry'); -var AllSymbols = _shared('symbols'); -var OPSymbols = _shared('op-symbols'); -var ObjectProto = Object[PROTOTYPE$2]; -var USE_NATIVE = typeof $Symbol == 'function'; -var QObject = _global.QObject; -// Don't use setters in Qt Script, https://github.com/zloirock/core-js/issues/173 -var setter = !QObject || !QObject[PROTOTYPE$2] || !QObject[PROTOTYPE$2].findChild; - -// fallback for old Android, https://code.google.com/p/v8/issues/detail?id=687 -var setSymbolDesc = _descriptors && _fails(function () { - return _objectCreate(dP$1({}, 'a', { - get: function () { return dP$1(this, 'a', { value: 7 }).a; } - })).a != 7; -}) ? function (it, key, D) { - var protoDesc = gOPD$1(ObjectProto, key); - if (protoDesc) delete ObjectProto[key]; - dP$1(it, key, D); - if (protoDesc && it !== ObjectProto) dP$1(ObjectProto, key, protoDesc); -} : dP$1; - -var wrap = function (tag) { - var sym = AllSymbols[tag] = _objectCreate($Symbol[PROTOTYPE$2]); - sym._k = tag; - return sym; -}; - -var isSymbol = USE_NATIVE && typeof $Symbol.iterator == 'symbol' ? function (it) { - return typeof it == 'symbol'; -} : function (it) { - return it instanceof $Symbol; -}; - -var $defineProperty = function defineProperty(it, key, D) { - if (it === ObjectProto) $defineProperty(OPSymbols, key, D); - _anObject(it); - key = _toPrimitive(key, true); - _anObject(D); - if (_has(AllSymbols, key)) { - if (!D.enumerable) { - if (!_has(it, HIDDEN)) dP$1(it, HIDDEN, _propertyDesc(1, {})); - it[HIDDEN][key] = true; - } else { - if (_has(it, HIDDEN) && it[HIDDEN][key]) it[HIDDEN][key] = false; - D = _objectCreate(D, { enumerable: _propertyDesc(0, false) }); - } return setSymbolDesc(it, key, D); - } return dP$1(it, key, D); -}; -var $defineProperties = function defineProperties(it, P) { - _anObject(it); - var keys = _enumKeys(P = _toIobject(P)); - var i = 0; - var l = keys.length; - var key; - while (l > i) $defineProperty(it, key = keys[i++], P[key]); - return it; -}; -var $create = function create(it, P) { - return P === undefined ? _objectCreate(it) : $defineProperties(_objectCreate(it), P); -}; -var $propertyIsEnumerable = function propertyIsEnumerable(key) { - var E = isEnum.call(this, key = _toPrimitive(key, true)); - if (this === ObjectProto && _has(AllSymbols, key) && !_has(OPSymbols, key)) return false; - return E || !_has(this, key) || !_has(AllSymbols, key) || _has(this, HIDDEN) && this[HIDDEN][key] ? E : true; -}; -var $getOwnPropertyDescriptor = function getOwnPropertyDescriptor(it, key) { - it = _toIobject(it); - key = _toPrimitive(key, true); - if (it === ObjectProto && _has(AllSymbols, key) && !_has(OPSymbols, key)) return; - var D = gOPD$1(it, key); - if (D && _has(AllSymbols, key) && !(_has(it, HIDDEN) && it[HIDDEN][key])) D.enumerable = true; - return D; -}; -var $getOwnPropertyNames = function getOwnPropertyNames(it) { - var names = gOPN$1(_toIobject(it)); - var result = []; - var i = 0; - var key; - while (names.length > i) { - if (!_has(AllSymbols, key = names[i++]) && key != HIDDEN && key != META) result.push(key); - } return result; -}; -var $getOwnPropertySymbols = function getOwnPropertySymbols(it) { - var IS_OP = it === ObjectProto; - var names = gOPN$1(IS_OP ? OPSymbols : _toIobject(it)); - var result = []; - var i = 0; - var key; - while (names.length > i) { - if (_has(AllSymbols, key = names[i++]) && (IS_OP ? _has(ObjectProto, key) : true)) result.push(AllSymbols[key]); - } return result; -}; - -// 19.4.1.1 Symbol([description]) -if (!USE_NATIVE) { - $Symbol = function Symbol() { - if (this instanceof $Symbol) throw TypeError('Symbol is not a constructor!'); - var tag = _uid(arguments.length > 0 ? arguments[0] : undefined); - var $set = function (value) { - if (this === ObjectProto) $set.call(OPSymbols, value); - if (_has(this, HIDDEN) && _has(this[HIDDEN], tag)) this[HIDDEN][tag] = false; - setSymbolDesc(this, tag, _propertyDesc(1, value)); - }; - if (_descriptors && setter) setSymbolDesc(ObjectProto, tag, { configurable: true, set: $set }); - return wrap(tag); - }; - _redefine($Symbol[PROTOTYPE$2], 'toString', function toString() { - return this._k; - }); - - _objectGopd.f = $getOwnPropertyDescriptor; - _objectDp.f = $defineProperty; - _objectGopn.f = _objectGopnExt.f = $getOwnPropertyNames; - _objectPie.f = $propertyIsEnumerable; - _objectGops.f = $getOwnPropertySymbols; - - if (_descriptors && !_library) { - _redefine(ObjectProto, 'propertyIsEnumerable', $propertyIsEnumerable, true); - } - - _wksExt.f = function (name) { - return wrap(_wks(name)); - }; -} - -_export(_export.G + _export.W + _export.F * !USE_NATIVE, { Symbol: $Symbol }); - -for (var es6Symbols = ( - // 19.4.2.2, 19.4.2.3, 19.4.2.4, 19.4.2.6, 19.4.2.8, 19.4.2.9, 19.4.2.10, 19.4.2.11, 19.4.2.12, 19.4.2.13, 19.4.2.14 - 'hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables' -).split(','), j = 0; es6Symbols.length > j;)_wks(es6Symbols[j++]); - -for (var wellKnownSymbols = _objectKeys(_wks.store), k = 0; wellKnownSymbols.length > k;) _wksDefine(wellKnownSymbols[k++]); - -_export(_export.S + _export.F * !USE_NATIVE, 'Symbol', { - // 19.4.2.1 Symbol.for(key) - 'for': function (key) { - return _has(SymbolRegistry, key += '') - ? SymbolRegistry[key] - : SymbolRegistry[key] = $Symbol(key); - }, - // 19.4.2.5 Symbol.keyFor(sym) - keyFor: function keyFor(sym) { - if (!isSymbol(sym)) throw TypeError(sym + ' is not a symbol!'); - for (var key in SymbolRegistry) if (SymbolRegistry[key] === sym) return key; - }, - useSetter: function () { setter = true; }, - useSimple: function () { setter = false; } -}); - -_export(_export.S + _export.F * !USE_NATIVE, 'Object', { - // 19.1.2.2 Object.create(O [, Properties]) - create: $create, - // 19.1.2.4 Object.defineProperty(O, P, Attributes) - defineProperty: $defineProperty, - // 19.1.2.3 Object.defineProperties(O, Properties) - defineProperties: $defineProperties, - // 19.1.2.6 Object.getOwnPropertyDescriptor(O, P) - getOwnPropertyDescriptor: $getOwnPropertyDescriptor, - // 19.1.2.7 Object.getOwnPropertyNames(O) - getOwnPropertyNames: $getOwnPropertyNames, - // 19.1.2.8 Object.getOwnPropertySymbols(O) - getOwnPropertySymbols: $getOwnPropertySymbols -}); - -// 24.3.2 JSON.stringify(value [, replacer [, space]]) -$JSON && _export(_export.S + _export.F * (!USE_NATIVE || _fails(function () { - var S = $Symbol(); - // MS Edge converts symbol values to JSON as {} - // WebKit converts symbol values to JSON as null - // V8 throws on boxed symbols - return _stringify([S]) != '[null]' || _stringify({ a: S }) != '{}' || _stringify(Object(S)) != '{}'; -})), 'JSON', { - stringify: function stringify(it) { - var args = [it]; - var i = 1; - var replacer, $replacer; - while (arguments.length > i) args.push(arguments[i++]); - $replacer = replacer = args[1]; - if (!_isObject(replacer) && it === undefined || isSymbol(it)) return; // IE8 returns string on undefined - if (!_isArray(replacer)) replacer = function (key, value) { - if (typeof $replacer == 'function') value = $replacer.call(this, key, value); - if (!isSymbol(value)) return value; - }; - args[1] = replacer; - return _stringify.apply($JSON, args); - } -}); - -// 19.4.3.4 Symbol.prototype[@@toPrimitive](hint) -$Symbol[PROTOTYPE$2][TO_PRIMITIVE] || _hide($Symbol[PROTOTYPE$2], TO_PRIMITIVE, $Symbol[PROTOTYPE$2].valueOf); -// 19.4.3.5 Symbol.prototype[@@toStringTag] -_setToStringTag($Symbol, 'Symbol'); -// 20.2.1.9 Math[@@toStringTag] -_setToStringTag(Math, 'Math', true); -// 24.3.3 JSON[@@toStringTag] -_setToStringTag(_global.JSON, 'JSON', true); - -// getting tag from 19.1.3.6 Object.prototype.toString() - -var TAG$1 = _wks('toStringTag'); -// ES3 wrong here -var ARG = _cof(function () { return arguments; }()) == 'Arguments'; - -// fallback for IE11 Script Access Denied error -var tryGet = function (it, key) { - try { - return it[key]; - } catch (e) { /* empty */ } -}; - -var _classof = function (it) { - var O, T, B; - return it === undefined ? 'Undefined' : it === null ? 'Null' - // @@toStringTag case - : typeof (T = tryGet(O = Object(it), TAG$1)) == 'string' ? T - // builtinTag case - : ARG ? _cof(O) - // ES3 arguments fallback - : (B = _cof(O)) == 'Object' && typeof O.callee == 'function' ? 'Arguments' : B; -}; - -// 19.1.3.6 Object.prototype.toString() - -var test = {}; -test[_wks('toStringTag')] = 'z'; -if (test + '' != '[object z]') { - _redefine(Object.prototype, 'toString', function toString() { - return '[object ' + _classof(this) + ']'; - }, true); -} - -_wksDefine('asyncIterator'); - -_wksDefine('observable'); - -var symbol = _core.Symbol; - -// true -> String#at -// false -> String#codePointAt -var _stringAt = function (TO_STRING) { - return function (that, pos) { - var s = String(_defined(that)); - var i = _toInteger(pos); - var l = s.length; - var a, b; - if (i < 0 || i >= l) return TO_STRING ? '' : undefined; - a = s.charCodeAt(i); - return a < 0xd800 || a > 0xdbff || i + 1 === l || (b = s.charCodeAt(i + 1)) < 0xdc00 || b > 0xdfff - ? TO_STRING ? s.charAt(i) : a - : TO_STRING ? s.slice(i, i + 2) : (a - 0xd800 << 10) + (b - 0xdc00) + 0x10000; - }; -}; - -var _iterators = {}; - -var IteratorPrototype = {}; - -// 25.1.2.1.1 %IteratorPrototype%[@@iterator]() -_hide(IteratorPrototype, _wks('iterator'), function () { return this; }); - -var _iterCreate = function (Constructor, NAME, next) { - Constructor.prototype = _objectCreate(IteratorPrototype, { next: _propertyDesc(1, next) }); - _setToStringTag(Constructor, NAME + ' Iterator'); -}; - -// 19.1.2.9 / 15.2.3.2 Object.getPrototypeOf(O) - - -var IE_PROTO$2 = _sharedKey('IE_PROTO'); -var ObjectProto$1 = Object.prototype; - -var _objectGpo = Object.getPrototypeOf || function (O) { - O = _toObject(O); - if (_has(O, IE_PROTO$2)) return O[IE_PROTO$2]; - if (typeof O.constructor == 'function' && O instanceof O.constructor) { - return O.constructor.prototype; - } return O instanceof Object ? ObjectProto$1 : null; -}; - -var ITERATOR = _wks('iterator'); -var BUGGY = !([].keys && 'next' in [].keys()); // Safari has buggy iterators w/o `next` -var FF_ITERATOR = '@@iterator'; -var KEYS = 'keys'; -var VALUES = 'values'; - -var returnThis = function () { return this; }; - -var _iterDefine = function (Base, NAME, Constructor, next, DEFAULT, IS_SET, FORCED) { - _iterCreate(Constructor, NAME, next); - var getMethod = function (kind) { - if (!BUGGY && kind in proto) return proto[kind]; - switch (kind) { - case KEYS: return function keys() { return new Constructor(this, kind); }; - case VALUES: return function values() { return new Constructor(this, kind); }; - } return function entries() { return new Constructor(this, kind); }; - }; - var TAG = NAME + ' Iterator'; - var DEF_VALUES = DEFAULT == VALUES; - var VALUES_BUG = false; - var proto = Base.prototype; - var $native = proto[ITERATOR] || proto[FF_ITERATOR] || DEFAULT && proto[DEFAULT]; - var $default = $native || getMethod(DEFAULT); - var $entries = DEFAULT ? !DEF_VALUES ? $default : getMethod('entries') : undefined; - var $anyNative = NAME == 'Array' ? proto.entries || $native : $native; - var methods, key, IteratorPrototype; - // Fix native - if ($anyNative) { - IteratorPrototype = _objectGpo($anyNative.call(new Base())); - if (IteratorPrototype !== Object.prototype && IteratorPrototype.next) { - // Set @@toStringTag to native iterators - _setToStringTag(IteratorPrototype, TAG, true); - // fix for some old engines - if (!_library && typeof IteratorPrototype[ITERATOR] != 'function') _hide(IteratorPrototype, ITERATOR, returnThis); - } - } - // fix Array#{values, @@iterator}.name in V8 / FF - if (DEF_VALUES && $native && $native.name !== VALUES) { - VALUES_BUG = true; - $default = function values() { return $native.call(this); }; - } - // Define iterator - if ((!_library || FORCED) && (BUGGY || VALUES_BUG || !proto[ITERATOR])) { - _hide(proto, ITERATOR, $default); - } - // Plug for library - _iterators[NAME] = $default; - _iterators[TAG] = returnThis; - if (DEFAULT) { - methods = { - values: DEF_VALUES ? $default : getMethod(VALUES), - keys: IS_SET ? $default : getMethod(KEYS), - entries: $entries - }; - if (FORCED) for (key in methods) { - if (!(key in proto)) _redefine(proto, key, methods[key]); - } else _export(_export.P + _export.F * (BUGGY || VALUES_BUG), NAME, methods); - } - return methods; -}; - -var $at = _stringAt(true); - -// 21.1.3.27 String.prototype[@@iterator]() -_iterDefine(String, 'String', function (iterated) { - this._t = String(iterated); // target - this._i = 0; // next index -// 21.1.5.2.1 %StringIteratorPrototype%.next() -}, function () { - var O = this._t; - var index = this._i; - var point; - if (index >= O.length) return { value: undefined, done: true }; - point = $at(O, index); - this._i += point.length; - return { value: point, done: false }; -}); - -var _iterStep = function (done, value) { - return { value: value, done: !!done }; -}; - -// 22.1.3.4 Array.prototype.entries() -// 22.1.3.13 Array.prototype.keys() -// 22.1.3.29 Array.prototype.values() -// 22.1.3.30 Array.prototype[@@iterator]() -var es6_array_iterator = _iterDefine(Array, 'Array', function (iterated, kind) { - this._t = _toIobject(iterated); // target - this._i = 0; // next index - this._k = kind; // kind -// 22.1.5.2.1 %ArrayIteratorPrototype%.next() -}, function () { - var O = this._t; - var kind = this._k; - var index = this._i++; - if (!O || index >= O.length) { - this._t = undefined; - return _iterStep(1); - } - if (kind == 'keys') return _iterStep(0, index); - if (kind == 'values') return _iterStep(0, O[index]); - return _iterStep(0, [index, O[index]]); -}, 'values'); - -// argumentsList[@@iterator] is %ArrayProto_values% (9.4.4.6, 9.4.4.7) -_iterators.Arguments = _iterators.Array; - -_addToUnscopables('keys'); -_addToUnscopables('values'); -_addToUnscopables('entries'); - -var ITERATOR$1 = _wks('iterator'); -var TO_STRING_TAG = _wks('toStringTag'); -var ArrayValues = _iterators.Array; - -var DOMIterables = { - CSSRuleList: true, // TODO: Not spec compliant, should be false. - CSSStyleDeclaration: false, - CSSValueList: false, - ClientRectList: false, - DOMRectList: false, - DOMStringList: false, - DOMTokenList: true, - DataTransferItemList: false, - FileList: false, - HTMLAllCollection: false, - HTMLCollection: false, - HTMLFormElement: false, - HTMLSelectElement: false, - MediaList: true, // TODO: Not spec compliant, should be false. - MimeTypeArray: false, - NamedNodeMap: false, - NodeList: true, - PaintRequestList: false, - Plugin: false, - PluginArray: false, - SVGLengthList: false, - SVGNumberList: false, - SVGPathSegList: false, - SVGPointList: false, - SVGStringList: false, - SVGTransformList: false, - SourceBufferList: false, - StyleSheetList: true, // TODO: Not spec compliant, should be false. - TextTrackCueList: false, - TextTrackList: false, - TouchList: false -}; - -for (var collections = _objectKeys(DOMIterables), i = 0; i < collections.length; i++) { - var NAME = collections[i]; - var explicit = DOMIterables[NAME]; - var Collection = _global[NAME]; - var proto = Collection && Collection.prototype; - var key; - if (proto) { - if (!proto[ITERATOR$1]) _hide(proto, ITERATOR$1, ArrayValues); - if (!proto[TO_STRING_TAG]) _hide(proto, TO_STRING_TAG, NAME); - _iterators[NAME] = ArrayValues; - if (explicit) for (key in es6_array_iterator) if (!proto[key]) _redefine(proto, key, es6_array_iterator[key], true); - } -} - -var iterator = _wksExt.f('iterator'); - -/** - * Copyright 2017 Google Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ - -}).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {},require("timers").setImmediate) -},{"timers":29,"whatwg-fetch":4}],4:[function(require,module,exports){ -(function(self) { - 'use strict'; - - if (self.fetch) { - return - } - - var support = { - searchParams: 'URLSearchParams' in self, - iterable: 'Symbol' in self && 'iterator' in Symbol, - blob: 'FileReader' in self && 'Blob' in self && (function() { - try { - new Blob() - return true - } catch(e) { - return false - } - })(), - formData: 'FormData' in self, - arrayBuffer: 'ArrayBuffer' in self - } - - if (support.arrayBuffer) { - var viewClasses = [ - '[object Int8Array]', - '[object Uint8Array]', - '[object Uint8ClampedArray]', - '[object Int16Array]', - '[object Uint16Array]', - '[object Int32Array]', - '[object Uint32Array]', - '[object Float32Array]', - '[object Float64Array]' - ] - - var isDataView = function(obj) { - return obj && DataView.prototype.isPrototypeOf(obj) - } - - var isArrayBufferView = ArrayBuffer.isView || function(obj) { - return obj && viewClasses.indexOf(Object.prototype.toString.call(obj)) > -1 - } - } - - function normalizeName(name) { - if (typeof name !== 'string') { - name = String(name) - } - if (/[^a-z0-9\-#$%&'*+.\^_`|~]/i.test(name)) { - throw new TypeError('Invalid character in header field name') - } - return name.toLowerCase() - } - - function normalizeValue(value) { - if (typeof value !== 'string') { - value = String(value) - } - return value - } - - // Build a destructive iterator for the value list - function iteratorFor(items) { - var iterator = { - next: function() { - var value = items.shift() - return {done: value === undefined, value: value} - } - } - - if (support.iterable) { - iterator[Symbol.iterator] = function() { - return iterator - } - } - - return iterator - } - - function Headers(headers) { - this.map = {} - - if (headers instanceof Headers) { - headers.forEach(function(value, name) { - this.append(name, value) - }, this) - } else if (Array.isArray(headers)) { - headers.forEach(function(header) { - this.append(header[0], header[1]) - }, this) - } else if (headers) { - Object.getOwnPropertyNames(headers).forEach(function(name) { - this.append(name, headers[name]) - }, this) - } - } - - Headers.prototype.append = function(name, value) { - name = normalizeName(name) - value = normalizeValue(value) - var oldValue = this.map[name] - this.map[name] = oldValue ? oldValue+','+value : value - } - - Headers.prototype['delete'] = function(name) { - delete this.map[normalizeName(name)] - } - - Headers.prototype.get = function(name) { - name = normalizeName(name) - return this.has(name) ? this.map[name] : null - } - - Headers.prototype.has = function(name) { - return this.map.hasOwnProperty(normalizeName(name)) - } - - Headers.prototype.set = function(name, value) { - this.map[normalizeName(name)] = normalizeValue(value) - } - - Headers.prototype.forEach = function(callback, thisArg) { - for (var name in this.map) { - if (this.map.hasOwnProperty(name)) { - callback.call(thisArg, this.map[name], name, this) - } - } - } - - Headers.prototype.keys = function() { - var items = [] - this.forEach(function(value, name) { items.push(name) }) - return iteratorFor(items) - } - - Headers.prototype.values = function() { - var items = [] - this.forEach(function(value) { items.push(value) }) - return iteratorFor(items) - } - - Headers.prototype.entries = function() { - var items = [] - this.forEach(function(value, name) { items.push([name, value]) }) - return iteratorFor(items) - } - - if (support.iterable) { - Headers.prototype[Symbol.iterator] = Headers.prototype.entries - } - - function consumed(body) { - if (body.bodyUsed) { - return Promise.reject(new TypeError('Already read')) - } - body.bodyUsed = true - } - - function fileReaderReady(reader) { - return new Promise(function(resolve, reject) { - reader.onload = function() { - resolve(reader.result) - } - reader.onerror = function() { - reject(reader.error) - } - }) - } - - function readBlobAsArrayBuffer(blob) { - var reader = new FileReader() - var promise = fileReaderReady(reader) - reader.readAsArrayBuffer(blob) - return promise - } - - function readBlobAsText(blob) { - var reader = new FileReader() - var promise = fileReaderReady(reader) - reader.readAsText(blob) - return promise - } - - function readArrayBufferAsText(buf) { - var view = new Uint8Array(buf) - var chars = new Array(view.length) - - for (var i = 0; i < view.length; i++) { - chars[i] = String.fromCharCode(view[i]) - } - return chars.join('') - } - - function bufferClone(buf) { - if (buf.slice) { - return buf.slice(0) - } else { - var view = new Uint8Array(buf.byteLength) - view.set(new Uint8Array(buf)) - return view.buffer - } - } - - function Body() { - this.bodyUsed = false - - this._initBody = function(body) { - this._bodyInit = body - if (!body) { - this._bodyText = '' - } else if (typeof body === 'string') { - this._bodyText = body - } else if (support.blob && Blob.prototype.isPrototypeOf(body)) { - this._bodyBlob = body - } else if (support.formData && FormData.prototype.isPrototypeOf(body)) { - this._bodyFormData = body - } else if (support.searchParams && URLSearchParams.prototype.isPrototypeOf(body)) { - this._bodyText = body.toString() - } else if (support.arrayBuffer && support.blob && isDataView(body)) { - this._bodyArrayBuffer = bufferClone(body.buffer) - // IE 10-11 can't handle a DataView body. - this._bodyInit = new Blob([this._bodyArrayBuffer]) - } else if (support.arrayBuffer && (ArrayBuffer.prototype.isPrototypeOf(body) || isArrayBufferView(body))) { - this._bodyArrayBuffer = bufferClone(body) - } else { - throw new Error('unsupported BodyInit type') - } - - if (!this.headers.get('content-type')) { - if (typeof body === 'string') { - this.headers.set('content-type', 'text/plain;charset=UTF-8') - } else if (this._bodyBlob && this._bodyBlob.type) { - this.headers.set('content-type', this._bodyBlob.type) - } else if (support.searchParams && URLSearchParams.prototype.isPrototypeOf(body)) { - this.headers.set('content-type', 'application/x-www-form-urlencoded;charset=UTF-8') - } - } - } - - if (support.blob) { - this.blob = function() { - var rejected = consumed(this) - if (rejected) { - return rejected - } - - if (this._bodyBlob) { - return Promise.resolve(this._bodyBlob) - } else if (this._bodyArrayBuffer) { - return Promise.resolve(new Blob([this._bodyArrayBuffer])) - } else if (this._bodyFormData) { - throw new Error('could not read FormData body as blob') - } else { - return Promise.resolve(new Blob([this._bodyText])) - } - } - - this.arrayBuffer = function() { - if (this._bodyArrayBuffer) { - return consumed(this) || Promise.resolve(this._bodyArrayBuffer) - } else { - return this.blob().then(readBlobAsArrayBuffer) - } - } - } - - this.text = function() { - var rejected = consumed(this) - if (rejected) { - return rejected - } - - if (this._bodyBlob) { - return readBlobAsText(this._bodyBlob) - } else if (this._bodyArrayBuffer) { - return Promise.resolve(readArrayBufferAsText(this._bodyArrayBuffer)) - } else if (this._bodyFormData) { - throw new Error('could not read FormData body as text') - } else { - return Promise.resolve(this._bodyText) - } - } - - if (support.formData) { - this.formData = function() { - return this.text().then(decode) - } - } - - this.json = function() { - return this.text().then(JSON.parse) - } - - return this - } - - // HTTP methods whose capitalization should be normalized - var methods = ['DELETE', 'GET', 'HEAD', 'OPTIONS', 'POST', 'PUT'] - - function normalizeMethod(method) { - var upcased = method.toUpperCase() - return (methods.indexOf(upcased) > -1) ? upcased : method - } - - function Request(input, options) { - options = options || {} - var body = options.body - - if (input instanceof Request) { - if (input.bodyUsed) { - throw new TypeError('Already read') - } - this.url = input.url - this.credentials = input.credentials - if (!options.headers) { - this.headers = new Headers(input.headers) - } - this.method = input.method - this.mode = input.mode - if (!body && input._bodyInit != null) { - body = input._bodyInit - input.bodyUsed = true - } - } else { - this.url = String(input) - } - - this.credentials = options.credentials || this.credentials || 'omit' - if (options.headers || !this.headers) { - this.headers = new Headers(options.headers) - } - this.method = normalizeMethod(options.method || this.method || 'GET') - this.mode = options.mode || this.mode || null - this.referrer = null - - if ((this.method === 'GET' || this.method === 'HEAD') && body) { - throw new TypeError('Body not allowed for GET or HEAD requests') - } - this._initBody(body) - } - - Request.prototype.clone = function() { - return new Request(this, { body: this._bodyInit }) - } - - function decode(body) { - var form = new FormData() - body.trim().split('&').forEach(function(bytes) { - if (bytes) { - var split = bytes.split('=') - var name = split.shift().replace(/\+/g, ' ') - var value = split.join('=').replace(/\+/g, ' ') - form.append(decodeURIComponent(name), decodeURIComponent(value)) - } - }) - return form - } - - function parseHeaders(rawHeaders) { - var headers = new Headers() - // Replace instances of \r\n and \n followed by at least one space or horizontal tab with a space - // https://tools.ietf.org/html/rfc7230#section-3.2 - var preProcessedHeaders = rawHeaders.replace(/\r?\n[\t ]+/g, ' ') - preProcessedHeaders.split(/\r?\n/).forEach(function(line) { - var parts = line.split(':') - var key = parts.shift().trim() - if (key) { - var value = parts.join(':').trim() - headers.append(key, value) - } - }) - return headers - } - - Body.call(Request.prototype) - - function Response(bodyInit, options) { - if (!options) { - options = {} - } - - this.type = 'default' - this.status = options.status === undefined ? 200 : options.status - this.ok = this.status >= 200 && this.status < 300 - this.statusText = 'statusText' in options ? options.statusText : 'OK' - this.headers = new Headers(options.headers) - this.url = options.url || '' - this._initBody(bodyInit) - } - - Body.call(Response.prototype) - - Response.prototype.clone = function() { - return new Response(this._bodyInit, { - status: this.status, - statusText: this.statusText, - headers: new Headers(this.headers), - url: this.url - }) - } - - Response.error = function() { - var response = new Response(null, {status: 0, statusText: ''}) - response.type = 'error' - return response - } - - var redirectStatuses = [301, 302, 303, 307, 308] - - Response.redirect = function(url, status) { - if (redirectStatuses.indexOf(status) === -1) { - throw new RangeError('Invalid status code') - } - - return new Response(null, {status: status, headers: {location: url}}) - } - - self.Headers = Headers - self.Request = Request - self.Response = Response - - self.fetch = function(input, init) { - return new Promise(function(resolve, reject) { - var request = new Request(input, init) - var xhr = new XMLHttpRequest() - - xhr.onload = function() { - var options = { - status: xhr.status, - statusText: xhr.statusText, - headers: parseHeaders(xhr.getAllResponseHeaders() || '') - } - options.url = 'responseURL' in xhr ? xhr.responseURL : options.headers.get('X-Request-URL') - var body = 'response' in xhr ? xhr.response : xhr.responseText - resolve(new Response(body, options)) - } - - xhr.onerror = function() { - reject(new TypeError('Network request failed')) - } - - xhr.ontimeout = function() { - reject(new TypeError('Network request failed')) - } - - xhr.open(request.method, request.url, true) - - if (request.credentials === 'include') { - xhr.withCredentials = true - } else if (request.credentials === 'omit') { - xhr.withCredentials = false - } - - if ('responseType' in xhr && support.blob) { - xhr.responseType = 'blob' - } - - request.headers.forEach(function(value, name) { - xhr.setRequestHeader(name, value) - }) - - xhr.send(typeof request._bodyInit === 'undefined' ? null : request._bodyInit) - }) - } - self.fetch.polyfill = true -})(typeof self !== 'undefined' ? self : this); - -},{}],5:[function(require,module,exports){ -'use strict'; - -Object.defineProperty(exports, '__esModule', { value: true }); - -var tslib_1 = require('tslib'); - -/** - * Copyright 2017 Google Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -/** - * @fileoverview Firebase constants. Some of these (@defines) can be overridden at compile-time. - */ -var CONSTANTS = { - /** - * @define {boolean} Whether this is the client Node.js SDK. - */ - NODE_CLIENT: false, - /** - * @define {boolean} Whether this is the Admin Node.js SDK. - */ - NODE_ADMIN: false, - /** - * Firebase SDK Version - */ - SDK_VERSION: '${JSCORE_VERSION}' -}; - -/** - * Copyright 2017 Google Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -/** - * Throws an error if the provided assertion is falsy - * @param {*} assertion The assertion to be tested for falsiness - * @param {!string} message The message to display if the check fails - */ -var assert = function (assertion, message) { - if (!assertion) { - throw assertionError(message); - } -}; -/** - * Returns an Error object suitable for throwing. - * @param {string} message - * @return {!Error} - */ -var assertionError = function (message) { - return new Error('Firebase Database (' + - CONSTANTS.SDK_VERSION + - ') INTERNAL ASSERT FAILED: ' + - message); -}; - -/** - * Copyright 2017 Google Inc. - * - * Licensed under the Apache License, Version 2.0 (the "License"); - * you may not use this file except in compliance with the License. - * You may obtain a copy of the License at - * - * http://www.apache.org/licenses/LICENSE-2.0 - * - * Unless required by applicable law or agreed to in writing, software - * distributed under the License is distributed on an "AS IS" BASIS, - * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. - * See the License for the specific language governing permissions and - * limitations under the License. - */ -var stringToByteArray = function (str) { - // TODO(user): Use native implementations if/when available - var out = [], p = 0; - for (var i = 0; i < str.length; i++) { - var c = str.charCodeAt(i); - if (c < 128) { - out[p++] = c; - } - else if (c < 2048) { - out[p++] = (c >> 6) | 192; - out[p++] = (c & 63) | 128; - } - else if ((c & 0xfc00) == 0xd800 && - i + 1 < str.length && - (str.charCodeAt(i + 1) & 0xfc00) == 0xdc00) { - // Surrogate Pair - c = 0x10000 + ((c & 0x03ff) << 10) + (str.charCodeAt(++i) & 0x03ff); - out[p++] = (c >> 18) | 240; - out[p++] = ((c >> 12) & 63) | 128; - out[p++] = ((c >> 6) & 63) | 128; - out[p++] = (c & 63) | 128; - } - else { - out[p++] = (c >> 12) | 224; - out[p++] = ((c >> 6) & 63) | 128; - out[p++] = (c & 63) | 128; - } - } - return out; -}; -/** - * Turns an array of numbers into the string given by the concatenation of the - * characters to which the numbers correspond. - * @param {Array