feat: add passkey support

[SergeWilfried]

Summary by CodeRabbit

• New Features

  • Added two-factor authentication support for document actions.
  • Introduced passkey authentication for enhanced security during document signing and account actions.
  • New callback options for successful passkey creation and 2FA enablement.
  • Added "Require passkey" option for recipient and signer configurations in document flow settings.

• Refactor

  • Improved authentication dialog to handle multiple types of authentication.
  • Enhanced type checking across various components for better code reliability.

• Bug Fixes

  • Fixed form submission loading state handling in the signing form.
  • Updated browser support check for sign-in with passkey functionality.

• Chores

  • Updated and refined type imports for better code maintainability.
  • Adjusted database schema for secondary verification methods.

[coderabbitai[bot]]

Walkthrough

## Walkthrough The recent update enhances security and user experience across the web application. It introduces components for passkey and two-factor authentication, refines authentication dialogs, and improves type checking in various components. Additionally, the update streamlines the passkey creation process, optimizes form handling, and updates the document authentication logic. This comprehensive overhaul focuses on bolstering security measures while ensuring a smoother user interaction. ## Changes | Files | Change Summary | |-----------------------------------------------------------------------|--------------------------------------------------------------------------------------------------| | `.../admin/users/data-table-users.tsx` | Added eslint-disable for `react-hooks/exhaustive-deps` in `UsersDataTable`. | | `.../settings/security/passkeys/create-passkey-dialog.tsx` | Added `onSuccess` callback prop in `CreatePasskeyDialogProps`. | | `.../sign/[token]/document-action-auth-2fa.tsx`
`.../sign/[token]/document-action-auth-account.tsx`
`.../sign/[token]/document-action-auth-dialog.tsx`
`.../sign/[token]/document-action-auth-passkey.tsx`
`.../sign/[token]/document-auth-provider.tsx` | Introduced and refactored authentication components for 2FA, account, and passkey authentication. | | `.../sign/[token]/form.tsx`
`.../forms/profile.tsx` | Improved form submission and mutation handling. | | `.../avatar/stack-avatars.tsx`
`.../branding/logo.tsx`
`.../formatter/template-type.tsx`
`.../ui/background.tsx`
`.../providers/next-theme.tsx` | Updated import statements for better type checking. | | `.../2fa/enable-authenticator-app-dialog.tsx`
`.../2fa/view-recovery-codes-dialog.tsx` | Enhanced 2FA dialog components with `onSuccess` callback and code cleanup. | | `.../forms/signin.tsx` | Updated browser support check in `onSignInWithPasskey`. | | `packages/app-tests/e2e/...`
`packages/lib/...`
`packages/prisma/...`
`packages/trpc/server/...`
`packages/ui/primitives/...` | Various updates in testing, library functions, schema changes, and UI components for authentication and passkey management. | > "In the realm of code and wire, > A rabbit hopped, with dreams so dire. > To secure, to check, to refine, > Through lines of code, its mission aligns. > 🐰💻✨ > With every hop, a bug it dodges, > In the digital brush, it forges."

Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?

Share

- [X](https://twitter.com/intent/tweet?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A&url=https%3A//coderabbit.ai) - [Mastodon](https://mastodon.social/share?text=I%20just%20used%20%40coderabbitai%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20the%20proprietary%20code.%20Check%20it%20out%3A%20https%3A%2F%2Fcoderabbit.ai) - [Reddit](https://www.reddit.com/submit?title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&text=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code.%20Check%20it%20out%3A%20https%3A//coderabbit.ai) - [LinkedIn](https://www.linkedin.com/sharing/share-offsite/?url=https%3A%2F%2Fcoderabbit.ai&mini=true&title=Great%20tool%20for%20code%20review%20-%20CodeRabbit&summary=I%20just%20used%20CodeRabbit%20for%20my%20code%20review%2C%20and%20it%27s%20fantastic%21%20It%27s%20free%20for%20OSS%20and%20offers%20a%20free%20trial%20for%20proprietary%20code)

---

Tips

### Chat There are 3 ways to chat with CodeRabbit: - Review comments: Directly reply to a review comment made by CodeRabbit. Example: - `I pushed a fix in commit .` - `Generate unit testing code for this file.` - `Open a follow-up GitHub issue for this discussion.` - Files and specific lines of code (under the "Files changed" tab): Tag `@coderabbitai` in a new review comment at the desired location with your query. Examples: - `@coderabbitai generate unit testing code for this file.` - `@coderabbitai modularize this function.` - PR comments: Tag `@coderabbitai` in a new PR comment to ask questions about the PR branch. For the best results, please provide a very specific query, as very limited context is provided in this mode. Examples: - `@coderabbitai generate interesting stats about this repository and render them as a table.` - `@coderabbitai show all the console.log statements in this repository.` - `@coderabbitai read src/utils.ts and generate unit testing code.` - `@coderabbitai read the files in the src/scheduler package and generate a class diagram using mermaid and a README in the markdown format.` Note: Be mindful of the bot's finite context window. It's strongly recommended to break down tasks such as reading entire modules into smaller chunks. For a focused discussion, use review comments to chat about specific files and their changes, instead of using the PR comments. ### CodeRabbit Commands (invoked as PR comments) - `@coderabbitai pause` to pause the reviews on a PR. - `@coderabbitai resume` to resume the paused reviews. - `@coderabbitai review` to trigger a review. This is useful when automatic reviews are disabled for the repository. - `@coderabbitai resolve` resolve all the CodeRabbit review comments. - `@coderabbitai help` to get help. Additionally, you can add `@coderabbitai ignore` anywhere in the PR description to prevent this PR from being reviewed. ### CodeRabbit Configration File (`.coderabbit.yaml`) - You can programmatically configure CodeRabbit by adding a `.coderabbit.yaml` file to the root of your repository. - The JSON schema for the configuration file is available [here](https://coderabbit.ai/integrations/coderabbit-overrides.v2.json). - If your editor has YAML language server enabled, you can add the path at the top of this file to enable auto-completion and validation: `# yaml-language-server: $schema=https://coderabbit.ai/integrations/coderabbit-overrides.v2.json` ### CodeRabbit Discord Community Join our [Discord Community](https://discord.com/invite/GsXnASn26c) to get help, request features, and share feedback.