chrome/browser/resources/settings/autofill_page/password_remove_confirmation_dialog.js

// Copyright 2020 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

import 'chrome://resources/cr_elements/cr_button/cr_button.m.js';
import 'chrome://resources/cr_elements/cr_dialog/cr_dialog.m.js';
import '../i18n_setup.js';

import {assert} from 'chrome://resources/js/assert.m.js';
import {I18nBehavior, I18nBehaviorInterface} from 'chrome://resources/js/i18n_behavior.m.js';
import {html, mixinBehaviors, PolymerElement} from 'chrome://resources/polymer/v3_0/polymer/polymer_bundled.min.js';

import {PasswordManagerImpl, PasswordManagerProxy} from './password_manager_proxy.js';


/**
 * @constructor
 * @extends {PolymerElement}
 * @implements {I18nBehaviorInterface}
 */
const SettingsPasswordRemoveConfirmationDialogElementBase =
    mixinBehaviors([I18nBehavior], PolymerElement);

/** @polymer */
class SettingsPasswordRemoveConfirmationDialogElement extends
    SettingsPasswordRemoveConfirmationDialogElementBase {
  static get is() {
    return 'settings-password-remove-confirmation-dialog';
  }

  static get template() {
    return html`{__html_template__}`;
  }

  static get properties() {
    return {
      /**
       * The password that is being displayed.
       * @private {?PasswordManagerProxy.InsecureCredential}
       */
      item: Object,
    };
  }

  constructor() {
    super();

    /** @private {!PasswordManagerProxy} */
    this.passwordManager_ = PasswordManagerImpl.getInstance();
  }

  /** @override */
  connectedCallback() {
    super.connectedCallback();

    this.$.dialog.showModal();
  }

  /** @private */
  onRemoveClick_() {
    this.passwordManager_.recordPasswordCheckInteraction(
        PasswordManagerProxy.PasswordCheckInteraction.REMOVE_PASSWORD);
    this.passwordManager_.removeInsecureCredential(assert(this.item));
    this.$.dialog.close();
  }

  /** @private */
  onCancelClick_() {
    this.$.dialog.close();
  }

  /**
   * @private
   * @return {boolean}
   */
  hasSecureChangePasswordUrl_() {
    const url = this.item.changePasswordUrl;
    return !!url && (url.startsWith('https://') || url.startsWith('chrome://'));
  }

  /**
   * Returns the remove password description with a linkified change password
   * URL. Requires the change password URL to be present and secure.
   * @private
   * @return {string}
   */
  getRemovePasswordDescriptionHtml_() {
    if (!this.hasSecureChangePasswordUrl_()) {
      return '';
    }

    const url = assert(this.item.changePasswordUrl);
    const origin = this.item.formattedOrigin;
    return this.i18nAdvanced(
        'removeCompromisedPasswordConfirmationDescription', {
          substitutions:
              [origin, `<a href='${url}' target='_blank'>${origin}</a>`],
        });
  }

  /**
   * Returns the remove password description as a plain text.
   * Used when the change password URL is not present or insecure.
   * @private
   * @return {string}
   */
  getRemovePasswordDescriptionText_() {
    const origin = this.item.formattedOrigin;
    return this.i18n(
        'removeCompromisedPasswordConfirmationDescription', origin, origin);
  }
}

customElements.define(
    SettingsPasswordRemoveConfirmationDialogElement.is,
    SettingsPasswordRemoveConfirmationDialogElement);