Implement Document Sharing and Permissions UI

[mftee]

Description:
Build a comprehensive sharing system allowing users to share documents with specific permissions.

Requirements:

• ShareModal component with user search
• Permission levels (view, comment, verify)
• Shareable link generation
• Access expiration date picker
• Revoke access functionality
• Shared users list with role badges
• Email invitation form
• Activity log for shared documents
• Public/private toggle

Acceptance Criteria:

• Users can be searched and added
• Permissions are enforced correctly
• Links are generated and copyable
• Expiration dates work properly
• UI clearly shows who has access
• Email invitations sent successfully
• Responsive and accessible

Tech Stack: Next.js, TypeScript, Tailwind CSS, React Hook Form

[Obiajulu-gif]

@Obiajulu-gif has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

I would like to request assignment to Issue #130 to implement the Document Sharing and Permissions UI for SMALDA. A robust sharing surface is core to collaboration, and delivering clear permission controls (view/comment/verify), link sharing, and auditable activity will materially improve usability and trust.

If assigned, I will implement:

• A reusable ShareModal with user search + add flow (React Hook Form) and permission selection (view/comment/verify).
• Shareable link generation UI with copy-to-clipboard, plus public/private toggle.
• Expiration date picker and revoke access actions with confirmation.
• A shared users list showing role/permission badges and current access state.
• Email invitation form UI (with validation and submission wiring to the existing API/service layer).
• An activity log section for document sharing events (grants, revokes, link created/disabled, expiry updates).
• Full responsive behavior and accessibility (focus management in modal, keyboard navigation, ARIA labels, and proper error messaging).

I will keep the implementation modular (components + hooks), aligned with Next.js/TypeScript/Tailwind conventions, and ensure the UI makes permissions and access status unambiguous to satisfy the acceptance criteria.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Obiajulu-gif to this issue.

[Tybravo]

@Tybravo has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

Doing extra tasks I love. Hello, I am a full-stack Software Engineer with 7+ years of experience and a Blockchain Developer. And I do like to work on the Issue #130 Implement Document Sharing and Permissions UI.

I have strong hands-on experience building advanced, user-friendly and visually engaging frontend interfaces using React, TypeScript, and Next.js, with a focus on reusable component architecture, modern UI patterns, responsive design, state management, and performance optimization. I work across both frontend and backend systems, including backend logic, API design, database architecture, and schema modeling.

I have experience building modern, scalable web applications using React, Typescript, Next.js, Node.js, Java, Rust, and related technologies. Some relevant projects (personal and OPEN SOURCE) I have worked on include:

--> https://www.verilens.xyz/
--> https://repeasy.wal.app/
--> https://docwalrus.vercel.app/
--> https://grainlify.0xo.in/

I am comfortable working within an existing codebase or independently , following project conventions, and delivering clean, maintainable, and well-structured solutions. My GitHub repositories can speak for themselves in demonstrating my experience and consistency across different types of projects.

I am confident I can contribute effectively and deliver high-quality results.

Thank you for your time and considering my application.

Regards,
Tybravo.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Tybravo to this issue.

[Properprogress1]

@Properprogress1 has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

Hi maintainer,
I'd love to take on this task and I will deliver in 6hrs if given this task

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Properprogress1 to this issue.

[edehvictor]

@edehvictor has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

Subject: feat: Implement Document Sharing and Permissions UI (#130)

Hi Team,

I would like to request assignment to this issue. I can implement the Document Sharing and Permissions UI, ensuring it provides granular control over access while maintaining a simple, auditable user experience.

Implementation Plan:

Share Modal: I will build a reusable ShareModal featuring User Search and a Permission Selector (View/Comment/Verify) using React Hook Form for state management.

Link Management: I will implement the Shareable Link UI with copy-to-clipboard functionality and a global Public/Private Toggle.

Access Control: I will include an Expiration Date Picker and a Shared Users List that allows admins to revoke access or modify roles with a single click.

Audit & Notifications: I will build the Email Invitation Form (wired to the API service) and an Activity Log section to track grants, revokes, and expiry updates.

Accessibility: I will ensure the modal handles focus management correctly and supports full keyboard navigation.

ETA: 10–14 hours.

I am ready to start immediately.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @edehvictor to this issue.

[Christopherdominic]

@Christopherdominic has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

Hi

I’d like to work on this. I’ll implement the Document Sharing and Permissions UI, including a ShareModal with user search, permission levels (view, comment, verify), shareable link generation, access expiration, revoke functionality, shared users list with role badges, email invitations, and activity log, ensuring responsiveness, accessibility, and proper permission enforcement.

Thanks!

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Christopherdominic to this issue.

[Christopherdominic]

@Christopherdominic has applied to work on this issue as part of the Stellar Wave Program's 1st wave.

Hi

I’d like to work on this. I’ll implement the Document Sharing and Permissions UI, including a ShareModal with user search, permission levels (view, comment, verify), shareable link generation, access expiration, revoke functionality, shared users list with role badges, email invitations, and activity log, ensuring responsiveness, accessibility, and proper permission enforcement.

Thanks!

ℹ️ Repo Maintainers: To accept this application, review their application or assign @Christopherdominic to this issue.