Contract Editor

The Contract Editor component is a React component that renders the entire Editor. The component integrates the functionalities of the E-signing, Approvals and Audit Trial components, providing a complete experience throughout the Contract workflow. This component provides the ability to create new contracts, open existing contracts, send them for signing, sign, approve, and see the Audit Trial.

Preview

Usage

First, install Sendforsign components. After that:

import { ContractEditor } from 'sendforsign';

<ContractEditor
  token='YourClientToken'
  documentPreview={true}
/>

Props

Prop	Type	Default	Description
`apiKey`	`string`		Use only for testing purposes. API key for your platform.
`clientKey`	`string`		Use only for testing purposes. Client key for the account that is using the infrastructure.
`token`	`string`		Client token refers to the client that is using the infrastructure. Learn more about client tokens here.
`userKey`	`string`		User key for the user who is creating a contract.
`contractKey`	`string`		Unique contract key of the contract that needs to rendered. If not specified, the component will allow you to create a new contract from its interface.
`pdf`	`boolean`	`true`	If `true`, users can upload PDFs via this component.
`сanReDraft`	`boolean`	`false`	If `true`, users can recreate existing contracts from scratch. Read this topic to learn more.
`showTimeline`	`boolean`	`true`	If `false`, the Timeline block will be hidden.
`showActionsBar`	`boolean`	`true`	If `false`, tha Actions block will be hidden.
`documentPreview`	`boolean`	`false`	If `true`, opens the contract in read-only preview mode and hides the actions bar and sidebar.
`onStepChange`	`function(data: {currentStep:string})`		Called when component changes states and returns `currentStep: 'TypeChooseStep'` when the component is in the Type Choose state, `currentStep: 'QnAStep'` when the component is in the QnA step, and `currentStep: 'ContractEditorStep'` when the component is in the Editor state.
`onDocumentSave`	`function(data: {documentSaved:boolean})`		Called when the contract body is being edited, this function returns `documentSaved: false` if the body is not saved and `documentSaved: true` if the body is saved.

Additional functionality of the `Contract Editor` component

These components are integrated into the Contract Editor component. They can be switched on and off in your Sendforsign account.

Audit trail

Keep track of what’s happening with your documents.

E-signing

E-sign any document right in your browser, including Word documents and PDFs.

Approval

Approve any document right in your browser, including Word documents and PDFs.

Components Documentation

Components

Preview

Usage

Props

Additional functionality of the `Contract Editor` component

Audit trail

E-signing

Approval

​Preview

​Usage

​Props

​Additional functionality of the Contract Editor component

​Audit trail

​E-signing

​Approval

Preview

Usage

Props

Additional functionality of the `Contract Editor` component

Audit trail

E-signing

Approval