refreshed the screenshots

bug fix: don't cache POST responses
preserve navigation state on page reload
2021-04-25 16:48:52 -07:00 · 2021-04-25 16:48:00 -07:00 · 2021-04-23 17:58:33 -07:00 · 2021-04-21 17:13:56 -07:00 · 2021-04-20 17:40:28 -07:00 · 2021-04-20 15:41:47 -07:00
61 changed files with 12259 additions and 5720 deletions
@@ -37,7 +37,7 @@ As of the time of this writing the following translations exist:
 * Russian
 * Spanish

-More translations are welcome. Send a pull request with a json file with translated strings. Take a look at [English](/src/i18n/en.json), [Russian](/src/i18n/ru.json), or [Simplified Chinese](/src/i18n/zh.json) translations for guidance.
+More translations are welcome. The source file with the original English strings and context explanations is located at [/src/i18n/ex/base-en.json](/src/i18n/ex/base-en.json). Only `defaultMessage` needs to be translated. Send a pull request with a json file with translated strings. Take a look at [Spanish](/src/i18n/es.json), [Russian](/src/i18n/ru.json), or [Simplified Chinese](/src/i18n/zh.json) translations for guidance.


 ## Not done yet
@@ -72,11 +72,11 @@ If you want to use the app with your own server and want web push notification t
 ### Desktop screenshot

 <p align="center">
-  <img src="web-desktop-2.png" alt="Desktop web: full app" width=810 />
+  <img src="web-desktop.jpeg" alt="Desktop web: full app" width=810 />
 </p>

 ### Mobile screenshots

 <p align="center">
-  <img src="web-mob-contacts-1.png" alt="Mobile web: contacts" width=250 /> <img src="web-mob-chat-1.png" alt="Mobile web: chat" width=250 /> <img src="web-mob-info-1.png" alt="Mobile web: topic info" width=250 /> <img src="web-mob-new-chat-1.png" alt="Mobile web: start new chat" width=250 /> <img src="web-mob-acc-settings.png" alt="Mobile web: account settings" width=250 />
+  <img src="web-mob-contacts.png" alt="Mobile web: contacts" width=250 /> <img src="web-mob-chat.png" alt="Mobile web: chat" width=250 /> <img src="web-mob-info-1.png" alt="Mobile web: topic info" width=250 /> <img src="web-mob-new-chat.png" alt="Mobile web: start new chat" width=250 /> <img src="web-mob-acc-settings.png" alt="Mobile web: account settings" width=250 />
 </p>
@@ -32,8 +32,11 @@ a:focus {
  text-decoration: underline;
 }

-a.red:hover,
-a.red:focus {
+a.danger {
+  color: #D32F2F;
+}
+a.danger:hover,
+a.danger:focus {
  color: #F44336;
 }

@@ -60,14 +63,16 @@ a.gray:focus {
  text-decoration: none;
 }

-.flat-button .faux {
-  height: 1.5em;
-  line-height: 1.5em;
+.flat-button.faux {
+  display: inline-block;
+  height: 1.4em;
+  line-height: 1.4em;
  text-transform: none;
-  padding-left: .5rem;
-  padding-right: .5rem;
-  border: 1px solid gray;
+  padding-left: .35rem;
+  padding-right: .35rem;
+  border: 1px solid #999;
  border-radius: 3px;
+  background-color: #eee;
 }

 form {
@@ -110,7 +115,7 @@ button {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
  border-radius: 4px;
-  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25);
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
  text-transform: uppercase;
  min-width: 5rem;
  margin: 0 0.35rem 0 0.35rem;
@@ -141,7 +146,6 @@ button.round.small {
  line-height: 2rem;
  box-shadow: 0 2px 0.35rem 0 rgba(0, 0, 0, 0.25);
 }
-
 button:focus, button:hover, button:active {
  color: #fff;
 }
@@ -152,27 +156,19 @@ button:active.round.small {
  box-shadow: inset 0 2px 0.35rem rgba(0, 0, 0, 0.125);
 }

-button.blue {
+button.primary {
  background-color: #1e88e5; /* blue 600 */
  color: white;
 }
-button.blue:focus, button.blue:hover, button.blue:active {
-  background-color: #1976d2;
-}
-
-button.blue {
-  background-color: #1e88e5; /* blue 600 */
-  color: white;
-}
-button.blue:focus, button.blue:hover, button.blue:active {
+button.primary:focus, button.primary:hover, button.primary:active {
  background-color: #2962ff;
 }

-button.white {
+button.secondary {
  background-color: #FFF;
  color: #2196f3; /* blue 500 */
 }
-button.white:focus, button.white:hover, button.blue:active {
+button.secondary:focus, button.secondary:hover, button.secondary:active {
  background-color: #e3f2fd;
 }

@@ -331,11 +327,9 @@ li:hover .menuTrigger a {
 }

 li.left:hover .menuTrigger {
-  -text-shadow: #c5e1a5 0 0 15px, #c5e1a5 0 0 5px;
  background-image: radial-gradient(#c5e1a5 40%, transparent 75%);
 }
 li.right:hover .menuTrigger {
-  -text-shadow: #fafafa 0 0 15px, #fafafa 0 0 5px;
  background-image: radial-gradient(#fafafa 40%, transparent 75%);
 }

@@ -343,13 +337,12 @@ li.right:hover .menuTrigger {

 /* Begin Alert: modal window with message and buttons. */
 div.alert-container {
+  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
-  position: absolute;
-  -x-backdrop-filter: blur(4px);
  background: rgba(0,0,0,0.33);
  z-index: 3;
 }
@@ -491,8 +484,8 @@ div.alert .content {

 #topic-view {
  position: relative;
-  overflow-x: hidden;
  display: flex;
+  overflow-x: hidden;
  flex-direction: column;
  width: 100%;
  height: 100%;
@@ -837,8 +830,8 @@ i.search {
 }

 .contact-box > li {
-  display: flex;
  position: relative;
+  display: flex;
  padding: 0.35rem 0.25rem 0.5rem 0.35rem;
  min-height: 3.75rem;
  flex-grow: 0;
@@ -879,10 +872,18 @@ i.search {
  font-weight: lighter;
 }

+.contact-box .contact-comment b {
+  font-weight: bolder;
+}
+
+.contact-box .contact-comment .material-icons {
+  margin-bottom: .2rem;
+}
+
 /* Avatar and online-offline indicator */
 .contact-box .avatar-box {
-  margin-right: 0.35rem;
  position: relative;
+  margin-right: 0.35rem;
  width: 3rem;
  min-width: 3rem;
  height: 3rem;
@@ -926,14 +927,13 @@ i.search {

 /* Online-offline indicator positioned inside avatar-box */
 .avatar-box .online, .offline {
-  display: inline-block;
+  position: absolute;
  width: 0.75rem;
  min-width: 0.75rem;
  height: 0.75rem;
  min-height: 0.75rem;
  flex-shrink: 0;
  border-radius: 50%;
-  position: absolute;
  right: 0;
  bottom: 0.1rem;
 }
@@ -958,7 +958,6 @@ i.search {
 }

 .contact-box .checkmark.material-icons {
-  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  font-size: 1.5rem;
@@ -1018,8 +1017,8 @@ i.search {

 /* Styling of avatar upload control */
 .avatar-upload {
-  display: flex;
  position: relative;
+  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  width: 7rem;
@@ -1413,8 +1412,8 @@ i.search {
 }

 .chat-box .bubble {
-  display: flex;
  position: relative;
+  display: flex;
 	max-width: 40rem;
  min-width: 9rem;
 	height: auto;
@@ -1522,7 +1521,6 @@ i.search {
 }

 .chat-box .timestamp {
-  display: inline-block;
  position: relative;
  font-size: 80%;
  color: #777;
@@ -1557,7 +1555,6 @@ i.search {
  position: relative;
  overflow: hidden;
  border-radius: 0.1rem;
-  display: block;
 }

 .inline-image {
@@ -1577,11 +1574,11 @@ i.search {

 /* Broken image graphics which replaces the stock graphics. */
 img.inline-image::before, img.image-preview::before {
+  position: absolute;
+  display: flex;
  font-size: 0.9rem;
  font-weight: lighter;
  color: #666;
-  display:flex;
-  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
@@ -1672,7 +1669,6 @@ ul.tabbar > li > a {
  padding-top: 0.75rem;
  padding-left: 1rem;
  padding-right: 1rem;
-  display: block;
  text-align: center;
  line-height: 2rem;
  font-weight: 400;
@@ -1689,11 +1685,10 @@ ul.tabbar li.active > a {
 }

 ul.tabbar li.active > a:after {
-  height:0.15rem;
-  display:block;
-  content:"";
-  bottom:0;
-  left:0;
+  height: 0.15rem;
+  content: "";
+  bottom: 0;
+  left: 0;
  position: absolute;
  background: #2196f3;
  animation: tabbar-border-expand 0.2s cubic-bezier(0.4, 0.0, 0.4, 1) 0s alternate forwards;
@@ -1701,12 +1696,12 @@ ul.tabbar li.active > a:after {

@keyframes tabbar-border-expand {
  0% {
-    opacity:0;
-    width:0;
+    opacity: 0;
+    width: 0;
  }
  100% {
-    opacity:1;
-    width:100%;
+    opacity: 1;
+    width: 100%;
  }
 }
 /* END Tabs */
@@ -1788,10 +1783,10 @@ ul.tabbar li.active > a:after {

 /* Div with letter tile content */
 .lettertile > div {
+  position: absolute;
  display: flex;
  flex-shrink: 0;
  flex-grow: 0;
-  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
  text-transform: uppercase;
  align-items: center;
@@ -34,8 +34,8 @@
    <!-- React-Intl for translations -->
    <script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/react-intl@5/react-intl.umd.js"></script>
    <!-- Firebase for push notifications -->
-    <script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/firebase@7/firebase-app.js"></script>
-    <script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/firebase@7/firebase-messaging.js"></script>
+    <script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/firebase@8/firebase-app.js"></script>
+    <script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/firebase@8/firebase-messaging.js"></script>
  </head>

  <body>
@@ -24,9 +24,9 @@
 <link rel="stylesheet" href="css/base.min.css" />
 <script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/react@17.0.1/umd/react.production.min.js"></script>
 <script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/react-dom@17.0.1/umd/react-dom.production.min.js"></script>
-<script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/react-intl@5.10.14/react-intl.umd.min.js"></script>
-<script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/firebase@7.24.0/firebase-app.js"></script>
-<script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/firebase@7.24.0/firebase-messaging.js"></script>
+<script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/react-intl@5.12.5/react-intl.umd.min.js"></script>
+<script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/firebase@8.2.9/firebase-app.js"></script>
+<script crossorigin="anonymous" src="https://cdn.jsdelivr.net/npm/firebase@8.2.9/firebase-messaging.js"></script>
 </head>
 <body>
 <noscript><div id="noscript-message"><div id="noscript-title">Javascript support is required.</div>
@@ -1,18 +1,20 @@
 {
  "name": "tinode-webapp",
  "description": "Tinode messenger for the web",
-  "version": "0.17.0",
+  "version": "0.17.0-rc1",
  "repository": {
    "type": "git",
    "url": "https://github.com/tinode/example-react-js.git"
  },
  "scripts": {
-    "build": "npm run vers && npm run build:prod && npm run build:dev && npm run build:css && npm run build:i18n",
+    "build": "npm run vers && npm run build:css && npm run extract && npm run build:i18n && npm run build:prod && npm run build:dev",
    "build:css": "postcss css/base.css > css/base.min.css",
    "build:dev": "webpack --mode development",
    "build:prod": "webpack --mode production",
-    "build:i18n": "node scripts/flatten-messages.js",
-    "vers": "node scripts/gen-version.js"
+    "build:i18n": "node scripts/pack-messages.js",
+    "vers": "node scripts/gen-version.js",
+    "extract": "formatjs extract src/**/*.jsx --out-file src/i18n/ex/base-en.json --id-interpolation-pattern '[sha512:contenthash:base64:6]'",
+    "compile": "formatjs compile"
  },
  "browserslist": "> 0.5%, not IE 11",
  "files": [
@@ -48,6 +50,15 @@
    "react",
    "web"
  ],
+  "locales": [
+    "de",
+    "en",
+    "es",
+    "ko",
+    "ro",
+    "ru",
+    "zh"
+  ],
  "main": "umd/index.prod.js",
  "bugs": {
    "url": "https://github.com/tinode/example-react-js/issues"
@@ -57,24 +68,27 @@
  "author": "Tinode Authors <info@tinode.co>",
  "license": "Apache-2.0",
  "dependencies": {
-    "firebase": "^7.24.0",
+    "firebase": "^8.2.9",
    "react": "^17.0.1",
    "react-dom": "^17.0.1",
-    "react-intl": "^5.10.14",
-    "tinode-sdk": "^0.16.10"
+    "react-intl": "^5.12.5",
+    "tinode-sdk": "^0.17.0-rc1"
  },
  "devDependencies": {
-    "@babel/core": "^7.12.10",
-    "@babel/preset-env": "^7.12.11",
-    "@babel/preset-react": "^7.12.10",
+    "@babel/core": "^7.13.8",
+    "@babel/preset-env": "^7.13.8",
+    "@babel/preset-react": "^7.12.13",
+    "@formatjs/cli": "^4.2.6",
    "babel-loader": "^8.2.2",
-    "babel-plugin-formatjs": "^9.0.2",
-    "browserslist": "^4.16.1",
-    "copy-webpack-plugin": "^6.4.1",
-    "cssnano": "^4.1.10",
-    "postcss": "^8.2.4",
+    "babel-plugin-formatjs": "^10.2.6",
+    "browserslist": "^4.16.3",
+    "copy-webpack-plugin": "^8.1.0",
+    "cssnano": "^5.0.1",
+    "glob": "^7.1.6",
+    "mkdirp": "^1.0.4",
+    "postcss": "^8.2.6",
    "postcss-cli": "^8.3.1",
-    "webpack": "^5.13.0",
-    "webpack-cli": "^4.3.1"
+    "webpack": "^5.24.2",
+    "webpack-cli": "^4.5.0"
  }
 }
@@ -1,46 +1,37 @@
-// 1.Flattens messages extracted via the React Intl Babel plugin. An error will be
-// thrown if there are messages with the same `id`. The result is a file containing
+// 1. Takes file with messages extracted via the React Intl Babel plugin and converts it into a file containing
 // `id: message` pairs in "en" locale.
 //
 // 2. Takes all translations and groups them into a single file.
-var fs = require('fs');
-var path = require('path');
-var globSync = require('glob').sync;
-var mkdirpSync = require('mkdirp').sync;
+const fs = require('fs');
+const path = require('path');
+const globSync = require('glob').sync;
+const mkdirpSync = require('mkdirp').sync;

+const EXTRACTED_STRINGS = './src/i18n/ex/base-en.json';
 const DEFAULT_TRANSLATION = 'en.json';
-const MESSAGES_PATTERN = './src/i18n/src/**/*.json';
 const LANG_DIR         = './src/i18n/';
 const LANG_PATTERN     = './src/i18n/*.json';
 const FINAL_FILE       = './src/messages.json';
+const TRANSLATIONS     = './src/translations.js'

 const MISSING_MARKER = ':!![MISSING]!!:';
 const OBSOLETE_MARKER = ':!![OBSOLETE]!!:';

-// The react-intl-babel-plugin saves extracted messages
-// into files, one fine per component. Rewrite them into
-// a single file en.json.
-let messages = globSync(MESSAGES_PATTERN)
-  .map((filename) => fs.readFileSync(filename, 'utf8'))
-  .map((file) => JSON.parse(file))
-  .reduce((collection, descriptors) => {
-    descriptors.forEach(({id, defaultMessage}) => {
-      if (!defaultMessage) {
-        return;
-      }
-      if (collection.hasOwnProperty(id)) {
-        // Message is already defined.
-        throw new Error(`Duplicate message id: ${id}`);
-      }
-      collection[id] = defaultMessage;
-    });
+// The formatjs/cli saves extracted messages into a file {'message_id': {defaultMessage: 'default message text', description: '...'}, ...}.
+// Rewrite them into a single file en.json {'message_id': 'default message text', }.

-    return collection;
-  }, {});
+// Read master-set of messages in default language.
+const baseMessages = JSON.parse(fs.readFileSync(EXTRACTED_STRINGS, 'utf8'));
+// Convert.
+const en = {};
+for (const [id, msg] of Object.entries(baseMessages)) {
+  en[id] = msg.defaultMessage;
+}

+// Write extracted strings into default language file.
 let filename = path.join(LANG_DIR, DEFAULT_TRANSLATION);
 mkdirpSync(path.dirname(filename));
-fs.writeFileSync(filename, JSON.stringify(messages, null, 2)+"\n");
+fs.writeFileSync(filename, JSON.stringify(en, null, 2)+"\n");

 // Find messages present in en.json but missing in translations and vice versa.
 // Mark missing or obsolete messages as such in translation files.
@@ -50,19 +41,24 @@ globSync(LANG_PATTERN)
    if (parts[parts.length-1] != DEFAULT_TRANSLATION) {
      const translated = JSON.parse(fs.readFileSync(filename, 'utf8'));
      // Find missing messages.
-      Object.entries(messages).forEach((ent) => {
+      Object.entries(baseMessages).forEach((ent) => {
        if (!translated.hasOwnProperty(ent[0])) {
+          // Missing translation.
          translated[ent[0]] = MISSING_MARKER + ent[1];
+        } else if (translated[ent[0]].indexOf(OBSOLETE_MARKER) === 0) {
+          // No longer obsolete. Remove obsolete marker.
+          translated[ent[0]] = translated[ent[0]].substring(0, OBSOLETE_MARKER.length);
        }
      });
      // Find no longer needed messages.
      Object.entries(translated).forEach((ent) => {
-        if (!messages.hasOwnProperty(ent[0])) {
+        if (!baseMessages.hasOwnProperty(ent[0]) && translated.hasOwnProperty(ent[0])) {
          let val = translated[ent[0]];
-          if (val.indexOf(MISSING_MARKER) == 0) {
+          if (val.indexOf(MISSING_MARKER) === 0) {
+            // No longer missing.
            val = val.substring(0, MISSING_MARKER.length);
          }
-          if (val.indexOf(OBSOLETE_MARKER) != 0) {
+          if (val.indexOf(OBSOLETE_MARKER) !== 0) {
            val = OBSOLETE_MARKER + val;
          }
          translated[ent[0]] = val;
@@ -72,18 +68,21 @@ globSync(LANG_PATTERN)
    }
  });

+// List of all available translations.
+const languageList = {};
 // Combine all translations into a single json {"lang_1": {...}, "lang_2: {...}"}
 // while removing messages marked as missing or obsolete.

 // Read all translations.
-messages = globSync(LANG_PATTERN)
+const messages = globSync(LANG_PATTERN)
  .map((filename) => {
    const parts = filename.split('/');
    const locale = parts[parts.length - 1].split('.json')[0];
    const translated = JSON.parse(fs.readFileSync(filename, 'utf8'));
-
+    languageList[locale] = locale;
    // Strip messages prefixed with MISSING or OBSOLETE markers.
    for (let id in translated) {
+      // process.stdout.write("-- handling translation " + id + "; "+ String(translated[id]) + "; in " + String(filename) + "; --\n");
      if (translated[id].indexOf(OBSOLETE_MARKER) == 0 ||
          translated[id].indexOf(MISSING_MARKER) == 0) {
        delete translated[id];
@@ -1,9 +1,10 @@
 // Must be located at the root.
-importScripts('https://cdn.jsdelivr.net/npm/firebase@7.24.0/firebase-app.js');
-importScripts('https://cdn.jsdelivr.net/npm/firebase@7.24.0/firebase-messaging.js');
+importScripts('https://cdn.jsdelivr.net/npm/firebase@8.2.9/firebase-app.js');
+importScripts('https://cdn.jsdelivr.net/npm/firebase@8.2.9/firebase-messaging.js');
 importScripts('firebase-init.js');

-firebase.initializeApp(FIREBASE_INIT);
+// Channel to notify the webapp.
+const webAppChannel = new BroadcastChannel('tinode-sw');

 // Basic internationalization.
 const i18n = {
@@ -44,12 +45,18 @@ self.i18nMessage = function(id) {
  return lang[id] || i18n['en'][id] || id;
 }

-// This method shows the push notifications.
-firebase.messaging().setBackgroundMessageHandler((payload) => {
+firebase.initializeApp(FIREBASE_INIT);
+const fbMessaging = firebase.messaging();
+
+// This method shows the push notifications while the window is in background.
+fbMessaging.onBackgroundMessage((payload) => {
  if (payload.data.silent == 'true') {
    return;
  }

+  // Notify webapp that a message was received.
+  webAppChannel.postMessage(payload);
+
  const pushType = payload.data.what || 'msg';
  const title = payload.data.title || self.i18nMessage(pushType == 'msg' ? 'new_message' : 'new_chat');
  const options = {
@@ -113,23 +120,30 @@ self.addEventListener('notificationclick', event => {

 // This is needed for 'Add to Home Screen'.
 self.addEventListener('fetch', event => {
-  event.respondWith(
+  event.respondWith((async () => {
    //  Try to find response in cache.
-    caches.match(event.request)
-      .then((resp) => {
-        // If response is found in cache, return it. Otherwise fetch.
-        return resp || fetch(event.request);
-      })
-      .catch((err) => {
-        // Something went wrong.
-        console.log("Service worker Fetch:", err);
-      })
-  );
+    const cachedResponse = await caches.match(event.request);
+    if (cachedResponse) {
+      return cachedResponse;
+    }
+    // Not found in cache.
+    const response = await fetch(event.request);
+    if (!response || response.status != 200 || response.type != 'basic' || event.request.method != 'GET') {
+      return response;
+    }
+    if (event.request.url && (event.request.url.startsWith('http://') || event.request.url.startsWith('https://'))) {
+      const cache = await caches.open(self.version);
+      await cache.put(event.request, response.clone());
+    }
+    return response;
+  })());
 });

-// This code get the human language from the webapp for localization of strings.
+// This code get the human language & app version from the webapp.
+// Locale is used for localization of strings, version for naming the cache.
 self.addEventListener('message', event => {
  const data = JSON.parse(event.data);
  self.locale = data.locale || '';
  self.baseLocale = self.locale.toLowerCase().split(/[-_]/)[0];
+  self.version = data.version || 'default';
 });
@@ -23,7 +23,7 @@
  "archived_contacts": "Archivierte Kontakte ({count})",
  "contacts_not_found": "Sie haben keine Unterhaltungen<br />¯∖_(ツ)_/¯",
  "full_name_prompt": "Vollständiger Name, z.B. Lisa Musterfrau",
-  "email_prompt": "E-Mail, z.B. jdoe@beispiel.de",
+  "email_prompt": "E-Mail, z.B. lisam@beispiel.de",
  "button_sign_up": "Anmelden",
  "label_your_name": "Ihr Name",
  "label_user_id": "ID:",
@@ -1,176 +1,176 @@
 {
-  "validate_credential_action": "confirm",
-  "title_tag_manager": "Tags (user discovery)",
-  "label_user_contacts": "Contacts:",
-  "button_add_another": "Add another",
-  "label_message_sound": "Message sound:",
-  "label_push_notifications": "Notification alerts:",
-  "label_push_notifications_disabled": "Notification alerts (requires HTTPS):",
-  "label_incognito_mode": "Incognito mode:",
-  "delete_account": "Delete account",
-  "delete_account_arning": "Are you sure you want to delete your account? It cannot be undone.",
-  "label_password": "Password",
-  "password_unchanged_prompt": "Unchanged",
-  "button_logout": "Logout",
-  "button_delete_account": "Delete account",
-  "label_default_access_mode": "Default access mode:",
-  "blocked_contacts_link": "Blocked contacts ({count})",
-  "link_contact_us": "Contact Us",
-  "link_terms_of_service": "Terms of Service",
-  "link_privacy_policy": "Privacy Policy",
-  "label_sdk": "SDK:",
-  "label_server_address": "Server address:",
-  "archived_contacts": "Archived contacts ({count})",
-  "contacts_not_found": "You have no chats<br />¯∖_(ツ)_/¯",
-  "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_user_id": "ID:",
-  "button_edit": "Edit",
-  "requested_permissions": "Requested",
-  "granted_permissions": "Granted",
-  "menu_item_edit_permissions": "Edit permissions",
-  "label_other_user": "Other",
-  "action_clear_messages": "Clear Messages",
-  "clear_messages_warning": "Are you sure you want to clear all messages? It cannot be undone.",
-  "action_delete_messages": "Clear Messages for All",
-  "delete_messages_warning": "Are you sure you want to delete all messages for everyone? It cannot be undone.",
-  "action_leave_chat": "Leave Conversation",
-  "leave_chat_warning": "Are you sure you want to leave this conversation?",
  "action_block_contact": "Block Contact",
-  "block_contact_warning": "Are you sure you want to block this contact?",
-  "action_report_chat": "Report Conversation",
-  "report_chat_warning": "Are you sure you want to block and report this conversation?",
-  "title_info": "Info",
-  "label_topic_name": "Name",
-  "label_private": "Private comment",
-  "private_editing_placeholder": "Visible to you only",
-  "label_muting_topic": "Muted:",
+  "action_cancel": "cancel",
+  "action_clear_messages": "Clear Messages",
+  "action_delete_messages": "Clear Messages for All",
+  "action_leave_chat": "Leave Conversation",
  "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:",
+  "action_report_chat": "Report Conversation",
+  "archived_contacts": "Archived contacts ({count})",
+  "badge_owner": "owner",
+  "badge_you": "you",
+  "block_contact_warning": "Are you sure you want to block this contact?",
+  "blocked_contacts_link": "Blocked contacts ({count})",
+  "button_add_another": "Add another",
  "button_add_members": "Add members",
-  "group_has_no_members": "No members",
-  "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",
-  "channel": "channel",
-  "unnamed_topic": "Unnamed",
-  "messages_not_readable": "no access to messages",
-  "peers_messaging_disabled": "Peer's messaging is disabled.",
-  "enable_peers_messaging": "Enable",
-  "search_for_contacts": "Use search to find contacts",
-  "search_no_results": "Search returned no results",
-  "tabtitle_find_user": "find",
-  "tabtitle_new_group": "new group",
-  "tabtitle_group_by_id": "by id",
-  "new_password_placeholder": "Enter new password",
-  "label_reset_password": "Send a password reset email:",
-  "credential_email_prompt": "Your registration email",
+  "button_cancel": "Cancel",
+  "button_confirm": "Confirm",
+  "button_create": "Create",
+  "button_delete_account": "Delete account",
+  "button_edit": "Edit",
+  "button_logout": "Logout",
+  "button_ok": "OK",
  "button_reset": "Reset",
  "button_send_request": "Send request",
-  "label_server_to_use": "Server to use:",
-  "label_wire_transport": "Wire transport:",
+  "button_sign_in": "Sign in",
+  "button_sign_up": "Sign up",
+  "button_subscribe": "Subscribe",
  "button_update": "Update",
-  "sidepanel_title_login": "Sign In",
-  "sidepanel_title_register": "Create Account",
-  "sidepanel_title_settings": "Settings",
-  "sidepanel_title_account_settings": "Account Settings",
-  "sidepanel_title_acc_general": "General",
-  "sidepanel_title_acc_security": "Security",
-  "sidepanel_title_acc_notifications": "Notifications",
-  "sidepanel_title_acc_support": "Support",
-  "sidepanel_title_newtpk": "Start New Chat",
-  "sidepanel_title_cred": "Confirm Credentials",
-  "sidepanel_title_reset": "Reset Password",
-  "sidepanel_title_archive": "Archived Chats",
-  "sidepanel_title_blocked": "Blocked Chats",
-  "reconnect_countdown": "Disconnected. Reconnecting in {seconds}…",
-  "reconnect_now": "Try now",
-  "push_init_failed": "Failed to initialize push notifications",
-  "invalid_security_token": "Invalid security token",
-  "no_connection": "No connection",
+  "cannot_initiate_file_upload": "Cannot initiate file upload.",
+  "channel": "channel",
+  "channel_prompt": "This is a channel",
+  "chat_invitation": "You are invited to start a new chat. What would you like to do?",
+  "chat_invitation_accept": "Accept",
+  "chat_invitation_block": "Block",
+  "chat_invitation_ignore": "Ignore",
+  "clear_messages_warning": "Are you sure you want to clear all messages? It cannot be undone.",
  "code_doesnot_match": "Code does not match",
-  "update_available": "Update available.",
-  "reload_update": "Reload",
-  "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",
-  "save_attachment": "save",
+  "contacts_not_found": "You have no chats<br />¯∖_(ツ)_/¯",
+  "contacts_not_found_short": "No contacts match ''{query}''",
+  "credential_email_prompt": "Your registration email",
+  "delete_account": "Delete account",
+  "delete_account_arning": "Are you sure you want to delete your account? It cannot be undone.",
+  "delete_messages_warning": "Are you sure you want to delete all messages for everyone? It cannot be undone.",
  "deleted_content": "content deleted",
+  "download_action": "download",
+  "email_dative": "email",
+  "email_prompt": "Email, e.g. jdoe@example.com",
+  "enable_peers_messaging": "Enable",
+  "enter_confirmation_code_prompt": "Enter confirmation code sent to you by {method}:",
+  "error_invalid_id": "Invalid ID",
+  "file_attachment_too_large": "The file size {size} exceeds the {limit} limit.",
+  "forgot_password_link": "Forgot password?",
+  "full_name_prompt": "Full name, e.g. John Doe",
+  "granted_permissions": "Granted",
+  "group_has_no_members": "No members",
+  "group_user_id_prompt": "Group or User ID",
+  "image_caption_prompt": "Image caption",
  "invalid_content": "invalid content",
-  "user_not_found": "Not found",
-  "badge_you": "you",
-  "badge_owner": "owner",
-  "menu_item_info": "Info",
+  "invalid_security_token": "Invalid security token",
+  "label_client": "Client:",
+  "label_content_type": "Content type:",
+  "label_default_access": "Default access mode:",
+  "label_default_access_mode": "Default access mode:",
+  "label_file_name": "File name:",
+  "label_group_members": "Group members:",
+  "label_incognito_mode": "Incognito mode:",
+  "label_message_sound": "Message sound:",
+  "label_muting_topic": "Muted:",
+  "label_other_user": "Other",
+  "label_password": "Password",
+  "label_permissions": "Permissions:",
+  "label_private": "Private comment",
+  "label_push_notifications": "Notification alerts:",
+  "label_push_notifications_disabled": "Notification alerts (requires HTTPS):",
+  "label_reset_password": "Send a password reset email:",
+  "label_sdk": "SDK:",
+  "label_server": "Server:",
+  "label_server_address": "Server address:",
+  "label_server_to_use": "Server to use:",
+  "label_size": "Size:",
+  "label_topic_name": "Name",
+  "label_user_contacts": "Contacts:",
+  "label_user_id": "ID:",
+  "label_wire_transport": "Wire transport:",
+  "label_you": "You:",
+  "label_your_name": "Your name",
+  "label_your_permissions": "Your permissions:",
+  "last_seen_timestamp": "Last seen",
+  "leave_chat_warning": "Are you sure you want to leave this conversation?",
+  "link_contact_us": "Contact Us",
+  "link_privacy_policy": "Privacy Policy",
+  "link_terms_of_service": "Terms of Service",
+  "login_prompt": "Login",
+  "menu_item_archive_topic": "Archive",
+  "menu_item_block": "Block",
  "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_send_retry": "Retry",
-  "menu_item_mute": "Mute",
-  "menu_item_unmute": "Unmute",
  "menu_item_delete_topic": "Delete",
-  "topic_delete_warning": "Are you sure you want to delete this conversation?",
-  "menu_item_unblock": "Unblock",
-  "menu_item_block": "Block",
-  "topic_block_warning": "Are you sure you want to block this conversation?",
+  "menu_item_edit_permissions": "Edit permissions",
+  "menu_item_info": "Info",
  "menu_item_member_delete": "Remove",
-  "menu_item_archive_topic": "Archive",
-  "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",
-  "more_online_members": "+{overflow} more",
-  "download_action": "download",
-  "label_file_name": "File name:",
-  "label_content_type": "Content type:",
-  "label_size": "Size:",
-  "chat_invitation": "You are invited to start a new chat. What would you like to do?",
-  "chat_invitation_accept": "Accept",
-  "chat_invitation_ignore": "Ignore",
-  "chat_invitation_block": "Block",
-  "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",
-  "channel_prompt": "This is a channel",
-  "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",
+  "menu_item_mute": "Mute",
+  "menu_item_send_retry": "Retry",
+  "menu_item_unblock": "Unblock",
+  "menu_item_unmute": "Unmute",
  "message_sending": "sending...",
  "message_sending_failed": "failed",
-  "search_placeholder": "List like email:alice@example.com, tel:17025550003...",
+  "messages_not_readable": "no access to messages",
  "messaging_disabled_prompt": "Messaging disabled",
+  "more_online_members": "+{overflow} more",
  "new_message_prompt": "New message",
-  "image_caption_prompt": "Image caption",
-  "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.",
+  "new_password_placeholder": "Enter new password",
+  "no_connection": "No connection",
+  "no_contacts": "You have no contacts :-(",
+  "numeric_confirmation_code_prompt": "Numbers only",
+  "online_now": "online now",
+  "password_prompt": "Password",
+  "password_unchanged_prompt": "Unchanged",
+  "peers_messaging_disabled": "Peer's messaging is disabled.",
+  "permission_admin": "Approve ({val})",
+  "permission_delete": "Delete ({val})",
+  "permission_join": "Join ({val})",
+  "permission_owner": "Owner ({val})",
+  "permission_pres": "Get notified ({val})",
+  "permission_read": "Read ({val})",
+  "permission_share": "Share ({val})",
+  "permission_write": "Write ({val})",
+  "phone_dative": "phone",
+  "private_editing_placeholder": "Visible to you only",
+  "push_init_failed": "Failed to initialize push notifications",
+  "reconnect_countdown": "Disconnected. Reconnecting in {seconds}…",
+  "reconnect_now": "Try now",
+  "reload_update": "Reload",
+  "report_chat_warning": "Are you sure you want to block and report this conversation?",
+  "requested_permissions": "Requested",
+  "save_attachment": "save",
+  "search_for_contacts": "Use search to find contacts",
+  "search_no_results": "Search returned no results",
+  "search_placeholder": "List like email:alice@example.com, tel:17025550003...",
+  "sidepanel_title_acc_general": "General",
+  "sidepanel_title_acc_notifications": "Notifications",
+  "sidepanel_title_acc_security": "Security",
+  "sidepanel_title_acc_support": "Support",
+  "sidepanel_title_account_settings": "Account Settings",
+  "sidepanel_title_archive": "Archived Chats",
+  "sidepanel_title_blocked": "Blocked Chats",
+  "sidepanel_title_cred": "Confirm Credentials",
+  "sidepanel_title_login": "Sign In",
+  "sidepanel_title_newtpk": "Start New Chat",
+  "sidepanel_title_register": "Create Account",
+  "sidepanel_title_reset": "Reset Password",
+  "sidepanel_title_settings": "Settings",
+  "stay_logged_in": "Stay logged in",
+  "tabtitle_find_user": "find",
+  "tabtitle_group_by_id": "by id",
+  "tabtitle_new_group": "new group",
  "tags_editor_no_tags": "Add some tags",
-  "title_manage_tags": "Manage"
+  "tags_not_found": "No tags defined. Add some.",
+  "title_all_contacts": "All Contacts",
+  "title_group_members": "Group Members",
+  "title_info": "Info",
+  "title_manage_tags": "Manage",
+  "title_not_found": "Not found",
+  "title_permissions": "Permissions",
+  "title_tag_manager": "Tags (user discovery)",
+  "topic_block_warning": "Are you sure you want to block this conversation?",
+  "topic_delete_warning": "Are you sure you want to delete this conversation?",
+  "topic_name_editing_placeholder": "Freeform name of the group",
+  "unnamed_topic": "Unnamed",
+  "update_available": "Update available.",
+  "upload_finishing": "finishing...",
+  "user_not_found": "Not found",
+  "validate_credential_action": "confirm"
 }
@@ -48,7 +48,7 @@
  "private_editing_placeholder": "Sólo visible para tí",
  "label_muting_topic": "Silenciado:",
  "action_more": "Más",
-  "label_your_permissions": "Tus permisoss:",
+  "label_your_permissions": "Tus permisos:",
  "label_permissions": "Permisos:",
  "label_you": "Tú:",
  "label_default_access": "Modo de acceso predeterminado:",
@@ -105,7 +105,7 @@
  "code_doesnot_match": "El código no coincide",
  "phone_dative": "teléfono",
  "email_dative": "correo electrónico",
-  "enter_confirmation_code_prompt": "Intruduzca el código de confirmación enviado a tu {method}:",
+  "enter_confirmation_code_prompt": "Introduzca el código de confirmación enviado a tu {method}:",
  "numeric_confirmation_code_prompt": "Sólo números",
  "button_confirm": "Confirmar",
  "save_attachment": "guardar",
@@ -0,0 +1,696 @@
+{
+  "action_block_contact": {
+    "defaultMessage": "Block Contact",
+    "description": "Flat button [Block Contact]"
+  },
+  "action_cancel": {
+    "defaultMessage": "cancel",
+    "description": "Call to action [cancel]"
+  },
+  "action_clear_messages": {
+    "defaultMessage": "Clear Messages",
+    "description": "Flat button [Clear Messages] (soft-delete messages)"
+  },
+  "action_delete_messages": {
+    "defaultMessage": "Clear Messages for All",
+    "description": "Flat button [Clear for All] (hard-delete all messages)"
+  },
+  "action_leave_chat": {
+    "defaultMessage": "Leave Conversation",
+    "description": "Flat button [Leave Conversation]"
+  },
+  "action_more": {
+    "defaultMessage": "More",
+    "description": "Action for showing more content"
+  },
+  "action_report_chat": {
+    "defaultMessage": "Report Conversation",
+    "description": "Flat button [Report Group]"
+  },
+  "archived_contacts": {
+    "defaultMessage": "Archived contacts ({count})",
+    "description": "Label for archived chats"
+  },
+  "badge_owner": {
+    "defaultMessage": "owner",
+    "description": "Badge for indicating the owner"
+  },
+  "badge_you": {
+    "defaultMessage": "you",
+    "description": "Badge for indicating the current user"
+  },
+  "block_contact_warning": {
+    "defaultMessage": "Are you sure you want to block this contact?",
+    "description": "Alert dialog warning when blocking a contact."
+  },
+  "blocked_contacts_link": {
+    "defaultMessage": "Blocked contacts ({count})",
+    "description": "Blocked contacts link"
+  },
+  "button_add_another": {
+    "defaultMessage": "Add another",
+    "description": "Call to action [+ add another]"
+  },
+  "button_add_members": {
+    "defaultMessage": "Add members",
+    "description": "Flat button [Add members] (to topic)"
+  },
+  "button_cancel": {
+    "defaultMessage": "Cancel",
+    "description": "Button [Cancel]"
+  },
+  "button_confirm": {
+    "defaultMessage": "Confirm",
+    "description": "Button [Confirm]"
+  },
+  "button_create": {
+    "defaultMessage": "Create",
+    "description": "Button [Create]"
+  },
+  "button_delete_account": {
+    "defaultMessage": "Delete account",
+    "description": "Button [Delete account]"
+  },
+  "button_edit": {
+    "defaultMessage": "Edit",
+    "description": "Call to action [Edit]"
+  },
+  "button_logout": {
+    "defaultMessage": "Logout",
+    "description": "Button [Logout]"
+  },
+  "button_ok": {
+    "defaultMessage": "OK",
+    "description": "Button [OK]"
+  },
+  "button_reset": {
+    "defaultMessage": "Reset",
+    "description": "Button [Reset]"
+  },
+  "button_send_request": {
+    "defaultMessage": "Send request",
+    "description": "Button [Send request]"
+  },
+  "button_sign_in": {
+    "defaultMessage": "Sign in",
+    "description": "Button [Sign In]"
+  },
+  "button_sign_up": {
+    "defaultMessage": "Sign up",
+    "description": "Create account button [Sign Up]"
+  },
+  "button_subscribe": {
+    "defaultMessage": "Subscribe",
+    "description": "Button [Subscribe]"
+  },
+  "button_update": {
+    "defaultMessage": "Update",
+    "description": "Button [Update]"
+  },
+  "cannot_initiate_file_upload": {
+    "defaultMessage": "Cannot initiate file upload.",
+    "description": "Generic error messagewhen attachment fails"
+  },
+  "channel": {
+    "defaultMessage": "channel",
+    "description": "Subtitle shown for channels in MessagesView instead of last seen"
+  },
+  "channel_prompt": {
+    "defaultMessage": "This is a channel",
+    "description": "Checkbox label when creating a channel"
+  },
+  "chat_invitation": {
+    "defaultMessage": "You are invited to start a new chat. What would you like to do?",
+    "description": "New chat invitation message: [Accept] [Ignore] [Block]."
+  },
+  "chat_invitation_accept": {
+    "defaultMessage": "Accept",
+    "description": "Action [Accept] for chat invitation."
+  },
+  "chat_invitation_block": {
+    "defaultMessage": "Block",
+    "description": "Action [Block] for chat invitation."
+  },
+  "chat_invitation_ignore": {
+    "defaultMessage": "Ignore",
+    "description": "Action [Ignore] for chat invitation."
+  },
+  "clear_messages_warning": {
+    "defaultMessage": "Are you sure you want to clear all messages? It cannot be undone.",
+    "description": "Alert dialog warning when deleting all messages."
+  },
+  "code_doesnot_match": {
+    "defaultMessage": "Code does not match",
+    "description": "Error message when the credential validation code is incorrect."
+  },
+  "contacts_not_found": {
+    "defaultMessage": "You have no chats<br />¯∖_(ツ)_/¯",
+    "description": "HTML message shown in ContactList when no contacts are found"
+  },
+  "contacts_not_found_short": {
+    "defaultMessage": "No contacts match ''{query}''",
+    "description": "Shown in ContactsView when search returned no results"
+  },
+  "credential_email_prompt": {
+    "defaultMessage": "Your registration email",
+    "description": "Placeholder for entering email"
+  },
+  "delete_account": {
+    "defaultMessage": "Delete account",
+    "description": "Title for delete account warning"
+  },
+  "delete_account_arning": {
+    "defaultMessage": "Are you sure you want to delete your account? It cannot be undone.",
+    "description": "Warning message when deleting an account"
+  },
+  "delete_messages_warning": {
+    "defaultMessage": "Are you sure you want to delete all messages for everyone? It cannot be undone.",
+    "description": "Alert dialog warning when hard-deleting all messages."
+  },
+  "deleted_content": {
+    "defaultMessage": "content deleted",
+    "description": "Shown when messages are deleted"
+  },
+  "download_action": {
+    "defaultMessage": "download",
+    "description": "Call to action [download]"
+  },
+  "email_dative": {
+    "defaultMessage": "email",
+    "description": "Dative case of 'email', i.e. 'email' in 'by email'"
+  },
+  "email_prompt": {
+    "defaultMessage": "Email, e.g. jdoe@example.com",
+    "description": "Input placeholder for email entry"
+  },
+  "enable_peers_messaging": {
+    "defaultMessage": "Enable",
+    "description": "Call to action to enable peer's messaging"
+  },
+  "enter_confirmation_code_prompt": {
+    "defaultMessage": "Enter confirmation code sent to you by {method}:",
+    "description": "Request to enter confirmation code"
+  },
+  "error_invalid_id": {
+    "defaultMessage": "Invalid ID",
+    "description": "Error message"
+  },
+  "file_attachment_too_large": {
+    "defaultMessage": "The file size {size} exceeds the {limit} limit.",
+    "description": "Error message when attachment is too large"
+  },
+  "forgot_password_link": {
+    "defaultMessage": "Forgot password?",
+    "description": "Link to Reset password form"
+  },
+  "full_name_prompt": {
+    "defaultMessage": "Full name, e.g. John Doe",
+    "description": "Input placeholder for person's full name"
+  },
+  "granted_permissions": {
+    "defaultMessage": "Granted",
+    "description": "Title for permissions"
+  },
+  "group_has_no_members": {
+    "defaultMessage": "No members",
+    "description": "Shown in place of group members"
+  },
+  "group_user_id_prompt": {
+    "defaultMessage": "Group or User ID",
+    "description": "Prompt for entering user or group ID"
+  },
+  "image_caption_prompt": {
+    "defaultMessage": "Image caption",
+    "description": "Prompt in SendMessage for attached image"
+  },
+  "invalid_content": {
+    "defaultMessage": "invalid content",
+    "description": "Shown when message is unreadable"
+  },
+  "invalid_security_token": {
+    "defaultMessage": "Invalid security token",
+    "description": "Error message when resetting password."
+  },
+  "label_client": {
+    "defaultMessage": "Client:",
+    "description": "Label for a client version"
+  },
+  "label_content_type": {
+    "defaultMessage": "Content type:",
+    "description": "Label for file content type (mime)"
+  },
+  "label_default_access": {
+    "defaultMessage": "Default access mode:",
+    "description": "Section title"
+  },
+  "label_default_access_mode": {
+    "defaultMessage": "Default access mode:",
+    "description": "Label for default access mode"
+  },
+  "label_file_name": {
+    "defaultMessage": "File name:",
+    "description": "Label for a file name"
+  },
+  "label_group_members": {
+    "defaultMessage": "Group members:",
+    "description": "Section title or label"
+  },
+  "label_incognito_mode": {
+    "defaultMessage": "Incognito mode:",
+    "description": "Label for incognito mode toggle"
+  },
+  "label_message_sound": {
+    "defaultMessage": "Message sound:",
+    "description": "Label for message sounds toggle"
+  },
+  "label_muting_topic": {
+    "defaultMessage": "Muted:",
+    "description": "Label for Muting/unmuting the topic"
+  },
+  "label_other_user": {
+    "defaultMessage": "Other",
+    "description": "Label for the other user when the user is unnamed"
+  },
+  "label_password": {
+    "defaultMessage": "Password",
+    "description": "Label for password editing"
+  },
+  "label_permissions": {
+    "defaultMessage": "Permissions:",
+    "description": "Section title"
+  },
+  "label_private": {
+    "defaultMessage": "Private comment",
+    "description": "Label for editing 'private'"
+  },
+  "label_push_notifications": {
+    "defaultMessage": "Notification alerts:",
+    "description": "Label for push notifications switch"
+  },
+  "label_push_notifications_disabled": {
+    "defaultMessage": "Notification alerts (requires HTTPS):",
+    "description": "Label for push notifications switch"
+  },
+  "label_reset_password": {
+    "defaultMessage": "Send a password reset email:",
+    "description": "Label for password reset field"
+  },
+  "label_sdk": {
+    "defaultMessage": "SDK:"
+  },
+  "label_server": {
+    "defaultMessage": "Server:",
+    "description": "Label for a server version"
+  },
+  "label_server_address": {
+    "defaultMessage": "Server address:"
+  },
+  "label_server_to_use": {
+    "defaultMessage": "Server to use:",
+    "description": "Label for server selector in SettingsView"
+  },
+  "label_size": {
+    "defaultMessage": "Size:",
+    "description": "Label for file size"
+  },
+  "label_topic_name": {
+    "defaultMessage": "Name",
+    "description": "Label for editing topic name"
+  },
+  "label_user_contacts": {
+    "defaultMessage": "Contacts:",
+    "description": "Label for user contacts"
+  },
+  "label_user_id": {
+    "defaultMessage": "ID:",
+    "description": "Label for user address (ID)"
+  },
+  "label_wire_transport": {
+    "defaultMessage": "Wire transport:",
+    "description": "Label for wire transport selection in SettingsView"
+  },
+  "label_you": {
+    "defaultMessage": "You:",
+    "description": "Label for the current user"
+  },
+  "label_your_name": {
+    "defaultMessage": "Your name",
+    "description": "Label for full name editing"
+  },
+  "label_your_permissions": {
+    "defaultMessage": "Your permissions:",
+    "description": "Label for current user permissions"
+  },
+  "last_seen_timestamp": {
+    "defaultMessage": "Last seen",
+    "description": "Label for the timestamp of when the user or topic was last online"
+  },
+  "leave_chat_warning": {
+    "defaultMessage": "Are you sure you want to leave this conversation?",
+    "description": "Alert dialog warning when unsubscribing from a chat."
+  },
+  "link_contact_us": {
+    "defaultMessage": "Contact Us",
+    "description": "Ancor text for contacting us by email"
+  },
+  "link_privacy_policy": {
+    "defaultMessage": "Privacy Policy",
+    "description": "Ancor text for privacy policy link"
+  },
+  "link_terms_of_service": {
+    "defaultMessage": "Terms of Service",
+    "description": "Ancor text for terms of service link"
+  },
+  "login_prompt": {
+    "defaultMessage": "Login",
+    "description": "Placeholer for username/login"
+  },
+  "menu_item_archive_topic": {
+    "defaultMessage": "Archive",
+    "description": "Move topic from the list of active chats to archive"
+  },
+  "menu_item_block": {
+    "defaultMessage": "Block",
+    "description": "Block topic or user"
+  },
+  "menu_item_clear_messages": {
+    "defaultMessage": "Clear messages",
+    "description": "Delete all messages"
+  },
+  "menu_item_clear_messages_for_all": {
+    "defaultMessage": "Clear for All",
+    "description": "Delete all message(s) for all members"
+  },
+  "menu_item_delete": {
+    "defaultMessage": "Delete",
+    "description": "Delete selected messages"
+  },
+  "menu_item_delete_for_all": {
+    "defaultMessage": "Delete for All",
+    "description": "Delete selected message(s) for all members"
+  },
+  "menu_item_delete_topic": {
+    "defaultMessage": "Delete",
+    "description": "Delete entire topic"
+  },
+  "menu_item_edit_permissions": {
+    "defaultMessage": "Edit permissions",
+    "description": "Menu item [Edit permissions]"
+  },
+  "menu_item_info": {
+    "defaultMessage": "Info",
+    "description": "Show extended topic information"
+  },
+  "menu_item_member_delete": {
+    "defaultMessage": "Remove",
+    "description": "Remove user from topic"
+  },
+  "menu_item_mute": {
+    "defaultMessage": "Mute",
+    "description": "Turn off notifications"
+  },
+  "menu_item_send_retry": {
+    "defaultMessage": "Retry",
+    "description": "Retry sending message"
+  },
+  "menu_item_unblock": {
+    "defaultMessage": "Unblock",
+    "description": "Unblock topic or user"
+  },
+  "menu_item_unmute": {
+    "defaultMessage": "Unmute",
+    "description": "Turn notifications on"
+  },
+  "message_sending": {
+    "defaultMessage": "sending...",
+    "description": "Message being sent, in place of time stamp"
+  },
+  "message_sending_failed": {
+    "defaultMessage": "failed",
+    "description": "Failed to send message, in place of time stamp"
+  },
+  "messages_not_readable": {
+    "defaultMessage": "no access to messages",
+    "description": "Message shown in topic without the read access"
+  },
+  "messaging_disabled_prompt": {
+    "defaultMessage": "Messaging disabled",
+    "description": "Prompt in SendMessage in read-only topic"
+  },
+  "more_online_members": {
+    "defaultMessage": "+{overflow} more",
+    "description": "Shown in MessagesView title bar when the number of online subscribers exceeds MAX_ONLINE_IN_TOPIC"
+  },
+  "new_message_prompt": {
+    "defaultMessage": "New message",
+    "description": "Prompt in send message field"
+  },
+  "new_password_placeholder": {
+    "defaultMessage": "Enter new password",
+    "description": "Placeholder for entering new password"
+  },
+  "no_connection": {
+    "defaultMessage": "No connection",
+    "description": "Warning that the user is offline."
+  },
+  "no_contacts": {
+    "defaultMessage": "You have no contacts :-(",
+    "description": "Shown in ContactsView when the user has no contacts"
+  },
+  "numeric_confirmation_code_prompt": {
+    "defaultMessage": "Numbers only",
+    "description": "Prompt for numeric conformation code"
+  },
+  "online_now": {
+    "defaultMessage": "online now",
+    "description": "Indicator that the user or topic is currently online"
+  },
+  "password_prompt": {
+    "defaultMessage": "Password",
+    "description": "Placeholder/prompt for entering password"
+  },
+  "password_unchanged_prompt": {
+    "defaultMessage": "Unchanged",
+    "description": "Message in editor while password is unchanged"
+  },
+  "peers_messaging_disabled": {
+    "defaultMessage": "Peer's messaging is disabled.",
+    "description": "Shown when the p2p peer's messaging is disabled"
+  },
+  "permission_admin": {
+    "defaultMessage": "Approve ({val})",
+    "description": "Name of A permission"
+  },
+  "permission_delete": {
+    "defaultMessage": "Delete ({val})",
+    "description": "Name of D permission"
+  },
+  "permission_join": {
+    "defaultMessage": "Join ({val})",
+    "description": "Name of J permission"
+  },
+  "permission_owner": {
+    "defaultMessage": "Owner ({val})",
+    "description": "Name of O permission"
+  },
+  "permission_pres": {
+    "defaultMessage": "Get notified ({val})",
+    "description": "Name of P permission"
+  },
+  "permission_read": {
+    "defaultMessage": "Read ({val})",
+    "description": "Name of R permission"
+  },
+  "permission_share": {
+    "defaultMessage": "Share ({val})",
+    "description": "Name of S permission"
+  },
+  "permission_write": {
+    "defaultMessage": "Write ({val})",
+    "description": "Name of W permission"
+  },
+  "phone_dative": {
+    "defaultMessage": "phone",
+    "description": "Dative case of 'phone', i.e. 'phone' in 'by phone'"
+  },
+  "private_editing_placeholder": {
+    "defaultMessage": "Visible to you only",
+    "description": "Placeholder for editing 'private'"
+  },
+  "push_init_failed": {
+    "defaultMessage": "Failed to initialize push notifications",
+    "description": "Error message when push notifications have failed to initialize."
+  },
+  "reconnect_countdown": {
+    "defaultMessage": "Disconnected. Reconnecting in {seconds}…",
+    "description": "Message shown when an app update is available."
+  },
+  "reconnect_now": {
+    "defaultMessage": "Try now",
+    "description": "Prompt for reconnecting now"
+  },
+  "reload_update": {
+    "defaultMessage": "Reload",
+    "description": "Call to action to reload application when update is available."
+  },
+  "report_chat_warning": {
+    "defaultMessage": "Are you sure you want to block and report this conversation?",
+    "description": "Alert dialog warning when reporting a conversation for abuse"
+  },
+  "requested_permissions": {
+    "defaultMessage": "Requested",
+    "description": "Title for permissions"
+  },
+  "save_attachment": {
+    "defaultMessage": "save",
+    "description": "Call to save an attachment"
+  },
+  "search_for_contacts": {
+    "defaultMessage": "Use search to find contacts",
+    "description": "Text shown in contacts view when user entered no search query."
+  },
+  "search_no_results": {
+    "defaultMessage": "Search returned no results",
+    "description": "Text shown in contacts view when query returned no results."
+  },
+  "search_placeholder": {
+    "defaultMessage": "List like email:alice@example.com, tel:17025550003...",
+    "description": "Placeholder in contacts search field"
+  },
+  "sidepanel_title_acc_general": {
+    "defaultMessage": "General",
+    "description": "Sidepanel title for AccGeneralView."
+  },
+  "sidepanel_title_acc_notifications": {
+    "defaultMessage": "Notifications",
+    "description": "Sidepanel title for AccNotificationsView."
+  },
+  "sidepanel_title_acc_security": {
+    "defaultMessage": "Security",
+    "description": "Sidepanel title for AccSecurityView."
+  },
+  "sidepanel_title_acc_support": {
+    "defaultMessage": "Support",
+    "description": "Sidepanel title for AccSupportView."
+  },
+  "sidepanel_title_account_settings": {
+    "defaultMessage": "Account Settings",
+    "description": "Sidepanel title for EditAccountView."
+  },
+  "sidepanel_title_archive": {
+    "defaultMessage": "Archived Chats",
+    "description": "Sidepanel title for ContactsView-Archive."
+  },
+  "sidepanel_title_blocked": {
+    "defaultMessage": "Blocked Chats",
+    "description": "Sidepanel title for ContactsView-Blocked."
+  },
+  "sidepanel_title_cred": {
+    "defaultMessage": "Confirm Credentials",
+    "description": "Sidepanel title for ValidationView."
+  },
+  "sidepanel_title_login": {
+    "defaultMessage": "Sign In",
+    "description": "Sidepanel title for LoginView."
+  },
+  "sidepanel_title_newtpk": {
+    "defaultMessage": "Start New Chat",
+    "description": "Sidepanel title for NewTopicView."
+  },
+  "sidepanel_title_register": {
+    "defaultMessage": "Create Account",
+    "description": "Sidepanel title for CreateAccountView."
+  },
+  "sidepanel_title_reset": {
+    "defaultMessage": "Reset Password",
+    "description": "Sidepanel title for PasswordResetView."
+  },
+  "sidepanel_title_settings": {
+    "defaultMessage": "Settings",
+    "description": "Sidepanel title for SettingsView."
+  },
+  "stay_logged_in": {
+    "defaultMessage": "Stay logged in",
+    "description": "Label for a checkbox"
+  },
+  "tabtitle_find_user": {
+    "defaultMessage": "find",
+    "description": "Tab title Find"
+  },
+  "tabtitle_group_by_id": {
+    "defaultMessage": "by id",
+    "description": "Tab title Find topic by ID"
+  },
+  "tabtitle_new_group": {
+    "defaultMessage": "new group",
+    "description": "Tab title New Group"
+  },
+  "tags_editor_no_tags": {
+    "defaultMessage": "Add some tags",
+    "description": "Tag editor prompt when no tags are found."
+  },
+  "tags_not_found": {
+    "defaultMessage": "No tags defined. Add some.",
+    "description": ""
+  },
+  "title_all_contacts": {
+    "defaultMessage": "All Contacts",
+    "description": "Section title [All Contacts]"
+  },
+  "title_group_members": {
+    "defaultMessage": "Group Members",
+    "description": "Section title"
+  },
+  "title_info": {
+    "defaultMessage": "Info",
+    "description": "Title for InfoView"
+  },
+  "title_manage_tags": {
+    "defaultMessage": "Manage",
+    "description": "Section title for the list of tags"
+  },
+  "title_not_found": {
+    "defaultMessage": "Not found",
+    "description": "Title shown when topic is not found"
+  },
+  "title_permissions": {
+    "defaultMessage": "Permissions",
+    "description": "Section title"
+  },
+  "title_tag_manager": {
+    "defaultMessage": "Tags (user discovery)",
+    "description": "Section title for TagManager"
+  },
+  "topic_block_warning": {
+    "defaultMessage": "Are you sure you want to block this conversation?",
+    "description": "Alert warning when blocking a topic."
+  },
+  "topic_delete_warning": {
+    "defaultMessage": "Are you sure you want to delete this conversation?",
+    "description": "Alert warning when deleting entire topic"
+  },
+  "topic_name_editing_placeholder": {
+    "defaultMessage": "Freeform name of the group",
+    "description": "Prompt for entering topic name"
+  },
+  "unnamed_topic": {
+    "defaultMessage": "Unnamed",
+    "description": "Title shown when the topic has no name"
+  },
+  "update_available": {
+    "defaultMessage": "Update available.",
+    "description": "Message shown when an app update is available."
+  },
+  "upload_finishing": {
+    "defaultMessage": "finishing...",
+    "description": "Notification that upload is finishing"
+  },
+  "user_not_found": {
+    "defaultMessage": "Not found",
+    "description": "In place of a user's full name when the user is not found."
+  },
+  "validate_credential_action": {
+    "defaultMessage": "confirm",
+    "description": "Validate credentail call to action"
+  }
+}
@@ -24,7 +24,7 @@
    "archived_contacts": "Archivierte Kontakte ({count})",
    "contacts_not_found": "Sie haben keine Unterhaltungen<br />¯∖_(ツ)_/¯",
    "full_name_prompt": "Vollständiger Name, z.B. Lisa Musterfrau",
-    "email_prompt": "E-Mail, z.B. jdoe@beispiel.de",
+    "email_prompt": "E-Mail, z.B. lisam@beispiel.de",
    "button_sign_up": "Anmelden",
    "label_your_name": "Ihr Name",
    "label_user_id": "ID:",
@@ -176,180 +176,180 @@
    "channel": "Sender"
  },
  "en": {
-    "validate_credential_action": "confirm",
-    "title_tag_manager": "Tags (user discovery)",
-    "label_user_contacts": "Contacts:",
-    "button_add_another": "Add another",
-    "label_message_sound": "Message sound:",
-    "label_push_notifications": "Notification alerts:",
-    "label_push_notifications_disabled": "Notification alerts (requires HTTPS):",
-    "label_incognito_mode": "Incognito mode:",
-    "delete_account": "Delete account",
-    "delete_account_arning": "Are you sure you want to delete your account? It cannot be undone.",
-    "label_password": "Password",
-    "password_unchanged_prompt": "Unchanged",
-    "button_logout": "Logout",
-    "button_delete_account": "Delete account",
-    "label_default_access_mode": "Default access mode:",
-    "blocked_contacts_link": "Blocked contacts ({count})",
-    "link_contact_us": "Contact Us",
-    "link_terms_of_service": "Terms of Service",
-    "link_privacy_policy": "Privacy Policy",
-    "label_sdk": "SDK:",
-    "label_server_address": "Server address:",
-    "archived_contacts": "Archived contacts ({count})",
-    "contacts_not_found": "You have no chats<br />¯∖_(ツ)_/¯",
-    "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_user_id": "ID:",
-    "button_edit": "Edit",
-    "requested_permissions": "Requested",
-    "granted_permissions": "Granted",
-    "menu_item_edit_permissions": "Edit permissions",
-    "label_other_user": "Other",
-    "action_clear_messages": "Clear Messages",
-    "clear_messages_warning": "Are you sure you want to clear all messages? It cannot be undone.",
-    "action_delete_messages": "Clear Messages for All",
-    "delete_messages_warning": "Are you sure you want to delete all messages for everyone? It cannot be undone.",
-    "action_leave_chat": "Leave Conversation",
-    "leave_chat_warning": "Are you sure you want to leave this conversation?",
    "action_block_contact": "Block Contact",
-    "block_contact_warning": "Are you sure you want to block this contact?",
-    "action_report_chat": "Report Conversation",
-    "report_chat_warning": "Are you sure you want to block and report this conversation?",
-    "title_info": "Info",
-    "label_topic_name": "Name",
-    "label_private": "Private comment",
-    "private_editing_placeholder": "Visible to you only",
-    "label_muting_topic": "Muted:",
+    "action_cancel": "cancel",
+    "action_clear_messages": "Clear Messages",
+    "action_delete_messages": "Clear Messages for All",
+    "action_leave_chat": "Leave Conversation",
    "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:",
+    "action_report_chat": "Report Conversation",
+    "archived_contacts": "Archived contacts ({count})",
+    "badge_owner": "owner",
+    "badge_you": "you",
+    "block_contact_warning": "Are you sure you want to block this contact?",
+    "blocked_contacts_link": "Blocked contacts ({count})",
+    "button_add_another": "Add another",
    "button_add_members": "Add members",
-    "group_has_no_members": "No members",
-    "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",
-    "channel": "channel",
-    "unnamed_topic": "Unnamed",
-    "messages_not_readable": "no access to messages",
-    "peers_messaging_disabled": "Peer's messaging is disabled.",
-    "enable_peers_messaging": "Enable",
-    "search_for_contacts": "Use search to find contacts",
-    "search_no_results": "Search returned no results",
-    "tabtitle_find_user": "find",
-    "tabtitle_new_group": "new group",
-    "tabtitle_group_by_id": "by id",
-    "new_password_placeholder": "Enter new password",
-    "label_reset_password": "Send a password reset email:",
-    "credential_email_prompt": "Your registration email",
+    "button_cancel": "Cancel",
+    "button_confirm": "Confirm",
+    "button_create": "Create",
+    "button_delete_account": "Delete account",
+    "button_edit": "Edit",
+    "button_logout": "Logout",
+    "button_ok": "OK",
    "button_reset": "Reset",
    "button_send_request": "Send request",
-    "label_server_to_use": "Server to use:",
-    "label_wire_transport": "Wire transport:",
+    "button_sign_in": "Sign in",
+    "button_sign_up": "Sign up",
+    "button_subscribe": "Subscribe",
    "button_update": "Update",
-    "sidepanel_title_login": "Sign In",
-    "sidepanel_title_register": "Create Account",
-    "sidepanel_title_settings": "Settings",
-    "sidepanel_title_account_settings": "Account Settings",
-    "sidepanel_title_acc_general": "General",
-    "sidepanel_title_acc_security": "Security",
-    "sidepanel_title_acc_notifications": "Notifications",
-    "sidepanel_title_acc_support": "Support",
-    "sidepanel_title_newtpk": "Start New Chat",
-    "sidepanel_title_cred": "Confirm Credentials",
-    "sidepanel_title_reset": "Reset Password",
-    "sidepanel_title_archive": "Archived Chats",
-    "sidepanel_title_blocked": "Blocked Chats",
-    "reconnect_countdown": "Disconnected. Reconnecting in {seconds}…",
-    "reconnect_now": "Try now",
-    "push_init_failed": "Failed to initialize push notifications",
-    "invalid_security_token": "Invalid security token",
-    "no_connection": "No connection",
+    "cannot_initiate_file_upload": "Cannot initiate file upload.",
+    "channel": "channel",
+    "channel_prompt": "This is a channel",
+    "chat_invitation": "You are invited to start a new chat. What would you like to do?",
+    "chat_invitation_accept": "Accept",
+    "chat_invitation_block": "Block",
+    "chat_invitation_ignore": "Ignore",
+    "clear_messages_warning": "Are you sure you want to clear all messages? It cannot be undone.",
    "code_doesnot_match": "Code does not match",
-    "update_available": "Update available.",
-    "reload_update": "Reload",
-    "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",
-    "save_attachment": "save",
+    "contacts_not_found": "You have no chats<br />¯∖_(ツ)_/¯",
+    "contacts_not_found_short": "No contacts match ''{query}''",
+    "credential_email_prompt": "Your registration email",
+    "delete_account": "Delete account",
+    "delete_account_arning": "Are you sure you want to delete your account? It cannot be undone.",
+    "delete_messages_warning": "Are you sure you want to delete all messages for everyone? It cannot be undone.",
    "deleted_content": "content deleted",
+    "download_action": "download",
+    "email_dative": "email",
+    "email_prompt": "Email, e.g. jdoe@example.com",
+    "enable_peers_messaging": "Enable",
+    "enter_confirmation_code_prompt": "Enter confirmation code sent to you by {method}:",
+    "error_invalid_id": "Invalid ID",
+    "file_attachment_too_large": "The file size {size} exceeds the {limit} limit.",
+    "forgot_password_link": "Forgot password?",
+    "full_name_prompt": "Full name, e.g. John Doe",
+    "granted_permissions": "Granted",
+    "group_has_no_members": "No members",
+    "group_user_id_prompt": "Group or User ID",
+    "image_caption_prompt": "Image caption",
    "invalid_content": "invalid content",
-    "user_not_found": "Not found",
-    "badge_you": "you",
-    "badge_owner": "owner",
-    "menu_item_info": "Info",
+    "invalid_security_token": "Invalid security token",
+    "label_client": "Client:",
+    "label_content_type": "Content type:",
+    "label_default_access": "Default access mode:",
+    "label_default_access_mode": "Default access mode:",
+    "label_file_name": "File name:",
+    "label_group_members": "Group members:",
+    "label_incognito_mode": "Incognito mode:",
+    "label_message_sound": "Message sound:",
+    "label_muting_topic": "Muted:",
+    "label_other_user": "Other",
+    "label_password": "Password",
+    "label_permissions": "Permissions:",
+    "label_private": "Private comment",
+    "label_push_notifications": "Notification alerts:",
+    "label_push_notifications_disabled": "Notification alerts (requires HTTPS):",
+    "label_reset_password": "Send a password reset email:",
+    "label_sdk": "SDK:",
+    "label_server": "Server:",
+    "label_server_address": "Server address:",
+    "label_server_to_use": "Server to use:",
+    "label_size": "Size:",
+    "label_topic_name": "Name",
+    "label_user_contacts": "Contacts:",
+    "label_user_id": "ID:",
+    "label_wire_transport": "Wire transport:",
+    "label_you": "You:",
+    "label_your_name": "Your name",
+    "label_your_permissions": "Your permissions:",
+    "last_seen_timestamp": "Last seen",
+    "leave_chat_warning": "Are you sure you want to leave this conversation?",
+    "link_contact_us": "Contact Us",
+    "link_privacy_policy": "Privacy Policy",
+    "link_terms_of_service": "Terms of Service",
+    "login_prompt": "Login",
+    "menu_item_archive_topic": "Archive",
+    "menu_item_block": "Block",
    "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_send_retry": "Retry",
-    "menu_item_mute": "Mute",
-    "menu_item_unmute": "Unmute",
    "menu_item_delete_topic": "Delete",
-    "topic_delete_warning": "Are you sure you want to delete this conversation?",
-    "menu_item_unblock": "Unblock",
-    "menu_item_block": "Block",
-    "topic_block_warning": "Are you sure you want to block this conversation?",
+    "menu_item_edit_permissions": "Edit permissions",
+    "menu_item_info": "Info",
    "menu_item_member_delete": "Remove",
-    "menu_item_archive_topic": "Archive",
-    "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",
-    "more_online_members": "+{overflow} more",
-    "download_action": "download",
-    "label_file_name": "File name:",
-    "label_content_type": "Content type:",
-    "label_size": "Size:",
-    "chat_invitation": "You are invited to start a new chat. What would you like to do?",
-    "chat_invitation_accept": "Accept",
-    "chat_invitation_ignore": "Ignore",
-    "chat_invitation_block": "Block",
-    "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",
-    "channel_prompt": "This is a channel",
-    "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",
+    "menu_item_mute": "Mute",
+    "menu_item_send_retry": "Retry",
+    "menu_item_unblock": "Unblock",
+    "menu_item_unmute": "Unmute",
    "message_sending": "sending...",
    "message_sending_failed": "failed",
-    "search_placeholder": "List like email:alice@example.com, tel:17025550003...",
+    "messages_not_readable": "no access to messages",
    "messaging_disabled_prompt": "Messaging disabled",
+    "more_online_members": "+{overflow} more",
    "new_message_prompt": "New message",
-    "image_caption_prompt": "Image caption",
-    "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.",
+    "new_password_placeholder": "Enter new password",
+    "no_connection": "No connection",
+    "no_contacts": "You have no contacts :-(",
+    "numeric_confirmation_code_prompt": "Numbers only",
+    "online_now": "online now",
+    "password_prompt": "Password",
+    "password_unchanged_prompt": "Unchanged",
+    "peers_messaging_disabled": "Peer's messaging is disabled.",
+    "permission_admin": "Approve ({val})",
+    "permission_delete": "Delete ({val})",
+    "permission_join": "Join ({val})",
+    "permission_owner": "Owner ({val})",
+    "permission_pres": "Get notified ({val})",
+    "permission_read": "Read ({val})",
+    "permission_share": "Share ({val})",
+    "permission_write": "Write ({val})",
+    "phone_dative": "phone",
+    "private_editing_placeholder": "Visible to you only",
+    "push_init_failed": "Failed to initialize push notifications",
+    "reconnect_countdown": "Disconnected. Reconnecting in {seconds}…",
+    "reconnect_now": "Try now",
+    "reload_update": "Reload",
+    "report_chat_warning": "Are you sure you want to block and report this conversation?",
+    "requested_permissions": "Requested",
+    "save_attachment": "save",
+    "search_for_contacts": "Use search to find contacts",
+    "search_no_results": "Search returned no results",
+    "search_placeholder": "List like email:alice@example.com, tel:17025550003...",
+    "sidepanel_title_acc_general": "General",
+    "sidepanel_title_acc_notifications": "Notifications",
+    "sidepanel_title_acc_security": "Security",
+    "sidepanel_title_acc_support": "Support",
+    "sidepanel_title_account_settings": "Account Settings",
+    "sidepanel_title_archive": "Archived Chats",
+    "sidepanel_title_blocked": "Blocked Chats",
+    "sidepanel_title_cred": "Confirm Credentials",
+    "sidepanel_title_login": "Sign In",
+    "sidepanel_title_newtpk": "Start New Chat",
+    "sidepanel_title_register": "Create Account",
+    "sidepanel_title_reset": "Reset Password",
+    "sidepanel_title_settings": "Settings",
+    "stay_logged_in": "Stay logged in",
+    "tabtitle_find_user": "find",
+    "tabtitle_group_by_id": "by id",
+    "tabtitle_new_group": "new group",
    "tags_editor_no_tags": "Add some tags",
-    "title_manage_tags": "Manage"
+    "tags_not_found": "No tags defined. Add some.",
+    "title_all_contacts": "All Contacts",
+    "title_group_members": "Group Members",
+    "title_info": "Info",
+    "title_manage_tags": "Manage",
+    "title_not_found": "Not found",
+    "title_permissions": "Permissions",
+    "title_tag_manager": "Tags (user discovery)",
+    "topic_block_warning": "Are you sure you want to block this conversation?",
+    "topic_delete_warning": "Are you sure you want to delete this conversation?",
+    "topic_name_editing_placeholder": "Freeform name of the group",
+    "unnamed_topic": "Unnamed",
+    "update_available": "Update available.",
+    "upload_finishing": "finishing...",
+    "user_not_found": "Not found",
+    "validate_credential_action": "confirm"
  },
  "es": {
    "validate_credential_action": "confirmar",
@@ -401,7 +401,7 @@
    "private_editing_placeholder": "Sólo visible para tí",
    "label_muting_topic": "Silenciado:",
    "action_more": "Más",
-    "label_your_permissions": "Tus permisoss:",
+    "label_your_permissions": "Tus permisos:",
    "label_permissions": "Permisos:",
    "label_you": "Tú:",
    "label_default_access": "Modo de acceso predeterminado:",
@@ -458,7 +458,7 @@
    "code_doesnot_match": "El código no coincide",
    "phone_dative": "teléfono",
    "email_dative": "correo electrónico",
-    "enter_confirmation_code_prompt": "Intruduzca el código de confirmación enviado a tu {method}:",
+    "enter_confirmation_code_prompt": "Introduzca el código de confirmación enviado a tu {method}:",
    "numeric_confirmation_code_prompt": "Sólo números",
    "button_confirm": "Confirmar",
    "save_attachment": "guardar",
@@ -1,3 +1,3 @@
 // This is a generated file. Don't edit.

-export const PACKAGE_VERSION = "0.17.0";
+export const PACKAGE_VERSION = "0.17.0-rc1";
@@ -135,8 +135,10 @@ export default class AccGeneralView extends React.Component {
      <div className="scrollable-panel">
        <div className="panel-form-row">
          <div className="panel-form-column">
-            <label className="small"><FormattedMessage id="label_your_name" /></label>
-            <div><FormattedMessage id="full_name_prompt">{
+            <label className="small"><FormattedMessage id="label_your_name" defaultMessage="Your name"
+              description="Label for full name editing" /></label>
+            <div><FormattedMessage id="full_name_prompt" defaultMessage="Full name, e.g. John Doe"
+              description="Input placeholder for person's full name">{
              (full_name_placeholder) => <InPlaceEdit
                placeholder={full_name_placeholder}
                value={this.state.fullName}
@@ -110,11 +110,11 @@ class AccSecurityView extends React.Component {
          </div>
          <div className="hr" />
          <div className="panel-form-column">
-            <a href="#" className="red flat-button" onClick={(e) => {e.preventDefault(); this.props.onLogout();}}>
+            <a href="#" className="danger flat-button" onClick={(e) => {e.preventDefault(); this.props.onLogout();}}>
              <i className="material-icons">exit_to_app</i> &nbsp;<FormattedMessage id="button_logout"
                defaultMessage="Logout" description="Button [Logout]" />
            </a>
-            <a href="#" className="red flat-button" onClick={(e) => {this.handleDeleteAccount(e);}}>
+            <a href="#" className="danger flat-button" onClick={(e) => {this.handleDeleteAccount(e);}}>
              <i className="material-icons">delete</i> &nbsp;<FormattedMessage id="button_delete_account"
                defaultMessage="Delete account" description="Button [Delete account]" />
            </a>
@@ -27,7 +27,8 @@ export default class AccSupportView extends React.PureComponent {
        <div className="hr" />
        <div className="panel-form-column">
          <div className="panel-form-row">
-            <label className="small"><FormattedMessage id="label_client" /></label>
+            <label className="small"><FormattedMessage id="label_client" defaultMessage="Client:"
+              description="Label for a client version" /></label>
            {APP_NAME}
          </div>
          <div className="panel-form-row">
@@ -35,7 +36,8 @@ export default class AccSupportView extends React.PureComponent {
            {Tinode.getLibrary()}
          </div>
          <div className="panel-form-row">
-            <label className="small"><FormattedMessage id="label_server" /></label>
+            <label className="small"><FormattedMessage id="label_server" defaultMessage="Server:"
+              description="Label for a server version" /></label>
            {this.props.serverVersion}
          </div>
          <div className="panel-form-row">
@@ -70,7 +70,7 @@ export default class CreateAccountView extends React.PureComponent {
  }

  render() {
-    let submitClasses = 'blue';
+    let submitClasses = 'primary';
    if (this.props.disabled) {
      submitClasses += ' disabled';
    }
@@ -79,11 +79,13 @@ export default class CreateAccountView extends React.PureComponent {
      <form className="panel-form-column" onSubmit={this.handleSubmit}>
        <div className="panel-form-row">
          <div className="panel-form-column">
-            <FormattedMessage id="login_prompt">{
+            <FormattedMessage id="login_prompt" defaultMessage="Login"
+              description="Placeholer for username/login">{
              (login_prompt) => <input type="text" placeholder={login_prompt} autoComplete="user-name"
                value={this.state.login} onChange={this.handleLoginChange} required autoFocus />
            }</FormattedMessage>
-            <FormattedMessage id="password_prompt">{
+            <FormattedMessage id="password_prompt" defaultMessage="Password"
+              description="Placeholder/prompt for entering password">{
              (password_prompt) => <VisiblePassword placeholder={password_prompt} autoComplete="new-password"
                value={this.state.password} onFinished={this.handlePasswordChange}
                required={true} />
@@ -110,7 +112,8 @@ export default class CreateAccountView extends React.PureComponent {
        <div className="panel-form-row">
          <CheckBox id="save-token" name="save-token" checked={this.state.saveToken}
            onChange={this.handleToggleSaveToken} />
-          <FormattedMessage id="stay_logged_in">{
+          <FormattedMessage id="stay_logged_in" defaultMessage="Stay logged in"
+            description="Label for a checkbox">{
            (stay_logged_in) => <label htmlFor="save-token">&nbsp;{stay_logged_in}</label>
          }</FormattedMessage>
        </div>
@@ -48,13 +48,16 @@ export default class EditAccountView extends React.Component {
        <div className="hr" />
        <div className="panel-form-column">
          <a href="#" className="flat-button" onClick={(e) => {e.preventDefault(); this.props.onBasicNavigate('notif');}}>
-            <i className="material-icons">notifications</i>&nbsp;<FormattedMessage id="sidepanel_title_acc_notifications" />
+            <i className="material-icons">notifications</i>&nbsp;<FormattedMessage id="sidepanel_title_acc_notifications"
+              defaultMessage="Notifications" description="Sidepanel title for AccNotificationsView." />
          </a>
          <a href="#" className="flat-button" onClick={(e) => {e.preventDefault(); this.props.onBasicNavigate('security');}}>
-            <i className="material-icons">security</i>&nbsp;<FormattedMessage id="sidepanel_title_acc_security" />
+            <i className="material-icons">security</i>&nbsp;<FormattedMessage id="sidepanel_title_acc_security"
+              defaultMessage="Security" description="Sidepanel title for AccSecurityView." />
          </a>
          <a href="#" className="flat-button" onClick={(e) => {e.preventDefault(); this.props.onBasicNavigate('support');}}>
-            <i className="material-icons">contact_support</i>&nbsp;<FormattedMessage id="sidepanel_title_acc_support" />
+            <i className="material-icons">contact_support</i>&nbsp;<FormattedMessage id="sidepanel_title_acc_support"
+              defaultMessage="Support" description="Sidepanel title for AccSupportView." />
          </a>
        </div>
      </div>
@@ -615,7 +615,8 @@ class InfoView extends React.Component {
              {this.state.moreInfoExpanded ?
                <div className="panel-form-column">
                  <div className="panel-form-row">
-                    <label><FormattedMessage id="label_user_id" /></label>
+                    <label><FormattedMessage id="label_user_id" defaultMessage="ID:"
+                      description="Label for user address (ID)" /></label>
                    <tt>{this.state.address}</tt>
                  </div>
                  {this.state.groupTopic ?
@@ -692,7 +693,8 @@ class InfoView extends React.Component {
            <div className="hr" />
            {this.state.owner ?
              <>
-                <FormattedMessage id="title_tag_manager">{
+                <FormattedMessage id="title_tag_manager" defaultMessage="Tags (user discovery)"
+                  description="Section title for TagManager">{
                  (tags) => <TagManager
                    title={tags}
                    tags={this.state.tags}
@@ -715,18 +717,18 @@ class InfoView extends React.Component {
                :
                null
              }
-              <a href="#" className="red flat-button" onClick={this.handleLeave}>
+              <a href="#" className="danger flat-button" onClick={this.handleLeave}>
                <i className="material-icons">exit_to_app</i> &nbsp;{formatMessage(messages.leave_chat)}
              </a>
              {!this.state.groupTopic ?
-                <a href="#" className="red flat-button" onClick={this.handleBlock}>
+                <a href="#" className="danger flat-button" onClick={this.handleBlock}>
                  <i className="material-icons">block</i> &nbsp;{formatMessage(messages.block_contact)}
                </a>
                :
                null
              }
              {!this.state.owner ?
-                <a href="#" className="red flat-button" onClick={this.handleReport}>
+                <a href="#" className="danger flat-button" onClick={this.handleReport}>
                  <i className="material-icons">report</i> &nbsp;{formatMessage(messages.report_chat)}
                </a>
                :
@@ -42,7 +42,7 @@ export default class LoginView extends React.Component {
  }

  render() {
-    var submitClasses = 'blue';
+    let submitClasses = 'primary';
    if (this.props.disabled) {
      submitClasses += ' disabled';
    }
@@ -50,7 +50,7 @@ export default class LoginView extends React.Component {
    return (
      <form id="login-form" onSubmit={this.handleSubmit}>
        <FormattedMessage id="login_prompt" defaultMessage="Login"
-          description="Login placeholder in LoginView">
+          description="Placeholer for username/login">
        {
          (login_prompt) => <input type="text" id="inputLogin"
            placeholder={login_prompt}
@@ -63,7 +63,7 @@ export default class LoginView extends React.Component {
        }
        </FormattedMessage>
        <FormattedMessage id="password_prompt" defaultMessage="Password"
-          description="Password placeholder in LoginView">
+          description="Placeholder/prompt for entering password">
        {
          (password_prompt) => <VisiblePassword type="password" id="inputPassword"
            placeholder={password_prompt}
@@ -16,8 +16,10 @@ export default class LogoView extends React.PureComponent {
            <img id="logo" alt="logo" src="img/logo.svg" />
            <h2>Tinode Web</h2>
          </a>
-          <p><FormattedMessage id="label_client" defaultMessage="Client:" /> {version}</p>
-          <p><FormattedMessage id="label_server" defaultMessage="Server:" /> {this.props.serverVersion} ({this.props.serverAddress})</p>
+          <p><FormattedMessage id="label_client" defaultMessage="Client:" 
+            description="Label for a client version" /> {version}</p>
+          <p><FormattedMessage id="label_server" defaultMessage="Server:"
+            description="Label for a server version" /> {this.props.serverVersion} ({this.props.serverAddress})</p>
        </div>
      </div>
    );
@@ -26,25 +26,30 @@ import { bytesToHumanSize, shortDateFormat } from '../lib/strformat.js';
 const NOTIFICATION_EXEC_INTERVAL = 300;

 const messages = defineMessages({
-  'online_now': {
+  online_now: {
    id: 'online_now',
    defaultMessage: 'online now',
    description: 'Indicator that the user or topic is currently online',
  },
-  'last_seen': {
+  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': {
+  not_found: {
    id: 'title_not_found',
    defaultMessage: 'Not found',
    description: 'Title shown when topic is not found'
  },
-  'channel': {
+  channel: {
    id: 'channel',
    defaultMessage: 'channel',
    description: 'Subtitle shown for channels in MessagesView instead of last seen'
+  },
+  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'
  }
 });

@@ -128,7 +133,7 @@ class MessagesView extends React.Component {
      }
    }

-    const topic = this.props.tinode.getTopic(this.state.topic);
+    const topic = this.props.tinode ? this.props.tinode.getTopic(this.state.topic) : undefined;
    if (this.state.topic != prevState.topic) {
      if (prevState.topic && !Tinode.isNewGroupTopicName(prevState.topic)) {
        this.leave(prevState.topic);
@@ -511,7 +516,7 @@ class MessagesView extends React.Component {

      // Aknowledge messages except own messages. They are
      // automatically assumed to be read and recived.
-      const status = topic.msgStatus(msg);
+      const status = topic.msgStatus(msg, true);
      if (status >= Tinode.MESSAGE_STATUS_SENT && msg.from != this.props.myUserId) {
        this.postReadNotification(msg.seq);
      }
@@ -665,7 +670,7 @@ class MessagesView extends React.Component {

    if (file.size > maxExternAttachmentSize) {
      // Too large.
-      this.props.onError(this.props.intl.formatMessage({id: 'file_attachment_too_large'},
+      this.props.onError(this.props.intl.formatMessage(messages.file_attachment_too_large,
        {size: bytesToHumanSize(file.size), limit: bytesToHumanSize(maxExternAttachmentSize)}), 'err');
    } else {
      this.setState({ docPreview: {
@@ -844,7 +849,7 @@ class MessagesView extends React.Component {
          previousFrom = thisFrom;

          const isReply = !(thisFrom == this.props.myUserId);
-          const deliveryStatus = topic.msgStatus(msg);
+          const deliveryStatus = topic.msgStatus(msg, true);

          let userName, userAvatar, userFrom;
          if (groupTopic) {
@@ -75,7 +75,7 @@ export default class PasswordResetView extends React.PureComponent {
          </>
        }
        <div className="dialog-buttons">
-          <button className="blue" type="submit">{reset ?
+          <button className="primary" type="submit">{reset ?
            <FormattedMessage id="button_reset" defaultMessage="Reset" description="Button [Reset]" /> :
            <FormattedMessage id="button_send_request" defaultMessage="Send request"
              description="Button [Send request]" />
@@ -73,7 +73,7 @@ export default class SettingsView extends React.PureComponent {
          </ul>
        </div>
        <div className="dialog-buttons">
-          <button type="submit" className="blue">
+          <button type="submit" className="primary">
            <FormattedMessage id="button_update" defaultMessage="Update"
              description="Button [Update]" />
          </button>
@@ -20,67 +20,67 @@ import ValidationView from './validation-view.jsx';

 // Panel titles for translation.
 const messages = defineMessages({
-  'login': {
+  login: {
    id: 'sidepanel_title_login',
    description: 'Sidepanel title for LoginView.',
    defaultMessage: 'Sign In'
  },
-  'register': {
+  register: {
    id: 'sidepanel_title_register',
    description: 'Sidepanel title for CreateAccountView.',
    defaultMessage: 'Create Account'
  },
-  'settings': {
+  settings: {
    id: 'sidepanel_title_settings',
    description: 'Sidepanel title for SettingsView.',
    defaultMessage: 'Settings'
  },
-  'edit': {
+  edit: {
    id: 'sidepanel_title_account_settings',
    description: 'Sidepanel title for EditAccountView.',
    defaultMessage: 'Account Settings'
  },
-  'general': {
+  general: {
    id: 'sidepanel_title_acc_general',
    description: 'Sidepanel title for AccGeneralView.',
    defaultMessage: 'General'
  },
-  'security': {
+  security: {
    id: 'sidepanel_title_acc_security',
    description: 'Sidepanel title for AccSecurityView.',
    defaultMessage: 'Security'
  },
-  'notif': {
+  notif: {
    id: 'sidepanel_title_acc_notifications',
    description: 'Sidepanel title for AccNotificationsView.',
    defaultMessage: 'Notifications'
  },
-  'support': {
+  support: {
    id: 'sidepanel_title_acc_support',
    description: 'Sidepanel title for AccSupportView.',
    defaultMessage: 'Support'
  },
-  'newtpk': {
+  newtpk: {
    id: 'sidepanel_title_newtpk',
    description: 'Sidepanel title for NewTopicView.',
    defaultMessage: 'Start New Chat'
  },
-  'cred': {
+  cred: {
    id: 'sidepanel_title_cred',
    description: 'Sidepanel title for ValidationView.',
    defaultMessage: 'Confirm Credentials'
  },
-  'reset': {
+  reset: {
    id: 'sidepanel_title_reset',
    description: 'Sidepanel title for PasswordResetView.',
    defaultMessage: 'Reset Password'
  },
-  'archive': {
+  archive: {
    id: 'sidepanel_title_archive',
    description: 'Sidepanel title for ContactsView-Archive.',
    defaultMessage: 'Archived Chats'
  },
-  'blocked': {
+  blocked: {
    id: 'sidepanel_title_blocked',
    description: 'Sidepanel title for ContactsView-Blocked.',
    defaultMessage: 'Blocked Chats'
@@ -17,6 +17,7 @@ import SidepanelView from './sidepanel-view.jsx';

 import { API_KEY, APP_NAME, DEFAULT_P2P_ACCESS_MODE, LOGGING_ENABLED,
  MEDIA_BREAKPOINT, RECEIVED_DELAY } from '../config.js';
+import { PACKAGE_VERSION } from '../version.js';
 import { base64ReEncode, makeImageUrl } from '../lib/blob-helpers.js';
 import { detectServerAddress, isLocalHost, isSecureConnection } from '../lib/host-name.js';
 import LocalStorageUtil from '../lib/local-storage.js';
@@ -57,6 +58,11 @@ const messages = defineMessages({
    id: 'code_doesnot_match',
    defaultMessage: 'Code does not match',
    description: 'Error message when the credential validation code is incorrect.'
+  },
+  menu_item_info: {
+    id: 'menu_item_info',
+    defaultMessage: 'Info',
+    description: 'Show extended topic information'
  }
 });

@@ -104,9 +110,10 @@ class TinodeWeb extends React.Component {
    this.handleCredAdd = this.handleCredAdd.bind(this);
    this.handleCredDelete = this.handleCredDelete.bind(this);
    this.handleCredConfirm = this.handleCredConfirm.bind(this);
-    this.initDesktopAlerts = this.initDesktopAlerts.bind(this);
+    this.initFCMessaging = this.initFCMessaging.bind(this);
    this.togglePushToken = this.togglePushToken.bind(this);
    this.requestPushToken = this.requestPushToken.bind(this);
+    this.handlePushMessage = this.handlePushMessage.bind(this);
    this.handleSidepanelCancel = this.handleSidepanelCancel.bind(this);
    this.handleStartTopicRequest = this.handleStartTopicRequest.bind(this);
    this.handleNewTopicCreated = this.handleNewTopicCreated.bind(this);
@@ -134,6 +141,7 @@ class TinodeWeb extends React.Component {

  getBlankState() {
    const settings = LocalStorageUtil.getObject('settings') || {};
+    const persist = !!LocalStorageUtil.getObject('keep-logged-in');

    return {
      connected: false,
@@ -147,11 +155,11 @@ class TinodeWeb extends React.Component {
      // "On" is the default, so saving the "off" state.
      messageSounds: !settings.messageSoundsOff,
      incognitoMode: false,
-      desktopAlerts: settings.desktopAlerts,
+      desktopAlerts: persist && settings.desktopAlerts,
      desktopAlertsEnabled: (isSecureConnection() || isLocalHost()) &&
        (typeof firebase != 'undefined') && (typeof navigator != 'undefined') &&
        (typeof FIREBASE_INIT != 'undefined'),
-      firebaseToken: LocalStorageUtil.getObject('firebase-token'),
+      firebaseToken: persist ? LocalStorageUtil.getObject('firebase-token') : null,

      applicationVisible: !document.hidden,

@@ -195,7 +203,9 @@ class TinodeWeb extends React.Component {
      // Merged results of a search query and p2p chats.
      searchableContacts: [],
      credMethod: undefined,
-      credCode: undefined
+      credCode: undefined,
+      // Topic to go to after login.
+      requestedTopic: undefined
    };
  }

@@ -204,6 +214,10 @@ class TinodeWeb extends React.Component {
    window.addEventListener('online', (e) => { this.handleOnline(true); });
    window.addEventListener('offline', (e) => { this.handleOnline(false); });
    window.addEventListener('hashchange', this.handleHashRoute);
+    // Process background notifications from the service worker.
+    const serviceWorkerChannel = new BroadcastChannel('tinode-sw');
+    serviceWorkerChannel.addEventListener('message', this.handlePushMessage);
+
    // Window/tab visible or invisible for pausing timers.
    document.addEventListener('visibilitychange', this.handleVisibilityEvent);

@@ -214,39 +228,27 @@ class TinodeWeb extends React.Component {

    const keepLoggedIn = LocalStorageUtil.getObject('keep-logged-in');

-    const {formatMessage, locale} = this.props.intl;
    new Promise((resolve, reject) => {
-      this.tinode = TinodeWeb.tnSetup(this.state.serverAddress, this.state.transport, locale, keepLoggedIn, resolve);
+      this.tinode = TinodeWeb.tnSetup(this.state.serverAddress, this.state.transport,
+        this.props.intl.locale, keepLoggedIn, resolve);
      this.tinode.onConnect = this.handleConnected;
      this.tinode.onDisconnect = this.handleDisconnect;
      this.tinode.onAutoreconnectIteration = this.handleAutoreconnectIteration;
    }).then(() => {
      // 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.checkForAppUpdate(reg);
-            this.fbPush.useServiceWorker(reg);
-            reg.active.postMessage(JSON.stringify({locale: locale}));
-            this.initDesktopAlerts();
+        this.initFCMessaging().then(() => {
          if (this.state.desktopAlerts) {
            if (!this.state.firebaseToken) {
              this.togglePushToken(true);
            } else {
-                this.tinode.setDeviceToken(this.state.firebaseToken, true);
+              this.tinode.setDeviceToken(this.state.firebaseToken);
            }
          }
-          }).catch((err) => {
-            // registration failed :(
-            console.log("Failed to register service worker:", err);
+        }).catch(() => {
+          // do nothing: handled earlier.
+          // catch needed to pervent unnecessary logging of error.
        });
-        } catch (err) {
-          this.handleError(formatMessage(messages.push_init_failed), 'err');
-          console.log("Failed to initialize push notifications", err);
-          this.setState({desktopAlertsEnabled: false});
-        }
      }

      const token = keepLoggedIn ? LocalStorageUtil.getObject('auth-token') : undefined;
@@ -267,6 +269,8 @@ class TinodeWeb extends React.Component {
        parsedNav.path[0] = '';
        HashNavigation.navigateTo(HashNavigation.composeUrlHash(parsedNav.path, parsedNav.params));
      } else if (!parsedNav.params.token) {
+        // No token, save possible topic name and navigating to blank state.
+        this.setState({requestedTopic: parsedNav.path[1]});
        HashNavigation.navigateTo('');
      }

@@ -292,6 +296,51 @@ class TinodeWeb extends React.Component {
    return tinode;
  }

+  // Notifiy Tinode that a push message was received from the server.
+  handlePushMessage(payload) {
+    if (payload.data.what == 'msg' && Tinode.isChannelTopicName(payload.data.topic)) {
+      // The last argument is a fake user Id: otherwise the update is seen as one from the current user.
+      this.tinode.oobNotification(payload.data.topic, payload.data.seq, 'fake-uid');
+    }
+  }
+
+  initFCMessaging() {
+    const {formatMessage, locale} = this.props.intl;
+    const onError = (msg, err) => {
+      console.log(msg, err);
+      this.handleError(formatMessage(messages.push_init_failed), 'err');
+      this.setState({desktopAlertsEnabled: false});
+    }
+
+    try {
+      this.fbPush = firebase.initializeApp(FIREBASE_INIT, APP_NAME).messaging();
+      this.fbPush.usePublicVapidKey(FIREBASE_INIT.messagingVapidKey);
+
+      return navigator.serviceWorker.register('/service-worker.js').then((reg) => {
+        this.checkForAppUpdate(reg);
+        this.fbPush.useServiceWorker(reg);
+        reg.active.postMessage(JSON.stringify({locale: locale, version: PACKAGE_VERSION}));
+        // Google could not be bothered to mention that
+        // onTokenRefresh is never called.
+        this.fbPush.onTokenRefresh(() => {
+          this.requestPushToken();
+        });
+
+        // FCM pushes for channels have to be handled even when the app is in the foreground.
+        this.fbPush.onMessage(this.handlePushMessage);
+
+        return reg;
+      }).catch((err) => {
+        // registration failed :(
+        onError("Failed to register service worker:", err);
+        return new Promise.reject(err);
+      });
+    } catch (err) {
+      onError("Failed to initialize push notifications", err);
+      return new Promise.reject(err);
+    }
+  }
+
  handleResize() {
    const mobile = document.documentElement.clientWidth <= MEDIA_BREAKPOINT;
    this.setState({
@@ -364,6 +413,8 @@ class TinodeWeb extends React.Component {
  handleOnline(online) {
    if (online) {
      this.handleError();
+      clearInterval(this.reconnectCountdown);
+      this.tinode.reconnect();
    } else {
      this.handleError(this.props.intl.formatMessage(messages.no_connection), 'warn');
    }
@@ -529,6 +580,8 @@ class TinodeWeb extends React.Component {
    if (LocalStorageUtil.getObject('keep-logged-in')) {
      LocalStorageUtil.setObject('auth-token', this.tinode.getAuthToken());
    }
+
+    const goToTopic = this.state.requestedTopic;
    // Logged in fine, subscribe to 'me' attaching callbacks from the contacts view.
    const me = this.tinode.getMeTopic();
    me.onMetaDesc = this.tnMeMetaDesc;
@@ -540,6 +593,7 @@ class TinodeWeb extends React.Component {
      credCode: undefined,
      myUserId: this.tinode.getCurrentUserID(),
      autoLogin: true,
+      requestedTopic: undefined,
    });
    // Subscribe, fetch topic desc, the list of subscriptions. Messages are not fetched.
    me.subscribe(
@@ -557,7 +611,11 @@ class TinodeWeb extends React.Component {
      }).finally(() => {
        this.setState({loadSpinnerVisible: false});
      });
-    HashNavigation.navigateTo(HashNavigation.setUrlSidePanel(window.location.hash, 'contacts'));
+    let urlHash = HashNavigation.setUrlSidePanel(window.location.hash, 'contacts');
+    if (goToTopic) {
+      urlHash = HashNavigation.setUrlTopic(urlHash, goToTopic);
+    }
+    HashNavigation.navigateTo(urlHash);
  }

  tnMeMetaDesc(desc) {
@@ -669,6 +727,10 @@ class TinodeWeb extends React.Component {
    }

    this.tinode.getMeTopic().contacts((c) => {
+      if (!c.topic && !c.user) {
+        // Contacts expect c.topic to be set.
+        c.topic = c.name;
+      }
      newState.chatList.push(c);
      if (this.state.topicSelected == c.topic) {
        newState.topicSelectedOnline = c.online;
@@ -683,7 +745,7 @@ class TinodeWeb extends React.Component {
  // Sending "received" notifications
  tnData(data) {
    const topic = this.tinode.getTopic(data.topic);
-    if (topic.msgStatus(data) >= Tinode.MESSAGE_STATUS_SENT && data.from != this.state.myUserId) {
+    if (topic.msgStatus(data, true) >= Tinode.MESSAGE_STATUS_SENT && data.from != this.state.myUserId) {
      clearTimeout(this.receivedTimer);
      this.receivedTimer = setTimeout(() => {
        this.receivedTimer = undefined;
@@ -961,42 +1023,37 @@ class TinodeWeb extends React.Component {
      this.state.myUserId ? 'blocked' : ''));
  }

-  // Initialize desktop alerts = push notifications.
-  initDesktopAlerts() {
-    // Google could not be bothered to mention that
-    // onTokenRefresh is never called.
-    this.fbPush.onTokenRefresh(() => {
-      this.requestPushToken();
-    });
-
-    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(() => {
+        const fcm = this.fbPush ?
+          new Promise().resolve() :
+          this.initFCMessaging();
+        fcm.then(() => {
+          return this.fbPush.requestPermission();
+        }).then(() => {
          this.requestPushToken();
        }).catch((err) => {
+          console.log("Failed to get notification permission.", 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});
+        if (LocalStorageUtil.getObject('keep-logged-in')) {
          LocalStorageUtil.updateObject('settings', {desktopAlerts: true});
        }
-    } else if (this.state.firebaseToken) {
+      }
+    } else if (this.state.firebaseToken && this.fbPush) {
      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});
+        // Inform the server that the token was deleted.
+        this.tinode.setDeviceToken(null);
      });
    } else {
      this.setState({desktopAlerts: false, firebaseToken: null});
@@ -1006,12 +1063,17 @@ class TinodeWeb extends React.Component {

  requestPushToken() {
    this.fbPush.getToken().then((refreshedToken) => {
+      const persist = LocalStorageUtil.getObject('keep-logged-in');
      if (refreshedToken != this.state.firebaseToken) {
-        this.tinode.setDeviceToken(refreshedToken, true);
+        this.tinode.setDeviceToken(refreshedToken);
+        if (persist) {
          LocalStorageUtil.setObject('firebase-token', refreshedToken);
        }
+      }
      this.setState({firebaseToken: refreshedToken, desktopAlerts: true});
+      if (persist) {
        LocalStorageUtil.updateObject('settings', {desktopAlerts: true});
+      }
    }).catch((err) => {
      this.handleError(err.message, 'err');
      console.log("Failed to retrieve firebase token", err);
@@ -1271,7 +1333,7 @@ class TinodeWeb extends React.Component {

    return [
      subscribed ? {
-        title: this.props.intl.formatMessage({id: 'menu_item_info'}),
+        title: this.props.intl.formatMessage(messages.menu_item_info),
        handler: this.handleShowInfoView
      } : null,
      subscribed ? 'messages_clear' : null,
@@ -78,11 +78,11 @@ class ValidationView extends React.PureComponent {
        }</FormattedMessage>
        </div>
        <div className="dialog-buttons">
-          <button className="blue" onClick={this.handleSubmit}>
+          <button className="primary" onClick={this.handleSubmit}>
            <FormattedMessage id="button_confirm" defaultMessage="Confirm" description="Button [Confirm]" />
          </button>
-          <button className="white" onClick={this.handleCancel}>
-            <FormattedMessage id="button_cancel" />
+          <button className="secondary" onClick={this.handleCancel}>
+            <FormattedMessage id="button_cancel" defaultMessage="Cancel" description="Button [Cancel]" />
          </button>
        </div>
      </div>
@@ -11,13 +11,13 @@ export default class Alert extends React.PureComponent {
          <div className="dialog-buttons">
            {this.props.onReject ?
              <button className="outline" onClick={this.props.onReject}>
-                {this.props.reject || <FormattedMessage id="button_cancel" />}
+                {this.props.reject || <FormattedMessage id="button_cancel" defaultMessage="Cancel" description="Button [Cancel]" />}
              </button>
              :
              null
            }
-            <button className="blue" onClick={this.props.onConfirm}>
-              {this.props.confirm || <FormattedMessage id="button_ok" />}
+            <button className="primary" onClick={this.props.onConfirm}>
+              {this.props.confirm || <FormattedMessage id="button_ok" defaultMessage="OK" description="Button [OK]"  />}
            </button>
          </div>
        </div>
@@ -77,7 +77,7 @@ export default class ChatMessage extends React.Component {
      (this.props.sequence + ' ' + (this.props.response ? 'left' : 'right'));
    const bubbleClass = (this.props.sequence == 'single' || this.props.sequence == 'last') ? 'bubble tip' : 'bubble';
    const avatar = this.props.deleted ? null : (this.props.userAvatar || true);
-    const fullDisplay = (this.props.userFrom && this.props.response &&
+    const fullDisplay = (this.props.userFrom && this.props.response && !this.props.deleted &&
      (this.props.sequence == 'single' || this.props.sequence == 'last'));

    let content = this.props.content;
@@ -48,14 +48,14 @@ class ContactList extends React.Component {
          // If filter function is provided, filter out the items
          // which don't satisfy the condition.
          if (this.props.filterFunc && this.props.filter) {
-            let content = [key];
+            const filterOn = [key];
            if (c.private && c.private.comment) {
-              content.push(('' + c.private.comment).toLowerCase());
+              filterOn.push(('' + c.private.comment).toLowerCase());
            }
            if (c.public && c.public.fn) {
-              content.push(('' + c.public.fn).toLowerCase());
+              filterOn.push(('' + c.public.fn).toLowerCase());
            }
-            if (!this.props.filterFunc(this.props.filter, content)) {
+            if (!this.props.filterFunc(this.props.filter, filterOn)) {
              return;
            }
          }
@@ -78,10 +78,10 @@ class ContactList extends React.Component {
            c.private.join(',') : (c.private ? c.private.comment : null);
          let preview;
          let deliveryStatus;
-          if (!this.props.showMode) {
+          if (!this.props.showMode && c.latestMessage) {
            const msg = c.latestMessage();
            if (msg) {
-              deliveryStatus = c.msgStatus(msg);
+              deliveryStatus = msg._status || c.msgStatus(msg, true);
              preview = typeof msg.content == 'string' ?
                msg.content.substr(0, MESSAGE_PREVIEW_LENGTH) :
                Drafty.preview(msg.content, MESSAGE_PREVIEW_LENGTH);
@@ -37,7 +37,8 @@ export default class Contact extends React.Component {
  render() {
    let title = this.props.title;
    if (!title) {
-      title = <i><FormattedMessage id="unnamed_topic" /></i>;
+      title = <i><FormattedMessage id="unnamed_topic" defaultMessage="Unnamed"
+        description="Title shown when the topic has no name" /></i>;
    } else if (title.length > 30) {
      // FIXME: this is probably wrong for RTL languages.
      title = title.substring(0, 28) + '…';
@@ -83,8 +84,9 @@ export default class Contact extends React.Component {
            {this.props.isChannel ? <img src="/img/channel.png" className="channel" alt="channel" /> : null}
            <UnreadBadge count={this.props.unread} /><ContactBadges badges={icon_badges} />
          </div>
-          <div className="contact-comment">{marker}{subtitle || '\u00A0'}</div>
-          <span><ContactBadges badges={badges} /></span>
+          {this.props.showMode ?
+            <span><ContactBadges badges={badges} /></span> :
+            <div className="contact-comment">{marker}{subtitle || '\u00A0'}</div>}
        </div>
        {this.props.showContextMenu ?
          <span className="menuTrigger">
@@ -104,6 +106,11 @@ function draftyFormatter(style, data, values, key) {
  const attr = { key: key };
  if (el) {
    switch (style) {
+      case 'BR':
+        // Replace new line with a space.
+        el = React.Fragment;
+        values = [' '];
+        break;
      case 'HL':
        // Make highlight less prominent in preview.
        attr.className = 'highlight preview';
@@ -115,7 +122,7 @@ function draftyFormatter(style, data, values, key) {
      case 'IM':
        // Replace image with '[icon] Image'.
        el = React.Fragment;
-        values = [<i className="material-icons">photo</i>, 'Picture'];
+        values = [<i key="im" className="material-icons">photo</i>, 'Picture'];
        break;
      case 'BN':
        el = 'span';
@@ -123,19 +130,19 @@ function draftyFormatter(style, data, values, key) {
        break;
      case 'FM':
        el = React.Fragment;
-        values = [<i className="material-icons">dashboard</i>, 'Form:'];
+        values = [<i key="fm" className="material-icons">dashboard</i>, 'Form: '].concat(values || []);
        break;
      case 'RW':
        el = React.Fragment;
        break;
      case 'EX':
        el = React.Fragment;
-        values = [<i className="material-icons">attachment</i>, 'Attachment'];
+        values = [<i key="ex" className="material-icons">attachment</i>, 'Attachment'];
        break;
      default:
        if (el == '_UNKN') {
          el = React.Fragment;
-          values = [<i className="material-icons">extension</i>];
+          values = [<i key="unkn" className="material-icons">extension</i>];
        }
        break;
    }
@@ -22,7 +22,7 @@ const messages = defineMessages({
    defaultMessage: 'Clear for All',
    description: 'Delete all message(s) for all members'
  },
-  'delete': {
+  delete: {
    id: 'menu_item_delete',
    defaultMessage: 'Delete',
    description: 'Delete selected messages'
@@ -57,6 +57,11 @@ const messages = defineMessages({
    defaultMessage: 'Are you sure you want to delete this conversation?',
    description: 'Alert warning when deleting entire topic'
  },
+  delete_messages_warning: {
+    id: 'delete_messages_warning',
+    defaultMessage: 'Are you sure you want to delete all messages for everyone? It cannot be undone.',
+    description: 'Alert dialog warning when hard-deleting all messages.'
+  },
  unblock: {
    id: 'menu_item_unblock',
    defaultMessage: 'Unblock',
@@ -82,7 +87,17 @@ const messages = defineMessages({
    id: 'menu_item_archive_topic',
    defaultMessage: 'Archive',
    description: 'Move topic from the list of active chats to archive'
-  }
+  },
+  edit_permissions: {
+    id: 'menu_item_edit_permissions',
+    defaultMessage: 'Edit permissions',
+    description: 'Menu item [Edit permissions]'
+  },
+  clear_messages_warning: {
+    id: 'clear_messages_warning',
+    defaultMessage: 'Are you sure you want to clear all messages? It cannot be undone.',
+    description: 'Alert dialog warning when deleting all messages.'
+  },
 });

 class ContextMenu extends React.Component {
@@ -107,8 +122,8 @@ class ContextMenu extends React.Component {
        title: formatMessage(messages.clear_messages),
        handler: (params, errorHandler) => {
          return props.onShowAlert(
-            formatMessage(messages.menu_item_clear_messages), // title
-            formatMessage({id: 'clear_messages_warning'}), // content
+            formatMessage(messages.clear_messages), // title
+            formatMessage(messages.clear_messages_warning), // content
            (() => { this.deleteMessages(true, false, params, errorHandler); }), // onConfirm
            null, // "OK"
            true, // Show Reject button
@@ -121,8 +136,8 @@ class ContextMenu extends React.Component {
        title: formatMessage(messages.clear_for_all),
        handler: (params, errorHandler) => {
          return props.onShowAlert(
-            formatMessage(messages.menu_item_clear_messages_for_all), // title
-            formatMessage({id: 'delete_messages_warning'}), // content
+            formatMessage(messages.clear_for_all), // title
+            formatMessage(message.delete_messages_warning), // content
            (() => { return this.deleteMessages(true, true, params, errorHandler); }),
            null, // "OK"
            true, // Show Reject button
@@ -171,7 +186,7 @@ class ContextMenu extends React.Component {
        title: formatMessage(messages.block),
        handler: (params, errorHandler) => {
          return props.onShowAlert(
-            formatMessage(messages.menu_item_block), // title
+            formatMessage(messages.block), // title
            formatMessage(messages.topic_block_warning), // content
            (() => {
              return this.topicPermissionSetter('-JP', params, errorHandler).then((ctrl) => {
@@ -190,7 +205,7 @@ class ContextMenu extends React.Component {
        title: formatMessage(messages.topic_delete),
        handler: (params, errorHandler) => {
          return props.onShowAlert(
-            formatMessage(messages.menu_item_delete_topic), // title
+            formatMessage(messages.topic_delete), // title
            formatMessage(messages.topic_delete_warning), // content
            (() => {
              const topic = this.props.tinode.getTopic(params.topicName);
@@ -229,7 +244,7 @@ class ContextMenu extends React.Component {
      // menu_item_edit_permissions is defined elsewhere.
      'permissions': {
        id: 'permissions',
-        title: formatMessage({id: 'menu_item_edit_permissions'}),
+        title: formatMessage(messages.edit_permissions),
        handler: null
      },
      'member_delete': {
@@ -37,8 +37,10 @@ export default class DocPreview extends React.PureComponent {
        <div id="image-preview-container">
          <div className="flex-column narrow">
            <i className="material-icons gray">{iconFromMime(this.props.content.type)}</i>
-            <div><b><FormattedMessage id="label_content_type" /></b> {this.props.content.type || 'application/octet-stream'}</div>
-            <div><b><FormattedMessage id="label_size" /></b> {bytesToHumanSize(this.props.content.size)}</div>
+            <div><b><FormattedMessage id="label_content_type" defaultMessage="Content type:"
+              description="Label for file content type (mime)" /></b> {this.props.content.type || 'application/octet-stream'}</div>
+            <div><b><FormattedMessage id="label_size" defaultMessage="Size:"
+              description="Label for file size" /></b> {bytesToHumanSize(this.props.content.size)}</div>
          </div>
        </div>
        <SendMessage
@@ -188,10 +188,10 @@ class GroupManager extends React.Component {
          showUnread={false}
          onTopicSelected={this.handleContactSelected} />
        <div id="group-manager-buttons" className="panel-form-row">
-          <button className="blue" onClick={this.handleSubmit}>
+          <button className="primary" onClick={this.handleSubmit}>
            <FormattedMessage id="button_ok" defaultMessage="OK" description="Button [OK]" />
          </button>
-          <button className="white" onClick={this.handleCancel}>
+          <button className="secondary" onClick={this.handleCancel}>
            <FormattedMessage id="button_cancel" defaultMessage="Cancel" description="Button [Cancel]" />
          </button>
        </div>
@@ -23,15 +23,15 @@ export default class Invitation extends React.PureComponent {
            description="New chat invitation message: [Accept] [Ignore] [Block]." />
        </div>
        <div className="footer">
-          <button className="blue" onClick={event => { this.handleButtonAction(event, "accept"); }}>
+          <button className="primary" onClick={event => { this.handleButtonAction(event, "accept"); }}>
            <FormattedMessage id="chat_invitation_accept"
              defaultMessage="Accept" description="Action [Accept] for chat invitation." />
          </button>
-          <button className="white" onClick={event => { this.handleButtonAction(event, "delete"); }}>
+          <button className="secondary" onClick={event => { this.handleButtonAction(event, "delete"); }}>
            <FormattedMessage id="chat_invitation_ignore"
              defaultMessage="Ignore" description="Action [Ignore] for chat invitation." />
          </button>
-          <button className="white" onClick={event => { this.handleButtonAction(event, "block"); }}>
+          <button className="secondary" onClick={event => { this.handleButtonAction(event, "block"); }}>
            <FormattedMessage id="chat_invitation_block"
              defaultMessage="Block" description="Action [Block] for chat invitation." />
          </button>
@@ -35,8 +35,9 @@ class NewTopicById extends React.PureComponent {
  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')) {
+      const name = this.state.groupId.trim();
+      const prefix = name.substr(0, 3);
+      if (name.length > 3 && ['usr', 'grp', 'chn'].includes(prefix)) {
        this.props.onSubmit(name);
      } else {
        this.props.onError(this.props.intl.formatMessage(messages.invalid_id), 'err');
@@ -56,7 +57,7 @@ class NewTopicById extends React.PureComponent {
        }</FormattedMessage>
        </div>
        <div className="dialog-buttons">
-          <button className="blue" onClick={this.handleSubmit}>
+          <button className="primary" onClick={this.handleSubmit}>
            <FormattedMessage id="button_subscribe" defaultMessage="Subscribe"
              description="Button [Subscribe]" />
          </button>
@@ -58,7 +58,7 @@ export default class NewTopicGroup extends React.PureComponent {
  }

  render() {
-    var submitClasses = 'blue';
+    let submitClasses = 'primary';
    if (this.props.disabled) {
      submitClasses += ' disabled';
    }
@@ -67,7 +67,8 @@ export default class NewTopicGroup extends React.PureComponent {
        <div className="panel-form-row">
          <div className="panel-form-column">
            <label className="small" htmlFor="new-topic-fn">
-              <FormattedMessage id="label_topic_name" />
+              <FormattedMessage id="label_topic_name" defaultMessage="Name"
+                description="Label for editing topic name" />
            </label>
            <FormattedMessage id="topic_name_editing_placeholder" defaultMessage="Freeform name of the group"
              description="Prompt for entering topic name">{
@@ -76,9 +77,11 @@ export default class NewTopicGroup extends React.PureComponent {
            }</FormattedMessage>
            <br />
            <label className="small" htmlFor="new-topic-priv">
-              <FormattedMessage id="label_private" />
+              <FormattedMessage id="label_private" defaultMessage="Private comment"
+                description="Label for editing 'private'" />
            </label>
-            <FormattedMessage id="private_editing_placeholder">{
+            <FormattedMessage id="private_editing_placeholder" defaultMessage="Visible to you only"
+              description="Placeholder for editing 'private'">{
              (placeholder) => <input type="text" id="new-topic-priv" placeholder={placeholder}
                value={this.state.private} onChange={this.handlePrivateChange} />
            }</FormattedMessage>
@@ -93,7 +96,8 @@ export default class NewTopicGroup extends React.PureComponent {
            defaultMessage="This is a channel"
            description="Checkbox label when creating a channel" /></label>
        </div>
-        <FormattedMessage id="title_tag_manager">{
+        <FormattedMessage id="title_tag_manager" defaultMessage="Tags (user discovery)"
+          description="Section title for TagManager">{
          (title) => <TagManager
            tags={this.state.tags}
            activated={true}
@@ -10,42 +10,42 @@ import { makeImageUrl } from '../lib/blob-helpers.js';

 // Translatable permission names.
 const messages = defineMessages({
-  'joiner': {
+  joiner: {
    id: 'permission_join',
    defaultMessage: "Join ({val})",
    description: 'Name of J permission'
  },
-  'reader': {
+  reader: {
    id: 'permission_read',
    defaultMessage: "Read ({val})",
    description: 'Name of R permission'
  },
-  'writer': {
+  writer: {
    id: 'permission_write',
    defaultMessage: "Write ({val})",
    description: 'Name of W permission'
  },
-  'preser': {
+  preser: {
    id: 'permission_pres',
    defaultMessage: "Get notified ({val})",
    description: 'Name of P permission'
  },
-  'approver': {
+  approver: {
    id: 'permission_admin',
    defaultMessage: "Approve ({val})",
    description: 'Name of A permission'
  },
-  'sharer': {
+  sharer: {
    id: 'permission_share',
    defaultMessage: "Share ({val})",
    description: 'Name of S permission'
  },
-  'deleter': {
+  deleter: {
    id: 'permission_delete',
    defaultMessage: "Delete ({val})",
    description: 'Name of D permission'
  },
-  'owner': {
+  owner: {
    id: 'permission_owner',
    defaultMessage: "Owner ({val})",
    description: 'Name of O permission'
@@ -151,10 +151,10 @@ class PermissionsEditor extends React.Component {
        <br />
        <div className="dialog-buttons">
          <button className="outline" onClick={this.handleCancel}>
-            <FormattedMessage id="button_cancel" />
+            <FormattedMessage id="button_cancel" defaultMessage="Cancel" description="Button [Cancel]" />
          </button>
-          <button className="blue" onClick={this.handleSubmit}>
-            <FormattedMessage id="button_ok" />
+          <button className="primary" onClick={this.handleSubmit}>
+            <FormattedMessage id="button_ok" defaultMessage="OK" description="Button [OK]" />
          </button>
        </div>
      </div>
@@ -8,15 +8,15 @@ import { shortDateFormat } from '../lib/strformat.js';
 import { deliveryMarker } from '../lib/utils.js';

 const messages = defineMessages({
-  'sending': {
-    'id': 'message_sending',
-    'defaultMessage': 'sending...',
-    'description': 'Message being sent, in place of time stamp'
+  message_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'
+  message_sending_failed: {
+    id: 'message_sending_failed',
+    defaultMessage: 'failed',
+    description: 'Failed to send message, in place of time stamp'
  }
 });

@@ -25,9 +25,9 @@ class ReceivedMarker extends React.PureComponent {
    const {formatMessage} = this.props.intl;
    let timestamp;
    if (this.props.received <= Tinode.MESSAGE_STATUS_SENDING) {
-      timestamp = formatMessage(messages.sending);
+      timestamp = formatMessage(messages.message_sending);
    } else if (this.props.received == Tinode.MESSAGE_STATUS_FAILED) {
-      timestamp = formatMessage(messages.failed);
+      timestamp = formatMessage(messages.message_sending_failed);
    } else {
      timestamp = shortDateFormat(this.props.timestamp, this.props.intl.locale);
    }
@@ -7,27 +7,27 @@ import { KEYPRESS_DELAY } from '../config.js';
 import { filePasted } from '../lib/blob-helpers.js';

 const messages = defineMessages({
-  'messaging_disabled': {
+  messaging_disabled: {
    id: 'messaging_disabled_prompt',
    defaultMessage: 'Messaging disabled',
    description: 'Prompt in SendMessage in read-only topic'
  },
-  'type_new_message': {
+  type_new_message: {
    id: 'new_message_prompt',
    defaultMessage: 'New message',
    description: 'Prompt in send message field'
  },
-  'add_image_caption': {
+  add_image_caption: {
    id: 'image_caption_prompt',
    defaultMessage: 'Image caption',
    description: 'Prompt in SendMessage for attached image'
  },
-  'file_attachment_too_large': {
+  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': {
+  cannot_initiate_upload: {
    id: 'cannot_initiate_file_upload',
    defaultMessage: 'Cannot initiate file upload.',
    description: 'Generic error messagewhen attachment fails'
@@ -128,10 +128,10 @@ export default class TagManager extends React.Component {
          {this.props.onSubmit || this.props.onCancel ?
            <div id="tag-manager-buttons" className="dialog-buttons panel-form-row">
              <button className="outline" onClick={this.handleCancel}>
-                <FormattedMessage id="button_cancel" defautMessage="Cancel" description="Rejection button [Cancel]" />
+                <FormattedMessage id="button_cancel" defaultMessage="Cancel" description="Button [Cancel]" />
              </button>
-              <button className="blue" onClick={this.handleSubmit}>
-                <FormattedMessage id="button_ok" defautMessage="OK" description="Confirmation button [OK]" />
+              <button className="primary" onClick={this.handleSubmit}>
+                <FormattedMessage id="button_ok" defaultMessage="OK" description="Button [OK]" />
              </button>
            </div>
          : null}
@@ -26,7 +26,7 @@ module.exports = (env, argv) => {
      publicPath: '/umd/'
    },
    optimization: {
-      minimize: (argv.mode === 'production'),
+      minimize: (mode === 'prod'),
      minimizer: [
        new TerserPlugin({
          terserOptions: {
Author	SHA1	Message	Date
or-else	bd24711785	refreshed the screenshots	2021-04-25 16:48:52 -07:00
or-else	304b5fac6e	bug fix: don't cache POST responses	2021-04-25 16:48:00 -07:00
or-else	9cfbfe48ea	preserve navigation state on page reload	2021-04-23 17:58:33 -07:00
or-else	9e32098b55	later builds of react-intl do not support umd	2021-04-21 17:13:56 -07:00
or-else	2a1814254c	dependencies updated	2021-04-20 17:40:28 -07:00
or-else	e0633bfa0d	bump version and rebuild	2021-04-20 15:41:47 -07:00
or-else	a33891a5a9	refresh channels on push, correctly set push enabled status	2021-04-12 16:59:01 -07:00
or-else	8504e4a155	fix FCM initialization and a crash	2021-04-09 16:31:33 -07:00
or-else	390a380763	bump version and rebuild	2021-04-08 15:12:07 -07:00
or-else	c01f80c248	more generic names of some css classes	2021-04-06 17:34:10 -07:00
or-else	7427c45c81	rebuilt	2021-04-04 18:37:06 -07:00
or-else	5175ac1dfe	make some css class names more generic	2021-04-04 18:35:41 -07:00
or-else	9e17dc73fe	rebuilt with linked sdk	2021-04-04 17:33:06 -07:00
or-else	8843e562da	possible fix for #67	2021-04-04 11:46:26 -07:00
or-else	5146a6c3d8	rebuilt	2021-03-30 19:40:34 -07:00
or-else	c22ee282e9	fix: remove Not Found from author field in deleted group messages	2021-03-29 19:05:19 -07:00
or-else	0b5ac811c4	version bumped, rebuilt	2021-03-25 16:09:48 -07:00
or-else	096399fb0a	rebuilt with fixes	2021-03-15 16:48:47 -07:00
or-else	e703490a1e	add 'chn' to the list of permitted topic name prefixes	2021-03-15 16:47:31 -07:00
or-else	6cd180771a	fix missing topic name in contacts	2021-03-15 16:47:03 -07:00
or-else	beb861d707	rename ambiguous variable	2021-03-15 16:46:39 -07:00
or-else	d4f299aa40	fix broken confirmation menus	2021-03-14 14:04:46 -07:00
or-else	c2b1433ed6	cosmetic fixes	2021-03-13 16:56:19 -08:00
or-else	6157557a12	Merge branch 'devel' of https://github.com/tinode/webapp into devel	2021-02-28 15:27:19 -08:00
or-else	0443814f0c	add required react keys to extra elements	2021-02-28 15:27:02 -08:00
or-else	a5537a5664	fix display of form previews	2021-02-28 14:48:54 -08:00
or-else	ebb7537b2f	dependencies updated	2021-02-28 14:47:33 -08:00
or-else	efd1461102	visual tweaks of message preview and buttons	2021-02-28 14:46:29 -08:00
Gene	7022cf1f64	Merge pull request #64 from kant/patch-3 Typos fixed (lines 51 & 108)	2021-02-22 18:32:21 -08:00
Darío Hereñú	6689e68a7a	Typos fixed (lines 51 & 108)	2021-02-22 21:19:58 -03:00
or-else	99423dd04f	clear device token when requested	2021-02-21 16:48:27 -08:00
or-else	50344f3cd5	adding placeholder for foreground topic fcm messages	2021-02-17 18:37:06 -08:00
or-else	b410879ca9	google renamed a method, fixing	2021-02-17 18:36:17 -08:00
or-else	d904af2d2c	rebuild with sdk bug fixes	2021-02-13 08:54:49 -08:00
or-else	d28d498e03	change version to -alpha1	2021-02-11 14:19:50 -08:00
or-else	c81cfa3af3	fix for #62	2021-02-05 11:12:06 -08:00
or-else	705932825a	bump version to beta-1	2021-02-04 15:29:22 -08:00
or-else	6ace7e72ab	message previews work	2021-02-03 19:04:25 -08:00
or-else	4d972791af	build with correct version of the sdk	2021-01-29 09:42:03 -08:00
or-else	3187625dc5	merging devel fixes	2021-01-29 09:38:26 -08:00
or-else	fb5447c92f	fix misnamed message ids	2021-01-29 09:20:22 -08:00
or-else	55c24f884e	Merge branch 'devel' into next	2021-01-28 17:18:40 -08:00
or-else	5795e40573	rename flatten-messages.js -> pack-messages.js	2021-01-28 16:58:11 -08:00
or-else	f7652ec3c3	don't minimize dev output	2021-01-28 16:57:39 -08:00
or-else	60b4ed034a	rebuilt messages	2021-01-28 16:53:11 -08:00
or-else	189634657e	updated scripts and added locale section	2021-01-28 16:52:21 -08:00
or-else	dfcacdc392	updated scripts and added locale section	2021-01-28 16:52:03 -08:00
or-else	25a22d7da9	mention new translation scheme	2021-01-28 16:51:11 -08:00
or-else	9e574aa6c5	check in file with raw extracted strings	2021-01-28 16:28:19 -08:00
or-else	3144e7a721	a few more format changes	2021-01-28 16:23:17 -08:00
or-else	bc3f13d360	fix message format which causes failure to extract	2021-01-28 16:02:29 -08:00
or-else	010665284b	firmatjs requires exlicit declarations everywhere now	2021-01-27 18:21:06 -08:00