@drmhse/authos-vue 0.1.4 → 0.1.5

package/README.md

@@ -46,10 +46,10 @@ import { SignIn, SignedIn, SignedOut, UserButton } from '@drmhse/authos-vue';
 ```
 
 That's it. You now have:
-- ✅ Email/password authentication with MFA support
-- ✅ Automatic session management
-- ✅ User dropdown with logout
-- ✅ Conditional rendering based on auth state
+- Email/password authentication with MFA support
+- Automatic session management
+- User dropdown with logout
+- Conditional rendering based on auth state
 
 ## Usage Modes
 
@@ -167,6 +167,22 @@ Registration form for new users.
 <SignUp @success="console.log('Check your email!')" @error="console.error" />
 ```
 
+### MagicLinkSignIn
+
+Sign-in component for Magic Links (passwordless).
+
+```vue
+<MagicLinkSignIn @success="console.log('Magic link sent!')" />
+```
+
+### PasskeySignIn
+
+Sign-in component for Passkeys (WebAuthn).
+
+```vue
+<PasskeySignIn @success="console.log('Authenticated!')" />
+```
+
 ### SignedIn / SignedOut
 
 Conditional rendering based on authentication state. Inspired by Clerk's API.

package/dist/index.d.mts

@@ -340,6 +340,16 @@ declare const SignUp: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<(error: Error) => void>;
         default: undefined;
     };
+    /** Organization slug for tenant context */
+    orgSlug: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** Service slug for tenant attribution (used with orgSlug) */
+    serviceSlug: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }> | vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -353,12 +363,24 @@ declare const SignUp: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<(error: Error) => void>;
         default: undefined;
     };
+    /** Organization slug for tenant context */
+    orgSlug: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** Service slug for tenant attribution (used with orgSlug) */
+    serviceSlug: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>> & Readonly<{
     onSuccess?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
 }>, {
     onSuccess: () => void;
     onError: (error: Error) => void;
+    orgSlug: string;
+    serviceSlug: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 interface OrganizationSwitcherSlotProps {

package/dist/index.d.ts

@@ -340,6 +340,16 @@ declare const SignUp: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<(error: Error) => void>;
         default: undefined;
     };
+    /** Organization slug for tenant context */
+    orgSlug: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** Service slug for tenant attribution (used with orgSlug) */
+    serviceSlug: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }> | vue.VNode<vue.RendererNode, vue.RendererElement, {
@@ -353,12 +363,24 @@ declare const SignUp: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<(error: Error) => void>;
         default: undefined;
     };
+    /** Organization slug for tenant context */
+    orgSlug: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** Service slug for tenant attribution (used with orgSlug) */
+    serviceSlug: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>> & Readonly<{
     onSuccess?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
 }>, {
     onSuccess: () => void;
     onError: (error: Error) => void;
+    orgSlug: string;
+    serviceSlug: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 interface OrganizationSwitcherSlotProps {

package/dist/index.js

@@ -281,7 +281,7 @@ var SignIn = vue.defineComponent({
   },
   emits: ["success", "error"],
   setup(props, { slots, emit }) {
-    const { client } = useAuthOS();
+    const { client, options } = useAuthOS();
     const email = vue.ref("");
     const password = vue.ref("");
     const mfaCode = vue.ref("");
@@ -296,7 +296,9 @@ var SignIn = vue.defineComponent({
         if (step.value === "credentials") {
           const result = await client.auth.login({
             email: email.value,
-            password: password.value
+            password: password.value,
+            org_slug: options.org,
+            service_slug: options.service
           });
           if (result.expires_in === MFA_PREAUTH_EXPIRY) {
             preauthToken.value = result.access_token;
@@ -375,6 +377,16 @@ var SignUp = vue.defineComponent({
     onError: {
       type: Function,
       default: void 0
+    },
+    /** Organization slug for tenant context */
+    orgSlug: {
+      type: String,
+      default: void 0
+    },
+    /** Service slug for tenant attribution (used with orgSlug) */
+    serviceSlug: {
+      type: String,
+      default: void 0
     }
   },
   emits: ["success", "error"],
@@ -390,7 +402,9 @@ var SignUp = vue.defineComponent({
       try {
         await client.auth.register({
           email: email.value,
-          password: password.value
+          password: password.value,
+          org_slug: props.orgSlug,
+          service_slug: props.serviceSlug
         });
         emit("success");
         props.onSuccess?.();

package/dist/index.mjs

@@ -251,7 +251,7 @@ var SignIn = defineComponent({
   },
   emits: ["success", "error"],
   setup(props, { slots, emit }) {
-    const { client } = useAuthOS();
+    const { client, options } = useAuthOS();
     const email = ref("");
     const password = ref("");
     const mfaCode = ref("");
@@ -266,7 +266,9 @@ var SignIn = defineComponent({
         if (step.value === "credentials") {
           const result = await client.auth.login({
             email: email.value,
-            password: password.value
+            password: password.value,
+            org_slug: options.org,
+            service_slug: options.service
           });
           if (result.expires_in === MFA_PREAUTH_EXPIRY) {
             preauthToken.value = result.access_token;
@@ -345,6 +347,16 @@ var SignUp = defineComponent({
     onError: {
       type: Function,
       default: void 0
+    },
+    /** Organization slug for tenant context */
+    orgSlug: {
+      type: String,
+      default: void 0
+    },
+    /** Service slug for tenant attribution (used with orgSlug) */
+    serviceSlug: {
+      type: String,
+      default: void 0
     }
   },
   emits: ["success", "error"],
@@ -360,7 +372,9 @@ var SignUp = defineComponent({
       try {
         await client.auth.register({
           email: email.value,
-          password: password.value
+          password: password.value,
+          org_slug: props.orgSlug,
+          service_slug: props.serviceSlug
         });
         emit("success");
         props.onSuccess?.();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@drmhse/authos-vue",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Vue and Nuxt adapter for AuthOS authentication",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -68,6 +68,6 @@
     "access": "public"
   },
   "dependencies": {
-    "@drmhse/sso-sdk": "^0.3.8"
+    "@drmhse/sso-sdk": "^0.3.10"
   }
 }