New login screen (#1331)

* wip

* feat: first draft of auth.config

* chore: auth methodS

* chore: styling

* styling, styling, styling

* feat: Auth notices

* chore: Remove server-rendered pages, move shared/components -> components

* lint

* cleanup

* cleanup

* fix: Remove unused component

* fix: Ensure env variables in prod too

* style tweaks

* fix: Entering SSO email into login form fails
fix: Tweak language around guest signin

app/scenes/Settings/Details.js

@@ -12,7 +12,7 @@ import Button from "components/Button";
 import CenteredContent from "components/CenteredContent";
 import PageTitle from "components/PageTitle";
 import HelpText from "components/HelpText";
-import Flex from "shared/components/Flex";
+import Flex from "components/Flex";
 
 type Props = {
   auth: AuthStore,

app/scenes/Settings/Notifications.js

@@ -9,7 +9,7 @@ import HelpText from "components/HelpText";
 import Input from "components/Input";
 import Subheading from "components/Subheading";
 import NotificationListItem from "./components/NotificationListItem";
-import Notice from "shared/components/Notice";
+import Notice from "components/Notice";
 
 import UiStore from "stores/UiStore";
 import AuthStore from "stores/AuthStore";

app/scenes/Settings/Profile.js

@@ -12,7 +12,7 @@ import Button from "components/Button";
 import CenteredContent from "components/CenteredContent";
 import PageTitle from "components/PageTitle";
 import UserDelete from "scenes/UserDelete";
-import Flex from "shared/components/Flex";
+import Flex from "components/Flex";
 
 type Props = {
   auth: AuthStore,

app/scenes/Settings/Security.js

@@ -60,8 +60,6 @@ class Security extends React.Component<Props> {
   }, 500);
 
   render() {
-    const { team } = this.props.auth;
-
     return (
       <CenteredContent>
         <PageTitle title="Security" />
@@ -72,27 +70,25 @@ class Security extends React.Component<Props> {
         </HelpText>
 
         <Checkbox
-          label="Allow guest invites"
+          label="Allow email authentication"
           name="guestSignin"
           checked={this.guestSignin}
           onChange={this.handleChange}
-          note={`When enabled guests can be invited by email address and are able to signin without ${
-            team ? team.signinMethods : "SSO"
-          }`}
+          note="When enabled, users can sign-in using their email address"
         />
         <Checkbox
           label="Public document sharing"
           name="sharing"
           checked={this.sharing}
           onChange={this.handleChange}
-          note="When enabled documents can be shared publicly by any team member"
+          note="When enabled, documents can be shared publicly on the internet by any team member"
         />
         <Checkbox
           label="Rich service embeds"
           name="documentEmbeds"
           checked={this.documentEmbeds}
           onChange={this.handleChange}
-          note="Convert links to supported services into rich embeds within your documents"
+          note="Links to supported services are shown as rich embeds within your documents"
         />
       </CenteredContent>
     );

app/scenes/Settings/Slack.js

@@ -12,7 +12,7 @@ import SlackButton from "./components/SlackButton";
 import CollectionsStore from "stores/CollectionsStore";
 import IntegrationsStore from "stores/IntegrationsStore";
 import AuthStore from "stores/AuthStore";
-import Notice from "shared/components/Notice";
+import Notice from "components/Notice";
 import getQueryVariable from "shared/utils/getQueryVariable";
 
 type Props = {

app/scenes/Settings/components/EventListItem.js

@@ -3,7 +3,7 @@ import * as React from "react";
 import { Link } from "react-router-dom";
 import { capitalize } from "lodash";
 import styled from "styled-components";
-import Time from "shared/components/Time";
+import Time from "components/Time";
 import ListItem from "components/List/Item";
 import Avatar from "components/Avatar";
 import Event from "models/Event";

app/scenes/Settings/components/ImageUpload.js

@@ -5,7 +5,7 @@ import { observer, inject } from "mobx-react";
 import styled from "styled-components";
 import Dropzone from "react-dropzone";
 import LoadingIndicator from "components/LoadingIndicator";
-import Flex from "shared/components/Flex";
+import Flex from "components/Flex";
 import Modal from "components/Modal";
 import Button from "components/Button";
 import AvatarEditor from "react-avatar-editor";

app/scenes/Settings/components/ShareListItem.js

@@ -2,7 +2,7 @@
 import * as React from "react";
 import ShareMenu from "menus/ShareMenu";
 import ListItem from "components/List/Item";
-import Time from "shared/components/Time";
+import Time from "components/Time";
 import Share from "models/Share";
 
 type Props = {

app/scenes/Settings/components/SlackButton.js

@@ -2,7 +2,7 @@
 import * as React from "react";
 import styled from "styled-components";
 import { slackAuth } from "shared/utils/routeHelpers";
-import SlackLogo from "shared/components/SlackLogo";
+import SlackLogo from "components/SlackLogo";
 import Button from "components/Button";
 
 type Props = {

app/scenes/Settings/components/UserListItem.js

@@ -8,7 +8,7 @@ import Avatar from "components/Avatar";
 import Badge from "components/Badge";
 import UserProfile from "scenes/UserProfile";
 import ListItem from "components/List/Item";
-import Time from "shared/components/Time";
+import Time from "components/Time";
 import User from "models/User";
 
 type Props = {