feat(onboarding): add hotmail as a provider

Summary:
Adds a button for hotmail/outlook as a provider. Username field is not
shown is set to the email address for submitting to Nylas.

Test Plan: manual

Reviewers: bengotow

Reviewed By: bengotow

Subscribers: evan

Differential Revision: https://phab.nylas.com/D2095

internal_packages/onboarding/lib/account-settings-page.cjsx

@@ -201,8 +201,8 @@ class AccountSettingsPage extends React.Component
       data.settings[k] = v
     data.provider = @state.provider.name
 
-    # handle special case for exchange/outlook username field
+    # handle special case for exchange/outlook/hotmail username field
-    if data.provider in ['exchange','outlook'] and not data.settings.username?.trim().length
+    if data.provider in ['exchange','outlook','hotmail'] and not data.settings.username?.trim().length
       data.settings.username = data.email
 
     @setState(tryingToAuthenticate: true)

internal_packages/onboarding/lib/account-types.coffee

@@ -65,6 +65,31 @@ Providers = [
       placeholder: 'Password'
       label: 'Password'
     }]
+  }, {
+    name: 'outlook'
+    displayName: 'Outlook.com'
+    icon: 'ic-settings-account-outlook.png'
+    header_icon: 'setup-icon-provider-outlook.png'
+    color: '#1174c3'
+    fields: [
+      {
+        name: 'name'
+        type: 'text'
+        placeholder: 'Ashton Letterman'
+        label: 'Name'
+      }, {
+        name: 'email'
+        type: 'text'
+        placeholder: 'you@hotmail.com'
+        label: 'Email'
+      }
+    ]
+    settings: [{
+        name: 'password'
+        type: 'password'
+        placeholder: 'Password'
+        label: 'Password'
+      }]
   }, {
     name: 'yahoo'
     displayName: 'Yahoo'

internal_packages/onboarding/stylesheets/onboarding.less

@@ -311,7 +311,7 @@
 
 .page.account-choose {
   width: 388px;
-  height: 615px;
+  height: 688px;
 
   .caption {
     font-size: 17px;