Reauthenticate the user before launching Smart Lock setup app.

ui/login/account_picker/user_pod_row.js

 // Copyright 2014 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 User pod row implementation.
  */
 
 cr.define('login', function() {
   /**
@@ skipping 182 matching lines @@
     {id: 'locked', class: 'custom-icon-locked'},
     {id: 'unlocked', class: 'custom-icon-unlocked'},
     {id: 'hardlocked', class: 'custom-icon-hardlocked'},
     {id: 'spinner', class: 'custom-icon-spinner'}
   ];
 
   UserPodCustomIcon.prototype = {
     __proto__: HTMLDivElement.prototype,
 
     /**
+     * The id of the icon being shown.
+     * @type {string}
+     * @private
+     */
+    iconId_: '',
+
+    /**
      * Tooltip to be shown when the user hovers over the icon. The icon
      * properties may be set so the tooltip is shown automatically when the icon
      * is updated. The tooltip is shown in a bubble attached to the icon
      * element.
      * @type {string}
      * @private
      */
     tooltip_: '',
 
     /**
@@ skipping 66 matching lines @@
       return this.querySelector('.custom-icon');
     },
 
     /**
      * Updates the icon element class list to properly represent the provided
      * icon.
      * @param {!string} id The id of the icon that should be shown. Should be
      *    one of the ids listed in {@code UserPodCustomIcon.ICONS}.
      */
     setIcon: function(id) {
+      this.iconId_ = id;
       UserPodCustomIcon.ICONS.forEach(function(icon) {
         this.iconElement.classList.toggle(icon.class, id == icon.id);
       }, this);
     },
 
     /**
      * Sets the ARIA label for the icon.
      * @param {!string} ariaLabel
      */
     setAriaLabel: function(ariaLabel) {
@@ skipping 171 matching lines @@
 
       // If autoshown bubble got hidden, clear the autoshown flag.
       if ($('bubble').hidden && this.tooltipAutoshown_)
         this.tooltipAutoshown_ = false;
 
       // Show the tooltip bubble.
       var bubbleContent = document.createElement('div');
       bubbleContent.textContent = this.tooltip_;
 
       /** @const */ var BUBBLE_OFFSET = CUSTOM_ICON_CONTAINER_SIZE / 2;
-      /** @const */ var BUBBLE_PADDING = 8;
+      // TODO(tengs): Introduce a special reauth state for the account picker,
+      // instead of showing the tooltip bubble here (crbug.com/409427).
+      /** @const */ var BUBBLE_PADDING = 8 + (this.iconId_ ? 0 : 23);
       $('bubble').showContentForElement(this,
                                         cr.ui.Bubble.Attachment.RIGHT,
                                         bubbleContent,
                                         BUBBLE_OFFSET,
                                         BUBBLE_PADDING);
       this.ensureTooltipTimeoutCleared_();
       this.tooltipActive_ = true;
     },
 
     /**
@@ skipping 1767 matching lines @@
      *     The icon parameters.
      */
     showUserPodCustomIcon: function(username, icon) {
       var pod = this.getPodWithUsername_(username);
       if (pod == null) {
         console.error('Unable to show user pod button for ' + username +
                       ': user pod not found.');
         return;
       }
 
-      if (!icon.id)
+      if (!icon.id && !icon.tooltip)
         return;
 
-      pod.customIconElement.setIcon(icon.id);
+      if (icon.id)
+        pod.customIconElement.setIcon(icon.id);
 
       if (icon.hardlockOnClick) {
         pod.customIconElement.setInteractive(
             this.hardlockUserPod_.bind(this, username));
       } else {
         pod.customIconElement.setInteractive(null);
       }
 
       var ariaLabel = icon.ariaLabel || (icon.tooltip && icon.tooltip.text);
       if (ariaLabel)
@@ skipping 677 matching lines @@
        if (pod && pod.multiProfilesPolicyApplied) {
          pod.userTypeBubbleElement.classList.remove('bubble-shown');
        }
      }
   };
 
   return {
     PodRow: PodRow
   };
 });