Update correct dependencies

package.json

@@ -24,34 +24,34 @@
     "babel-loader": "^8.1.0",
     "caniuse-lite": "^1.0.30000792",
     "cross-env": "^7.0.0",
-    "css-loader": "^3.0.0",
+    "css-loader": "^4.0.0",
     "eslint": "^7.2.0",
     "eslint-config-prettier": "^6.11.0",
     "eslint-plugin-import": "^2.21.1",
     "eslint-plugin-prettier": "^3.1.3",
-    "eslint-plugin-react": "^7.20.0",
+    "eslint-plugin-react": "^7.20.5",
     "file-loader": "^6.0.0",
     "gh-release": "^3.4.0",
     "gotrue-js": "^0.9.26",
     "html-webpack-plugin": "^4.3.0",
     "jest": "^26.0.1",
     "mkdirp": "^1.0.0",
-    "mobx": "^3.2.2",
-    "mobx-preact": "^1.1.0",
+    "mobx": "^5.15.4",
+    "mobx-preact": "^3.0.0",
     "npm-run-all": "^4.1.1",
     "postcss-cssnext": "^3.1.0",
-    "postcss-import": "^11.0.0",
-    "postcss-loader": "^2.0.3",
-    "postcss-nested": "^3.0.0",
-    "preact": "^8.1.0",
-    "prettier": "^1.10.2",
+    "postcss-import": "^12.0.1",
+    "postcss-loader": "^3.0.0",
+    "postcss-nested": "^4.2.3",
+    "preact": "8.5.3",
+    "prettier": "^2.0.5",
     "rimraf": "^3.0.0",
-    "source-map-loader": "^0.2.1",
-    "url-loader": "^0.6.2",
+    "source-map-loader": "^1.0.1",
+    "url-loader": "^4.1.0",
     "webpack": "^4.0.0",
     "webpack-cli": "^3.3.11",
     "webpack-dev-server": "^3.0.0",
-    "webpack-node-externals": "^1.6.0"
+    "webpack-node-externals": "^2.5.0"
   },
   "homepage": "https://identity.netlify.com",
   "keywords": [

src/components/app.js

@@ -59,11 +59,11 @@ const pages = {
 @connect(["store"])
 class App extends Component {
   handleClose = () => this.props.store.closeModal();
-  handlePage = page => this.props.store.openModal(page);
+  handlePage = (page) => this.props.store.openModal(page);
   handleLogout = () => this.props.store.logout();
-  handleSiteURL = url => this.props.store.setSiteURL(url);
-  clearSiteURL = url => this.props.store.clearSiteURL();
-  handleExternalLogin = provider => this.props.store.externalLogin(provider);
+  handleSiteURL = (url) => this.props.store.setSiteURL(url);
+  clearSiteURL = (url) => this.props.store.clearSiteURL();
+  handleExternalLogin = (provider) => this.props.store.externalLogin(provider);
   handleUser = ({ name, email, password }) => {
     const { store } = this.props;
 
@@ -169,7 +169,7 @@ class App extends Component {
       "GitLab",
       "BitBucket",
       "SAML"
-    ].filter(p => store.settings.external[p.toLowerCase()]);
+    ].filter((p) => store.settings.external[p.toLowerCase()]);
 
     return providers.length ? (
       <Providers

src/components/controls.js

@@ -3,22 +3,22 @@ import { connect } from "mobx-preact";
 
 @connect(["store"])
 class Controls extends Component {
-  handleSignup = e => {
+  handleSignup = (e) => {
     e.preventDefault();
     this.props.store.openModal("signup");
   };
 
-  handleLogin = e => {
+  handleLogin = (e) => {
     e.preventDefault();
     this.props.store.openModal("login");
   };
 
-  handleLogout = e => {
+  handleLogout = (e) => {
     e.preventDefault();
     this.props.store.openModal("user");
   };
 
-  handleButton = e => {
+  handleButton = (e) => {
     e.preventDefault();
     this.props.store.openModal(this.props.store.user ? "user" : "login");
   };

src/components/forms/logout.js

@@ -2,7 +2,7 @@ import { h, Component } from "preact";
 import Button from "./button";
 
 export default class LogoutForm extends Component {
-  handleLogout = e => {
+  handleLogout = (e) => {
     e.preventDefault();
     this.props.onLogout();
   };

src/components/forms/providers.js

@@ -1,7 +1,7 @@
 import { h, Component } from "preact";
 
 class Provider extends Component {
-  handleLogin = e => {
+  handleLogin = (e) => {
     e.preventDefault();
     this.props.onLogin(this.props.provider.toLowerCase());
   };
@@ -35,7 +35,7 @@ export default class Providers extends Component {
     return (
       <div className="providersGroup">
         <hr className="hr" />
-        {providers.map(p => (
+        {providers.map((p) => (
           <Provider
             key={p}
             provider={p}

src/components/forms/siteurl.js

@@ -6,16 +6,16 @@ export default class SiteURLForm extends Component {
     this.state = { url: "", development: props.devMode || false };
   }
 
-  handleInput = e => {
+  handleInput = (e) => {
     this.setState({ [e.target.name]: e.target.value });
   };
 
-  addSiteURL = e => {
+  addSiteURL = (e) => {
     e.preventDefault();
     this.props.onSiteURL(this.state.url);
   };
 
-  clearSiteURL = e => {
+  clearSiteURL = (e) => {
     e.preventDefault;
     this.props.onSiteURL();
   };
@@ -30,7 +30,7 @@ export default class SiteURLForm extends Component {
           <div class="subheader">
             <h3>{t("site_url_title")}</h3>
             <button
-              onclick={e => this.clearSiteURL(e)}
+              onclick={(e) => this.clearSiteURL(e)}
               className="btnLink forgotPasswordLink"
             >
               {t("site_url_link_text")}

src/components/forms/user.js

@@ -8,11 +8,11 @@ export default class UserForm extends Component {
     this.state = { name: "", email: "", password: "" };
   }
 
-  handleInput = e => {
+  handleInput = (e) => {
     this.setState({ [e.target.name]: e.target.value });
   };
 
-  handleLogin = e => {
+  handleLogin = (e) => {
     e.preventDefault();
     this.props.onSubmit(this.state);
   };

src/components/modal/index.js

@@ -9,16 +9,16 @@ function formatError(error) {
 }
 
 export default class Modal extends Component {
-  handleClose = e => {
+  handleClose = (e) => {
     e.preventDefault();
     this.props.onClose();
   };
 
-  blockEvent = e => {
+  blockEvent = (e) => {
     e.stopPropagation();
   };
 
-  linkHandler = page => e => {
+  linkHandler = (page) => (e) => {
     e.preventDefault();
     this.props.onPage(page);
   };

src/netlify-identity.js

@@ -10,7 +10,7 @@ import modalCSS from "./components/modal.css";
 const callbacks = {};
 function trigger(callback) {
   const cbMap = callbacks[callback] || new Set();
-  Array.from(cbMap.values()).forEach(cb => {
+  Array.from(cbMap.values()).forEach((cb) => {
     cb.apply(cb, Array.prototype.slice.call(arguments, 1));
   });
 }
@@ -35,7 +35,7 @@ const netlifyIdentity = {
       }
     }
   },
-  open: action => {
+  open: (action) => {
     action = action || "login";
     if (!validActions[action]) {
       throw new Error(`Invalid action for open: ${action}`);
@@ -63,10 +63,10 @@ const netlifyIdentity = {
     }
     return store.gotrue.currentUser().jwt(force);
   },
-  init: options => {
+  init: (options) => {
     init(options);
   },
-  setLocale: locale => {
+  setLocale: (locale) => {
     if (locale) {
       store.locale = locale;
     }
@@ -197,7 +197,7 @@ function runRoutes() {
   const am = hash.match(accessTokenRoute);
   if (am) {
     const params = {};
-    hash.split("&").forEach(pair => {
+    hash.split("&").forEach((pair) => {
       const [key, value] = pair.split("=");
       params[key] = value;
     });
@@ -231,7 +231,7 @@ function init(options = {}) {
   const controlEls = document.querySelectorAll(
     "[data-netlify-identity-menu],[data-netlify-identity-button]"
   );
-  Array.prototype.slice.call(controlEls).forEach(el => {
+  Array.prototype.slice.call(controlEls).forEach((el) => {
     let controls = null;
     const mode =
       el.getAttribute("data-netlify-identity-menu") === null

src/state/store.js

@@ -60,9 +60,9 @@ store.loadSettings = action(function loadSettings() {
 
   store.gotrue
     .settings()
-    .then(action(settings => (store.settings = settings)))
+    .then(action((settings) => (store.settings = settings)))
     .catch(
-      action(err => {
+      action((err) => {
         store.error = new Error(
           `Failed to load settings from ${store.gotrue.api.apiURL}`
         );
@@ -89,7 +89,7 @@ store.login = action(function login(email, password) {
   return store.gotrue
     .login(email, password, store.remember)
     .then(
-      action(user => {
+      action((user) => {
         store.user = user;
         store.modal.page = "user";
         store.invite_token = null;
@@ -116,7 +116,7 @@ store.completeExternalLogin = action(function completeExternalLogin(params) {
   store.startAction();
   store.gotrue
     .createUser(params, store.remember)
-    .then(user => {
+    .then((user) => {
       store.user = user;
       store.modal.page = "user";
       store.saving = false;
@@ -165,7 +165,7 @@ store.updatePassword = action(function updatePassword(password) {
   const user = store.recovered_user || store.user;
   user
     .update({ password })
-    .then(user => {
+    .then((user) => {
       store.user = user;
       store.recovered_user = null;
       store.modal.page = "user";
@@ -178,7 +178,7 @@ store.acceptInvite = action(function acceptInvite(password) {
   store.startAction();
   store.gotrue
     .acceptInvite(store.invite_token, password, store.remember)
-    .then(user => {
+    .then((user) => {
       store.saving = false;
       store.invite_token = null;
       store.user = user;
@@ -192,7 +192,7 @@ store.doEmailChange = action(function doEmailChange() {
   return store.user
     .update({ email_change_token: store.email_change_token })
     .then(
-      action(user => {
+      action((user) => {
         store.user = user;
         store.email_change_token = null;
         store.message = "email_changed";
@@ -213,13 +213,13 @@ store.verifyToken = action(function verifyToken(type, token) {
       gotrue
         .confirm(token, store.remember)
         .then(
-          action(user => {
+          action((user) => {
             store.user = user;
             store.saving = false;
           })
         )
         .catch(
-          action(err => {
+          action((err) => {
             console.error(err);
             store.message = "verfication_error";
             store.modal.page = "signup";
@@ -245,11 +245,11 @@ store.verifyToken = action(function verifyToken(type, token) {
       store.modal.page = type;
       store.gotrue
         .recover(token, store.remember)
-        .then(user => {
+        .then((user) => {
           store.saving = false;
           store.recovered_user = user;
         })
-        .catch(err => {
+        .catch((err) => {
           store.saving = false;
           store.error = err;
           store.modal.page = "login";