Sample code for 30+ languages & platforms
React Native

DocuSign Send a Draft Envelope

See more DocuSign Examples

Demonstrates how to send a DocuSign draft envelope.

Chilkat React Native Downloads

React Native
import { Http, HttpResponse, JsonObject, StringBuilder } from '@chilkat/react-native'

async function chilkatExample() {
  // This example assumes the Chilkat API to have been previously unlocked.
  // See Global Unlock Sample for sample code.

  const http = new Http();

  // Load a previously obtained OAuth2 access token.
  const jsonToken = new JsonObject();
  try {
    jsonToken.loadFile('qa_data/tokens/docusign.json');
  } catch {
    console.log(jsonToken.lastErrorText);
    return;
  }

  // Adds the "Authorization: Bearer eyJ0eXAi.....UE8Kl_V8KroQ" header.
  http.authToken = jsonToken.stringOf('access_token');

  // Send the following request.
  // Make sure to use your own account ID (obtained from Get Docusign User Account Information)

  // PUT https://demo.docusign.net/restapi/v2.1/accounts/<account ID>/envelopes/<envelope ID> HTTP/1.1
  // Accept: application/json
  // Cache-Control: no-cache
  // Authorization: Bearer eyJ0eX...
  // Content-Length: ...
  // Content-Type: application/json
  // 
  // {
  //   "status": "sent"
  // }

  const json = new JsonObject();
  json.updateString('status', 'sent');

  const sbJson = new StringBuilder();
  json.emitCompact = false;
  json.emitSb(sbJson);

  http.setRequestHeader('Cache-Control', 'no-cache');
  http.setRequestHeader('Accept', 'application/json');

  // Use your own account ID here.
  http.setUrlVar('accountId', '7f3f65ed-5e87-418d-94c1-92499ddc8252');
  // Use the envelope ID returned by DocuSign when creating the draft envelope).
  http.setUrlVar('envelopeId', 'cee4191c-f94e-4089-9d7c-8033685cbc1a');

  const url = 'https://demo.docusign.net/restapi/v2.1/accounts/{$accountId}/envelopes/{$envelopeId}';

  const resp = new HttpResponse();
  try {
    await http.httpSbAsync('PUT', url, sbJson, 'utf-8', 'application/json', resp);
  } catch {
    console.log(http.lastErrorText);
    return;
  }

  const jResp = new JsonObject();
  jResp.load(resp.bodyStr);
  jResp.emitCompact = false;

  console.log('Response Body:');
  console.log(jResp.emit());

  // If you get a 401 response status code, it's likely you need to refresh the DocuSign OAuth2 token).
  const respStatusCode = resp.statusCode;
  console.log(`Response Status Code = ${respStatusCode}`);
  if (respStatusCode >= 400) {
    console.log('Response Header:');
    console.log(resp.header);
    console.log('Failed.');
    return;
  }

  // Sample JSON response:
  // (Sample code for parsing the JSON response is shown below)

  // If the envelope you're trying to send is not yet completed, you'll get an error such as this:
  // {
  //   "errorCode": "ENVELOPE_IS_INCOMPLETE",
  //   "message": "The Envelope is not Complete. A Complete Envelope Requires Documents, Recipients, Tabs, and a Subject Line."
  // }

  // Sample code for parsing the JSON response...
  // Use the following online tool to generate parsing code from sample JSON:
  // Generate Parsing Code from JSON
}