support for incognito mode

src/views/edit-account-view.jsx

@@ -92,6 +92,8 @@ export default class EditAccountView extends React.Component {
       this.props.onToggleMessageSounds(checked);
     } else if (what == 'alert') {
       this.props.onTogglePushNotifications(checked);
+    } else if (what == 'incognito') {
+      this.props.onToggleIncognitoMode(checked);
     }
   }
 
@@ -225,8 +227,7 @@ export default class EditAccountView extends React.Component {
                 description="Label for message sounds toggle" />
             </label>
             <CheckBox name="sound" id="message-sound"
-              checked={this.props.messageSounds}
-              onChange={this.handleCheckboxClick} />
+              checked={this.props.messageSounds} onChange={this.handleCheckboxClick} />
           </div>
           <div className="panel-form-row">
             <label htmlFor="desktop-alerts">
@@ -243,6 +244,14 @@ export default class EditAccountView extends React.Component {
               checked={this.props.desktopAlerts}
               onChange={this.props.desktopAlertsEnabled ? this.handleCheckboxClick : null} />
           </div>
+          <div className="panel-form-row">
+            <label htmlFor="incognito-mode">
+              <FormattedMessage id="label_incognito_mode" defaultMessage="Incognito mode:"
+                description="Label for incognito mode toggle" />
+            </label>
+            <CheckBox name="incognito" id="incognito-mode"
+              checked={this.props.incognitoMode} onChange={this.handleCheckboxClick} />
+          </div>
           <div className="hr" />
           <FormattedMessage id="title_tag_manager" defaultMessage="Tags (user discovery)"
             description="Section title for TagManager">{

src/views/sidepanel-view.jsx

@@ -134,10 +134,12 @@ class SidepanelView extends React.Component {
             messageSounds={this.props.messageSounds}
             desktopAlerts={this.props.desktopAlerts}
             desktopAlertsEnabled={this.props.desktopAlertsEnabled}
+            incognitoMode={this.props.incognitoMode}
             onUpdateAccount={this.props.onUpdateAccount}
             onUpdateTags={this.props.onUpdateAccountTags}
             onTogglePushNotifications={this.props.onTogglePushNotifications}
             onToggleMessageSounds={this.props.onToggleMessageSounds}
+            onToggleIncognitoMode={this.props.onToggleIncognitoMode}
             onCredAdd={this.props.onCredAdd}
             onCredDelete={this.props.onCredDelete}
             onCredConfirm={this.props.onCredConfirm}

src/views/tinode-web.jsx

@@ -80,6 +80,7 @@ class TinodeWeb extends React.Component {
     this.handleNewAccountRequest = this.handleNewAccountRequest.bind(this);
     this.handleUpdateAccountRequest = this.handleUpdateAccountRequest.bind(this);
     this.handleUpdateAccountTagsRequest = this.handleUpdateAccountTagsRequest.bind(this);
+    this.handleToggleIncognitoMode = this.handleToggleIncognitoMode.bind(this);
     this.handleSettings = this.handleSettings.bind(this);
     this.handleGlobalSettings = this.handleGlobalSettings.bind(this);
     this.handleShowArchive = this.handleShowArchive.bind(this);
@@ -129,6 +130,7 @@ class TinodeWeb extends React.Component {
       serverVersion: "no connection",
       // "On" is the default, so saving the "off" state.
       messageSounds: !settings.messageSoundsOff,
+      incognitoMode: false,
       desktopAlerts: settings.desktopAlerts,
       desktopAlertsEnabled: (isSecureConnection() || isLocalHost()) &&
         (typeof firebase != 'undefined') && (typeof navigator != 'undefined') &&
@@ -530,11 +532,18 @@ class TinodeWeb extends React.Component {
   }
 
   tnMeMetaDesc(desc) {
-    if (desc && desc.public) {
-      this.setState({
-        sidePanelTitle: desc.public.fn,
-        sidePanelAvatar: makeImageUrl(desc.public.photo)
-      });
+    if (desc) {
+      if (desc.public) {
+        this.setState({
+          sidePanelTitle: desc.public.fn,
+          sidePanelAvatar: makeImageUrl(desc.public.photo)
+        });
+      }
+      if (desc.acs) {
+        this.setState({
+          incognitoMode: !desc.acs.isPresencer()
+        });
+      }
     }
   }
 
@@ -859,6 +868,14 @@ class TinodeWeb extends React.Component {
     }
   }
 
+  handleToggleIncognitoMode(on) {
+    const me = this.tinode.getMeTopic();
+    const am = me.getAccessMode().updateWant(on ? '-P' : '+P').getWant();
+    me.setMeta({sub: {mode: am}}).catch((err) => {
+      this.handleError(err.message, 'err');
+    });
+  }
+
   handleUpdateAccountTagsRequest(tags) {
     this.tinode.getMeTopic().setMeta({tags: tags})
       .catch((err) => {
@@ -1377,6 +1394,7 @@ class TinodeWeb extends React.Component {
           messageSounds={this.state.messageSounds}
           desktopAlerts={this.state.desktopAlerts}
           desktopAlertsEnabled={this.state.desktopAlertsEnabled}
+          incognitoMode={this.state.incognitoMode}
           serverAddress={this.state.serverAddress}
           onGlobalSettings={this.handleGlobalSettings}
 
@@ -1388,6 +1406,7 @@ class TinodeWeb extends React.Component {
           onUpdateAccountTags={this.handleUpdateAccountTagsRequest}
           onTogglePushNotifications={this.togglePushToken}
           onToggleMessageSounds={this.handleToggleMessageSounds}
+          onToggleIncognitoMode={this.handleToggleIncognitoMode}
           onCredAdd={this.handleCredAdd}
           onCredDelete={this.handleCredDelete}
           onCredConfirm={this.handleCredConfirm}