React Native

Yousign Procedure Creation Basic Mode Upload File

See more Yousign Examples

Demonstrates the 1st step of Yousign procedure creation, which is to upload a PDF file. React Native

import { BinData, 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();

  // Implements the following CURL command:

  // curl --location --request POST 'https://staging-api.yousign.com/files' \
  // --header 'Authorization: Bearer YOUR_API_KEY' \
  // --header 'Content-Type: application/json' \
  // --data-raw '{
  //     "name": "The best name for my file.pdf",
  //     "content": "JVBERi0..." }'

  // Load a PDF file to be uploaded.
  const pdfData = new BinData();
  try {
    pdfData.loadFile('qa_data/pdf/helloWorld.pdf');
  } catch {
    console.log('Failed to load PDF local file.');
    return;
  }

  // Use the following online tool to generate HTTP code from a CURL command
  // Convert a cURL Command to HTTP Source Code

  // Use this online tool to generate code from sample JSON:
  // Generate Code to Create JSON

  // The following JSON is sent in the request body.

  // {
  //   "name": "The best name for my file.pdf",
  //   "content": "JVBERi0..."
  // }

  const json = new JsonObject();
  json.updateString('name', 'helloWorld.pdf');
  json.updateString('content', pdfData.getEncoded('base64'));

  // Adds the "Authorization: Bearer YOUR_API_KEY" header.
  http.authToken = 'YOUR_API_KEY';

  const resp = new HttpResponse();
  try {
    await http.httpJsonAsync('POST', 'https://staging-api.yousign.com/files', json, 'application/json', resp);
  } catch {
    console.log(http.lastErrorText);
    return;
  }

  const sbResponseBody = new StringBuilder();
  resp.getBodySb(sbResponseBody);
  const jResp = new JsonObject();
  jResp.loadSb(sbResponseBody);
  jResp.emitCompact = false;

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

  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)

  // {
  //   "id": "/files/XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX",
  //   "name": "The best name for my file.pdf",
  //   "type": "signable",
  //   "contentType": "application/pdf",
  //   "description": null,
  //   "createdAt": "2018-12-01T11:36:20+01:00",
  //   "updatedAt": "2018-12-01T11:36:20+01:00",
  //   "sha256": "bb57ae2b2ca6ad0133a699350d1a6f6c8cdfde3cf872cf526585d306e4675cc2",
  //   "metadata": [
  //   ],
  //   "workspace": "/workspaces/XXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX",
  //   "creator": null,
  //   "protected": false,
  //   "position": 0,
  //   "parent": null
  // }

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

  const id = jResp.stringOf('id');
  const name = jResp.stringOf('name');
  const vType = jResp.stringOf('type');
  const contentType = jResp.stringOf('contentType');
  const description = jResp.stringOf('description');
  const createdAt = jResp.stringOf('createdAt');
  const updatedAt = jResp.stringOf('updatedAt');
  const sha256 = jResp.stringOf('sha256');
  const workspace = jResp.stringOf('workspace');
  const creator = jResp.stringOf('creator');
  const position = jResp.intOf('position');
  const parent = jResp.stringOf('parent');
  let i = 0;
  const countI = jResp.sizeOfArray('metadata');
  while (i < countI) {
    jResp.i = i;
    i++;
  }
}