Skip to main content

Documents & E-Signature Module

The Documents & E-Sign module (src/features/documents/ and src/features/esign/) manages company policies, employee contracts, SharePoint browsing, and digital document signing.

Key Components & Tabs​

DocumentsPage (/documents)
├── CompanyDocsTab      # Public company policies, employee handbooks, onboarding packs
├── MyDocsTab           # Signed contracts, tax forms, personal uploaded files
├── PeopleDocsTab       # HR manager view across all employees with folder hierarchies
├── RequestsSection     # Outgoing and pending signature requests
└── SettingsSection     # SharePoint connection & folder storage configuration

In-Browser PDF Preview (DocumentPreview.tsx)​

Powered by react-pdf:

  • Renders multi-page PDF documents directly within the browser without requiring external plugins.
  • Supports zoom, page navigation, fullscreen mode, and download actions.

Digital E-Signature Flow (SignatureCanvas.tsx)​

[ HR initiates Signature Request ] ──► Uploads Document / Template
                                                │
                                                â–¼
[ Target Employee receives Notification / Email ]
                                                │
                                                â–¼
[ Employee opens SignDocumentModal ]
                                                │
                                                â–¼
[ SignatureCanvas renders HTML5 Canvas pad ]
  - Freehand signature draw
  - Type-to-sign typography preview
  - Upload scanned signature image
                                                │
                                                â–¼
[ Signed timestamp & IP hash appended to document audit trail ]

SharePoint Integration (SharePointBrowser.tsx)​

Allows HR admins with SHAREPOINT_BROWSE permission to browse connected Microsoft SharePoint document libraries, select shared files, and link them to employee folders in BonardaHR.