@verdocs/web-sdk 2.2.5 → 2.2.7

package/dist/components/verdocs-settings.js

@@ -2,15 +2,17 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import './Types.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
 import { S as SDKError } from './errors.js';
-import { d as defineCustomElement$b } from './verdocs-button2.js';
-import { d as defineCustomElement$a } from './verdocs-help-icon2.js';
-import { d as defineCustomElement$9 } from './verdocs-loader2.js';
-import { d as defineCustomElement$8 } from './verdocs-select-input2.js';
-import { d as defineCustomElement$7 } from './verdocs-settings-api-keys2.js';
-import { d as defineCustomElement$6 } from './verdocs-settings-members2.js';
-import { d as defineCustomElement$5 } from './verdocs-settings-organization2.js';
-import { d as defineCustomElement$4 } from './verdocs-settings-profile2.js';
-import { d as defineCustomElement$3 } from './verdocs-table2.js';
+import { d as defineCustomElement$d } from './verdocs-button2.js';
+import { d as defineCustomElement$c } from './verdocs-dialog2.js';
+import { d as defineCustomElement$b } from './verdocs-help-icon2.js';
+import { d as defineCustomElement$a } from './verdocs-loader2.js';
+import { d as defineCustomElement$9 } from './verdocs-select-input2.js';
+import { d as defineCustomElement$8 } from './verdocs-settings-api-keys2.js';
+import { d as defineCustomElement$7 } from './verdocs-settings-members2.js';
+import { d as defineCustomElement$6 } from './verdocs-settings-organization2.js';
+import { d as defineCustomElement$5 } from './verdocs-settings-profile2.js';
+import { d as defineCustomElement$4 } from './verdocs-table2.js';
+import { d as defineCustomElement$3 } from './verdocs-tabs2.js';
 import { d as defineCustomElement$2 } from './verdocs-text-input2.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}";
@@ -52,7 +54,7 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["verdocs-settings", "verdocs-button", "verdocs-help-icon", "verdocs-loader", "verdocs-select-input", "verdocs-settings-api-keys", "verdocs-settings-members", "verdocs-settings-organization", "verdocs-settings-profile", "verdocs-table", "verdocs-text-input"];
+  const components = ["verdocs-settings", "verdocs-button", "verdocs-dialog", "verdocs-help-icon", "verdocs-loader", "verdocs-select-input", "verdocs-settings-api-keys", "verdocs-settings-members", "verdocs-settings-organization", "verdocs-settings-profile", "verdocs-table", "verdocs-tabs", "verdocs-text-input"];
   components.forEach(tagName => { switch (tagName) {
     case "verdocs-settings":
       if (!customElements.get(tagName)) {
@@ -61,45 +63,55 @@ function defineCustomElement$1() {
       break;
     case "verdocs-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$b();
+        defineCustomElement$d();
+      }
+      break;
+    case "verdocs-dialog":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$c();
       }
       break;
     case "verdocs-help-icon":
       if (!customElements.get(tagName)) {
-        defineCustomElement$a();
+        defineCustomElement$b();
       }
       break;
     case "verdocs-loader":
       if (!customElements.get(tagName)) {
-        defineCustomElement$9();
+        defineCustomElement$a();
       }
       break;
     case "verdocs-select-input":
       if (!customElements.get(tagName)) {
-        defineCustomElement$8();
+        defineCustomElement$9();
       }
       break;
     case "verdocs-settings-api-keys":
       if (!customElements.get(tagName)) {
-        defineCustomElement$7();
+        defineCustomElement$8();
       }
       break;
     case "verdocs-settings-members":
       if (!customElements.get(tagName)) {
-        defineCustomElement$6();
+        defineCustomElement$7();
       }
       break;
     case "verdocs-settings-organization":
       if (!customElements.get(tagName)) {
-        defineCustomElement$5();
+        defineCustomElement$6();
       }
       break;
     case "verdocs-settings-profile":
       if (!customElements.get(tagName)) {
-        defineCustomElement$4();
+        defineCustomElement$5();
       }
       break;
     case "verdocs-table":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "verdocs-tabs":
       if (!customElements.get(tagName)) {
         defineCustomElement$3();
       }

package/dist/components/verdocs-table2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const verdocsTableCss = "verdocs-table{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px 0;display:block;width:100%}verdocs-table .table-wrapper{margin:10px 0;padding:0}verdocs-table .table{width:100%;border:none}verdocs-table .header-col{text-align:left;padding:3px 8px;font-weight:700;color:#555555}verdocs-table .data-col{padding:3px 8px;font-weight:400}";
+const verdocsTableCss = "verdocs-table{width:100%;display:block;margin:0 0 10px 0;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:\"Inter\", \"Barlow\", sans-serif}verdocs-table .table-wrapper{margin:10px 0;padding:0}verdocs-table .table{width:100%;border:none;border-collapse:collapse}verdocs-table .row.data-row{border:1px solid #d4d4d8;background-color:#ffffff}verdocs-table .header-col{color:#5c6575;font-weight:600;text-align:left;padding:8px 16px}verdocs-table .data-col{font-weight:400;padding:8px 16px}";
 
 const VerdocsTable = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/verdocs-tabs.d.ts

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

package/dist/components/verdocs-tabs.js

@@ -0,0 +1,6 @@
+import { V as VerdocsTabs$1, d as defineCustomElement$1 } from './verdocs-tabs2.js';
+
+const VerdocsTabs = VerdocsTabs$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { VerdocsTabs, defineCustomElement };

package/dist/components/verdocs-tabs2.js

@@ -0,0 +1,46 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+
+const verdocsTabsCss = "verdocs-tabs{width:100%;height:50px;display:-ms-flexbox;display:flex;color:#72757d;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 0 10px 0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#e5e5e5;font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06));filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06))}verdocs-tabs .tab{height:50px;display:-ms-flexbox;display:flex;cursor:pointer;padding:0 40px;font-size:16px;font-weight:600;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background-color:#e4e4e7}verdocs-tabs .tab.active{color:#707ae5;background-color:#ffffff}verdocs-tabs .tab.disabled{color:#d4d4d8;cursor:default}";
+
+const VerdocsTabs = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.selectTab = createEvent(this, "selectTab", 7);
+    this.tabs = [];
+    this.defaultTab = 0;
+    this.selectedTab = 0;
+  }
+  componentWillLoad() {
+    this.selectedTab = this.defaultTab || 0;
+  }
+  handleSelectTab(index) {
+    var _a;
+    this.selectedTab = index;
+    (_a = this.selectTab) === null || _a === void 0 ? void 0 : _a.emit({ tab: this.tabs[index], index });
+  }
+  render() {
+    return (h(Host, null, this.tabs.map((tab, index) => (h("div", { class: `tab ${index === this.selectedTab ? 'active' : ''} ${tab.disabled ? 'disabled' : ''}`, onClick: tab.disabled ? () => { } : () => this.handleSelectTab(index) }, tab.label))), h("div", { class: "flex flex-1" }), h("slot", null, h("div", null))));
+  }
+  static get style() { return verdocsTabsCss; }
+}, [4, "verdocs-tabs", {
+    "tabs": [16],
+    "defaultTab": [2, "default-tab"],
+    "selectedTab": [32]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["verdocs-tabs"];
+  components.forEach(tagName => { switch (tagName) {
+    case "verdocs-tabs":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, VerdocsTabs);
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { VerdocsTabs as V, defineCustomElement as d };

package/dist/components/verdocs-text-input2.js

@@ -1,9 +1,11 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { V as VerdocsToast } from './Toast.js';
 import { d as defineCustomElement$1 } from './verdocs-help-icon2.js';
 
-const verdocsTextInputCss = "verdocs-text-input{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px 0;display:block}verdocs-text-input .input-element{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #707ae5;border-radius:4px;background:#ffffff;color:#000;width:100%;font-size:16px;height:28px;padding:4px 12px;outline:none}verdocs-text-input .input-element:disabled{border:1px solid #aeb4bf;background:#f5f5fa}verdocs-text-input .input-element::-webkit-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::-moz-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element:-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element:focus{outline:1px solid #7d88ff}verdocs-text-input .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0}verdocs-text-input .required{color:red;margin-left:2px;display:inline-block}verdocs-text-input [data-lastpass-icon-root]{display:none !important}verdocs-text-input .input-container{position:relative}verdocs-text-input .clear{top:7px;right:5px;width:18px;height:18px;fill:#cccccc;position:absolute}verdocs-text-input .clear:hover{fill:#720101;cursor:pointer}";
+const verdocsTextInputCss = "verdocs-text-input{font-family:\"Inter\", \"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px 0;display:block}verdocs-text-input .input-element{-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #707ae5;border-radius:4px;background:#ffffff;color:#000;width:100%;font-size:16px;height:28px;padding:4px 12px;outline:none}verdocs-text-input .input-element:disabled{border:1px solid #aeb4bf;background:#f5f5fa}verdocs-text-input .input-element::-webkit-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::-moz-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element:-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::-ms-input-placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element::placeholder{color:#aaaaaa;opacity:1}verdocs-text-input .input-element:focus{outline:1px solid #7d88ff}verdocs-text-input .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0}verdocs-text-input .required{color:red;margin-left:2px;display:inline-block}verdocs-text-input [data-lastpass-icon-root]{display:none !important}verdocs-text-input .input-container{position:relative}verdocs-text-input .clear{top:7px;right:5px;width:18px;height:18px;fill:#cccccc;position:absolute}verdocs-text-input .clear:hover{fill:#720101;cursor:pointer}verdocs-text-input .copy{top:7px;right:5px;width:18px;height:18px;fill:#cccccc;position:absolute}verdocs-text-input .copy:hover{fill:#654dcb;cursor:pointer}verdocs-text-input.clearable .input-element,verdocs-text-input.copyable .input-element{padding-right:32px}";
 
 const ClearIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 122.881 122.88"><g><path fill-rule="evenodd" clip-rule="evenodd" d="M61.44,0c33.933,0,61.441,27.507,61.441,61.439 c0,33.933-27.508,61.44-61.441,61.44C27.508,122.88,0,95.372,0,61.439C0,27.507,27.508,0,61.44,0L61.44,0z M81.719,36.226 c1.363-1.363,3.572-1.363,4.936,0c1.363,1.363,1.363,3.573,0,4.936L66.375,61.439l20.279,20.278c1.363,1.363,1.363,3.573,0,4.937 c-1.363,1.362-3.572,1.362-4.936,0L61.44,66.376L41.162,86.654c-1.362,1.362-3.573,1.362-4.936,0c-1.363-1.363-1.363-3.573,0-4.937 l20.278-20.278L36.226,41.162c-1.363-1.363-1.363-3.573,0-4.936c1.363-1.363,3.573-1.363,4.936,0L61.44,56.504L81.719,36.226 L81.719,36.226z"/></g></svg>`;
+const CopyIcon = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M15.988 3.012A2.25 2.25 0 0118 5.25v6.5A2.25 2.25 0 0115.75 14H13.5V7A2.5 2.5 0 0011 4.5H8.128a2.252 2.252 0 011.884-1.488A2.25 2.25 0 0112.25 1h1.5a2.25 2.25 0 012.238 2.012zM11.5 3.25a.75.75 0 01.75-.75h1.5a.75.75 0 01.75.75v.25h-3v-.25z" clip-rule="evenodd" /><path fill-rule="evenodd" d="M2 7a1 1 0 011-1h8a1 1 0 011 1v10a1 1 0 01-1 1H3a1 1 0 01-1-1V7zm2 3.25a.75.75 0 01.75-.75h4.5a.75.75 0 010 1.5h-4.5a.75.75 0 01-.75-.75zm0 3.5a.75.75 0 01.75-.75h4.5a.75.75 0 010 1.5h-4.5a.75.75 0 01-.75-.75z" clip-rule="evenodd" /></svg>`;
 const VerdocsTextInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
     super();
@@ -14,12 +16,20 @@ const VerdocsTextInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     this.autocomplete = '';
     this.helpText = '';
     this.clearable = false;
+    this.copyable = false;
     this.type = 'text';
     this.disabled = false;
     this.required = false;
   }
+  copyToClipboard() {
+    this.inputEl.select();
+    navigator.clipboard
+      .writeText(this.value)
+      .then(() => VerdocsToast('Copied!'))
+      .catch(e => console.log('Error copying to clipboard', e));
+  }
   render() {
-    return (h(Host, { class: "input-field" }, h("label", null, this.label && (h("div", { class: "input-label" }, this.label + ':', this.required && h("span", { class: "required" }, "*"))), h("div", { class: "input-container" }, h("input", { type: this.type, value: this.value, required: this.required, class: "input-element", "data-lpignore": "true", disabled: this.disabled, placeholder: this.placeholder, autoComplete: this.autocomplete, ref: el => (this.inputEl = el), onInput: (e) => (this.value = e.target.value) }), this.clearable && this.value && (h("span", { innerHTML: ClearIcon, class: "clear", onClick: () => {
+    return (h(Host, { class: `input-field ${this.clearable ? 'clearable' : ''} ${this.copyable ? 'copyable' : ''}` }, h("label", null, this.label && (h("div", { class: "input-label" }, this.label + ':', this.required && h("span", { class: "required" }, "*"))), h("div", { class: "input-container" }, h("input", { type: this.type, value: this.value, required: this.required, class: "input-element", "data-lpignore": "true", disabled: this.disabled, placeholder: this.placeholder, autoComplete: this.autocomplete, ref: el => (this.inputEl = el), onInput: (e) => (this.value = e.target.value) }), this.clearable && this.value && (h("span", { innerHTML: ClearIcon, class: "clear", onClick: () => {
         // We need to allow the onInput event to fire first in case
         // the user was focused on this field before clicking clear.
         setTimeout(() => {
@@ -33,7 +43,7 @@ const VerdocsTextInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
             (_b = this.inputEl) === null || _b === void 0 ? void 0 : _b.blur();
           }, 50);
         }, 50);
-      } }))), this.helpText && h("verdocs-help-icon", { text: this.helpText }))));
+      } })), !this.clearable && this.copyable && this.value && h("span", { innerHTML: CopyIcon, class: "copy", onClick: () => this.copyToClipboard() })), this.helpText && h("verdocs-help-icon", { text: this.helpText }))));
   }
   get hostEl() { return this; }
   static get style() { return verdocsTextInputCss; }
@@ -44,6 +54,7 @@ const VerdocsTextInput = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     "autocomplete": [1],
     "helpText": [1, "help-text"],
     "clearable": [4],
+    "copyable": [4],
     "type": [1],
     "disabled": [4],
     "required": [4]

package/dist/components/verdocs-view2.js

@@ -58,7 +58,13 @@ const VerdocsView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     console.log('[VIEW] Loading envelope...');
     try {
       this.envelope = await throttledGetEnvelope(this.endpoint, this.envelopeId);
+      console.log('[VIEW] Loaded envelope', this.envelope);
       this.roleNames = this.envelope.recipients.map(r => r.role_name);
+      setTimeout(async () => {
+        console.log('[VIEW] Reloading envelope...');
+        this.envelope = await throttledGetEnvelope(this.endpoint, this.envelopeId);
+        console.log('[VIEW] Reloaded envelope', this.envelope);
+      }, 2000);
     }
     catch (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));
@@ -142,11 +148,12 @@ const VerdocsView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
     // Add download options to the menu
     const hasAttachments = this.envelope.documents.length > 0;
-    const hasCertificate = !!this.envelope.certificate;
+    const normalDocCount = this.envelope.documents.filter(doc => doc.type === 'attachment').length;
+    const hasCertificate = this.envelope.documents.find(doc => doc.type === 'certificate') !== undefined;
     if (hasAttachments || hasCertificate) {
       menuOptions.push({ label: '' });
       if (hasAttachments) {
-        menuOptions.push({ id: 'download-attachments', label: 'Download Documents(s)' });
+        menuOptions.push({ id: 'download-attachments', label: normalDocCount > 1 ? 'Download Documents' : 'Download Document' });
       }
       if (hasCertificate) {
         menuOptions.push({ id: 'download-certificate', label: 'Download Certificate' });

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-09-22T20:20:51",
+  "timestamp": "2023-09-26T14:52:29",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.20.0",
@@ -1261,9 +1261,19 @@
       "styles": [],
       "slots": [],
       "parts": [],
-      "dependents": [],
+      "dependents": [
+        "verdocs-settings-api-keys",
+        "verdocs-settings-members"
+      ],
       "dependencies": [],
-      "dependencyGraph": {}
+      "dependencyGraph": {
+        "verdocs-settings-api-keys": [
+          "verdocs-dialog"
+        ],
+        "verdocs-settings-members": [
+          "verdocs-dialog"
+        ]
+      }
     },
     {
       "filePath": "./src/components/controls/verdocs-dropdown/verdocs-dropdown.tsx",
@@ -6655,6 +6665,8 @@
       "parts": [],
       "dependents": [
         "verdocs-auth",
+        "verdocs-settings-api-keys",
+        "verdocs-settings-members",
         "verdocs-settings-organization",
         "verdocs-template-field-properties",
         "verdocs-template-fields",
@@ -6665,6 +6677,12 @@
         "verdocs-auth": [
           "verdocs-select-input"
         ],
+        "verdocs-settings-api-keys": [
+          "verdocs-select-input"
+        ],
+        "verdocs-settings-members": [
+          "verdocs-select-input"
+        ],
         "verdocs-settings-organization": [
           "verdocs-select-input"
         ],
@@ -6862,12 +6880,19 @@
           "verdocs-button"
         ],
         "verdocs-settings-members": [
+          "verdocs-tabs",
           "verdocs-table",
-          "verdocs-button"
+          "verdocs-button",
+          "verdocs-dialog",
+          "verdocs-text-input",
+          "verdocs-select-input"
         ],
         "verdocs-settings-api-keys": [
           "verdocs-table",
-          "verdocs-button"
+          "verdocs-button",
+          "verdocs-dialog",
+          "verdocs-text-input",
+          "verdocs-select-input"
         ]
       }
     },
@@ -6944,12 +6969,21 @@
       ],
       "dependencies": [
         "verdocs-table",
-        "verdocs-button"
+        "verdocs-button",
+        "verdocs-dialog",
+        "verdocs-text-input",
+        "verdocs-select-input"
       ],
       "dependencyGraph": {
         "verdocs-settings-api-keys": [
           "verdocs-table",
-          "verdocs-button"
+          "verdocs-button",
+          "verdocs-dialog",
+          "verdocs-text-input",
+          "verdocs-select-input"
+        ],
+        "verdocs-text-input": [
+          "verdocs-help-icon"
         ],
         "verdocs-settings": [
           "verdocs-settings-api-keys"
@@ -7028,13 +7062,24 @@
         "verdocs-settings"
       ],
       "dependencies": [
+        "verdocs-tabs",
         "verdocs-table",
-        "verdocs-button"
+        "verdocs-button",
+        "verdocs-dialog",
+        "verdocs-text-input",
+        "verdocs-select-input"
       ],
       "dependencyGraph": {
         "verdocs-settings-members": [
+          "verdocs-tabs",
           "verdocs-table",
-          "verdocs-button"
+          "verdocs-button",
+          "verdocs-dialog",
+          "verdocs-text-input",
+          "verdocs-select-input"
+        ],
+        "verdocs-text-input": [
+          "verdocs-help-icon"
         ],
         "verdocs-settings": [
           "verdocs-settings-members"
@@ -7669,6 +7714,74 @@
         ]
       }
     },
+    {
+      "filePath": "./src/components/controls/verdocs-tabs/verdocs-tabs.tsx",
+      "encapsulation": "none",
+      "tag": "verdocs-tabs",
+      "docs": "Display a simple row of selectable tabs.",
+      "docsTags": [],
+      "usage": {},
+      "props": [
+        {
+          "name": "defaultTab",
+          "type": "number",
+          "mutable": false,
+          "attr": "default-tab",
+          "reflectToAttr": false,
+          "docs": "The index of the initial tab to select.",
+          "docsTags": [],
+          "default": "0",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "tabs",
+          "type": "ITab[]",
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "The tabs to display",
+          "docsTags": [],
+          "default": "[]",
+          "values": [
+            {
+              "type": "ITab[]"
+            }
+          ],
+          "optional": false,
+          "required": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "selectTab",
+          "detail": "{ tab: ITab; index: number; }",
+          "bubbles": true,
+          "cancelable": true,
+          "composed": true,
+          "docs": "Event fired when the user clicks a template to view it. Typically the host application will use this to navigate\nto the template preview. This is also fired when the user selects \"Preview/Send\" fropm the dropdown menu.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [],
+      "dependents": [
+        "verdocs-settings-members"
+      ],
+      "dependencies": [],
+      "dependencyGraph": {
+        "verdocs-settings-members": [
+          "verdocs-tabs"
+        ]
+      }
+    },
     {
       "filePath": "./src/components/templates/verdocs-template-attachments/verdocs-template-attachments.tsx",
       "encapsulation": "none",
@@ -9496,6 +9609,23 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "copyable",
+          "type": "boolean",
+          "mutable": false,
+          "attr": "copyable",
+          "reflectToAttr": false,
+          "docs": "If set, a copy-to-clipboard button will be displayed. NOTE: A field may not be\nboth clearable and copyable. If both properties are set to true, copyable will\nbe ignored.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "disabled",
           "type": "boolean",
@@ -9651,6 +9781,8 @@
         "verdocs-auth",
         "verdocs-envelopes-list",
         "verdocs-initial-dialog",
+        "verdocs-settings-api-keys",
+        "verdocs-settings-members",
         "verdocs-settings-organization",
         "verdocs-settings-profile",
         "verdocs-signature-dialog",
@@ -9676,6 +9808,12 @@
         "verdocs-initial-dialog": [
           "verdocs-text-input"
         ],
+        "verdocs-settings-api-keys": [
+          "verdocs-text-input"
+        ],
+        "verdocs-settings-members": [
+          "verdocs-text-input"
+        ],
         "verdocs-settings-organization": [
           "verdocs-text-input"
         ],

package/dist/esm/Primitives-8fe93caf.js

@@ -0,0 +1,37 @@
+/**
+ * Capitalize the first letter of a string.
+ */
+var capitalize = function (str) { return str.charAt(0).toUpperCase() + str.slice(1); };
+
+/**
+ * Create an array containing a sequence of integers, e.g. [START, START+1, START+2, ...] This is frequently useful
+ * in rendering operations when there is no source array to .map() across.
+ */
+var integerSequence = function (start, count) {
+    return Array(count)
+        .fill(1)
+        .map(function (_, index) { return index + start; });
+};
+/**
+ * Format a profile's full name
+ */
+var formatFullName = function (profile) {
+    return profile ? "".concat(capitalize(profile.first_name), " ").concat(capitalize(profile.last_name)) : 'Invalid User';
+};
+/**
+ * Format a profile's initials
+ */
+var formatInitials = function (profile) {
+    return profile ? "".concat(capitalize(profile.first_name).charAt(0), " ").concat(capitalize(profile.last_name).charAt(0)) : '--';
+};
+/**
+ * Generate suggested initials for a full name, e.g. "John Doe" will yield "JD".
+ */
+var fullNameToInitials = function (name) {
+    return name
+        .split(' ')
+        .map(function (word) { return word[0]; })
+        .join('');
+};
+
+export { formatFullName as a, formatInitials as b, capitalize as c, fullNameToInitials as f, integerSequence as i };

package/dist/esm/{Profiles-7645e6f1.js → Profiles-4cc942ef.js}

@@ -52,6 +52,20 @@ var getCurrentProfile = function (endpoint) {
         .get('/profiles')
         .then(function (r) { return (r.data || []).find(function (profile) { return profile.current; }); });
 };
+/**
+ * Get a list of system roles.
+ *
+ * ```typescript
+ * import {Profiles} from '@verdocs/js-sdk/Users';
+ *
+ * const roles = await Profiles.getRoles();
+ * ```
+ */
+var getRoles = function (endpoint) {
+    return endpoint.api //
+        .get('/roles')
+        .then(function (r) { return r.data; });
+};
 /**
  * Update a profile. For future expansion, the profile ID to update is required, but currently this must also be the
  * "current" profile for the caller.
@@ -85,4 +99,4 @@ var createBusinessAccount = function (endpoint, params) {
         .then(function (r) { return r.data; });
 };
 
-export { getCurrentProfile as a, updateProfile as b, createBusinessAccount as c, getOrganization as g, isOrgAvailable as i, updateOrganization as u };
+export { getOrganization as a, getCurrentProfile as b, createBusinessAccount as c, updateProfile as d, getRoles as g, isOrgAvailable as i, updateOrganization as u };