@authing/vue-ui-components 3.1.10 → 3.1.13-rc.8

package/components/Guard/src/index.vue

@@ -15,7 +15,14 @@ import {
 import "@authing/native-js-ui-components/lib/index.min.css";
 import { Guard as NativeGuard } from "@authing/native-js-ui-components/lib/index.min.js";
 
-export { getAuthClient, initAuthClient, GuardMode, GuardScenes, LoginMethods, RegisterMethods };
+export {
+  getAuthClient,
+  initAuthClient,
+  GuardMode,
+  GuardScenes,
+  LoginMethods,
+  RegisterMethods,
+};
 
 const callbackEvent = ["before-login", "before-register"];
 
@@ -24,12 +31,21 @@ export default {
   props: {
     appId: {
       type: String,
-      required: true,
+      required: false,
     },
+    tenantId: {
+      type: String,
+      required: false,
+    },
+
     config: {
       type: Object,
       required: false,
     },
+    authClient: {
+      type: Object,
+      required: false,
+    },
     visible: {
       type: Boolean,
       default: false,
@@ -109,14 +125,22 @@ export default {
     },
   },
   mounted() {
-    this.guardInstance = new NativeGuard(this.appId, this.mergeConfig);
+    this.guardInstance = new NativeGuard(
+      this.appId,
+      this.mergeConfig,
+      this.tenantId,
+      this.authClient
+    );
 
     const evts = Object.values(GuardEventsCamelToKebabMap);
-    const kebabToCamelMap = Object.entries(GuardEventsCamelToKebabMap).reduce((acc, [camel, kebab]) => {
-      return Object.assign({}, acc, {
-        [kebab]: camel,
-      });
-    }, {});
+    const kebabToCamelMap = Object.entries(GuardEventsCamelToKebabMap).reduce(
+      (acc, [camel, kebab]) => {
+        return Object.assign({}, acc, {
+          [kebab]: camel,
+        });
+      },
+      {}
+    );
 
     const listeners = evts.reduce((acc, evtName) => {
       return Object.assign({}, acc, {
@@ -138,7 +162,9 @@ export default {
       });
     }, {});
 
-    evts.forEach((evtName) => this.guardInstance.on(evtName, listeners[evtName]));
+    evts.forEach((evtName) =>
+      this.guardInstance.on(evtName, listeners[evtName])
+    );
 
     if (this.localVisible) {
       this.guardInstance.show();