[MD Settings] Add a menu option to clear a cached credit card.

chrome/browser/resources/settings/passwords_and_forms_page/passwords_and_forms_page.js

 // Copyright 2015 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.
 
 /**
  * @fileoverview 'settings-passwords-and-forms-page' is the settings page
  * for passwords and auto fill.
  */
 
 /**
@@ skipping 126 matching lines @@
    */
   getCreditCardList: assertNotReached,
 
   /**
    * @param {!AutofillManager.CreditCardEntry} creditCard The credit card to
    *     remove.
    */
   removeCreditCard: assertNotReached,
 
   /**
+   * @param {!AutofillManager.CreditCardEntry} creditCard The credit card to
+   *     remove from the local cache.
+   */
+  clearCachedCreditCard: assertNotReached,
+
+  /**
    * Saves the given credit card.
    * @param {!AutofillManager.CreditCardEntry} creditCard
    */
   saveCreditCard: assertNotReached,
 };
 
 /**
  * Implementation that accesses the private API.
  * @implements {PasswordManager}
  * @constructor
@@ skipping 108 matching lines @@
   getCreditCardList: function(callback) {
     chrome.autofillPrivate.getCreditCardList(callback);
   },
 
   /** @override */
   removeCreditCard: function(creditCard) {
     chrome.autofillPrivate.removeEntry(/** @type {string} */(creditCard.guid));
   },
 
   /** @override */
+  clearCachedCreditCard: function(creditCard) {
+    chrome.autofillPrivate.maskCreditCard(
+        /** @type {string} */(creditCard.guid));

[tommycli, 2016/06/25 00:36:01]

These typecasts seem interesting. Are these variables actually Numbers or
something?

[hcarmona, 2016/06/27 22:22:32]

Tried something else. WDYT?

+  },
+
+  /** @override */
   saveCreditCard: function(creditCard) {
     chrome.autofillPrivate.saveCreditCard(creditCard);
   }
 };
 
 (function() {
 'use strict';
 
 Polymer({
   is: 'settings-passwords-and-forms-page',
@@ skipping 34 matching lines @@
     addresses: Array,
 
     /**
      * An array of saved addresses.
      * @type {!Array<!AutofillManager.CreditCardEntry>}
      */
     creditCards: Array,
  },
 
   listeners: {
+    'clear-credit-card': 'clearCreditCard_',
     'remove-address': 'removeAddress_',
     'remove-credit-card': 'removeCreditCard_',
     'remove-password-exception': 'removePasswordException_',
     'remove-saved-password': 'removeSavedPassword_',
     'save-credit-card': 'saveCreditCard_',
     'show-password': 'showPassword_',
   },
 
   /** @type {?function(!Array<PasswordManager.PasswordUiEntry>):void} */
   setSavedPasswordsListener_: null,
@@ skipping 89 matching lines @@
   /**
    * Listens for the remove-credit-card event, and calls the private API.
    * @param {!Event} event
    * @private
    */
   removeCreditCard_: function(event) {
     this.autofillManager_.removeCreditCard(event.detail);
   },
 
   /**
+   * Listens for the clear-credit-card event, and calls the private API.
+   * @param {!Event} event
+   * @private
+   */
+  clearCreditCard_: function(event) {
+    this.autofillManager_.clearCachedCreditCard(event.detail);
+  },
+
+  /**
    * Shows the manage autofill sub page.
    * @param {!Event} event
    * @private
    */
   onAutofillTap_: function(event) {
     // Ignore clicking on the toggle button and verify autofill is enabled.
     if (Polymer.dom(event).localTarget != this.$.autofillToggle &&
         this.getPref('autofill.enabled').value) {
       this.$.pages.setSubpageChain(['manage-autofill']);
     }
@@ skipping 27 matching lines @@
    * @param {!Event} event
    * @private
    */
   showPassword_: function(event) {
     this.passwordManager_.getPlaintextPassword(event.detail, function(e) {
       this.$$('#passwordSection').setPassword(e.loginPair, e.plaintextPassword);
     }.bind(this));
   },
 });
 })();