RON Architecture

RON Helpers & Email Dispatch

Detailed breakdown of sync listeners, template services, signing room style layout sheets, and communication tools.

β€’

Behind every live Remote Online Notarization session lies a complex orchestration of synchronization states, styling schemas, signing privilege modes, and integrated communications.

1. Document State Synchronization (appointments/\[id\]/ron/lib/documentStateSync.ts)

Tracks real-time changes to the document viewer:

  • Cleanse reports β€” Ignores temporary empty statuses from the WebGL viewer when document files swap.
  • Normalize annotations β€” Re-evaluates client-side tag bounds to keep notaries and signers visually aligned.

2. Finalization Process (appointments/\[id\]/ron/lib/finalizeSigningRoom.ts)

Triggers operations to compile the legal package:

  • Trigger compiles β€” Commands the backend server to flatten signatures and stamp fields.
  • Generate cryptographic logs β€” Validates audit trails, WebRTC recordings, and server timestamps.

Provides invite dispatch tools for session attendees:

  • Link construction β€” Generates secure URL links with unique validation tokens for witnesses, signers, or observers.

4. Tag Template Engine (appointments/\[id\]/ron/lib/tagTemplateService.ts)

Manages placing coordinate layouts on standard documents:

  • CRUD Operations β€” Lists, saves, and deletes layout template designs.
  • Apply templates β€” Instantly draws all predefined signature/initial fields across complex real estate or loan documents.

5. Layout Styling Shears (appointments/\[id\]/ron/styles.ts)

Maintains visual layout tokens for the live room interface:

  • Responsive dimensions β€” Scales sidebar menus, camera squares, document previews, and chat forms.
  • Status signals β€” Coordinates CSS color themes for online badges, credential validation checks, and saving signs.

6. Interaction Mode Rules (appointments/\[id\]/ron/viewerMode.tsx)

Resolves what actions signers can perform based on roles:

  • Tool restriction β€” Hides notary seal buttons and placement tools from signers.
  • Annotation filtering β€” Ensures signers only see or edit tags assigned to their unique IDs during their active turn.
  • Commission names β€” Standardizes notary commission details to match state filings.

7. Direct Email Dispatch (/appointments/[id]/send-email)

Lets notaries email documents directly from the appointment page:

  • Composer interface β€” Formats sender details, recipient emails, custom message templates, and file attachments.

Open these pages in Notary Central