清理死代码：sidepanel-view.jsx里被chapterOneViews短路掉的旧版登录/注册/找回密码分支

不是功能修复，纯清理。sidepanel-view.jsx的render()方法开头（chapterOneViews数组
含'login'/'register'/'reset'等）已经对这些view值提前return真实对接后端的
AuthOnboardingView。但同一个render()方法下半部分的三元表达式链里，还留着一份基于
view==='login'/'register'/'reset'的旧分支，分别渲染LoginView/CreateAccountView/
PasswordResetView——由于上面的提前return，这三个view值永远不可能落到这里，是无法
触达的死代码。

确认方式：全仓库搜索确认SidepanelView只有tinode-web.jsx一处渲染入口，其view prop
（state={this.state.sidePanelSelected}）只能来自handleHashRoute对SIDE_PANEL_VIEWS
白名单的校验结果——'login'/'register'/'reset'确实在这个白名单里（否则连
sidePanelSelected都设置不了），但chapterOneViews这个子集在render()内部的检查顺序
必然先于旧分支执行，所以旧分支不可能被触达。

删除范围：三个旧分支的JSX（对应import的LoginView/CreateAccountView懒加载/
PasswordResetView懒加载）+ 三个组件源文件本身（login-view.jsx/create-account-view.jsx/
password-reset-view.jsx，删除引用后确认全仓库不含任何其它referrer）+ 两个文件对应的
已生成umd构建产物（webpack不会自动清理不再产出的旧chunk文件，这两个是被删除源文件
遗留下来的孤儿产物）。'cred'分支（ValidationView，不在chapterOneViews里，仍在真实使用）
未改动。defineMessages里对应的login/register/reset翻译key本次未删——它们现在也
无法被messages[view]这条动态查找命中，但涉及i18n提取产物的联动改动超出这次清理范围，
如实记录，未处理。

验证：npm run build:dev干净通过（三个旧chunk不再产出）；真实浏览器完整走了一遍
登录（已有账号）/注册（全新手机号）/找回密码（重置刚注册账号的密码，重置后用新密码
重新登录成功）三条流程，均无回归。

src/views/create-account-view.jsx

@@ -1,233 +0,0 @@
-// Account registration.
-import React, { Suspense } from 'react';
-import { FormattedMessage } from 'react-intl';
-
-import AvatarCrop from '../widgets/avatar-crop.jsx';
-import AvatarUpload from '../widgets/avatar-upload.jsx';
-import CheckBox from '../widgets/checkbox.jsx';
-import PhoneEdit from '../widgets/phone-edit.jsx';
-import VisiblePassword from '../widgets/visible-password.jsx';
-
-import LocalStorageUtil from '../lib/local-storage.js';
-import { imageScaled, blobToBase64, makeImageUrl } from '../lib/blob-helpers.js';
-import { theCard } from '../lib/utils.js';
-import { truncateString } from '../lib/strformat.js';
-
-import { AVATAR_SIZE, MAX_AVATAR_BYTES, MAX_EXTERN_ATTACHMENT_SIZE,
-  MAX_TITLE_LENGTH } from '../config.js';
-
-export default class CreateAccountView extends React.PureComponent {
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      login: '',
-      password: '',
-      meth: '',
-      email: '',
-      tel: '',
-      fn: '', // full/formatted name
-      imageUrl: null,
-      uploadUrl: null,
-      newAvatar: null,
-      newAvatarMime: null,
-      buttonDisabled: false,
-      saveToken: LocalStorageUtil.getObject('keep-logged-in')
-    };
-
-    this.handleLoginChange = this.handleLoginChange.bind(this);
-    this.handlePasswordChange = this.handlePasswordChange.bind(this);
-    this.handleEmailChange = this.handleEmailChange.bind(this);
-    this.handlePhoneChange = this.handlePhoneChange.bind(this);
-    this.handleFnChange = this.handleFnChange.bind(this);
-    this.handleImageChanged = this.handleImageChanged.bind(this);
-    this.handleToggleSaveToken = this.handleToggleSaveToken.bind(this);
-    this.handleAvatarCropped = this.handleAvatarCropped.bind(this);
-    this.handleAvatarCropCancel = this.handleAvatarCropCancel.bind(this);
-    this.uploadAvatar = this.uploadAvatar.bind(this);
-    this.handleSubmit = this.handleSubmit.bind(this);
-
-    // Connection will trigger change by changing the this.props.serverVersion.
-    props.tinode.connect()
-      .catch(err => {
-        this.props.onError(err.message, 'err');
-      });
-  }
-
-  handleLoginChange(e) {
-    this.setState({login: e.target.value});
-  }
-
-  handlePasswordChange(password) {
-    this.setState({password: password});
-  }
-
-  handleEmailChange(e) {
-    this.setState({meth: 'email', email: e.target.value});
-  }
-
-  handlePhoneChange(number) {
-    this.setState({meth: 'tel', tel: number});
-  }
-
-  handleFnChange(e) {
-    this.setState({fn: e.target.value});
-  }
-
-  handleImageChanged(mime, img) {
-    this.setState({newAvatar: img, newAvatarMime: mime});
-    if (!img) {
-      // User cleared the image.
-      this.setState({imageUrl: null, uploadUrl: null});
-    }
-  }
-
-  handleToggleSaveToken() {
-    LocalStorageUtil.setObject('keep-logged-in', !this.state.saveToken);
-    this.setState({saveToken: !this.state.saveToken});
-  }
-
-  handleSubmit(e) {
-    e.preventDefault();
-    this.props.onCreateAccount(
-      this.state.login.trim(),
-      this.state.password.trim(),
-      theCard(truncateString(this.state.fn.trim(), MAX_TITLE_LENGTH), this.state.uploadUrl),
-      {
-        'meth': this.state.meth,
-        'val': this.state.meth == 'email' ?
-          this.state.email :
-            this.state.meth == 'tel' ? this.state.tel : null
-      }
-    );
-  }
-
-  // AvatarCropView calls this method when the user has cropped the image.
-  handleAvatarCropped(mime, blob, width, height) {
-    const url = blob ? URL.createObjectURL(blob) : null;
-    this.setState({newAvatar: null, newAvatarMime: null});
-    if (blob) {
-      this.uploadAvatar(mime, blob, width, height);
-    }
-  }
-
-  handleAvatarCropCancel() {
-    this.setState({newAvatar: null, newAvatarMime: null});
-  }
-
-    // Utility method for converting cropped avatar blob to bytes for sending inband or
-  // for uploading it to the server out of band.
-  uploadAvatar(mime, blob, width, height) {
-    const readyToUpload = image => {
-      let {mime, blob} = image;
-      this.setState({imageUrl: URL.createObjectURL(blob), buttonDisabled: true});
-      if (blob.size > MAX_AVATAR_BYTES) {
-        // Too large to send inband - uploading out of band and sending as a link.
-        const uploader = this.props.tinode.getLargeFileHelper();
-        uploader.upload(blob, 'newacc')
-          .then(url => this.setState({uploadUrl: url}))
-          .catch(err => this.props.onError(err.message, 'err'))
-          .finally(_ => this.setState({buttonDisabled: false}));
-      } else {
-        // Convert blob to base64-encoded bits.
-        blobToBase64(blob)
-          .then(b64 => this.setState({uploadUrl: makeImageUrl({data: b64.bits, type: mime})}))
-          .finally(_ => this.setState({buttonDisabled: false}));
-      }
-    };
-
-    if (width > AVATAR_SIZE || height > AVATAR_SIZE || width != height) {
-      // Avatar is not square or too large even after cropping. Shrink it and make square.
-      imageScaled(blob, AVATAR_SIZE, AVATAR_SIZE, MAX_EXTERN_ATTACHMENT_SIZE, true)
-        .then(scaled => readyToUpload(scaled))
-        .catch(err => this.props.onError(err.message, 'err'));
-    } else {
-      readyToUpload({mime: mime, blob: blob, width: width, height: height});
-    }
-  }
-
-  render() {
-    if (this.state.newAvatar) {
-      return (
-        <AvatarCrop
-          avatar={this.state.newAvatar}
-          mime={this.state.newAvatarMime}
-          onSubmit={this.handleAvatarCropped}
-          onCancel={this.handleAvatarCropCancel}
-          onError={this.props.onError} />
-      );
-    }
-
-    let submitClasses = 'primary';
-    if (this.props.disabled) {
-      submitClasses += ' disabled';
-    }
-
-    return (
-      <form className="panel-form-column" onSubmit={this.handleSubmit}>
-        <div className="panel-form-row">
-          <div className="umn">
-            <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" 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} />
-            }</FormattedMessage>
-          </div>
-          <AvatarUpload
-            tinode={this.props.tinode}
-            avatar={this.state.imageUrl}
-            onImageUpdated={this.handleImageChanged}
-            onError={this.props.onError} />
-        </div>
-        <div  className="panel-form-row">
-          <FormattedMessage id="full_name_prompt" defaultMessage="Full name, e.g. John Doe"
-            description="Input placeholder for person's full name">{
-            (full_name_prompt) => <input type="text" placeholder={full_name_prompt} autoComplete="name"
-              value={this.state.fn} onChange={this.handleFnChange} required/>
-          }</FormattedMessage>
-        </div>
-        {this.props.reqCredMethod == 'email' ?
-          <div className="panel-form-row">
-            <FormattedMessage id="email_prompt" defaultMessage="Email, e.g. jdoe@example.com"
-              description="Input placeholder for email entry">{
-              (email_prompt) => <input type="email" placeholder={email_prompt} autoComplete="email"
-                value={this.state.email} onChange={this.handleEmailChange} required/>
-            }</FormattedMessage>
-          </div>
-          : this.props.reqCredMethod == 'tel' ?
-          <><div className="panel-form-row">
-            <label className="small gray"><FormattedMessage id="mobile_phone_number" defaultMessage="Mobile phone number"
-              description="Prompt for entering a mobile phone number" /></label>
-          </div>
-          <div className="panel-form-row">
-            <PhoneEdit
-              autoFocus={false}
-              onShowCountrySelector={this.props.onShowCountrySelector}
-              onSubmit={this.handlePhoneChange} />
-          </div></>
-          : null
-        }
-        <div className="panel-form-row">
-          <CheckBox id="save-token" name="save-token" checked={this.state.saveToken}
-            onChange={this.handleToggleSaveToken} />
-          <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>
-        <div className="dialog-buttons">
-          <button className={submitClasses} type="submit" disabled={this.state.buttonDisabled}>
-            <FormattedMessage id="button_sign_up" defaultMessage="Sign up"
-              description="Create account button [Sign Up]" />
-          </button>
-        </div>
-      </form>
-    );
-  }
-};

src/views/login-view.jsx

@@ -1,95 +0,0 @@
-// Login form.
-import React from 'react';
-import { FormattedMessage } from 'react-intl';
-
-import CheckBox from '../widgets/checkbox.jsx';
-import VisiblePassword from '../widgets/visible-password.jsx';
-
-export default class LoginView extends React.Component {
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      login: props.login,
-      password: '',
-      hostName: props.serverAddress,
-      saveToken: props.persist
-    };
-    this.handleLoginChange = this.handleLoginChange.bind(this);
-    this.handlePasswordChange = this.handlePasswordChange.bind(this);
-    this.handleToggleSaveToken = this.handleToggleSaveToken.bind(this);
-    this.handleSubmit = this.handleSubmit.bind(this);
-  }
-
-  handleLoginChange(e) {
-    this.setState({login: e.target.value});
-  }
-
-  handlePasswordChange(e) {
-    this.setState({password: e.target.value});
-  }
-
-  handleToggleSaveToken() {
-    this.props.onPersistenceChange(!this.state.saveToken);
-    this.setState({saveToken: !this.state.saveToken});
-  }
-
-  handleSubmit(e) {
-    e.preventDefault();
-    this.props.onLogin(this.state.login.trim(), this.state.password.trim());
-  }
-
-  render() {
-    let submitClasses = 'primary';
-    if (this.props.disabled) {
-      submitClasses += ' disabled';
-    }
-
-    return (
-      <form id="login-form" onSubmit={this.handleSubmit}>
-        <FormattedMessage id="login_prompt" defaultMessage="Login"
-          description="Placeholer for username/login">
-        {
-          (login_prompt) => <input type="text" id="inputLogin"
-            placeholder={login_prompt}
-            autoComplete="username"
-            autoCorrect="off"
-            autoCapitalize="none"
-            value={this.state.login}
-            onChange={this.handleLoginChange}
-            required autoFocus />
-        }
-        </FormattedMessage>
-        <FormattedMessage id="password_prompt" defaultMessage="Password"
-          description="Placeholder/prompt for entering password">
-        {
-          (password_prompt) => <VisiblePassword type="password" id="inputPassword"
-            placeholder={password_prompt}
-            autoComplete="current-password"
-            value={this.state.password}
-            onChange={this.handlePasswordChange}
-            required={true} />
-        }
-        </FormattedMessage>
-        <div className="panel-form-row">
-          <CheckBox id="save-token" name="save-token" checked={this.state.saveToken}
-            onChange={this.handleToggleSaveToken} />
-          <label htmlFor="save-token">&nbsp;
-            <FormattedMessage id="stay_logged_in" defaultMessage="Stay logged in"
-              description="Label for a checkbox" />
-          </label>
-          <a href="#reset">
-            <FormattedMessage id="forgot_password_link" defaultMessage="Forgot password?"
-              description="Link to Reset password form" />
-          </a>
-        </div>
-        <div className="dialog-buttons">
-          <button className={submitClasses} type="submit">
-            <FormattedMessage id="button_sign_in" defaultMessage="Sign in"
-              description="Button [Sign In]" />
-          </button>
-        </div>
-      </form>
-    );
-  }
-};

src/views/password-reset-view.jsx

@@ -1,231 +0,0 @@
-// A password reset form.
-import React from 'react';
-import { FormattedMessage, defineMessages, injectIntl } from 'react-intl';
-
-import PhoneEdit from '../widgets/phone-edit.jsx';
-import VisiblePassword from '../widgets/visible-password.jsx';
-
-import HashNavigation from '../lib/navigation.js';
-
-const messages = defineMessages({
-  password_reset_email_sent: {
-    id: 'password_reset_email_sent',
-    defaultMessage: 'An email with security code has been sent.',
-    description: 'Notification that the email with password reset instructions has been sent'
-  },
-  password_reset_sms_sent: {
-    id: 'password_reset_sms_sent',
-    defaultMessage: 'A text message with security code has been sent.',
-    description: 'Notification that the SMS with password reset instructions has been sent'
-  }
-});
-
-class PasswordResetView extends React.PureComponent {
-  constructor(props) {
-    super(props);
-
-    this.state = {
-      tel: '',
-      email: '',
-      password: '',
-      sent: false,
-      haveCode: false,
-      code: ''
-    };
-
-    this.handleSubmit = this.handleSubmit.bind(this);
-    this.handleEmailChange = this.handleEmailChange.bind(this);
-    this.handlePasswordChange = this.handlePasswordChange.bind(this);
-    this.handleCodeChange = this.handleCodeChange.bind(this);
-    this.handleShowCodeField = this.handleShowCodeField.bind(this);
-
-    // Connection will trigger change by changing the this.props.serverVersion.
-    props.tinode.connect()
-      .catch(err => {
-        this.props.onError(err.message, 'err');
-      });
-  }
-
-  componentDidMount() {
-    const parsed = HashNavigation.parseUrlHash(window.location.hash);
-    const newState = {
-      token: parsed.params.token,
-      scheme: parsed.params.scheme,
-      code: parsed.params.code || ''
-    }
-
-    this.savedCred = parsed.params.cred;
-    if (this.props.reqCredMethod && parsed.params.cred) {
-      newState[this.props.reqCredMethod] = this.savedCred;
-    }
-    this.setState(newState);
-  }
-
-  componentDidUpdate(prevProps, prevState) {
-    if (prevProps.reqCredMethod != this.props.reqCredMethod && this.props.reqCredMethod) {
-      this.setState({[this.props.reqCredMethod]: this.savedCred || ''});
-    }
-  }
-
-  handleSubmit(e) {
-    e.preventDefault();
-    if (this.state.token) {
-      // Reset using token.
-      this.props.onReset(this.state.password.trim(), {
-        scheme: 'token',
-        secret: this.state.token
-      });
-    } else if (this.state.code && this.props.reqCredMethod) {
-      // Reset using security code.
-      // The secret is structured as <code>:<cred_method>:<cred_value>, "123456:email:alice@example.com".
-      const cred = this.props.reqCredMethod == 'email' ? this.state.email.trim() : this.state.tel.trim();
-      this.props.onReset(this.state.password.trim(), {
-        scheme: 'code',
-        secret: btoa(`${this.state.code}:${this.props.reqCredMethod}:${cred}`)
-      });
-    } else {
-      // Send email or SMS with the secret code.
-      const email = this.state.email.trim();
-      const tel = this.state.tel.trim();
-      this.setState({email: email, tel: tel});
-      this.props.onRequest(this.props.reqCredMethod, email || tel)
-        .then(_ => {
-          this.setState({sent: true});
-          const msg = this.props.reqCredMethod == 'email' ? messages.password_reset_email_sent :
-            this.props.reqCredMethod == 'tel' ? messages.password_reset_sms_sent : null;
-          if (msg) {
-            this.props.onError(this.props.intl.formatMessage(msg), 'info');
-          }
-        });
-    }
-  }
-
-  handleEmailChange(e) {
-    this.setState({email: e.target.value});
-  }
-
-  handlePasswordChange(e) {
-    this.setState({password: e.target.value});
-  }
-
-  handleCodeChange(e) {
-    this.setState({code: e.target.value.replace(/[^\d]/g, '')});
-  }
-
-  handleShowCodeField(e) {
-    e.preventDefault();
-    this.setState({haveCode: true});
-  }
-
-  render() {
-    const showCredentialInput = !((this.state.token || (this.state.code && this.props.reqCredMethod)) && this.state.scheme);
-    const showPasswordInput = !showCredentialInput || this.state.haveCode || this.state.sent;
-
-    const passwordInput = (<>
-        <label className="small gray" htmlFor="new-password">
-          <FormattedMessage id="label_new_password"
-            defaultMessage="New password"
-            description="Label for entering a new password" />
-        </label>
-        <FormattedMessage id="new_password_placeholder" defaultMessage="Enter new password"
-          description="Placeholder for entering new password">{
-          (placeholder) => <VisiblePassword
-            id="new-password"
-            placeholder={placeholder}
-            autoComplete="new-password"
-            value={this.state.password}
-            required={true} autoFocus={true}
-            onChange={this.handlePasswordChange} />
-        }</FormattedMessage>
-      </>);
-
-    const emailInput = (<>
-        {this.state.haveCode ?
-          null :
-          <label htmlFor="inputEmail">
-            <FormattedMessage id="label_reset_password"
-              defaultMessage="Send a password reset email"
-              description="Label for password reset field" />
-          </label>
-        }
-        <FormattedMessage id="credential_email_prompt" defaultMessage="Your registration email"
-          description="Placeholder for entering email">{
-          (placeholder) => <input type="email" id="inputEmail"
-            placeholder={placeholder}
-            autoComplete="email"
-            value={this.state.email}
-            onChange={this.handleEmailChange}
-            required autoFocus />
-        }</FormattedMessage>
-      </>);
-
-    const phoneInput = (<>
-        {this.state.haveCode ?
-          null :
-          <div><label>
-            <FormattedMessage id="label_reset_password_tel"
-              defaultMessage="Send SMS to reset password"
-              description="Label for password reset field by phone" />
-          </label></div>
-        }
-        <div>
-          <label className="small gray">
-            <FormattedMessage id="mobile_phone_number" defaultMessage="Mobile phone number"
-              description="Prompt for entering a mobile phone number" />
-          </label>
-        </div>
-        <div className="panel-form-row">
-          <PhoneEdit
-            autoFocus={true}
-            onShowCountrySelector={this.props.onShowCountrySelector}
-            onSubmit={number => this.setState({tel: number})} />
-        </div>
-      </>);
-
-    const codeInput = (<>
-        <div>
-          <label className="small gray" htmlFor="enter-confirmation-code">
-            <FormattedMessage id="enter_confirmation_code_prompt"
-              defaultMessage="Confirmation code"
-              description="Request to enter confirmation code" />
-          </label>
-        </div>
-        <div>
-          <FormattedMessage id="numeric_confirmation_code_prompt"
-            defaultMessage="Numbers only" description="Prompt for numeric conformation code">{
-            (numbers_only) => <input type="text" id="enter-confirmation-code"
-              placeholder={numbers_only} maxLength={10}
-              value={this.state.code} onChange={this.handleCodeChange} required />
-          }</FormattedMessage>
-        </div>
-      </>);
-
-    const credentialInput = this.props.reqCredMethod == 'email' ?
-      emailInput : this.props.reqCredMethod == 'tel' ? phoneInput : null;
-
-    return (
-      <form id="password-reset-form" onSubmit={this.handleSubmit}>
-        {!this.state.sent && showCredentialInput ? credentialInput : null}
-        {this.state.haveCode || this.state.sent ? codeInput : null}
-        {showPasswordInput ? passwordInput : null}
-        <div className="dialog-buttons">
-          {this.state.haveCode || this.state.sent || this.state.token || this.state.code ? null :
-            <a href="#" onClick={this.handleShowCodeField} style={{marginRight: 'auto'}}>
-              <FormattedMessage id="password_i_have_code" defaultMessage="I have code"
-                description="Call to open field to enter password reset code" />
-            </a>
-          }
-          <button className="primary" type="submit">{
-            showPasswordInput ?
-              <FormattedMessage id="button_reset" defaultMessage="Reset" description="Button [Reset]" />
-            :
-              <FormattedMessage id="button_send_request" defaultMessage="Send request"
-                description="Button [Send request]" />
-          }</button>
-        </div>
-      </form>
-    );
-  }
-}
-
-export default injectIntl(PasswordResetView);

src/views/sidepanel-view.jsx

@@ -19,14 +19,11 @@ import SecuritySupportView, {SECURITY_SUPPORT_VIEWS} from './security-support-vi
 
 const AccountSettingsView = React.lazy(_ => import('./account-settings-view.jsx'));
 import ContactsView from './contacts-view.jsx';
-const CreateAccountView = React.lazy(_ => import('./create-account-view.jsx'));
 import AccGeneralView from './acc-general-view.jsx';
 import AccNotificationsView from './acc-notifications-view.jsx';
 const AccSecurityView = React.lazy(_ => import('./acc-security-view.jsx'));
 import AccSupportView from './acc-support-view.jsx';
-import LoginView from './login-view.jsx';
 import NewTopicView from './new-topic-view.jsx';
-const PasswordResetView = React.lazy(_ => import('./password-reset-view.jsx'));
 import SettingsView from './settings-view.jsx';
 import ValidationView from './validation-view.jsx';
 const WallpapersView = React.lazy(_ => import('./wallpapers.jsx'));
@@ -282,27 +279,7 @@ class SidepanelView extends React.PureComponent {
 
         <LoadSpinner show={this.props.loadSpinnerVisible} />
 
-        {view === 'login' ?
-          <LoginView
-            login={this.props.login}
-            disabled={this.props.loginDisabled}
-            persist={this.props.persist}
-            onLogin={this.props.onLoginRequest}
-            onPersistenceChange={this.props.onPersistenceChange} /> :
-
-          view === 'register' ?
-          <Suspense fallback={<div className="panel-form-row"><FormattedMessage id="loading_note"
-            defaultMessage="Loading..." description="Message shown when component is loading"/></div>}>
-            <CreateAccountView
-              tinode={this.props.tinode}
-              reqCredMethod={this.props.reqCredMethod}
-              onShowCountrySelector={this.props.onShowCountrySelector}
-              onCreateAccount={this.props.onCreateAccount}
-              onCancel={this.props.onCancel}
-              onError={this.props.onError} />
-          </Suspense> :
-
-          view === 'settings' ?
+        {view === 'settings' ?
           <SettingsView
             transport={this.props.transport}
             serverAddress={this.props.serverAddress}
@@ -416,19 +393,6 @@ class SidepanelView extends React.PureComponent {
             credToken={this.props.credToken}
             onSubmit={this.props.onValidateCredentials}
             onCancel={this.props.onCancel} /> :
-
-          view === 'reset' ?
-          <Suspense fallback={<div className="panel-form-row"><FormattedMessage id="loading_note"
-            defaultMessage="Loading..." description="Message shown when component is loading"/></div>}>
-            <PasswordResetView
-              tinode={this.props.tinode}
-              reqCredMethod={this.props.reqCredMethod}
-              onShowCountrySelector={this.props.onShowCountrySelector}
-              onRequest={this.props.onPasswordResetRequest}
-              onReset={this.props.onResetPassword}
-              onCancel={this.props.onCancel}
-              onError={this.props.onError} />
-          </Suspense> :
           null}
       </div>
     );