@verdocs/web-sdk 1.16.0 → 1.16.2

package/dist/collection/components/envelopes/verdocs-activity-box/verdocs-activity-box.js

@@ -29,37 +29,41 @@ export class VerdocsActivityBox {
         console.log('[ACTIVITIES] Must be authenticated');
         return;
       }
-      const r = await Envelopes.getSummary(this.endpoint, 0);
-      console.log('r', r);
-      let defaultHeader;
-      if (this.view === 'action') {
-        defaultHeader = 'Action Required';
-        this.entries = r.action_required.result;
-        this.count = r.action_required.total;
-      }
-      else if (this.view === 'waiting') {
-        defaultHeader = 'Waiting on Others';
-        this.entries = r.waiting_others.result;
-        this.count = r.waiting_others.total;
-      }
-      else if (this.view === 'completed') {
-        defaultHeader = 'Completed';
-        this.entries = r.completed.result;
-        this.count = r.completed.total;
-      }
-      this.title = this.header !== undefined ? this.header : defaultHeader;
-      console.log('[ACTIVITIES] Got envelopes', this.entries);
-      this.loading = false;
+      this.loadActivity();
     }
     catch (e) {
       console.log('[ACTIVITIES] Error with preview 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));
     }
   }
-  // getNextRecipientName(entry: IActivityEntry) {
-  //   const nextRecipient = getNextRecipient(entry) || envelope.recipients?.[0];
-  //   return nextRecipient?.full_name || 'N/A';
-  // }
+  handleItemsUpdated() {
+    return this.loadActivity();
+  }
+  handleViewUpdated() {
+    return this.loadActivity();
+  }
+  async loadActivity() {
+    this.loading = true;
+    const r = await Envelopes.getSummary(this.endpoint, 0);
+    let defaultHeader;
+    if (this.view === 'action') {
+      defaultHeader = 'Action Required';
+      this.entries = r.action_required.result;
+      this.count = r.action_required.total;
+    }
+    else if (this.view === 'waiting') {
+      defaultHeader = 'Waiting on Others';
+      this.entries = r.waiting_others.result;
+      this.count = r.waiting_others.total;
+    }
+    else if (this.view === 'completed') {
+      defaultHeader = 'Completed';
+      this.entries = r.completed.result;
+      this.count = r.completed.total;
+    }
+    this.title = this.header !== undefined ? this.header : defaultHeader;
+    this.loading = false;
+  }
   render() {
     if (this.loading) {
       return (h(Host, { style: { minHeight: '300px' } }, this.title && (h("div", { class: "box-title" }, this.title, " ", h("span", { class: "count" }, "(0)"))), integerSequence(0, this.items).map(() => (h("div", { class: "loading-placeholder" }, h("div", { class: "loading-placeholder-bg" }))))));
@@ -234,4 +238,13 @@ export class VerdocsActivityBox {
         }
       }];
   }
+  static get watchers() {
+    return [{
+        "propName": "items",
+        "methodName": "handleItemsUpdated"
+      }, {
+        "propName": "view",
+        "methodName": "handleViewUpdated"
+      }];
+  }
 }

package/dist/collection/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.js

@@ -1,5 +1,6 @@
 import { VerdocsEndpoint } from '@verdocs/js-sdk';
 import { h } from '@stencil/core';
+import { convertToE164 } from '../../../utils/utils';
 const messageIcon = '<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiBox-root css-1om0hkc" focusable="false" aria-hidden="true" viewBox="0 0 24 24"><path d="M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm-2 12H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z"></path></svg>';
 const delegateIcon = '<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSvgIcon-root MuiSvgIcon-fontSizeLarge css-zjt8k" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="AssignmentIndIcon" tabindex="-1" title="AssignmentInd"><path d="M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm0 4c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 12H6v-1.4c0-2 4-3.1 6-3.1s6 1.1 6 3.1V19z"></path></svg>';
 const placeholderIcon = '<svg class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium MuiSvgIcon-root MuiSvgIcon-fontSizeLarge css-zjt8k" focusable="false" aria-hidden="true" viewBox="0 0 24 24" data-testid="AccountCircleIcon" tabindex="-1" title="AccountCircle"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 4c1.93 0 3.5 1.57 3.5 3.5S13.93 13 12 13s-3.5-1.57-3.5-3.5S10.07 6 12 6zm0 14c-2.03 0-4.43-.82-6.14-2.88C7.55 15.8 9.68 15 12 15s4.45.8 6.14 2.12C16.43 19.18 14.03 20 12 20z"></path></svg>';
@@ -47,7 +48,7 @@ export class VerdocsContactPicker {
     this.email = e.target.value;
   }
   handlePhoneChange(e) {
-    this.phone = e.target.value;
+    this.phone = convertToE164(e.target.value);
   }
   handleMessageChange(e) {
     this.message = e.target.value;

package/dist/collection/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.js

@@ -38,7 +38,7 @@ export class VerdocsEnvelopesList {
     this.endpoint = VerdocsEndpoint.getDefault();
     this.view = undefined;
     this.status = 'all';
-    this.sortBy = 'updated_at';
+    this.sort = 'updated_at';
     this.name = '';
     this.containing = '';
     this.selectedPage = 0;
@@ -47,6 +47,24 @@ export class VerdocsEnvelopesList {
     this.selectedEnvelopes = [];
     this.envelopes = [];
   }
+  handleViewUpdated() {
+    return this.queryEnvelopes();
+  }
+  handleStatusUpdated() {
+    return this.queryEnvelopes();
+  }
+  handleSortUpdated() {
+    return this.queryEnvelopes();
+  }
+  handleNameUpdated() {
+    return this.queryEnvelopes();
+  }
+  handleContainingUpdated() {
+    return this.queryEnvelopes();
+  }
+  handlePageUpdated() {
+    return this.queryEnvelopes();
+  }
   componentWillLoad() {
     this.endpoint.loadSession();
     if (!this.endpoint.session) {
@@ -67,8 +85,8 @@ export class VerdocsEnvelopesList {
         case 'all':
           queryParams = {
             ...queryParams,
-            sort_by: this.sortBy,
-            ascending: this.sortBy === 'envelope_name',
+            sort_by: this.sort,
+            ascending: this.sort === 'envelope_name',
             envelope_status: (this.status === 'all' ? ['pending', 'in progress', 'complete', 'declined', 'canceled'] : [this.status]),
           };
           break;
@@ -129,9 +147,9 @@ export class VerdocsEnvelopesList {
           queryParams.envelope_status = [this.status];
         }
       }
-      if (this.sortBy !== 'updated_at') {
-        queryParams.sort_by = this.sortBy;
-        queryParams.ascending = this.sortBy === 'envelope_name';
+      if (this.sort !== 'updated_at') {
+        queryParams.sort_by = this.sort;
+        queryParams.ascending = this.sort === 'envelope_name';
       }
       if (this.name.trim()) {
         queryParams.name = this.name.trim();
@@ -156,13 +174,13 @@ export class VerdocsEnvelopesList {
       this.selectedEnvelopes = [];
     })
       .catch(e => {
-      console.log('Download error', e);
+      console.log('[ENVELOPES] Download error', e);
       VerdocsToast('Download error: ' + e.message, { style: 'error' });
     });
   }
   downloadEnvelope(envelope) {
     saveEnvelopesAsZip(this.endpoint, [envelope]).catch(e => {
-      console.log('Download error', e);
+      console.log('[ENVELOPES] Download error', e);
       VerdocsToast('Download error: ' + e.message, { style: 'error' });
     });
   }
@@ -176,8 +194,8 @@ export class VerdocsEnvelopesList {
       } }), this.view === 'all' && (h("verdocs-quick-filter", { label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
         this.status = e.detail.value;
         return this.queryEnvelopes();
-      } })), this.view === 'all' && (h("verdocs-quick-filter", { label: "Sort By", value: this.sortBy, options: SortFilters, onOptionSelected: e => {
-        this.sortBy = e.detail.value;
+      } })), this.view === 'all' && (h("verdocs-quick-filter", { label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
+        this.sort = e.detail.value;
         return this.queryEnvelopes();
       } })), h("div", { class: "containing" }, h("div", { class: "filter" }, h("verdocs-text-input", { id: "verdocs-filter-containing", value: this.containing, autocomplete: "off", placeholder: "Fields Containing...", onInput: (e) => {
         this.containing = e.target.value;
@@ -302,7 +320,7 @@ export class VerdocsEnvelopesList {
         "reflect": true,
         "defaultValue": "'all'"
       },
-      "sortBy": {
+      "sort": {
         "type": "string",
         "mutable": true,
         "complexType": {
@@ -316,7 +334,7 @@ export class VerdocsEnvelopesList {
           "tags": [],
           "text": "The sort field to use"
         },
-        "attribute": "sort-by",
+        "attribute": "sort",
         "reflect": true,
         "defaultValue": "'updated_at'"
       },
@@ -455,4 +473,25 @@ export class VerdocsEnvelopesList {
         }
       }];
   }
+  static get watchers() {
+    return [{
+        "propName": "view",
+        "methodName": "handleViewUpdated"
+      }, {
+        "propName": "status",
+        "methodName": "handleStatusUpdated"
+      }, {
+        "propName": "sort",
+        "methodName": "handleSortUpdated"
+      }, {
+        "propName": "name",
+        "methodName": "handleNameUpdated"
+      }, {
+        "propName": "containing",
+        "methodName": "handleContainingUpdated"
+      }, {
+        "propName": "selectedPage",
+        "methodName": "handlePageUpdated"
+      }];
+  }
 }

package/dist/collection/components/envelopes/verdocs-status-indicator/verdocs-status-indicator.css

@@ -28,6 +28,9 @@ verdocs-status-indicator.small .icon {
   height: 20px;
   margin: 0 8px 0 0;
 }
+verdocs-status-indicator .content {
+  white-space: nowrap;
+}
 verdocs-status-indicator .detail-panel {
   display: none;
   background: #ffffff;

package/dist/collection/components/templates/verdocs-templates-list/verdocs-templates-list.js

@@ -1,11 +1,10 @@
+import { formatDistance } from 'date-fns';
 import { VerdocsEndpoint } from '@verdocs/js-sdk';
 import { Templates } from '@verdocs/js-sdk/Templates';
 import { canPerformTemplateAction } from '@verdocs/js-sdk/Templates/Actions';
-import { userCanCreateTemplate } from '@verdocs/js-sdk/Templates/Permissions';
 import { Host, h } from '@stencil/core';
 import { VerdocsToast } from '../../../utils/Toast';
 import { SDKError } from '../../../utils/errors';
-import { formatDistance } from 'date-fns';
 const TemplateIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"<path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z" /></svg>`;
 const GlobeAltIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M12 21a9.004 9.004 0 008.716-6.747M12 21a9.004 9.004 0 01-8.716-6.747M12 21c2.485 0 4.5-4.03 4.5-9S14.485 3 12 3m0 18c-2.485 0-4.5-4.03-4.5-9S9.515 3 12 3m0 0a8.997 8.997 0 017.843 4.582M12 3a8.997 8.997 0 00-7.843 4.582m15.686 0A11.953 11.953 0 0112 10.5c-2.998 0-5.74-1.1-7.843-2.918m15.686 0A8.959 8.959 0 0121 12c0 .778-.099 1.533-.284 2.253m0 0A17.919 17.919 0 0112 16.5c-3.162 0-6.133-.815-8.716-2.247m0 0A9.015 9.015 0 013 12c0-1.605.42-3.113 1.157-4.418" /></svg>`;
 const LockClosedIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z" /></svg>`;
@@ -38,7 +37,7 @@ export class VerdocsTemplatesList {
   constructor() {
     this.handleOptionSelected = (option, template) => {
       var _a, _b;
-      if (option === 'createdoc') {
+      if (option === 'send') {
         (_a = this.viewTemplate) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template: template });
       }
       else if (option === 'createlink') {
@@ -65,12 +64,25 @@ export class VerdocsTemplatesList {
     this.starred = 'all';
     this.sort = 'updated_at';
     this.name = '';
+    this.allowedActions = ['send', 'createlink', 'signnow', 'submitted', 'link', 'edit', 'delete'];
     this.selectedPage = 0;
     this.count = 0;
     this.loading = true;
     this.confirmDelete = null;
     this.templates = [];
   }
+  handleSharingUpdated() {
+    return this.queryTemplates();
+  }
+  handleStarredUpdated() {
+    return this.queryTemplates();
+  }
+  handleSortUpdated() {
+    return this.queryTemplates();
+  }
+  handleNameUpdated() {
+    return this.queryTemplates();
+  }
   async componentWillLoad() {
     this.endpoint.loadSession();
     if (!this.endpoint.session) {
@@ -82,11 +94,6 @@ export class VerdocsTemplatesList {
   async queryTemplates() {
     var _a, _b, _c;
     try {
-      this.endpoint.loadSession();
-      if (!this.endpoint.session) {
-        console.log('[TEMPLATES] Must be authenticated');
-        return;
-      }
       let queryParams = {
         page: this.selectedPage,
         ascending: this.sort === 'name' || this.sort === 'star_counter',
@@ -102,9 +109,7 @@ export class VerdocsTemplatesList {
       if (this.name.trim() !== '') {
         queryParams.name = this.name.trim();
       }
-      console.log('qp', queryParams, this.name);
       const response = await Templates.getSummary(this.endpoint, queryParams);
-      console.log('[TEMPLATES] Got templates', response);
       this.templates = response.result;
       this.count = response.total;
       this.loading = false;
@@ -114,9 +119,9 @@ export class VerdocsTemplatesList {
       (_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));
     }
   }
-  canCreate() {
-    return userCanCreateTemplate(this.endpoint.session);
-  }
+  // canCreate() {
+  //   return userCanCreateTemplate(this.endpoint.session);
+  // }
   canDelete(summary) {
     return canPerformTemplateAction(this.endpoint.session, 'delete', summary);
   }
@@ -163,21 +168,32 @@ export class VerdocsTemplatesList {
         this.sort = e.detail.value;
         return this.queryTemplates();
       } }), this.loading && h("verdocs-spinner", { mode: "dark", size: 24 }), h("div", { style: { display: 'flex', flex: '1' } })), this.templates.map(summary => {
-      const MENU_OPTIONS = [
-        //  [disabled]="!canSendEnvelope"
-        { label: 'Preview / Send', id: 'createdoc', disabled: !this.canPreview(summary) },
-        //  [disabled]="!(canSendEnvelope && canHaveLiveView)"
-        { label: 'Create Link', id: 'createlink', disabled: true },
-        // [disabled]="!(canSendEnvelope && canSignNow)"
-        { label: 'Sign Now', id: 'signnow', disabled: true },
-        // (click)="gotoEnvelope()"
-        { label: '' },
-        { label: 'Submissions', id: 'submitted' },
-        { label: '' },
-        { label: 'Get Preview Link', id: 'link', disabled: !this.canPreview(summary) },
-        { label: 'Edit', id: 'edit', disabled: !this.canEdit(summary) },
-        { label: 'Delete', id: 'delete', disabled: !this.canDelete(summary) },
-      ];
+      const MENU_OPTIONS = [];
+      if (this.allowedActions.includes('send')) {
+        MENU_OPTIONS.push({ label: 'Send', id: 'send', disabled: !this.canPreview(summary) });
+      }
+      if (this.allowedActions.includes('createlink')) {
+        MENU_OPTIONS.push({ label: 'Create Link', id: 'createlink', disabled: true });
+      }
+      if (this.allowedActions.includes('createlink')) {
+        MENU_OPTIONS.push({ label: 'Sign Now', id: 'signnow', disabled: true });
+      }
+      if (this.allowedActions.includes('submitted')) {
+        MENU_OPTIONS.push({ label: '' });
+        MENU_OPTIONS.push({ label: 'Submissions', id: 'submitted' });
+      }
+      if (this.allowedActions.includes('link') || this.allowedActions.includes('edit') || this.allowedActions.includes('delete')) {
+        MENU_OPTIONS.push({ label: '' });
+        if (this.allowedActions.includes('link') || this.allowedActions.includes('edit') || this.allowedActions.includes('delete')) {
+          MENU_OPTIONS.push({ label: 'Get Preview Link', id: 'link', disabled: !this.canPreview(summary) });
+        }
+        if (this.allowedActions.includes('link') || this.allowedActions.includes('edit') || this.allowedActions.includes('delete')) {
+          MENU_OPTIONS.push({ label: 'Edit', id: 'edit', disabled: !this.canEdit(summary) });
+        }
+        if (this.allowedActions.includes('link') || this.allowedActions.includes('edit') || this.allowedActions.includes('delete')) {
+          MENU_OPTIONS.push({ label: 'Delete', id: 'delete', disabled: !this.canDelete(summary) });
+        }
+      }
       return (h("div", { class: "template", onClick: () => {
           var _a;
           (_a = this.viewTemplate) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template: summary });
@@ -298,6 +314,26 @@ export class VerdocsTemplatesList {
         "reflect": true,
         "defaultValue": "''"
       },
+      "allowedActions": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "TAllowedTemplateAction[]",
+          "resolved": "TAllowedTemplateAction[]",
+          "references": {
+            "TAllowedTemplateAction": {
+              "location": "local"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Override the If set, filter templates by the specified name."
+        },
+        "defaultValue": "['send', 'createlink', 'signnow', 'submitted', 'link', 'edit', 'delete']"
+      },
       "selectedPage": {
         "type": "number",
         "mutable": true,
@@ -421,4 +457,19 @@ export class VerdocsTemplatesList {
         }
       }];
   }
+  static get watchers() {
+    return [{
+        "propName": "sharing",
+        "methodName": "handleSharingUpdated"
+      }, {
+        "propName": "starred",
+        "methodName": "handleStarredUpdated"
+      }, {
+        "propName": "sort",
+        "methodName": "handleSortUpdated"
+      }, {
+        "propName": "name",
+        "methodName": "handleNameUpdated"
+      }];
+  }
 }

package/dist/collection/utils/utils.js

@@ -350,3 +350,24 @@ export const renderedTextWidth = (text, font = '16px Arial') => {
   ctx.font = font;
   return ctx.measureText(text).width;
 };
+// "(212) 555-1212" => +12125551212
+// "+46766861004" => "+46766861004"
+// "212-555-1212" => +12125551212
+// "212.555.1212" => +12125551212
+// "212 555 1212" => +12125551212
+// @see https://46elks.com/kb/e164
+export const convertToE164 = (input) => {
+  let temp = (input || '').trim();
+  // If we are already prefixed, assume the user did it deliberately and attempt to use what they entered. We also short-circuit blanks.
+  if (!temp || temp.startsWith('+')) {
+    return temp;
+  }
+  // Remove any spaces, parenthesis or other punctuation.
+  temp = temp.replace(/[^0-9]/g, '');
+  // If the number begins with a zero, remove the leading zero. Do not combine this with the previous step because it needs to be removed
+  // whether it's the actual first character e.g. `0(5)` or just the first digit e.g. `(05`.
+  temp = temp.replace(/^0/g, '');
+  // Prepend the country code and +. We're assuming US in this case given the target demographic. Users in other countries would/should be
+  // already entering a prefix so they'd shortcut out of this routine via the + prefix check.
+  return `+1${temp}`;
+};

package/dist/components/VerdocsEndpoint.js

@@ -4061,4 +4061,4 @@ var VerdocsEndpoint = /** @class */ (function () {
     return VerdocsEndpoint;
 }());
 
-export { Permissions as P, TemplateSenderTypes as T, VerdocsEndpoint as V, canPerformTemplateAction as c };
+export { TemplateSenderTypes as T, VerdocsEndpoint as V, canPerformTemplateAction as c };

package/dist/components/utils.js

@@ -362,5 +362,26 @@ const renderedTextWidth = (text, font = '16px Arial') => {
   ctx.font = font;
   return ctx.measureText(text).width;
 };
+// "(212) 555-1212" => +12125551212
+// "+46766861004" => "+46766861004"
+// "212-555-1212" => +12125551212
+// "212.555.1212" => +12125551212
+// "212 555 1212" => +12125551212
+// @see https://46elks.com/kb/e164
+const convertToE164 = (input) => {
+  let temp = (input || '').trim();
+  // If we are already prefixed, assume the user did it deliberately and attempt to use what they entered. We also short-circuit blanks.
+  if (!temp || temp.startsWith('+')) {
+    return temp;
+  }
+  // Remove any spaces, parenthesis or other punctuation.
+  temp = temp.replace(/[^0-9]/g, '');
+  // If the number begins with a zero, remove the leading zero. Do not combine this with the previous step because it needs to be removed
+  // whether it's the actual first character e.g. `0(5)` or just the first digit e.g. `(05`.
+  temp = temp.replace(/^0/g, '');
+  // Prepend the country code and +. We're assuming US in this case given the target demographic. Users in other countries would/should be
+  // already entering a prefix so they'd shortcut out of this routine via the + prefix check.
+  return `+1${temp}`;
+};
 
-export { getRoleIndex as a, saveAttachment as b, getFieldId as c, renderedTextWidth as d, updateCssTransform as e, defaultWidth as f, getFieldSettings as g, defaultHeight as h, saveCertificate as i, renderDocumentField as r, saveEnvelopesAsZip as s, throttle as t, updateDocumentFieldValue as u };
+export { getRoleIndex as a, saveAttachment as b, getFieldId as c, convertToE164 as d, renderedTextWidth as e, updateCssTransform as f, getFieldSettings as g, defaultWidth as h, defaultHeight as i, saveCertificate as j, renderDocumentField as r, saveEnvelopesAsZip as s, throttle as t, updateDocumentFieldValue as u };

package/dist/components/verdocs-activity-box.js

@@ -74,37 +74,41 @@ const VerdocsActivityBox$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
         console.log('[ACTIVITIES] Must be authenticated');
         return;
       }
-      const r = await getSummary(this.endpoint, 0);
-      console.log('r', r);
-      let defaultHeader;
-      if (this.view === 'action') {
-        defaultHeader = 'Action Required';
-        this.entries = r.action_required.result;
-        this.count = r.action_required.total;
-      }
-      else if (this.view === 'waiting') {
-        defaultHeader = 'Waiting on Others';
-        this.entries = r.waiting_others.result;
-        this.count = r.waiting_others.total;
-      }
-      else if (this.view === 'completed') {
-        defaultHeader = 'Completed';
-        this.entries = r.completed.result;
-        this.count = r.completed.total;
-      }
-      this.title = this.header !== undefined ? this.header : defaultHeader;
-      console.log('[ACTIVITIES] Got envelopes', this.entries);
-      this.loading = false;
+      this.loadActivity();
     }
     catch (e) {
       console.log('[ACTIVITIES] Error with preview 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));
     }
   }
-  // getNextRecipientName(entry: IActivityEntry) {
-  //   const nextRecipient = getNextRecipient(entry) || envelope.recipients?.[0];
-  //   return nextRecipient?.full_name || 'N/A';
-  // }
+  handleItemsUpdated() {
+    return this.loadActivity();
+  }
+  handleViewUpdated() {
+    return this.loadActivity();
+  }
+  async loadActivity() {
+    this.loading = true;
+    const r = await getSummary(this.endpoint, 0);
+    let defaultHeader;
+    if (this.view === 'action') {
+      defaultHeader = 'Action Required';
+      this.entries = r.action_required.result;
+      this.count = r.action_required.total;
+    }
+    else if (this.view === 'waiting') {
+      defaultHeader = 'Waiting on Others';
+      this.entries = r.waiting_others.result;
+      this.count = r.waiting_others.total;
+    }
+    else if (this.view === 'completed') {
+      defaultHeader = 'Completed';
+      this.entries = r.completed.result;
+      this.count = r.completed.total;
+    }
+    this.title = this.header !== undefined ? this.header : defaultHeader;
+    this.loading = false;
+  }
   render() {
     if (this.loading) {
       return (h(Host, { style: { minHeight: '300px' } }, this.title && (h("div", { class: "box-title" }, this.title, " ", h("span", { class: "count" }, "(0)"))), integerSequence(0, this.items).map(() => (h("div", { class: "loading-placeholder" }, h("div", { class: "loading-placeholder-bg" }))))));
@@ -114,6 +118,10 @@ const VerdocsActivityBox$1 = /*@__PURE__*/ proxyCustomElement(class extends HTML
         (_a = this.viewEnvelope) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, entry });
       } }, h("div", { class: "title" }, entry.name, h("br", null), " ", h("strong", null, entry.recipient.name)), h("div", { class: "time-ago" }, formatShortTimeAgo(entry.updated_at)))))) : (h("img", { src: EmptyImage, alt: "No documents to show", style: { width: '190px', margin: '0 auto' } }))));
   }
+  static get watchers() { return {
+    "items": ["handleItemsUpdated"],
+    "view": ["handleViewUpdated"]
+  }; }
   static get style() { return verdocsActivityBoxCss; }
 }, [0, "verdocs-activity-box", {
     "endpoint": [16],

package/dist/components/verdocs-auth.js

@@ -37,6 +37,9 @@ const VerdocsAuth$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.logo = 'https://verdocs.com/assets/blue-logo.svg';
     this.isAuthenticated = false;
     this.displayMode = 'login';
+    this.orgname = '';
+    this.first = '';
+    this.last = '';
     this.username = '';
     this.password = '';
     this.loggingIn = false;
@@ -56,6 +59,27 @@ const VerdocsAuth$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       (_b = this.authenticated) === null || _b === void 0 ? void 0 : _b.emit({ authenticated: false, session: null });
     }
   }
+  handleSignup() {
+    this.loggingIn = true;
+    authenticateUser(this.endpoint, { username: this.username, password: this.password })
+      .then(r => {
+      var _a;
+      this.loggingIn = false;
+      this.endpoint.setToken(r.accessToken);
+      this.activeSession = this.endpoint.session;
+      this.isAuthenticated = true;
+      (_a = this.authenticated) === null || _a === void 0 ? void 0 : _a.emit({ authenticated: true, session: this.endpoint.session });
+    })
+      .catch(e => {
+      var _a, _b, _c, _d;
+      console.log('[AUTH] Authentication error', e.response, JSON.stringify(e));
+      this.loggingIn = false;
+      this.activeSession = null;
+      (_a = this.authenticated) === null || _a === void 0 ? void 0 : _a.emit({ authenticated: false, session: null });
+      (_b = this.sdkError) === null || _b === void 0 ? void 0 : _b.emit(new SDKError(e.message, (_c = e.response) === null || _c === void 0 ? void 0 : _c.status, (_d = e.response) === null || _d === void 0 ? void 0 : _d.data));
+      VerdocsToast('Login failed. Please check your username and password and try again.', { style: 'error' });
+    });
+  }
   handleLogin() {
     this.loggingIn = true;
     authenticateUser(this.endpoint, { username: this.username, password: this.password })
@@ -91,7 +115,7 @@ const VerdocsAuth$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       return (h("verdocs-button", { label: "Sign Out", disabled: this.loggingIn, onClick: () => this.handleLogout(), style: { display: 'flex', justifyContent: 'center', margin: '30px auto 0' } }));
     }
     if (this.displayMode === 'signup') {
-      return (h("div", { class: "signup-form" }, h("img", { src: this.logo, alt: "Verdocs Logo", class: "logo" }), h("h3", null, "Sign up for an account"), h("h4", null, "Already have an account?", h("verdocs-button", { label: "Log In", variant: "text", onClick: () => (this.displayMode = 'login'), disabled: this.loggingIn })), h("form", { onSubmit: () => this.handleLogin() }, h("verdocs-text-input", { label: "Email", autocomplete: "username", value: this.username, onInput: (e) => (this.username = e.target.value), disabled: this.loggingIn }), h("verdocs-text-input", { label: "Password", type: "password", autocomplete: "current-password", value: this.password, onInput: (e) => (this.password = e.target.value), disabled: this.loggingIn }), h("verdocs-button", { label: "Signup", disabled: this.loggingIn, onClick: () => this.handleLogin(), style: { display: 'flex', justifyContent: 'center', margin: '30px auto 0' } }))));
+      return (h("div", { class: "signup-form" }, h("img", { src: this.logo, alt: "Verdocs Logo", class: "logo" }), h("h3", null, "Sign up for an account"), h("h4", null, "Already have an account?", h("verdocs-button", { label: "Log In", variant: "text", onClick: () => (this.displayMode = 'login'), disabled: this.loggingIn })), h("form", { onSubmit: () => this.handleSignup() }, h("verdocs-text-input", { label: "Organization Name", autocomplete: "org", value: this.orgname, onInput: (e) => (this.orgname = e.target.value), disabled: this.loggingIn }), h("div", { style: { display: 'flex', flexDirection: 'row', columnGap: '20px' } }, h("verdocs-text-input", { label: "First Name", autocomplete: "first", value: this.first, onInput: (e) => (this.first = e.target.value), disabled: this.loggingIn }), h("verdocs-text-input", { label: "Last Name", autocomplete: "last", value: this.last, onInput: (e) => (this.last = e.target.value), disabled: this.loggingIn })), h("verdocs-text-input", { label: "Email", autocomplete: "email", value: this.username, onInput: (e) => (this.username = e.target.value), disabled: this.loggingIn }), h("verdocs-text-input", { label: "Password", type: "password", autocomplete: "current-password", value: this.password, onInput: (e) => (this.password = e.target.value), disabled: this.loggingIn }), h("verdocs-button", { label: "Create Account", disabled: this.loggingIn, onClick: () => this.handleSignup(), style: { display: 'flex', justifyContent: 'center', margin: '30px auto 0' } }))));
     }
     return (h("div", { class: "login-form" }, h("img", { src: this.logo, alt: "Verdocs Logo", class: "logo" }), h("h3", null, "Log in to your account"), h("h4", null, "Don't have an account?", h("verdocs-button", { label: "Sign Up", variant: "text", onClick: () => (this.displayMode = 'signup'), disabled: this.loggingIn })), h("form", { onSubmit: () => this.handleLogin() }, h("verdocs-text-input", { label: "Email", autocomplete: "username", value: this.username, onInput: (e) => (this.username = e.target.value), disabled: this.loggingIn }), h("verdocs-text-input", { label: "Password", type: "password", autocomplete: "current-password", value: this.password, onInput: (e) => (this.password = e.target.value), disabled: this.loggingIn }), h("verdocs-button", { label: "Forgot Your Password?", variant: "text", onClick: () => (this.displayMode = 'signup'), disabled: this.loggingIn, style: { display: 'flex', justifyContent: 'center', margin: '10px auto 20px' } }), h("verdocs-button", { label: "Login", disabled: this.loggingIn, onClick: () => this.handleLogin(), style: { display: 'flex', justifyContent: 'center', margin: '10px auto 0' } }))));
   }
@@ -102,6 +126,9 @@ const VerdocsAuth$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     "logo": [1],
     "isAuthenticated": [32],
     "displayMode": [32],
+    "orgname": [32],
+    "first": [32],
+    "last": [32],
     "username": [32],
     "password": [32],
     "loggingIn": [32],

package/dist/components/verdocs-contact-picker2.js

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import './Types.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
+import { d as convertToE164 } from './utils.js';
 import { d as defineCustomElement$2 } from './verdocs-button2.js';
 import { d as defineCustomElement$1 } from './verdocs-toggle-button2.js';
 
@@ -49,7 +50,7 @@ const VerdocsContactPicker = /*@__PURE__*/ proxyCustomElement(class extends HTML
     this.email = e.target.value;
   }
   handlePhoneChange(e) {
-    this.phone = e.target.value;
+    this.phone = convertToE164(e.target.value);
   }
   handleMessageChange(e) {
     this.message = e.target.value;