@drmhse/authos-react 0.1.4 → 0.1.5

package/README.md

@@ -32,10 +32,10 @@ function App() {
 ```
 
 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
 
@@ -150,6 +150,22 @@ Registration form for new users.
 />
 ```
 
+### MagicLinkSignIn
+
+Sign-in component for Magic Links (passwordless).
+
+```tsx
+<MagicLinkSignIn onSuccess={() => console.log('Magic link sent!')} />
+```
+
+### PasskeySignIn
+
+Sign-in component for Passkeys (WebAuthn).
+
+```tsx
+<PasskeySignIn onSuccess={() => console.log('Authenticated!')} />
+```
+
 ### SignedIn / SignedOut
 
 Conditional rendering based on authentication state. Inspired by Clerk's API.

package/dist/index.d.mts

@@ -129,6 +129,8 @@ interface SignUpProps {
     onError?: (error: Error) => void;
     /** Organization slug for registration context */
     orgSlug?: string;
+    /** Service slug for registration context (used with orgSlug for tenant attribution) */
+    serviceSlug?: string;
     /** Whether to show the "sign in" link */
     showSignIn?: boolean;
     /** Custom class name for the form container */
@@ -440,7 +442,7 @@ declare function SignIn({ onSuccess, onError, showForgotPassword, showSignUp, cl
  * }
  * ```
  */
-declare function SignUp({ onSuccess, onError, orgSlug, showSignIn, className }: SignUpProps): react_jsx_runtime.JSX.Element;
+declare function SignUp({ onSuccess, onError, orgSlug, serviceSlug, showSignIn, className }: SignUpProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Component for switching between organizations.

package/dist/index.d.ts

@@ -129,6 +129,8 @@ interface SignUpProps {
     onError?: (error: Error) => void;
     /** Organization slug for registration context */
     orgSlug?: string;
+    /** Service slug for registration context (used with orgSlug for tenant attribution) */
+    serviceSlug?: string;
     /** Whether to show the "sign in" link */
     showSignIn?: boolean;
     /** Custom class name for the form container */
@@ -440,7 +442,7 @@ declare function SignIn({ onSuccess, onError, showForgotPassword, showSignUp, cl
  * }
  * ```
  */
-declare function SignUp({ onSuccess, onError, orgSlug, showSignIn, className }: SignUpProps): react_jsx_runtime.JSX.Element;
+declare function SignUp({ onSuccess, onError, orgSlug, serviceSlug, showSignIn, className }: SignUpProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Component for switching between organizations.

package/dist/index.js

@@ -197,7 +197,12 @@ function SignIn({
       setError(null);
       setIsLoading(true);
       try {
-        const result = await client.auth.login({ email, password });
+        const result = await client.auth.login({
+          email,
+          password,
+          org_slug: config.org,
+          service_slug: config.service
+        });
         if (result.expires_in === MFA_PREAUTH_EXPIRY) {
           setPreauthToken(result.access_token);
           setState("mfa");
@@ -214,7 +219,7 @@ function SignIn({
         setIsLoading(false);
       }
     },
-    [client, email, password, setUser, onSuccess, onError]
+    [client, email, password, config.org, config.service, setUser, onSuccess, onError]
   );
   const handleMfaSubmit = react.useCallback(
     async (e) => {
@@ -322,7 +327,7 @@ function SignIn({
     ] })
   ] });
 }
-function SignUp({ onSuccess, onError, orgSlug, showSignIn = true, className }) {
+function SignUp({ onSuccess, onError, orgSlug, serviceSlug, showSignIn = true, className }) {
   const { client } = useAuthOSContext();
   const [email, setEmail] = react.useState("");
   const [password, setPassword] = react.useState("");
@@ -347,7 +352,8 @@ function SignUp({ onSuccess, onError, orgSlug, showSignIn = true, className }) {
         await client.auth.register({
           email,
           password,
-          org_slug: orgSlug
+          org_slug: orgSlug,
+          service_slug: serviceSlug
         });
         setIsSuccess(true);
         onSuccess?.();
@@ -359,7 +365,7 @@ function SignUp({ onSuccess, onError, orgSlug, showSignIn = true, className }) {
         setIsLoading(false);
       }
     },
-    [client, email, password, confirmPassword, orgSlug, onSuccess, onError]
+    [client, email, password, confirmPassword, orgSlug, serviceSlug, onSuccess, onError]
   );
   if (isSuccess) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className, "data-authos-signup": true, "data-state": "success", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-authos-success": true, children: [

package/dist/index.mjs

@@ -196,7 +196,12 @@ function SignIn({
       setError(null);
       setIsLoading(true);
       try {
-        const result = await client.auth.login({ email, password });
+        const result = await client.auth.login({
+          email,
+          password,
+          org_slug: config.org,
+          service_slug: config.service
+        });
         if (result.expires_in === MFA_PREAUTH_EXPIRY) {
           setPreauthToken(result.access_token);
           setState("mfa");
@@ -213,7 +218,7 @@ function SignIn({
         setIsLoading(false);
       }
     },
-    [client, email, password, setUser, onSuccess, onError]
+    [client, email, password, config.org, config.service, setUser, onSuccess, onError]
   );
   const handleMfaSubmit = useCallback(
     async (e) => {
@@ -321,7 +326,7 @@ function SignIn({
     ] })
   ] });
 }
-function SignUp({ onSuccess, onError, orgSlug, showSignIn = true, className }) {
+function SignUp({ onSuccess, onError, orgSlug, serviceSlug, showSignIn = true, className }) {
   const { client } = useAuthOSContext();
   const [email, setEmail] = useState("");
   const [password, setPassword] = useState("");
@@ -346,7 +351,8 @@ function SignUp({ onSuccess, onError, orgSlug, showSignIn = true, className }) {
         await client.auth.register({
           email,
           password,
-          org_slug: orgSlug
+          org_slug: orgSlug,
+          service_slug: serviceSlug
         });
         setIsSuccess(true);
         onSuccess?.();
@@ -358,7 +364,7 @@ function SignUp({ onSuccess, onError, orgSlug, showSignIn = true, className }) {
         setIsLoading(false);
       }
     },
-    [client, email, password, confirmPassword, orgSlug, onSuccess, onError]
+    [client, email, password, confirmPassword, orgSlug, serviceSlug, onSuccess, onError]
   );
   if (isSuccess) {
     return /* @__PURE__ */ jsx("div", { className, "data-authos-signup": true, "data-state": "success", children: /* @__PURE__ */ jsxs("div", { "data-authos-success": true, children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@drmhse/authos-react",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "React and Next.js 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"
   }
 }