Support authentication flows for login/register

src/components/Join.vue

@@ -80,6 +80,8 @@
           </v-col>
         </v-row>
 
+        <interactive-auth ref="interactiveAuth" />
+
         <v-btn id="btn-join" class="btn-dark" large @click.stop="handleJoin" :loading="loading" v-if="!currentUser">{{
           roomId && roomId.startsWith("@") ? $t("join.enter_room_user") : $t("join.enter_room")
         }}</v-btn>
@@ -133,6 +135,7 @@
 
 <script>
 import util from "../plugins/utils";
+import InteractiveAuth from './InteractiveAuth.vue';
 import LanguageMixin from "./languageMixin";
 import rememberMeMixin from "./rememberMeMixin";
 
@@ -143,6 +146,7 @@ export default {
   mixins: [LanguageMixin, rememberMeMixin],
   components: {
     SelectLanguageDialog,
+    InteractiveAuth
   },
   data() {
     return {
@@ -340,7 +344,7 @@ export default {
       const hasUser = this.currentUser ? true : false;
       var setProfileData = false;
       return this.$matrix
-        .getLoginPromise()
+        .getLoginPromise(this.$refs.interactiveAuth.registrationFlowHandler)
         .then(
           function (user) {
             if (user.is_guest && !hasUser) {