@verdocs/web-sdk 1.9.37 → 1.9.41

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

@@ -3,15 +3,25 @@ export default {
   title: 'Embeds/Sign',
   component: 'verdocs-sign',
   args: {
-    envelopeId: '',
-    roleId: '',
-    inviteCode: '',
+    envelopeId: 'f2618253-1123-4842-8f64-70d7cd90b54e',
+    roleId: 'Seller',
+    inviteCode: '1d1e86fe92d8bba459167bc136f66b4f',
+  },
+  argTypes: {
+    envelopeId: {
+      name: 'envelopeId',
+    },
+    roleId: {
+      name: 'roleId',
+    },
+    inviteCode: {
+      name: 'inviteCode',
+    },
   },
-  argTypes: {},
   parameters: {
     layout: 'fullscreen',
   },
 };
 export const Sign = ({ envelopeId, roleId, inviteCode }) => !envelopeId || !roleId || !inviteCode
-  ? html `<img src="https://verdocs-public-assets.s3.amazonaws.com/sample-signing-envelope.png" />`
+  ? html `<img src="https://verdocs-public-assets.s3.amazonaws.com/sample-signing-envelope.png" alt="Document sample" />`
   : html `<verdocs-sign .envelopeId=${envelopeId} .roleId=${roleId} .inviteCode=${inviteCode} />`;

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

@@ -36,7 +36,22 @@ export class VerdocsView {
   }
   handlePageRendered(e) {
     const pageInfo = e.detail;
-    console.log('[SIGN] Page rendered', pageInfo);
+    console.log('[VIEW] Page rendered', pageInfo);
+    // EnvelopeStore.envelope.recipients.forEach((recipient, roleIndex) => {
+    //   console.log('rendering fields for recipient', roleIndex, recipient);
+    //   recipient.fields.forEach(field => {
+    //     const el = renderDocumentField(field, pageInfo, roleIndex, {disabled: true, editable: false, draggable: false, done: true});
+    //     if (!el) {
+    //       return;
+    //     }
+    //
+    //     if (el.setAttribute) {
+    //       el.setAttribute('roleindex', roleIndex);
+    //       el.setAttribute('xScale', pageInfo.xScale);
+    //       el.setAttribute('yScale', pageInfo.yScale);
+    //     }
+    //   });
+    // });
   }
   async handleOptionSelected(e) {
     switch (e.detail.id) {

package/dist/collection/components/embeds/verdocs-view/verdocs-view.stories.js

@@ -3,11 +3,18 @@ export default {
   title: 'Embeds/View',
   component: 'verdocs-view',
   args: {
-    envelopeId: '92f3dd1e-9ff2-44c3-8c96-32a5b650ed6d',
+    // f0fa431d-e3eb-4fd7-b30e-6d95e2e87b38
+    envelopeId: '',
+  },
+  argTypes: {
+    envelopeId: {
+      name: 'envelopeId',
+    },
   },
-  argTypes: {},
   parameters: {
     layout: 'fullscreen',
   },
 };
-export const View = ({ envelopeId }) => html `<verdocs-view .envelopeId=${envelopeId} />`;
+export const View = ({ envelopeId }) => !envelopeId
+  ? html `<img src="https://verdocs-public-assets.s3.amazonaws.com/billofsale-signed.png" alt="Signed document sample" style="display: flex; row-gap: 15px; padding: 15px;" />`
+  : html `<verdocs-view .envelopeId=${envelopeId} />`;

package/dist/collection/utils/utils.js

@@ -12,7 +12,9 @@ export const defaultWidth = (field) => {
       return 14;
     case 'signature':
     case 'initial':
-      return 82;
+      // TODO: Review this. 71 seems to line up better with the final render.
+      return 71;
+    // return 82;
   }
   return 150;
 };
@@ -27,7 +29,9 @@ export const defaultHeight = (field) => {
       return 14;
     case 'signature':
     case 'initial':
-      return 41;
+      // TODO: Review this. 71 seems to line up better with the final render.
+      return 36;
+    // return 41;
   }
   return 50;
 };

package/dist/components/Envelopes.js

@@ -0,0 +1,69 @@
+import { d as getEnvelope } from './Envelopes2.js';
+import { c as createStore } from './index3.js';
+import { g as getTemplate } from './Templates2.js';
+
+// NOTE: Do not attempt to convert this to a named-export module. It triggers compilation issues in Rollup that I spent days trying to
+const { state, onChange } = createStore({
+  envelope: null,
+  template: null,
+  loadProgress: 0,
+  loading: true,
+  error: '',
+  roleNames: [],
+  dirty: false,
+});
+onChange('envelope', async (newEnvelope) => {
+  if (!newEnvelope) {
+    console.log('[ENVELOPESTORE] Clearing envelope');
+    state.roleNames = [];
+    state.dirty = false;
+    state.loading = false;
+    state.error = '';
+    state.loadProgress = 0;
+    return;
+  }
+  console.log('[ENVELOPESTORE] Loaded envelope', newEnvelope);
+  state.roleNames = newEnvelope.recipients.map(recipient => recipient.role_name);
+  console.log('[ENVELOPESTORE] Loaded roles', state.roleNames);
+});
+
+// Allows envelope data to be cached for reuse between components, without parent components having to prop-drill entire envelopes into
+// child elements.
+const getEnvelopeById = async (endpoint, envelopeId) => {
+  var _a, _b;
+  if (!envelopeId) {
+    console.log(`[ENVELOPES] Missing required envelope ID`);
+    return;
+  }
+  if (((_a = state.envelope) === null || _a === void 0 ? void 0 : _a.id) === envelopeId) {
+    console.log(`[ENVELOPES] Skipping load for already-loaded envelope ID`);
+    return;
+  }
+  state.error = '';
+  state.loading = true;
+  state.envelope = null;
+  try {
+    console.log(`[ENVELOPES] Loading envelope ${envelopeId}`);
+    const envelope = await getEnvelope(endpoint, envelopeId, true);
+    if (!envelope) {
+      console.log('[ENVELOPES] Unable to load envelope');
+      return;
+    }
+    state.envelope = envelope;
+    const template = await getTemplate(endpoint, envelope.template_id, true);
+    if (!envelope) {
+      console.log('[ENVELOPES] Unable to load template');
+      return;
+    }
+    state.template = template;
+    state.loading = false;
+  }
+  catch (e) {
+    state.loading = false;
+    state.error = ((_b = e === null || e === void 0 ? void 0 : e.response) === null || _b === void 0 ? void 0 : _b.status) === 401 ? 'Authentication required' : e.message;
+    console.log('[ENVELOPES] Error loading envelope', e);
+    throw e;
+  }
+};
+
+export { getEnvelopeById as g, state as s };

package/dist/components/Envelopes2.js

@@ -0,0 +1,111 @@
+import { d as decodeAccessTokenBody } from './Token.js';
+
+var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (undefined && undefined.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+/**
+ * Get a signing session for an Envelope.
+ */
+var getSigningSession = function (endpoint, params) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        return [2 /*return*/, endpoint.api //
+                .get("/envelopes/".concat(params.envelopeId, "/recipients/").concat(encodeURIComponent(params.roleId), "/invitation/").concat(params.inviteCode))
+                .then(function (r) {
+                var _a;
+                // Avoiding a jsonwebtoken dependency here - we don't actually need the whole library
+                var signerToken = ((_a = r.headers) === null || _a === void 0 ? void 0 : _a.signer_token) || '';
+                var session = decodeAccessTokenBody(signerToken);
+                endpoint.setToken(signerToken);
+                return { recipient: r.data, session: session, signerToken: signerToken };
+            })];
+    });
+}); };
+/**
+ * Get all metadata for an Envelope.
+ */
+var getEnvelope = function (endpoint, envelopeId, ssr) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        return [2 /*return*/, endpoint.api //
+                .get("/envelopes/".concat(envelopeId) + (ssr ? '?ssr=true' : ''))
+                .then(function (r) { return r.data; })];
+    });
+}); };
+/**
+ * Get (binary download) a file attached to an Envelope. It is important to use this method
+ * rather than a direct A HREF or similar link to set the authorization headers for the
+ * request.
+ */
+var getEnvelopeFile = function (endpoint, envelopeId, documentId) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        return [2 /*return*/, endpoint.api //
+                .get("/envelopes/".concat(envelopeId, "/envelope_documents/").concat(documentId, "?file=true"), { responseType: 'blob' })
+                .then(function (r) { return r.data; })];
+    });
+}); };
+/**
+ * Update a Document field. Typically called during the signing process as a Recipient fills in fields.
+ */
+var updateEnvelopeField = function (endpoint, envelopeId, fieldName, value) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        return [2 /*return*/, endpoint.api //
+                .put("/envelopes/".concat(envelopeId, "/fields/").concat(fieldName), value)
+                .then(function (r) { return r.data; })];
+    });
+}); };
+/**
+ * Update a Document signature field. Signature fields are ID-driven. Call `Document.createSignature()` first to create a
+ * signature for a Recipient, then call `Documents.updateDocumentFieldSignature()` to attach it to a field.
+ */
+var updateEnvelopeFieldSignature = function (endpoint, envelopeId, fieldName, signatureId) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        return [2 /*return*/, endpoint.api //
+                .put("/envelopes/".concat(envelopeId, "/fields/").concat(fieldName, "/signature/").concat(signatureId))
+                .then(function (r) { return r.data; })];
+    });
+}); };
+/**
+ * Update a Document signature field. Signature fields are ID-driven. Call `Document.createSignature()` first to create a
+ * signature for a Recipient, then call `Documents.updateDocumentFieldSignature()` to attach it to a field.
+ */
+var updateEnvelopeFieldInitials = function (endpoint, envelopeId, fieldName, initialId) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        return [2 /*return*/, endpoint.api //
+                .put("/envelopes/".concat(envelopeId, "/fields/").concat(fieldName, "/initial/").concat(initialId))
+                .then(function (r) { return r.data; })];
+    });
+}); };
+
+export { updateEnvelopeFieldSignature as a, updateEnvelopeFieldInitials as b, getEnvelopeFile as c, getEnvelope as d, getSigningSession as g, updateEnvelopeField as u };

package/dist/components/VerdocsEndpoint.js

@@ -516,7 +516,7 @@ const matchAll = (regExp, str) => {
 const isHTMLForm = kindOfTest('HTMLFormElement');
 
 const toCamelCase = str => {
-  return str.toLowerCase().replace(/[_-\s]([a-z\d])(\w*)/g,
+  return str.toLowerCase().replace(/[-_\s]([a-z\d])(\w*)/g,
     function replacer(m, p1, p2) {
       return p1.toUpperCase() + p2;
     }
@@ -600,6 +600,37 @@ const toFiniteNumber = (value, defaultValue) => {
   return Number.isFinite(value) ? value : defaultValue;
 };
 
+const ALPHA = 'abcdefghijklmnopqrstuvwxyz';
+
+const DIGIT = '0123456789';
+
+const ALPHABET = {
+  DIGIT,
+  ALPHA,
+  ALPHA_DIGIT: ALPHA + ALPHA.toUpperCase() + DIGIT
+};
+
+const generateString = (size = 16, alphabet = ALPHABET.ALPHA_DIGIT) => {
+  let str = '';
+  const {length} = alphabet;
+  while (size--) {
+    str += alphabet[Math.random() * length|0];
+  }
+
+  return str;
+};
+
+/**
+ * If the thing is a FormData object, return true, otherwise return false.
+ *
+ * @param {unknown} thing - The thing to check.
+ *
+ * @returns {boolean}
+ */
+function isSpecCompliantForm(thing) {
+  return !!(thing && isFunction(thing.append) && thing[Symbol.toStringTag] === 'FormData' && thing[Symbol.iterator]);
+}
+
 const toJSONObject = (obj) => {
   const stack = new Array(10);
 
@@ -677,6 +708,9 @@ const utils = {
   findKey,
   global: _global,
   isContextDefined,
+  ALPHABET,
+  generateString,
+  isSpecCompliantForm,
   toJSONObject
 };
 
@@ -775,8 +809,8 @@ AxiosError.from = (error, code, config, request, response, customProps) => {
   return axiosError;
 };
 
-/* eslint-env browser */
-var browser = typeof self == 'object' ? self.FormData : window.FormData;
+// eslint-disable-next-line strict
+const httpAdapter = null;
 
 /**
  * Determines if the given thing is a array or js object.
@@ -833,17 +867,6 @@ const predicates = utils.toFlatObject(utils, {}, null, function filter(prop) {
   return /^is[A-Z]/.test(prop);
 });
 
-/**
- * If the thing is a FormData object, return true, otherwise return false.
- *
- * @param {unknown} thing - The thing to check.
- *
- * @returns {boolean}
- */
-function isSpecCompliant(thing) {
-  return thing && utils.isFunction(thing.append) && thing[Symbol.toStringTag] === 'FormData' && thing[Symbol.iterator];
-}
-
 /**
  * Convert a data object to FormData
  *
@@ -873,7 +896,7 @@ function toFormData(obj, formData, options) {
   }
 
   // eslint-disable-next-line no-param-reassign
-  formData = formData || new (browser || FormData)();
+  formData = formData || new (FormData)();
 
   // eslint-disable-next-line no-param-reassign
   options = utils.toFlatObject(options, {
@@ -891,7 +914,7 @@ function toFormData(obj, formData, options) {
   const dots = options.dots;
   const indexes = options.indexes;
   const _Blob = options.Blob || typeof Blob !== 'undefined' && Blob;
-  const useBlob = _Blob && isSpecCompliant(formData);
+  const useBlob = _Blob && utils.isSpecCompliantForm(formData);
 
   if (!utils.isFunction(visitor)) {
     throw new TypeError('visitor must be a function');
@@ -1723,8 +1746,20 @@ class AxiosHeaders {
     return deleted;
   }
 
-  clear() {
-    return Object.keys(this).forEach(this.delete.bind(this));
+  clear(matcher) {
+    const keys = Object.keys(this);
+    let i = keys.length;
+    let deleted = false;
+
+    while (i--) {
+      const key = keys[i];
+      if(!matcher || matchHeaderValue(this, this[key], key, matcher)) {
+        delete this[key];
+        deleted = true;
+      }
+    }
+
+    return deleted;
   }
 
   normalize(format) {
@@ -1815,7 +1850,7 @@ class AxiosHeaders {
   }
 }
 
-AxiosHeaders.accessor(['Content-Type', 'Content-Length', 'Accept', 'Accept-Encoding', 'User-Agent']);
+AxiosHeaders.accessor(['Content-Type', 'Content-Length', 'Accept', 'Accept-Encoding', 'User-Agent', 'Authorization']);
 
 utils.freezeMethods(AxiosHeaders.prototype);
 utils.freezeMethods(AxiosHeaders);
@@ -1866,9 +1901,6 @@ utils.inherits(CanceledError, AxiosError, {
   __CANCEL__: true
 });
 
-// eslint-disable-next-line strict
-const httpAdapter = null;
-
 /**
  * Resolve or reject a Promise based on response status.
  *
@@ -2569,7 +2601,7 @@ function mergeConfig(config1, config2) {
   return config;
 }
 
-const VERSION = "1.2.3";
+const VERSION = "1.3.0";
 
 const validators$1 = {};
 

package/dist/components/index.d.ts

@@ -7,6 +7,7 @@ export { VerdocsCheckbox as VerdocsCheckbox } from '../types/components/controls
 export { VerdocsContactPicker as VerdocsContactPicker } from '../types/components/elements/verdocs-contact-picker/verdocs-contact-picker';
 export { VerdocsDocumentPage as VerdocsDocumentPage } from '../types/components/elements/verdocs-document-page/verdocs-document-page';
 export { VerdocsDropdown as VerdocsDropdown } from '../types/components/controls/verdocs-dropdown/verdocs-dropdown';
+export { VerdocsEnvelopeSidebar as VerdocsEnvelopeSidebar } from '../types/components/elements/verdocs-envelope-sidebar/verdocs-envelope-sidebar';
 export { VerdocsFieldAttachment as VerdocsFieldAttachment } from '../types/components/elements/verdocs-field-attachment/verdocs-field-attachment';
 export { VerdocsFieldCheckbox as VerdocsFieldCheckbox } from '../types/components/elements/verdocs-field-checkbox/verdocs-field-checkbox';
 export { VerdocsFieldDate as VerdocsFieldDate } from '../types/components/elements/verdocs-field-date/verdocs-field-date';

package/dist/components/index.js

@@ -7,6 +7,7 @@ export { VerdocsCheckbox, defineCustomElement as defineCustomElementVerdocsCheck
 export { VerdocsContactPicker, defineCustomElement as defineCustomElementVerdocsContactPicker } from './verdocs-contact-picker.js';
 export { VerdocsDocumentPage, defineCustomElement as defineCustomElementVerdocsDocumentPage } from './verdocs-document-page.js';
 export { VerdocsDropdown, defineCustomElement as defineCustomElementVerdocsDropdown } from './verdocs-dropdown.js';
+export { VerdocsEnvelopeSidebar, defineCustomElement as defineCustomElementVerdocsEnvelopeSidebar } from './verdocs-envelope-sidebar.js';
 export { VerdocsFieldAttachment, defineCustomElement as defineCustomElementVerdocsFieldAttachment } from './verdocs-field-attachment.js';
 export { VerdocsFieldCheckbox, defineCustomElement as defineCustomElementVerdocsFieldCheckbox } from './verdocs-field-checkbox.js';
 export { VerdocsFieldDate, defineCustomElement as defineCustomElementVerdocsFieldDate } from './verdocs-field-date.js';

package/dist/components/utils.js

@@ -1,114 +1,6 @@
-import { d as decodeAccessTokenBody } from './Token.js';
+import { c as getEnvelopeFile } from './Envelopes2.js';
 import { d as downloadBlob } from './Files.js';
 
-var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (undefined && undefined.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-/**
- * Get a signing session for an Envelope.
- */
-var getSigningSession = function (endpoint, params) { return __awaiter(void 0, void 0, void 0, function () {
-    return __generator(this, function (_a) {
-        return [2 /*return*/, endpoint.api //
-                .get("/envelopes/".concat(params.envelopeId, "/recipients/").concat(encodeURIComponent(params.roleId), "/invitation/").concat(params.inviteCode))
-                .then(function (r) {
-                var _a;
-                // Avoiding a jsonwebtoken dependency here - we don't actually need the whole library
-                var signerToken = ((_a = r.headers) === null || _a === void 0 ? void 0 : _a.signer_token) || '';
-                var session = decodeAccessTokenBody(signerToken);
-                endpoint.setToken(signerToken);
-                return { recipient: r.data, session: session, signerToken: signerToken };
-            })];
-    });
-}); };
-/**
- * Get all metadata for an Envelope.
- */
-var getEnvelope = function (endpoint, envelopeId, ssr) { return __awaiter(void 0, void 0, void 0, function () {
-    return __generator(this, function (_a) {
-        return [2 /*return*/, endpoint.api //
-                .get("/envelopes/".concat(envelopeId) + (ssr ? '?ssr=true' : ''))
-                .then(function (r) { return r.data; })];
-    });
-}); };
-/**
- * Get (binary download) a file attached to an Envelope. It is important to use this method
- * rather than a direct A HREF or similar link to set the authorization headers for the
- * request.
- */
-var getEnvelopeFile = function (endpoint, envelopeId, documentId) { return __awaiter(void 0, void 0, void 0, function () {
-    return __generator(this, function (_a) {
-        return [2 /*return*/, endpoint.api //
-                .get("/envelopes/".concat(envelopeId, "/envelope_documents/").concat(documentId, "?file=true"), { responseType: 'blob' })
-                .then(function (r) { return r.data; })];
-    });
-}); };
-/**
- * Update a Document field. Typically called during the signing process as a Recipient fills in fields.
- */
-var updateEnvelopeField = function (endpoint, envelopeId, fieldName, value) { return __awaiter(void 0, void 0, void 0, function () {
-    return __generator(this, function (_a) {
-        return [2 /*return*/, endpoint.api //
-                .put("/envelopes/".concat(envelopeId, "/fields/").concat(fieldName), value)
-                .then(function (r) { return r.data; })];
-    });
-}); };
-/**
- * Update a Document signature field. Signature fields are ID-driven. Call `Document.createSignature()` first to create a
- * signature for a Recipient, then call `Documents.updateDocumentFieldSignature()` to attach it to a field.
- */
-var updateEnvelopeFieldSignature = function (endpoint, envelopeId, fieldName, signatureId) { return __awaiter(void 0, void 0, void 0, function () {
-    return __generator(this, function (_a) {
-        return [2 /*return*/, endpoint.api //
-                .put("/envelopes/".concat(envelopeId, "/fields/").concat(fieldName, "/signature/").concat(signatureId))
-                .then(function (r) { return r.data; })];
-    });
-}); };
-/**
- * Update a Document signature field. Signature fields are ID-driven. Call `Document.createSignature()` first to create a
- * signature for a Recipient, then call `Documents.updateDocumentFieldSignature()` to attach it to a field.
- */
-var updateEnvelopeFieldInitials = function (endpoint, envelopeId, fieldName, initialId) { return __awaiter(void 0, void 0, void 0, function () {
-    return __generator(this, function (_a) {
-        return [2 /*return*/, endpoint.api //
-                .put("/envelopes/".concat(envelopeId, "/fields/").concat(fieldName, "/initial/").concat(initialId))
-                .then(function (r) { return r.data; })];
-    });
-}); };
-
 function rescale(r, n) {
     return r * n;
 }
@@ -124,7 +16,9 @@ const defaultWidth = (field) => {
       return 14;
     case 'signature':
     case 'initial':
-      return 82;
+      // TODO: Review this. 71 seems to line up better with the final render.
+      return 71;
+    // return 82;
   }
   return 150;
 };
@@ -139,7 +33,9 @@ const defaultHeight = (field) => {
       return 14;
     case 'signature':
     case 'initial':
-      return 41;
+      // TODO: Review this. 71 seems to line up better with the final render.
+      return 36;
+    // return 41;
   }
   return 50;
 };
@@ -330,4 +226,4 @@ const throttle = (f, delay) => {
   };
 };
 
-export { getRoleIndex as a, getSigningSession as b, updateEnvelopeField as c, updateEnvelopeFieldSignature as d, updateEnvelopeFieldInitials as e, getFieldId as f, getFieldSettings as g, updateCssTransform as h, getEnvelope as i, renderDocumentField as r, savePDF as s, throttle as t, updateDocumentFieldValue as u };
+export { getRoleIndex as a, getFieldId as b, updateCssTransform as c, getFieldSettings as g, renderDocumentField as r, savePDF as s, throttle as t, updateDocumentFieldValue as u };

package/dist/components/verdocs-dropdown2.js

@@ -38,6 +38,7 @@ const VerdocsDropdown = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   showDropdown() {
     var _a, _b;
     // this.isOpen = true;
+    this.open = true;
     this.dropdownMenu.setAttribute('data-show', '');
     this.dropdownMenu.removeAttribute('aria-hidden');
     (_a = this.popper) === null || _a === void 0 ? void 0 : _a.setOptions(options => ({

package/dist/components/verdocs-envelope-sidebar.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface VerdocsEnvelopeSidebar extends Components.VerdocsEnvelopeSidebar, HTMLElement {}
+export const VerdocsEnvelopeSidebar: {
+  prototype: VerdocsEnvelopeSidebar;
+  new (): VerdocsEnvelopeSidebar;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;