@drmhse/authos-react 0.2.1 → 0.2.2

package/README.md

@@ -146,10 +146,14 @@ Registration form for new users.
 <SignUp
   onSuccess={() => console.log('Check your email!')}
   onError={(error) => console.error(error)}
-  orgSlug="my-org"  // Optional: pre-fill organization
+  orgSlug="my-org"      // Optional: override provider config
+  serviceSlug="my-app"  // Optional: override provider config
 />
 ```
 
+> [!NOTE]
+> The `orgSlug` and `serviceSlug` props are optional and will fallback to the values configured in `AuthOSProvider`. Only use these props if you need to override the provider configuration for a specific use case.
+
 ### MagicLinkSignIn
 
 Sign-in component for Magic Links (passwordless).

package/dist/index.js

@@ -568,6 +568,16 @@ function AuthOSProvider({ config, children, client: externalClient, initialSessi
     if (config.appearance?.variables) {
       applyVariables(config.appearance.variables);
     }
+    if (config.org && !config.service) {
+      console.warn(
+        '[AuthOS] You provided "org" but not "service". OAuth flows may not work correctly.'
+      );
+    }
+    if (!config.org && config.service) {
+      console.warn(
+        '[AuthOS] You provided "service" but not "org". OAuth flows may not work correctly.'
+      );
+    }
   }, [config.appearance]);
   const hasInitialToken = react.useRef(!!initialSessionToken);
   react.useEffect(() => {
@@ -946,8 +956,8 @@ function SignUp({
         await client.auth.register({
           email,
           password,
-          org_slug: orgSlug,
-          service_slug: serviceSlug
+          org_slug: orgSlug ?? config.org,
+          service_slug: serviceSlug ?? config.service
         });
         setIsSuccess(true);
         onSuccess?.();

package/dist/index.mjs

@@ -567,6 +567,16 @@ function AuthOSProvider({ config, children, client: externalClient, initialSessi
     if (config.appearance?.variables) {
       applyVariables(config.appearance.variables);
     }
+    if (config.org && !config.service) {
+      console.warn(
+        '[AuthOS] You provided "org" but not "service". OAuth flows may not work correctly.'
+      );
+    }
+    if (!config.org && config.service) {
+      console.warn(
+        '[AuthOS] You provided "service" but not "org". OAuth flows may not work correctly.'
+      );
+    }
   }, [config.appearance]);
   const hasInitialToken = useRef(!!initialSessionToken);
   useEffect(() => {
@@ -945,8 +955,8 @@ function SignUp({
         await client.auth.register({
           email,
           password,
-          org_slug: orgSlug,
-          service_slug: serviceSlug
+          org_slug: orgSlug ?? config.org,
+          service_slug: serviceSlug ?? config.service
         });
         setIsSuccess(true);
         onSuccess?.();