@webdoxclm/document-viewer v1.1.5

document-viewer

The document viewer package allows to renderize pdf documents registered on Webdox preview server when preview mode is activated. On position-signature mode, allows to position drawn signatures to be used in Webdox Signature API.

Setup

First, make sure you have been added to NPM's Webdox Organization. Login to npm with your Webdox account and map @webdoxclm scope to Webdox' npm registry.

yarn add @webdoxclm/document-viewer

Usage Example

To make this component work locally, you need to run preview on your computer because of CORS policies.

Preview Mode

<Viewer
  format="pdf"
  serverState={serverState} // serverState given by preview server
  previewHost={'http://localhost:8000'} // only for development
  mode={'preview'}
/>

Position Signature mode

<Viewer
  format="pdf"
  actors={[
    { name: 'Juan Pablo Jofré', externalID: 125, signatures: [] },
    { name: 'Daniel Zarate', externalID: 126, signatures: [{ pos: { X: 305, Y: 300 }, page: 4 }] },
    { name: 'Luis Porras', externalID: 127, signatures: [] },
  ]}
  serverState={{ rendering: true, sessionID: 'previewID' }}
  previewHost={'http://localhost:8000'} // only for development
  onSignatureChange={(actors) => console.log(actors)} // handles signatures changes
  mode={'position-signature'}
/>