ast-react-comp v0.1.10

ast-react-comp

Asseco Signing Tools React Components

Install

npm install --save ast-react-comp

Usage

import {AssecoSigningCard} from 'ast-react-comp'
import {ToastContainer} from 'react-toastify'
import 'react-toastify/dist/ReactToastify.css'

export default class App extends Component {

  handleDocumentCancelFeed = () => {
    console.log('cancel clicked')
  };
  handleDocumentSaveFeed = () => {
    console.log('save clicked')
  };
  render () {
    return (
      <div>
        <AssecoSigningCard
          inputFile={{
            url: '/sample.pdf',
            name: 'sample.pdf',
            options: {
              signature_position_x1: '20',
              signature_position_x2: '440',
              signature_position_y1: '0',
              signature_position_y2: '100',
              signature_position_page: '1',
              signature_location: 'lokacija',
              signature_reason: 'pricina',
              show_attachments: true,
              signature_image_visible: true,
              signature_image_url: '/balls.jpg'
            }
          }}
          onDocumentCancel={this.handleDocumentCancelFeed}
          onDocumentSave={this.handleDocumentSaveFeed}
        />
        <ToastContainer position='bottom-center'
          autoClose={10000}
          hideProgressBar
          draggable
          pauseOnHover />
      </div>
    )
  }
}

after install comment out

if (data.fieldType === 'Sig') { this.setFlags(AnnotationFlag.HIDDEN); }

in node_modules/pdfjs-dist/build/pdf.worker.js to show signatures in pdfs

for production, download the worker from https://cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js and put in root directory. Check version of pdfjs-dist in package-lock.json. Comment out same line to show signatures.