The allPermissions method returns the complete list of permissions assigned to the currently logged-in user. If the user is not logged in, all values will be false.
As a best practice, authorization checks for sensitive actions should also occur on the backend.
import type { PermissionsMap } from '@stytch/react-native';
import { useStytch } from '@stytch/react-native';
import React, { useEffect, useState } from 'react';
import { Text, TouchableOpacity, View } from 'react-native';
export const MyComponent = () => {
const [allPermissions, setAllPermissions] = useState<PermissionsMap<Record<string, string>>>();
const stytch = useStytch();
useEffect(() => {
stytch.rbac.allPermissions().then((response) => setAllPermissions(response));
}, [stytch]);
if (!allPermissions) {
return <Text>Loading...</Text>;
}
const canEditDocuments = allPermissions['document']['edit'];
const editDocument = () => {
/* ... */
};
return (
<View>
<TouchableOpacity disabled={!canEditDocuments} onPress={editDocument}>
<Text>Edit Document</Text>
</TouchableOpacity>
</View>
);
};{
"status_code": 200,
"request_id": "request-id-test-b05c992f-ebdc-489d-a754-c7e70ba13141"
"stytch_permissions": {
"documents": {
"edit": false,
"read": true,
},
"images": {
"create": false,
"view": true,
},
},
}