@verdocs/web-sdk 1.9.10 → 1.9.15

package/dist/collection/components/embeds/verdocs-sign/verdocs-sign.js

@@ -1,86 +1,111 @@
-import { Host } from '@stencil/core';
 import { VerdocsEndpoint } from '@verdocs/js-sdk';
 import { Envelopes } from '@verdocs/js-sdk/Envelopes';
-import { getRGBA } from '@verdocs/js-sdk/Utils/Colors';
-import { rescale } from '@verdocs/js-sdk/Utils/Fields';
-import { h } from '@stencil/core';
 import { updateRecipientStatus } from '@verdocs/js-sdk/Envelopes/Recipients';
 import { isValidEmail, isValidPhone } from '@verdocs/js-sdk/Templates/Validators';
-import { getFieldId, setControlStyles } from '../../../utils/utils';
+import { Host, Fragment, h } from '@stencil/core';
+import { fullNameToInitials, getFieldId, getRoleIndex, renderDocumentField } from '../../../utils/utils';
+import EnvelopeStore from '../../../utils/envelopeStore';
+import { getEnvelopeById } from '../../../utils/Envelopes';
 import { SDKError } from '../../../utils/errors';
+import { createSignature } from '@verdocs/js-sdk/Envelopes/Signatures';
+import { updateEnvelopeFieldSignature } from '@verdocs/js-sdk/Envelopes/Envelopes';
 /**
- * Display a document signing experience.
+ * Display an envelope signing experience. This will display the envelope's attached
+ * documents with signing fields overlaid on each page.
  *
- * ***NOTE: This sample document will reset every 10 minutes...***
+ * The component will attempt to initiate a signing session and load the specified
+ * envelope. If successful, the recipient's fields will be enabled and the user will
+ * be able to sign the envelope's attached documents. If not, an `sdkError` will be
+ * thrown and the component will be blank/empty. To provide the best user experience,
+ * applications should capture and handle this error to provide the user with
+ * instructions/options for next steps based on the application's design and workflow.
+ *
+ * Unlike other components, this will always create its own endpoint to manage the
+ * session session. This endpoint will be included in event callbacks for the
+ * convenience of host applications that may wish to make server calls using the
+ * signer's credentials once signing is complete (e.g. to obtain copies of
+ * the signed attachments.)
  */
 export class VerdocsSign {
   constructor() {
-    this.endpoint = VerdocsEndpoint.getDefault();
+    this.endpoint = null;
+    this.recipientIndex = -1;
+    this.fields = [];
     this.envelopeId = null;
     this.roleId = null;
     this.inviteCode = null;
     this.recipient = null;
     this.signerToken = null;
-    this.pdfUrl = null;
-    this.recipientIndex = -1;
-    this.envelope = null;
-    this.fields = [];
     this.hasSignature = false;
     this.nextButtonLabel = 'Start';
     this.focusedField = '';
+    this.finishLater = false;
+    this.showFinishLater = false;
+  }
+  componentWillLoad() {
+    this.endpoint = new VerdocsEndpoint({ sessionType: 'signing' });
   }
   async componentDidLoad() {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e, _f;
+    if (!this.envelopeId) {
+      (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError('[SIGN] Missing required envelopId', 500, ''));
+      return;
+    }
+    if (!this.roleId) {
+      (_b = this.sdkError) === null || _b === void 0 ? void 0 : _b.emit(new SDKError('[SIGN] Missing required roleId', 500, ''));
+      return;
+    }
+    if (!this.inviteCode) {
+      (_c = this.sdkError) === null || _c === void 0 ? void 0 : _c.emit(new SDKError('[SIGN] Missing required inviteCode', 500, ''));
+      return;
+    }
     try {
-      console.log(`[SIGN] Processing invite code for ${this.envelopeId} / ${this.envelopeId}`);
+      console.log(`[SIGN] Processing invite code for ${this.envelopeId} / ${this.roleId}`);
       const { session, recipient, signerToken } = await Envelopes.getSigningSession(this.endpoint, {
         envelopeId: this.envelopeId,
         roleId: this.roleId,
         inviteCode: this.inviteCode,
       });
-      console.log(`[SIGN] Got signing session ${session.email} / ${session.profile_id}`);
+      console.log(`[SIGN] Loaded signing session ${session.email} / ${session.profile_id}`);
       this.recipient = recipient;
       this.signerToken = signerToken;
       this.endpoint.setToken(signerToken);
       if (this.recipient.agreed) {
         this.nextButtonLabel = 'Next';
       }
-      const envelope = await Envelopes.getEnvelope(this.endpoint, this.envelopeId);
-      this.envelope = envelope;
-      console.log('[SIGN] Signing document', document);
-      this.pdfUrl = `${this.endpoint.getBaseURL()}/documents/${this.envelopeId}/envelope_documents/${envelope.envelope_document_id}?file=true`;
-      this.recipientIndex = this.envelope.recipients.findIndex(recipient => recipient.role_name == this.roleId);
+      await getEnvelopeById(this.endpoint, this.envelopeId);
+      // const envelope = await Envelopes.getEnvelope(this.endpoint, this.envelopeId);
+      // this.envelope = envelope;
+      // console.log('[SIGN] Loaded envelope', envelope);
+      this.recipientIndex = EnvelopeStore.envelope.recipients.findIndex(recipient => recipient.role_name == this.roleId);
       if (this.recipientIndex > -1) {
-        console.log('Found recipient', this.envelope.recipients[this.recipientIndex]);
+        this.recipient = EnvelopeStore.envelope.recipients[this.recipientIndex];
+        this.fields = this.recipient.fields;
       }
-      this.fields = this.envelope.fields.filter(field => field.recipient_role === this.roleId);
-      console.log('Loaded fields', this.fields);
       // TODO: Fix service to allow this?
       // const sigs = await getSignatures();
       // console.log('sigs', sigs);
     }
     catch (e) {
       console.log('Error with signing session', e);
-      (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
+      (_d = this.sdkError) === null || _d === void 0 ? void 0 : _d.emit(new SDKError(e.message, (_e = e.response) === null || _e === void 0 ? void 0 : _e.status, (_f = e.response) === null || _f === void 0 ? void 0 : _f.data));
     }
   }
   handleClickAgree() {
-    console.log('agree clicked');
     updateRecipientStatus(this.endpoint, this.envelopeId, this.roleId, 'update', { agreed: true })
       .then(r => {
-      console.log('update result', r);
       this.nextButtonLabel = 'Next';
       this.recipient = r;
     })
       .catch(e => {
       var _a, _b, _c;
-      console.log('update failure', e);
+      console.log('Update failure', e);
       (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
     });
   }
   async savePDF() {
-    const fileName = `${this.envelope.name} - ${this.envelope.updated_at.split('T')[0]}.pdf`;
-    const data = await Envelopes.getEnvelopeFile(this.endpoint, this.envelopeId, this.envelope.envelope_document_id);
+    const fileName = `${EnvelopeStore.envelope.name} - ${EnvelopeStore.envelope.updated_at.split('T')[0]}.pdf`;
+    const data = await Envelopes.getEnvelopeFile(this.endpoint, this.envelopeId, EnvelopeStore.envelope.envelope_document_id);
     // This is better in React than doing window.href= or similar to trigger a download. For a description of the technique
     // see https://stackoverflow.com/questions/8126623/downloading-canvas-element-to-an-image
     let xhr = new XMLHttpRequest();
@@ -94,18 +119,18 @@ export class VerdocsSign {
       a.click();
       a.remove();
     };
-    const url = `data:application/pdf;base64,${data}`;
-    console.log('url', url.length, url);
     xhr.open('GET', `data:application/pdf;base64,${data}`);
     xhr.send();
   }
   async handleOptionSelected(e) {
     switch (e.detail.id) {
       case 'later':
+        this.finishLater = true;
+        this.showFinishLater = true;
         // this.router.navigate([`view/sign/${this.envelopeId}/role/${this.roleName}/saved`]);
-        if (!(window === null || window === void 0 ? void 0 : window['STORYBOOK_ENV'])) {
-          window.alert('User intends to sign later.');
-        }
+        // if (!window?.['STORYBOOK_ENV']) {
+        //   window.alert('User intends to sign later.');
+        // }
         break;
       case 'claim':
         break;
@@ -120,9 +145,10 @@ export class VerdocsSign {
   }
   async handleFieldChange(field, e, optionId) {
     console.log('fieldChange', field, e);
+    const { value, checked } = e.target;
     switch (field.type) {
       case 'textbox':
-        Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, { prepared: false, value: e.detail })
+        Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, { prepared: false, value })
           .then(r => console.log('Update result', r))
           .catch(e => {
           var _a, _b, _c, _d, _e, _f;
@@ -134,7 +160,7 @@ export class VerdocsSign {
         });
         break;
       case 'checkbox_group':
-        Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, { prepared: false, value: { options: [{ id: optionId, checked: e.detail }] } })
+        Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, { prepared: false, value: { options: [{ id: optionId, checked }] } })
           .then(r => console.log('Update result', r))
           .catch(e => {
           var _a, _b, _c;
@@ -166,33 +192,30 @@ export class VerdocsSign {
         break;
       case 'signature':
         console.log('Got signature', e.detail);
+        const newSignature = await createSignature(this.endpoint, 'signature', e.detail);
+        console.log('Created signature', newSignature);
+        //   --data-raw '{"ip_address":"ip_unavailable"}' \
+        const attachResult = await updateEnvelopeFieldSignature(this.endpoint, this.envelopeId, field.name, newSignature.id);
+        console.log('Attach result', attachResult);
+        break;
+      case 'date':
+        const iso = e.target.getAttribute('iso');
+        Envelopes.updateEnvelopeField(this.endpoint, this.envelopeId, field.name, { prepared: false, value: iso })
+          .then(r => console.log('Update result', r))
+          .catch(e => {
+          var _a, _b, _c, _d, _e, _f;
+          (_a = this.sdkError) === null || _a === void 0 ? void 0 : _a.emit(new SDKError(e.message, (_b = e.response) === null || _b === void 0 ? void 0 : _b.status, (_c = e.response) === null || _c === void 0 ? void 0 : _c.data));
+          if (((_d = e.response) === null || _d === void 0 ? void 0 : _d.status) === 401 && ((_f = (_e = e.response) === null || _e === void 0 ? void 0 : _e.data) === null || _f === void 0 ? void 0 : _f.error) === 'jwt expired') {
+            console.log('jwt expired');
+          }
+          console.log('Error updating', e);
+        });
+        break;
+      default:
+        console.log('Unhandled field update', { value, checked }, field);
         break;
     }
   }
-  renderCheckboxGroupOption(page, field, option) {
-    const left = rescale(page.xScale, option.x);
-    const bottom = rescale(page.yScale, option.y);
-    const style = {
-      left: `${left}px`,
-      bottom: `${bottom}px`,
-      position: 'absolute',
-      transform: `scale(${page.xScale}, ${page.yScale})`,
-      backgroundColor: getRGBA(this.recipientIndex),
-    };
-    return h("verdocs-field-checkbox", { style: style, field: field, onChange: e => this.handleFieldChange(field, e, option.id) });
-  }
-  renderRadioGroupOption(page, field, option) {
-    const left = rescale(page.xScale, option.x);
-    const bottom = rescale(page.yScale, option.y);
-    const style = {
-      left: `${left}px`,
-      bottom: `${bottom}px`,
-      position: 'absolute',
-      transform: `scale(${page.xScale}, ${page.yScale})`,
-      backgroundColor: getRGBA(this.recipientIndex),
-    };
-    return h("verdocs-field-radio-button", { style: style, field: field, onFieldChange: e => this.handleFieldChange(field, e, option.id) });
-  }
   isFieldValid(field) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     switch (field.type) {
@@ -253,68 +276,80 @@ export class VerdocsSign {
       this.focusedField = nextRequiredField.name;
     }
   }
-  renderField(field, docPage /*, index: number*/) {
-    const controlsDiv = document.getElementById(docPage.containerId + '-controls');
-    if (!controlsDiv) {
-      return;
-    }
-    const id = getFieldId(field);
-    const existingField = document.getElementById(id);
-    if (existingField) {
-      setControlStyles(existingField, field, docPage.xScale, docPage.yScale, this.recipientIndex);
-      return;
-    }
-    let el;
-    switch (field.type) {
-      case 'attachment':
-      case 'checkbox_group':
-      case 'date':
-      case 'dropdown':
-      case 'initial':
-      case 'payment':
-      case 'signature':
-      case 'timestamp':
-      case 'textarea':
-      case 'textbox':
-        el = document.createElement(`verdocs-field-${field.type}`);
-        break;
-      //   return field.settings.options.map((option: any, index) => this.renderCheckboxGroupOption(renderOnPage, field, option, index));
-      case 'radio_button_group':
-        //   el = document.createElement('verdocs-field-signature');
-        //   el.setAttribute('value', base64);
-        break;
-      //   return field.settings.options.map((option: any, index) => this.renderRadioGroupOption(renderOnPage, field, option, index));
-      // case 'attachment':
-      //   el = document.createElement('verdocs-field-attachment');
-      //   el.setAttribute('value', result || '');
-      //   break;
-      // case 'payment':
-      //   el = document.createElement('verdocs-field-payment');
-      //   break;
-      default:
-        console.log('[SIGN] Skipping unsupported field type', field);
-    }
-    if (el) {
-      el.field = field;
-      el.recipient = this.recipient;
-      el.setAttribute('id', id);
-      el.setAttribute('roleindex', this.recipientIndex);
-      el.addEventListener('fieldChange', e => this.handleFieldChange(field, e));
-      setControlStyles(existingField, field, docPage.xScale, docPage.yScale, this.recipientIndex);
-      controlsDiv.appendChild(el);
-    }
-  }
   handlePageRendered(e) {
     const pageInfo = e.detail;
     console.log('[SIGN] Page rendered', pageInfo);
-    const fields = this.fields.filter(field => field.page === pageInfo.renderedPage.pageNumber);
-    console.log('[SIGN] Fields on page', fields);
-    fields.forEach(field => this.renderField(field, pageInfo.renderedPage));
-    // .map((field, index) => this.renderField(field, index));
-    // this.pdfPageInfo = e.detail;
+    const roleIndex = getRoleIndex(EnvelopeStore.roleNames, this.recipient.role_name);
+    console.log('rendering fields for recipient', roleIndex);
+    const recipientFields = this.recipient.fields.filter(field => field.page === pageInfo.pageNumber);
+    // const fields = this.fields.filter(field => field.page_sequence === pageInfo.renderedPage.pageNumber);
+    console.log('[SIGN] Fields on page', recipientFields);
+    recipientFields.forEach(field => {
+      var _a;
+      const el = renderDocumentField(field, pageInfo, roleIndex, { disabled: false, editable: false, draggable: false });
+      if (!el) {
+        return;
+      }
+      el.addEventListener('input', e => {
+        this.handleFieldChange(field, e);
+      });
+      el.addEventListener('fieldChange', e => {
+        this.handleFieldChange(field, e);
+      });
+      el.setAttribute('roleindex', roleIndex);
+      el.setAttribute('xScale', pageInfo.xScale);
+      el.setAttribute('yScale', pageInfo.yScale);
+      el.setAttribute('initials', this.recipient ? fullNameToInitials(this.recipient.full_name) : '');
+      el.setAttribute('name', ((_a = this.recipient) === null || _a === void 0 ? void 0 : _a.full_name) || '');
+      // interact(el).draggable({
+      //   listeners: {
+      //     start(event) {
+      //       console.log('[FIELDS] Drag started', event.type, event.target);
+      //     },
+      //     move(event) {
+      //       const oldX = +(event.target.getAttribute('posX') || 0);
+      //       const oldY = +(event.target.getAttribute('posY') || 0);
+      //       const xScale = +(event.target.getAttribute('xScale') || 1);
+      //       const yScale = +(event.target.getAttribute('yScale') || 1);
+      //       const newX = event.dx / xScale + oldX;
+      //       const newY = event.dy / yScale + oldY;
+      //       event.target.setAttribute('posX', newX);
+      //       event.target.setAttribute('posy', newY);
+      //       updateCssTransform(event.target, 'translate', `${newX}px, ${newY}px`);
+      //     },
+      //     end(event) {
+      //       console.log('[FIELDS] Drag ended', event);
+      //       // event.target.setAttribute('posX', 0);
+      //       // event.target.setAttribute('posy', 0);
+      //       // updateCssTransform(event.target, 'translate', `${0}px, ${0}px`);
+      //     },
+      //   },
+      // });
+    });
+    EnvelopeStore.envelope.recipients
+      .filter(recipient => recipient.role_name !== this.recipient.role_name)
+      .map(otherRecipient => {
+      const otherRoleIndex = getRoleIndex(EnvelopeStore.roleNames, otherRecipient.role_name);
+      console.log('Rendering fields for other recipient', otherRoleIndex, otherRecipient);
+      const recipientFields = otherRecipient.fields.filter(field => field.page === pageInfo.pageNumber);
+      // const fields = this.fields.filter(field => field.page_sequence === pageInfo.renderedPage.pageNumber);
+      console.log('[SIGN] Fields on page', recipientFields);
+      recipientFields.forEach(field => {
+        const el = renderDocumentField(field, pageInfo, otherRoleIndex, { disabled: true, editable: false, draggable: false });
+        if (!el) {
+          return;
+        }
+        el.setAttribute('roleindex', otherRoleIndex);
+        el.setAttribute('xScale', pageInfo.xScale);
+        el.setAttribute('yScale', pageInfo.yScale);
+      });
+    });
   }
   render() {
     var _a, _b, _c, _d;
+    if (EnvelopeStore.loading || !EnvelopeStore.envelope) {
+      return (h(Host, null, h("verdocs-loader", null)));
+    }
     const menuOptions = [
       { id: 'later', label: 'Finish Later' },
       { id: 'claim', label: 'Claim the Document', disabled: true },
@@ -322,10 +357,14 @@ export class VerdocsSign {
       { id: 'print', label: 'Print Without Signing' },
       { id: 'download', label: 'Download' },
     ];
-    return (h(Host, { class: { storybook: !!(window === null || window === void 0 ? void 0 : window['STORYBOOK_ENV']), agreed: (_a = this.recipient) === null || _a === void 0 ? void 0 : _a.agreed } }, h("div", { class: "intro" }, h("div", { class: "inner" }, "Please review and act on these documents.")), h("div", { class: "header" }, h("div", { class: "inner" }, h("div", { class: "toolbar" }, h("div", { class: "tools" }, h("verdocs-dropdown", { options: menuOptions, onOptionSelected: e => this.handleOptionSelected(e) }), !((_b = this.recipient) === null || _b === void 0 ? void 0 : _b.agreed) ? (h("div", { class: "agree" }, h("div", { class: "agree-checkbox" }, h("input", { type: "checkbox", value: "None", id: "agree-checkbox-element", name: "agree", onChange: () => this.handleClickAgree() }), h("label", { htmlFor: "agree-checkbox-element" })), h("span", null, "I agree to use electronic records and signatures."))) : (h("div", { style: { flex: '1' } })), h("verdocs-button", { size: "small", label: this.nextButtonLabel, disabled: !((_c = this.recipient) === null || _c === void 0 ? void 0 : _c.agreed), onClick: () => this.handleNext() }))))), !((_d = this.recipient) === null || _d === void 0 ? void 0 : _d.agreed) ? h("div", { class: "cover" }) : h("div", { style: { display: 'none' } }), h("div", { class: "document" }, this.pdfUrl ? (h("div", { class: "inner" }, h("verdocs-view", { envelopeId: this.envelopeId, endpoint: this.endpoint, onPageRendered: e => this.handlePageRendered(e), pageLayers: [
-        { name: 'page', type: 'canvas' },
-        { name: 'controls', type: 'div' },
-      ] }))) : (h("verdocs-loader", null)))));
+    return (h(Host, { class: { agreed: (_a = this.recipient) === null || _a === void 0 ? void 0 : _a.agreed } }, !this.finishLater && (h("div", { class: "intro" }, h("div", { class: "inner" }, "Please review and act on these documents."))), h("div", { class: "header" }, h("div", { class: "inner" }, !this.finishLater && (h("div", { class: "toolbar" }, h("div", { class: "tools" }, h("verdocs-dropdown", { options: menuOptions, onOptionSelected: e => this.handleOptionSelected(e) }), !((_b = this.recipient) === null || _b === void 0 ? void 0 : _b.agreed) ? (h("div", { class: "agree" }, h("verdocs-checkbox", { name: "agree", label: "I agree to use electronic records and signatures.", onInput: () => this.handleClickAgree() }))) : (h("div", { style: { flex: '1' } })), h("verdocs-button", { size: "small", label: this.nextButtonLabel, disabled: !((_c = this.recipient) === null || _c === void 0 ? void 0 : _c.agreed), onClick: () => this.handleNext() })))))), !((_d = this.recipient) === null || _d === void 0 ? void 0 : _d.agreed) ? h("div", { class: "cover" }) : h("div", { style: { display: 'none' } }), h("div", { class: "document" }, (EnvelopeStore.envelope.documents || []).map(envelopeDocument => {
+      const pages = [...((envelopeDocument === null || envelopeDocument === void 0 ? void 0 : envelopeDocument.pages) || [])];
+      pages.sort((a, b) => a.sequence - b.sequence);
+      return (h(Fragment, null, pages.map(page => (h("verdocs-document-page", { pageImageUri: page.display_uri, virtualWidth: 612, virtualHeight: 792, pageNumber: page.sequence, onPageRendered: e => this.handlePageRendered(e), layers: [
+          { name: 'page', type: 'canvas' },
+          { name: 'controls', type: 'div' },
+        ] })))));
+    })), this.showFinishLater && (h("verdocs-ok-dialog", { heading: "You've saved your document to finish later.", message: "To complete the document, use the link in the original email notification inviting you to review and finish the document.", onNext: () => (this.showFinishLater = false) }))));
   }
   static get is() { return "verdocs-sign"; }
   static get originalStyleUrls() {
@@ -340,27 +379,6 @@ export class VerdocsSign {
   }
   static get properties() {
     return {
-      "endpoint": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "VerdocsEndpoint",
-          "resolved": "VerdocsEndpoint",
-          "references": {
-            "VerdocsEndpoint": {
-              "location": "import",
-              "path": "@verdocs/js-sdk"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": "The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used."
-        },
-        "defaultValue": "VerdocsEndpoint.getDefault()"
-      },
       "envelopeId": {
         "type": "string",
         "mutable": false,
@@ -391,7 +409,7 @@ export class VerdocsSign {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "The name of the role that will be signing."
+          "text": "The ID of the role that will be signing e.g. 'Recipient 1'"
         },
         "attribute": "role-id",
         "reflect": false,
@@ -421,13 +439,11 @@ export class VerdocsSign {
     return {
       "recipient": {},
       "signerToken": {},
-      "pdfUrl": {},
-      "recipientIndex": {},
-      "envelope": {},
-      "fields": {},
       "hasSignature": {},
       "nextButtonLabel": {},
-      "focusedField": {}
+      "focusedField": {},
+      "finishLater": {},
+      "showFinishLater": {}
     };
   }
   static get events() {
@@ -451,6 +467,26 @@ export class VerdocsSign {
             }
           }
         }
+      }, {
+        "method": "fieldUpdated",
+        "name": "fieldUpdated",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Event fired when any field is updated. Note that the current active endpoint is\nprovided as a parameter as a convenience for callers when this coimponent"
+        },
+        "complexType": {
+          "original": "{endpoint: VerdocsEndpoint}",
+          "resolved": "{ endpoint: VerdocsEndpoint; }",
+          "references": {
+            "VerdocsEndpoint": {
+              "location": "import",
+              "path": "@verdocs/js-sdk"
+            }
+          }
+        }
       }];
   }
 }