@verdocs/web-sdk 2.3.79 → 2.3.82

package/dist/cjs/verdocs-search.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-38bcb409.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-3036bbb7.js');
 
 const verdocsSearchCss = "verdocs-search{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:-ms-flexbox;display:flex;background-color:#1e2031}verdocs-search search-box{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:20px 10px}verdocs-search .boxes{-ms-flex-wrap:wrap;flex-wrap:wrap;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:20px 0}verdocs-search search-recent,verdocs-search search-saved,verdocs-search search-quick-functions,verdocs-search search-starred{display:-ms-flexbox;display:flex;margin:0 20px 20px 0}";
 

package/dist/cjs/verdocs-settings-api-keys_4.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-38bcb409.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-3036bbb7.js');
 const Primitives = require('./Primitives-a59870a2.js');
 const Toast = require('./Toast-06880504.js');
 const errors = require('./errors-0396da3d.js');

package/dist/cjs/verdocs-settings.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-38bcb409.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-3036bbb7.js');
 const errors = require('./errors-0396da3d.js');
 
 const verdocsSettingsCss = "verdocs-settings{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;display:-ms-flexbox;display:flex;padding:15px;row-gap:15px;min-height:200px;position:relative;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-flex-direction:column;flex-direction:column}verdocs-settings .tabs{gap:4px;width:100%;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:row;flex-direction:row;border-bottom:1px solid #654dcb}verdocs-settings .tabs .tab{cursor:pointer;padding:5px 10px;color:#ffffff;background-color:#777777}verdocs-settings .tabs .tab.active{color:#ffffff;background-color:#654dcb}";

package/dist/cjs/verdocs-sign.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-5463795e.js');
 const Envelopes = require('./Envelopes-0b9deb2c.js');
 const Types = require('./Types-f89f9116.js');
 const Recipients = require('./Recipients-f3d6cf10.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-38bcb409.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-3036bbb7.js');
 const Validators = require('./Validators-16e6d7d1.js');
 const Primitives = require('./Primitives-a59870a2.js');
 const utils = require('./utils-13f8ed3f.js');
@@ -341,9 +341,11 @@ const VerdocsSign = class {
     }
   }
   async handleNext() {
-    var _a;
+    var _a, _b;
     if (this.nextSubmits) {
       try {
+        // Patches the date picker to be forcibly removed if still showing during submission
+        (_a = document.getElementById('air-datepicker-global-container')) === null || _a === void 0 ? void 0 : _a.remove();
         this.submitting = true;
         const result = await Recipients.envelopeRecipientSubmit(this.endpoint, this.envelopeId, this.roleId);
         console.log('[SIGN] Submitted successfully', result);
@@ -373,7 +375,7 @@ const VerdocsSign = class {
     let nextRequiredField = requiredFields[nextFocusedIndex];
     // Skip signature and initial fields that are already filled in. We have to count our "skips" just in case, to avoid infinite loops.
     let skips = 0;
-    if (skips < requiredFields.length && ['signature', 'initial'].includes(nextRequiredField.type) && ((_a = nextRequiredField.settings) === null || _a === void 0 ? void 0 : _a.result) === 'signed') {
+    if (skips < requiredFields.length && ['signature', 'initial'].includes(nextRequiredField.type) && ((_b = nextRequiredField.settings) === null || _b === void 0 ? void 0 : _b.result) === 'signed') {
       skips++;
       nextFocusedIndex++;
       if (nextFocusedIndex >= requiredFields.length) {

package/dist/cjs/verdocs-template-fields_4.cjs.entry.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5463795e.js');
 const interact_min = require('./interact.min-49218928.js');
 require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-38bcb409.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-3036bbb7.js');
 const Fields = require('./Fields-705a2168.js');
 const Primitives = require('./Primitives-a59870a2.js');
 const TemplateFieldStore = require('./TemplateFieldStore-3d25fc86.js');
 const utils = require('./utils-13f8ed3f.js');
-const TemplateRoleStore = require('./TemplateRoleStore-94afc2b0.js');
-const TemplateStore = require('./TemplateStore-9a87282d.js');
+const TemplateRoleStore = require('./TemplateRoleStore-a7f2b586.js');
+const TemplateStore = require('./TemplateStore-62c90f8c.js');
 const errors = require('./errors-0396da3d.js');
 const Colors = require('./Colors-e809dcc9.js');
 require('./_commonjsHelpers-0c557e26.js');
@@ -404,7 +404,7 @@ const VerdocsTemplateFields = class {
     if (this.loading || !((_a = this.templateStore) === null || _a === void 0 ? void 0 : _a.state.isLoaded)) {
       return (index.h(index.Host, null, index.h("verdocs-loader", null)));
     }
-    const selectableRoles = this.roleStore.get('roles').map(role => ({ value: role.name, label: role.name }));
+    const selectableRoles = this.roleStore.get('roles').map(role => ({ value: role.name, label: role.full_name ? `${role.name}: ${role.full_name}` : role.name }));
     return (index.h(index.Host, { class: this.placing ? { [`placing-${this.placing}`]: true } : {}, onSubmit: () => { } }, index.h("div", { id: "verdocs-template-fields-toolbar" }, index.h("div", { class: "add-for" }, "Add field:"), index.h("verdocs-select-input", { value: this.selectedRoleName, options: selectableRoles, onInput: (e) => (this.selectedRoleName = e.target.value) }), menuOptions.map(option => (index.h("verdocs-toolbar-icon", { text: option.tooltip, icon: option.icon, onClick: () => {
         // We ignore empty-tooltip entries because they're separators
         if (option.tooltip) {
@@ -466,7 +466,13 @@ const VerdocsTemplateRoleProperties = class {
       }
       this.templateStore = await TemplateStore.getTemplateStore(this.endpoint, this.templateId, false);
       this.fieldStore = TemplateFieldStore.getTemplateFieldStore(this.templateId);
-      this.roleStore = TemplateRoleStore.createTemplateRoleStore(this.templateStore.state);
+      // FIXME: This was createTemplateRoleStore, which it didn't have to be. But that shouldn't break anything,
+      //  and using create() will reload the roles from the TEMPLATE, not the server. Creating/deleting roles
+      //  isn't updating the template, so if you add a role and then pop this dialog the store will be reloaded
+      //  without the newly-added role in place causing the dialog (and future role edits) to break. We should
+      //  a) when creating/updating/deleting roles, update the template/store not just the roles, and b) review
+      //  and confirm that all things that look at roles are mapped to the role store, not the template.
+      this.roleStore = TemplateRoleStore.getTemplateRoleStore(this.templateId);
       const editingRole = this.roleStore.state.roles.find(role => role.name === this.roleName);
       if (editingRole) {
         this.name = editingRole.name;
@@ -730,7 +736,7 @@ const VerdocsTemplateRoles = class {
   // e.g. 1.5 to place it between items 1 and 2, 0.5 to place it at the beginning, or last+0.5 to place it at the end.
   // Then we re-sort the list of roles and renumber them.
   renumberTemplateRoles() {
-    console.log('Renumbering roles', this.getSequenceNumbers(), JSON.stringify(this.roleStore.state));
+    // console.log('Renumbering roles', this.getSequenceNumbers(), JSON.stringify(this.roleStore.state));
     // Avoid dupe renumber attempts
     const renumbered = [];
     // If the user dragged an entry from below a row to above it, we end up here like [1,0]. Make sure it's [0,1] for the next operation.
@@ -749,7 +755,6 @@ const VerdocsTemplateRoles = class {
   }
   // Look for name conflicts, because they're UGC and can be anything, regardless of order.
   getNextRoleName() {
-    console.log('Getting next role name', JSON.stringify(this.roleStore.state));
     let name = '';
     let nextNumber = Object.keys(this.roleStore.state).length - 1;
     do {

package/dist/cjs/verdocs-template-star.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-38bcb409.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-3036bbb7.js');
 require('./Types-f89f9116.js');
 
 /**

package/dist/cjs/verdocs-templates-list.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5463795e.js');
 require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-38bcb409.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-3036bbb7.js');
 const Primitives = require('./Primitives-a59870a2.js');
 const errors = require('./errors-0396da3d.js');
 const index$1 = require('./index-7c19ba1d.js');

package/dist/cjs/verdocs-view.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-5463795e.js');
 const Envelopes = require('./Envelopes-0b9deb2c.js');
 const Permissions = require('./Permissions-1436f847.js');
 require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-38bcb409.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-3036bbb7.js');
 const Primitives = require('./Primitives-a59870a2.js');
 const utils = require('./utils-13f8ed3f.js');
 const errors = require('./errors-0396da3d.js');

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

@@ -318,9 +318,11 @@ export class VerdocsSign {
     }
   }
   async handleNext() {
-    var _a;
+    var _a, _b;
     if (this.nextSubmits) {
       try {
+        // Patches the date picker to be forcibly removed if still showing during submission
+        (_a = document.getElementById('air-datepicker-global-container')) === null || _a === void 0 ? void 0 : _a.remove();
         this.submitting = true;
         const result = await envelopeRecipientSubmit(this.endpoint, this.envelopeId, this.roleId);
         console.log('[SIGN] Submitted successfully', result);
@@ -350,7 +352,7 @@ export class VerdocsSign {
     let nextRequiredField = requiredFields[nextFocusedIndex];
     // Skip signature and initial fields that are already filled in. We have to count our "skips" just in case, to avoid infinite loops.
     let skips = 0;
-    if (skips < requiredFields.length && ['signature', 'initial'].includes(nextRequiredField.type) && ((_a = nextRequiredField.settings) === null || _a === void 0 ? void 0 : _a.result) === 'signed') {
+    if (skips < requiredFields.length && ['signature', 'initial'].includes(nextRequiredField.type) && ((_b = nextRequiredField.settings) === null || _b === void 0 ? void 0 : _b.result) === 'signed') {
       skips++;
       nextFocusedIndex++;
       if (nextFocusedIndex >= requiredFields.length) {

package/dist/collection/components/templates/verdocs-template-document-page/verdocs-template-document-page.js

@@ -99,36 +99,42 @@ export class VerdocsTemplateDocumentPage {
         .get('fields')
         .filter(field => field && field.page_sequence === this.pageNumber)
         .map(field => {
+        var _a, _b;
         const id = getFieldId(field);
-        switch (field.type) {
+        let { name, type } = field;
+        const { xScale, yScale, templateId, editable, disabled, done, pageNumber } = this;
+        if (((_a = field['setting']) === null || _a === void 0 ? void 0 : _a.leading) > 0 || ((_b = field['settings']) === null || _b === void 0 ? void 0 : _b.leading) > 0) {
+          type = 'textarea';
+        }
+        switch (type) {
           case 'textbox':
-            return (h("verdocs-field-textbox", { id: id, templateid: this.templateId, fieldname: field.name, editable: this.editable, disabled: this.disabled, done: this.done, xscale: this.xScale, yscale: this.yScale, pagenumber: this.pageNumber, style: getControlStyles(field, this.xScale, this.yScale, 0) }));
+            return (h("verdocs-field-textbox", { id: id, fieldname: name, templateid: templateId, editable: editable, disabled: disabled, done: done, xscale: xScale, yscale: yScale, pagenumber: pageNumber, style: getControlStyles(field, xScale, yScale, 0) }));
           case 'textarea':
-            return (h("verdocs-field-textarea", { id: id, templateid: this.templateId, fieldname: field.name, editable: this.editable, disabled: this.disabled, done: this.done, xscale: this.xScale, yscale: this.yScale, pagenumber: this.pageNumber, style: getControlStyles(field, this.xScale, this.yScale, 0) }));
+            return (h("verdocs-field-textarea", { id: id, fieldname: name, templateid: templateId, editable: editable, disabled: disabled, done: done, xscale: xScale, yscale: yScale, pagenumber: pageNumber, style: getControlStyles(field, xScale, yScale, 0) }));
           case 'date':
-            return (h("verdocs-field-date", { id: id, templateid: this.templateId, fieldname: field.name, editable: this.editable, disabled: this.disabled, xscale: this.xScale, yscale: this.yScale, done: this.done, pagenumber: this.pageNumber, style: getControlStyles(field, this.xScale, this.yScale, 0) }));
+            return (h("verdocs-field-date", { id: id, fieldname: name, templateid: templateId, editable: editable, disabled: disabled, done: done, xscale: xScale, yscale: yScale, pagenumber: pageNumber, style: getControlStyles(field, xScale, yScale, 0) }));
           case 'attachment':
-            return (h("verdocs-field-attachment", { id: id, templateid: this.templateId, fieldname: field.name, editable: this.editable, disabled: this.disabled, done: this.done, xscale: this.xScale, yscale: this.yScale, pagenumber: this.pageNumber, style: getControlStyles(field, this.xScale, this.yScale, 0) }));
+            return (h("verdocs-field-attachment", { id: id, fieldname: name, templateid: templateId, editable: editable, disabled: disabled, done: done, xscale: xScale, yscale: yScale, pagenumber: pageNumber, style: getControlStyles(field, xScale, yScale, 0) }));
           case 'dropdown':
-            return (h("verdocs-field-dropdown", { id: id, templateid: this.templateId, fieldname: field.name, editable: this.editable, disabled: this.disabled, done: this.done, xscale: this.xScale, yscale: this.yScale, pagenumber: this.pageNumber, style: getControlStyles(field, this.xScale, this.yScale, 0) }));
+            return (h("verdocs-field-dropdown", { id: id, fieldname: name, templateid: templateId, editable: editable, disabled: disabled, done: done, xscale: xScale, yscale: yScale, pagenumber: pageNumber, style: getControlStyles(field, xScale, yScale, 0) }));
           case 'initial':
-            return (h("verdocs-field-initial", { id: id, templateid: this.templateId, fieldname: field.name, editable: this.editable, xscale: this.xScale, yscale: this.yScale, done: this.done, pagenumber: this.pageNumber, style: getControlStyles(field, this.xScale, this.yScale, 0) }));
+            return (h("verdocs-field-initial", { id: id, fieldname: name, templateid: templateId, editable: editable, disabled: disabled, done: done, xscale: xScale, yscale: yScale, pagenumber: pageNumber, style: getControlStyles(field, xScale, yScale, 0) }));
           case 'signature':
-            return (h("verdocs-field-signature", { id: id, templateid: this.templateId, fieldname: field.name, editable: this.editable, disabled: this.disabled, xscale: this.xScale, yscale: this.yScale, done: this.done, pagenumber: this.pageNumber, style: getControlStyles(field, this.xScale, this.yScale, 0) }));
+            return (h("verdocs-field-signature", { id: id, fieldname: name, templateid: templateId, editable: editable, disabled: disabled, done: done, xscale: xScale, yscale: yScale, pagenumber: pageNumber, style: getControlStyles(field, this.xScale, this.yScale, 0) }));
           case 'timestamp':
-            return (h("verdocs-field-timestamp", { id: id, templateid: this.templateId, fieldname: field.name, editable: this.editable, disabled: this.disabled, xscale: this.xScale, yscale: this.yScale, done: this.done, pagenumber: this.pageNumber, style: getControlStyles(field, this.xScale, this.yScale, 0) }));
+            return (h("verdocs-field-timestamp", { id: id, fieldname: name, templateid: templateId, editable: editable, disabled: disabled, done: done, xscale: xScale, yscale: yScale, pagenumber: pageNumber, style: getControlStyles(field, xScale, yScale, 0) }));
           case 'checkbox_group':
             return (field.settings || field.setting || {}).options.map((_, checkboxIndex) => {
               const id = getFieldOptionId(field, checkboxIndex);
-              return (h("verdocs-field-checkbox", { id: id, templateid: this.templateId, fieldname: field.name, editable: this.editable, disabled: this.disabled, xscale: this.xScale, yscale: this.yScale, done: this.done, option: checkboxIndex, pagenumber: this.pageNumber, style: getControlStyles(field, this.xScale, this.yScale, checkboxIndex) }));
+              return (h("verdocs-field-checkbox", { id: id, fieldname: name, templateid: templateId, editable: editable, disabled: disabled, done: done, xscale: xScale, yscale: yScale, pagenumber: pageNumber, option: checkboxIndex, style: getControlStyles(field, xScale, yScale, checkboxIndex) }));
             });
           case 'radio_button_group':
             return (field.settings || field.setting || {}).options.map((_, checkboxIndex) => {
               const id = getFieldOptionId(field, checkboxIndex);
-              return (h("verdocs-field-radio-button", { id: id, templateid: this.templateId, fieldname: field.name, editable: this.editable, disabled: this.disabled, xscale: this.xScale, yscale: this.yScale, done: this.done, option: checkboxIndex, pagenumber: this.pageNumber, style: getControlStyles(field, this.xScale, this.yScale, checkboxIndex) }));
+              return (h("verdocs-field-radio-button", { id: id, fieldname: name, templateid: templateId, editable: editable, disabled: disabled, done: done, xscale: xScale, yscale: yScale, pagenumber: pageNumber, option: checkboxIndex, style: getControlStyles(field, xScale, yScale, checkboxIndex) }));
             });
           default:
-            return h(Fragment, null, field.name);
+            return h(Fragment, null, name);
         }
       }))) : this.pageDisplayUri ? (h("img", { class: "verdocs-template-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
         // Note that all we really care about is the aspect ratio. We track the natural Width and Height but they aren't really that

package/dist/collection/components/templates/verdocs-template-fields/verdocs-template-fields.js

@@ -367,7 +367,7 @@ export class VerdocsTemplateFields {
     if (this.loading || !((_a = this.templateStore) === null || _a === void 0 ? void 0 : _a.state.isLoaded)) {
       return (h(Host, null, h("verdocs-loader", null)));
     }
-    const selectableRoles = this.roleStore.get('roles').map(role => ({ value: role.name, label: role.name }));
+    const selectableRoles = this.roleStore.get('roles').map(role => ({ value: role.name, label: role.full_name ? `${role.name}: ${role.full_name}` : role.name }));
     return (h(Host, { class: this.placing ? { [`placing-${this.placing}`]: true } : {}, onSubmit: () => { } }, h("div", { id: "verdocs-template-fields-toolbar" }, h("div", { class: "add-for" }, "Add field:"), h("verdocs-select-input", { value: this.selectedRoleName, options: selectableRoles, onInput: (e) => (this.selectedRoleName = e.target.value) }), menuOptions.map(option => (h("verdocs-toolbar-icon", { text: option.tooltip, icon: option.icon, onClick: () => {
         // We ignore empty-tooltip entries because they're separators
         if (option.tooltip) {

package/dist/collection/components/templates/verdocs-template-role-properties/verdocs-template-role-properties.js

@@ -2,7 +2,7 @@ import { VerdocsEndpoint } from '@verdocs/js-sdk';
 import { deleteRole, updateRole } from '@verdocs/js-sdk/Templates/Roles';
 import { h, Host } from '@stencil/core';
 import { TemplateSenderTypes } from '@verdocs/js-sdk/Templates/Types';
-import { createTemplateRoleStore, deleteStoreRole, updateStoreRole } from '../../../utils/TemplateRoleStore';
+import { deleteStoreRole, getTemplateRoleStore, updateStoreRole } from '../../../utils/TemplateRoleStore';
 import { getTemplateFieldStore } from '../../../utils/TemplateFieldStore';
 import { getTemplateStore } from '../../../utils/TemplateStore';
 import { SDKError } from '../../../utils/errors';
@@ -42,7 +42,13 @@ export class VerdocsTemplateRoleProperties {
       }
       this.templateStore = await getTemplateStore(this.endpoint, this.templateId, false);
       this.fieldStore = getTemplateFieldStore(this.templateId);
-      this.roleStore = createTemplateRoleStore(this.templateStore.state);
+      // FIXME: This was createTemplateRoleStore, which it didn't have to be. But that shouldn't break anything,
+      //  and using create() will reload the roles from the TEMPLATE, not the server. Creating/deleting roles
+      //  isn't updating the template, so if you add a role and then pop this dialog the store will be reloaded
+      //  without the newly-added role in place causing the dialog (and future role edits) to break. We should
+      //  a) when creating/updating/deleting roles, update the template/store not just the roles, and b) review
+      //  and confirm that all things that look at roles are mapped to the role store, not the template.
+      this.roleStore = getTemplateRoleStore(this.templateId);
       const editingRole = this.roleStore.state.roles.find(role => role.name === this.roleName);
       if (editingRole) {
         this.name = editingRole.name;

package/dist/collection/components/templates/verdocs-template-roles/verdocs-template-roles.js

@@ -166,7 +166,7 @@ export class VerdocsTemplateRoles {
   // e.g. 1.5 to place it between items 1 and 2, 0.5 to place it at the beginning, or last+0.5 to place it at the end.
   // Then we re-sort the list of roles and renumber them.
   renumberTemplateRoles() {
-    console.log('Renumbering roles', this.getSequenceNumbers(), JSON.stringify(this.roleStore.state));
+    // console.log('Renumbering roles', this.getSequenceNumbers(), JSON.stringify(this.roleStore.state));
     // Avoid dupe renumber attempts
     const renumbered = [];
     // If the user dragged an entry from below a row to above it, we end up here like [1,0]. Make sure it's [0,1] for the next operation.
@@ -185,7 +185,6 @@ export class VerdocsTemplateRoles {
   }
   // Look for name conflicts, because they're UGC and can be anything, regardless of order.
   getNextRoleName() {
-    console.log('Getting next role name', JSON.stringify(this.roleStore.state));
     let name = '';
     let nextNumber = Object.keys(this.roleStore.state).length - 1;
     do {

package/dist/collection/utils/TemplateRoleStore.js

@@ -17,6 +17,7 @@ export const createTemplateRoleStore = (template) => {
   return store;
 };
 export const updateStoreRole = (store, name, newRoleData) => {
+  console.log('[ROLES] Updating store role', name, newRoleData);
   const newRoles = [
     ...store.get('roles').map(role => {
       if (role.name !== name) {
@@ -28,6 +29,7 @@ export const updateStoreRole = (store, name, newRoleData) => {
   store.set('roles', newRoles);
 };
 export const deleteStoreRole = (store, name) => {
+  console.log('[ROLES] Deleting store role', name);
   const newRoles = [...store.get('roles').filter(field => field.name !== name)];
   store.set('roles', newRoles);
 };

package/dist/components/TemplateRoleStore.js

@@ -18,6 +18,7 @@ const createTemplateRoleStore = (template) => {
   return store;
 };
 const updateStoreRole = (store, name, newRoleData) => {
+  console.log('[ROLES] Updating store role', name, newRoleData);
   const newRoles = [
     ...store.get('roles').map(role => {
       if (role.name !== name) {
@@ -29,6 +30,7 @@ const updateStoreRole = (store, name, newRoleData) => {
   store.set('roles', newRoles);
 };
 const deleteStoreRole = (store, name) => {
+  console.log('[ROLES] Deleting store role', name);
   const newRoles = [...store.get('roles').filter(field => field.name !== name)];
   store.set('roles', newRoles);
 };

package/dist/components/VerdocsEndpoint.js

@@ -1795,9 +1795,6 @@ const defaults = {
     const isFormData = utils$1.isFormData(data);
 
     if (isFormData) {
-      if (!hasJSONContentType) {
-        return data;
-      }
       return hasJSONContentType ? JSON.stringify(formDataToJSON(data)) : data;
     }
 
@@ -3011,7 +3008,7 @@ function mergeConfig(config1, config2) {
   return config;
 }
 
-const VERSION = "1.6.5";
+const VERSION = "1.6.7";
 
 const validators$1 = {};
 
@@ -3126,7 +3123,31 @@ class Axios {
    *
    * @returns {Promise} The Promise to be fulfilled
    */
-  request(configOrUrl, config) {
+  async request(configOrUrl, config) {
+    try {
+      return await this._request(configOrUrl, config);
+    } catch (err) {
+      if (err instanceof Error) {
+        let dummy;
+
+        Error.captureStackTrace ? Error.captureStackTrace(dummy = {}) : (dummy = new Error());
+
+        // slice off the Error: ... line
+        const stack = dummy.stack ? dummy.stack.replace(/^.+\n/, '') : '';
+
+        if (!err.stack) {
+          err.stack = stack;
+          // match without the 2 top stack lines
+        } else if (stack && !String(err.stack).endsWith(stack.replace(/^.+\n.+\n/, ''))) {
+          err.stack += '\n' + stack;
+        }
+      }
+
+      throw err;
+    }
+  }
+
+  _request(configOrUrl, config) {
     /*eslint no-param-reassign:0*/
     // Allow for axios('example/url'[, config]) a la fetch API
     if (typeof configOrUrl === 'string') {