@verdocs/web-sdk 2.3.12 → 2.3.14

package/dist/components/verdocs-search-activity2.js

@@ -0,0 +1,170 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { V as VerdocsEndpoint, g as getTemplates } from './VerdocsEndpoint.js';
+import './Types.js';
+
+/**
+ * Verdocs provides a range of search functions to help find and retrieve content. This module provides generic functions intended
+ * to locate items across all content types. More specific retrievals may be performed using the various "list" endpoints within
+ * each collection (e.g. {@link Envelopes.Envelopes.searchEnvelopes} or {@link Templates.Templates.searchTemplates}).
+ *
+ * @module
+ */
+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 };
+    }
+};
+/**
+ * Retrieve recent and saved searches. Note that result counts will be limited to a maximum of 20 entries for each
+ * type but this may be expanded in the future. Client UI's should self-limit display counts as needed.
+ *
+ * ```typescript
+ * import {Content} from '@verdocs/js-sdk/Search';
+ *
+ * const {recent, saved} = await Content.getSearchHistory();
+ * ```
+ */
+var getSearchHistory = function (endpoint) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        return [2 /*return*/, endpoint.api //
+                .get('/search/history')
+                .then(function (r) { return r.data; })];
+    });
+}); };
+
+const verdocsSearchActivityCss = "verdocs-search-activity{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-search-activity .container{display:-ms-flexbox;display:flex;width:240px;color:#ffffff;-ms-flex-direction:column;flex-direction:column;text-transform:uppercase;padding:10px 10px 20px 10px;background-color:#1e2031}verdocs-search-activity .title{font-size:22px;font-weight:700;line-height:30px}verdocs-search-activity .items{display:-ms-flexbox;display:flex;margin-top:20px;-ms-flex-direction:column;flex-direction:column}verdocs-search-activity .item{border:none;display:-ms-flexbox;display:flex;text-align:left;margin-bottom:20px;-ms-flex-direction:row;flex-direction:row;background:transparent}verdocs-search-activity .item:hover{cursor:pointer}verdocs-search-activity .icon{-ms-flex:0 0 22px;flex:0 0 22px;margin-right:14px}verdocs-search-activity .icon svg{fill:#707ae5;width:22px;height:22px}verdocs-search-activity .details{display:-ms-flexbox;display:flex;overflow:hidden;-ms-flex-direction:column;flex-direction:column}verdocs-search-activity .item-title{font-size:16px;font-weight:400;color:#ffffff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}verdocs-search-activity .info{font-size:14px;font-weight:500;line-height:23px;color:#aeb4bf}verdocs-search-activity .empty{text-transform:none;line-height:22px;color:#cccccc}";
+
+const DocumentIcon = `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M8 16h8v2H8zm0-4h8v2H8zm6-10H6c-1.1 0-2 .9-2 2v16c0 1.1.89 2 1.99 2H18c1.1 0 2-.9 2-2V8l-6-6zm4 18H6V4h7v5h5v11z"/></svg>`;
+const VerdocsSearchActivity = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.entrySelected = createEvent(this, "entrySelected", 7);
+    this.endpoint = VerdocsEndpoint.getDefault();
+    this.type = 'recent';
+    this.options = undefined;
+    this.emptyMessage = 'You do not have any starred searches.';
+    this.authFailure = false;
+    this.title = 'Recent Searches';
+    this.recent = [];
+    this.saved = [];
+    this.starred = [];
+  }
+  componentWillLoad() {
+    this.endpoint.loadSession();
+    const errorHandler = e => {
+      var _a;
+      console.warn('[Verdocs/search-activity] Error getting search data', e);
+      if (((_a = e === null || e === void 0 ? void 0 : e.response) === null || _a === void 0 ? void 0 : _a.status) === 401) {
+        this.authFailure = true;
+      }
+    };
+    switch (this.type) {
+      case 'recent':
+        this.title = 'Recent Searches';
+        this.emptyMessage = 'You do not have any recent searches.';
+        getSearchHistory(this.endpoint)
+          .then(r => (this.recent = r.recent))
+          .catch(errorHandler);
+        break;
+      case 'saved':
+        this.title = 'Saved Searches';
+        this.emptyMessage = 'You do not have any saved searches.';
+        getSearchHistory(this.endpoint)
+          .then(r => (this.saved = r.saved))
+          .catch(errorHandler);
+        break;
+      case 'starred':
+        this.title = 'My Starred items';
+        this.emptyMessage = 'You do not have any starred templates.';
+        getTemplates(this.endpoint, { is_starred: true })
+          .then(r => (this.starred = r))
+          .catch(errorHandler);
+        break;
+    }
+  }
+  handleSelectEntry(entry) {
+    this.entrySelected.emit(entry);
+  }
+  computePagesText(pages) {
+    if (pages < 2) {
+      return `${pages} Page`;
+    }
+    else {
+      return `${pages} Pages`;
+    }
+  }
+  computeRecipientsText(recipients) {
+    if (typeof recipients === 'object') {
+      return recipients.join(', ');
+    }
+    else if (recipients > 1) {
+      return `${recipients} Recipients`;
+    }
+    else {
+      return `${recipients} Recipient`;
+    }
+  }
+  render() {
+    const showEmpty = this.recent.length < 1 && this.saved.length < 1 && this.starred.length < 1;
+    return (h("div", { class: "container" }, h("p", { class: "title" }, this.title), h("div", { class: "items" }, this.recent.map(recent => (h("button", { class: "item", onClick: () => this.handleSelectEntry(recent) }, h("div", { class: "icon", innerHTML: DocumentIcon }), h("div", { class: "details" }, h("div", { class: "item-title" }, recent.params.q), h("div", { class: "info" }, "Test"))))), this.saved.map(option => (h("button", { class: "item", onClick: () => this.handleSelectEntry(option) }, h("div", { class: "icon", innerHTML: DocumentIcon }), h("div", { class: "details" }, h("div", { class: "item-title" }, option.params.q), h("div", { class: "info" }))))), showEmpty && h("div", { class: "empty" }, this.authFailure ? 'Authentication required' : this.emptyMessage))));
+  }
+  static get style() { return verdocsSearchActivityCss; }
+}, [0, "verdocs-search-activity", {
+    "endpoint": [16],
+    "type": [1],
+    "options": [8],
+    "emptyMessage": [32],
+    "authFailure": [32],
+    "title": [32],
+    "recent": [32],
+    "saved": [32],
+    "starred": [32]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["verdocs-search-activity"];
+  components.forEach(tagName => { switch (tagName) {
+    case "verdocs-search-activity":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, VerdocsSearchActivity);
+      }
+      break;
+  } });
+}
+defineCustomElement();
+
+export { VerdocsSearchActivity as V, defineCustomElement as d };

package/dist/components/verdocs-search.js

@@ -1,7 +1,8 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import './Types.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
-import { d as defineCustomElement$3 } from './verdocs-quick-functions2.js';
+import { d as defineCustomElement$4 } from './verdocs-quick-functions2.js';
+import { d as defineCustomElement$3 } from './verdocs-search-activity2.js';
 import { d as defineCustomElement$2 } from './verdocs-search-box2.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}";
@@ -23,7 +24,7 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["verdocs-search", "verdocs-quick-functions", "verdocs-search-box"];
+  const components = ["verdocs-search", "verdocs-quick-functions", "verdocs-search-activity", "verdocs-search-box"];
   components.forEach(tagName => { switch (tagName) {
     case "verdocs-search":
       if (!customElements.get(tagName)) {
@@ -31,6 +32,11 @@ function defineCustomElement$1() {
       }
       break;
     case "verdocs-quick-functions":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "verdocs-search-activity":
       if (!customElements.get(tagName)) {
         defineCustomElement$3();
       }

package/dist/components/verdocs-send2.js

@@ -7,9 +7,8 @@ import { g as getRGBA } from './Colors.js';
 import { g as getTemplateStore } from './TemplateStore.js';
 import { b as getRoleIndex } from './utils.js';
 import { S as SDKError } from './errors.js';
-import { d as defineCustomElement$5 } from './verdocs-button2.js';
-import { d as defineCustomElement$4 } from './verdocs-contact-picker2.js';
-import { d as defineCustomElement$3 } from './verdocs-portal2.js';
+import { d as defineCustomElement$4 } from './verdocs-button2.js';
+import { d as defineCustomElement$3 } from './verdocs-contact-picker2.js';
 import { d as defineCustomElement$2 } from './verdocs-spinner2.js';
 import { d as defineCustomElement$1 } from './verdocs-toggle-button2.js';
 
@@ -154,8 +153,7 @@ const VerdocsSend = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     return (h(Host, { class: { sendable: (_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.is_sendable } }, h("div", { class: "recipients" }, h("div", { class: "left-line" }), h("div", { class: `level level-start` }, this.getLevelIcon(-1), h("div", { class: "complete" }, "Send Envelope")), this.levels.map(level => (h("div", { class: `level level-${level}` }, this.getLevelIcon(level), this.rolesAtLevel[level].map(role => {
       var _a, _b, _c, _d, _e, _f;
       const unknown = !role.email;
-      const elId = `verdocs-send-recipient-${role.name}`;
-      return unknown ? (h("div", { class: "recipient", style: { backgroundColor: getRGBA(getRoleIndex(roleNames, role.name)) }, onClick: e => this.handleClickRole(e, role), id: elId }, (_b = (_a = this.rolesCompleted[role.id]) === null || _a === void 0 ? void 0 : _a.full_name) !== null && _b !== void 0 ? _b : role.name, h("div", { class: "icon", innerHTML: editIcon }), this.showPickerForId === role.id && (h("verdocs-portal", { anchor: elId, onClickAway: () => (this.showPickerForId = '') }, h("verdocs-contact-picker", { onExit: () => (this.showPickerForId = ''), onNext: e => this.handleSelectContact(e, role), contactSuggestions: this.sessionContacts, templateRole: (_c = this.rolesCompleted[role.id]) !== null && _c !== void 0 ? _c : role, onSearchContacts: e => { var _a; return (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } }))))) : (h("div", { class: "recipient", style: { borderColor: getRGBA(getRoleIndex(roleNames, role.name)) }, onClick: e => this.handleClickRole(e, role), id: elId }, (_e = (_d = this.rolesCompleted[role.id]) === null || _d === void 0 ? void 0 : _d.full_name) !== null && _e !== void 0 ? _e : role.full_name, h("div", { class: "icon", innerHTML: editIcon }), this.showPickerForId === role.id && (h("verdocs-portal", { anchor: elId, onClickAway: () => (this.showPickerForId = '') }, h("verdocs-contact-picker", { onExit: () => (this.showPickerForId = ''), onNext: e => this.handleSelectContact(e, role), contactSuggestions: this.sessionContacts, templateRole: (_f = this.rolesCompleted[role.id]) !== null && _f !== void 0 ? _f : role, onSearchContacts: e => { var _a; return (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } })))));
+      return unknown ? (h("div", { class: "recipient", style: { backgroundColor: getRGBA(getRoleIndex(roleNames, role.name)) }, onClick: e => this.handleClickRole(e, role) }, (_b = (_a = this.rolesCompleted[role.id]) === null || _a === void 0 ? void 0 : _a.full_name) !== null && _b !== void 0 ? _b : role.name, h("div", { class: "icon", innerHTML: editIcon }), this.showPickerForId === role.id && (h("verdocs-contact-picker", { onExit: () => (this.showPickerForId = ''), onNext: e => this.handleSelectContact(e, role), contactSuggestions: this.sessionContacts, templateRole: (_c = this.rolesCompleted[role.id]) !== null && _c !== void 0 ? _c : role, onSearchContacts: e => { var _a; return (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } })))) : (h("div", { class: "recipient", style: { borderColor: getRGBA(getRoleIndex(roleNames, role.name)) }, onClick: e => this.handleClickRole(e, role) }, (_e = (_d = this.rolesCompleted[role.id]) === null || _d === void 0 ? void 0 : _d.full_name) !== null && _e !== void 0 ? _e : role.full_name, h("div", { class: "icon", innerHTML: editIcon }), this.showPickerForId === role.id && (h("verdocs-contact-picker", { onExit: () => (this.showPickerForId = ''), onNext: e => this.handleSelectContact(e, role), contactSuggestions: this.sessionContacts, templateRole: (_f = this.rolesCompleted[role.id]) !== null && _f !== void 0 ? _f : role, onSearchContacts: e => { var _a; return (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } }))));
     })))), h("div", { class: `level level-done` }, this.getLevelIcon(this.levels.length), h("div", { class: "complete" }, "Signing Complete"))), h("div", { class: "buttons" }, h("verdocs-button", { label: "Cancel", size: "small", variant: "outline", onClick: e => this.handleCancel(e), disabled: this.sending }), h("verdocs-button", { label: "Send", size: "small", disabled: !allRolesAssigned || this.sending, onClick: e => this.handleSend(e) }), this.sending && h("verdocs-spinner", null))));
   }
   static get style() { return verdocsSendCss; }
@@ -175,7 +173,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["verdocs-send", "verdocs-button", "verdocs-contact-picker", "verdocs-portal", "verdocs-spinner", "verdocs-toggle-button"];
+  const components = ["verdocs-send", "verdocs-button", "verdocs-contact-picker", "verdocs-spinner", "verdocs-toggle-button"];
   components.forEach(tagName => { switch (tagName) {
     case "verdocs-send":
       if (!customElements.get(tagName)) {
@@ -183,16 +181,11 @@ function defineCustomElement() {
       }
       break;
     case "verdocs-button":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "verdocs-contact-picker":
       if (!customElements.get(tagName)) {
         defineCustomElement$4();
       }
       break;
-    case "verdocs-portal":
+    case "verdocs-contact-picker":
       if (!customElements.get(tagName)) {
         defineCustomElement$3();
       }

package/dist/components/verdocs-settings-organization2.js

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { z } from './index3.js';
 import './Types.js';
+import { g as getOrganization, u as updateOrganization } from './Organizations.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
 import { d as convertToE164 } from './utils.js';
 import { V as VerdocsToast } from './Toast.js';
@@ -9,28 +10,6 @@ import { d as defineCustomElement$3 } from './verdocs-help-icon2.js';
 import { d as defineCustomElement$2 } from './verdocs-select-input2.js';
 import { d as defineCustomElement$1 } from './verdocs-text-input2.js';
 
-/**
- * An Organization is the top level object for ownership for Members, Documents, and Templates.
- *
- * @module
- */
-/**
- * Get an organization by ID.
- */
-var getOrganization = function (endpoint, organizationId) {
-    return endpoint.api //
-        .get("/organizations/".concat(organizationId))
-        .then(function (r) { return r.data; });
-};
-/**
- * Update an organization.
- */
-var updateOrganization = function (endpoint, organizationId, params) {
-    return endpoint.api //
-        .patch("/organizations/".concat(organizationId), params)
-        .then(function (r) { return r.data; });
-};
-
 const TimeZones = [
   ['International Date Line West', 'GMT-11:00', '(GMT-11:00) International Date Line West'],
   ['Midway Island', 'GMT-11:00', '(GMT-11:00) Midway Island'],

package/dist/components/verdocs-sign.js

@@ -85,7 +85,6 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.submitting = false;
     this.isDone = false;
     this.showDone = false;
-    this.showLoadError = false;
     this.finishLater = false;
     this.showFinishLater = false;
     this.agreed = false;
@@ -151,7 +150,6 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     catch (e) {
       console.log('Error with signing session', e);
       (_e = this.sdkError) === null || _e === void 0 ? void 0 : _e.emit(new SDKError(e.message, (_f = e.response) === null || _f === void 0 ? void 0 : _f.status, (_g = e.response) === null || _g === void 0 ? void 0 : _g.data));
-      this.showLoadError = true;
     }
   }
   componentDidRender() {
@@ -278,7 +276,9 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
         if (!e.detail) {
           return;
         }
+        console.log('Creating signature blob', e.detail);
         const signatureBlob = await (await fetch(e.detail)).blob();
+        console.log('Created signature blob', signatureBlob);
         return createSignature(this.endpoint, 'signature', signatureBlob) //
           .then(async (newSignature) => {
           console.log('Signature update result', newSignature);
@@ -326,7 +326,6 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       case 'textarea':
       case 'date':
       case 'attachment':
-        console.log('Date-type field valid', { required, result, output: !required || result !== '' });
         return !required || result !== '';
       case 'dropdown':
         return !required || value !== '';
@@ -401,6 +400,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     if (invalidFields.length < 1) {
       this.nextButtonLabel = 'Finish';
       if (!this.nextSubmits) {
+        // this.showSubmitDialog = true;
         this.nextSubmits = true;
       }
     }
@@ -416,7 +416,7 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       console.log('[SIGN] onfieldInput', e.detail, e.target.value);
       // These field types don't emit fieldChange. Should we standardize on that? We don't tap "input" for fields like
       // text boxes because we'd be updating the field on every keystroke. We do those on blur which fires fieldChange.
-      if (e.target.name.includes('checkbox_group') || e.target.name.includes('radio_button_group')) {
+      if (e.target.name.includes('date') || e.target.name.includes('checkbox_group') || e.target.name.includes('radio_button_group')) {
         console.log('CB', e.target);
         this.handleFieldChange(field, e).finally(() => this.checkRecipientFields());
       }
@@ -513,9 +513,6 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     })), this.showFinishLater && (h("verdocs-ok-dialog", { heading: "You've saved your document to finish later.", message: `To complete the ${this.documentsSingularPlural}, use the link in the original email notification inviting you to review and finish the document.`, onNext: () => (this.showFinishLater = false) })), this.errorMessage && h("verdocs-ok-dialog", { heading: "Network Error", message: this.errorMessage, onNext: () => (this.errorMessage = '') }), this.showDone && (h("verdocs-ok-dialog", { heading: "You're Done!", message: `You can access the ${this.documentsSingularPlural} at any time by clicking on the link from the invitation email.<br /><br />After all recipients have completed their actions, you will receive an email with the document and envelope certificate attached.`, onNext: () => {
         this.showDone = false;
         this.isDone = true;
-      } })), this.showLoadError && (h("verdocs-ok-dialog", { heading: "Error Loading Document", message: `Please check with the sender to ensure it has not been canceled, and try again later.`, buttonLabel: "Retry", onNext: () => {
-        this.showLoadError = false;
-        window.location.reload();
       } })), this.submitting && (h("div", { class: "loading-indicator" }, h("verdocs-loader", null))), !this.agreed && (h("div", { class: "cover" }, h("div", { class: "agree" }, h("verdocs-checkbox", { name: "agree", label: "By checking this box, you:", onInput: () => this.handleClickAgree() }), h("ul", null, h("li", null, "Agree to use electronic records and signatures, and confirm you have read the", ' ', h("a", { href: "https://verdocs.com/en/electronic-record-signature-disclosure/", target: "_blank" }, "Electronic Record and Signatures Disclosure"), "."), h("li", null, "Agree to Verdocs", ' ', h("a", { href: "https://verdocs.com/en/eula", target: "_blank" }, "End User License Agreement"), ' ', "and confirm you have read Verdocs'", ' ', h("a", { href: "https://verdocs.com/en/privacy-policy/", target: "_blank" }, "Privacy Policy"), ".")))))));
   }
   static get style() { return verdocsSignCss; }
@@ -537,7 +534,6 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     "submitting": [32],
     "isDone": [32],
     "showDone": [32],
-    "showLoadError": [32],
     "finishLater": [32],
     "showFinishLater": [32],
     "agreed": [32],

package/dist/components/verdocs-template-create2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import './Types.js';
-import { V as VerdocsEndpoint, a as createTemplatev2 } from './VerdocsEndpoint.js';
+import { V as VerdocsEndpoint, a as createTemplate } from './VerdocsEndpoint.js';
 import { S as SDKError } from './errors.js';
 import { d as defineCustomElement$4 } from './verdocs-button2.js';
 import { d as defineCustomElement$3 } from './verdocs-component-error2.js';
@@ -55,7 +55,7 @@ const VerdocsTemplateCreate = /*@__PURE__*/ proxyCustomElement(class extends HTM
     this.creating = true;
     this.progressLabel = 'Uploading...';
     try {
-      const template = await createTemplatev2(this.endpoint, { name: this.file.name, documents: [this.file] }, percent => {
+      const template = await createTemplate(this.endpoint, { name: this.file.name, documents: [this.file] }, percent => {
         if (percent >= 99) {
           this.progressLabel = 'Processing...';
           this.progressPercent = 100;

package/dist/components/verdocs-template-field-properties2.js

@@ -223,7 +223,6 @@ const VerdocsTemplateFieldProperties = /*@__PURE__*/ proxyCustomElement(class ex
     this.loading = true;
     this.type = 'signature';
     this.setting = null;
-    this.label = '';
     this.name = '';
     this.roleName = '';
     this.group = '';
@@ -258,7 +257,6 @@ const VerdocsTemplateFieldProperties = /*@__PURE__*/ proxyCustomElement(class ex
       }
       this.type = field.type;
       this.name = field.name;
-      this.label = field.label;
       this.group = field.name;
       this.roleName = field.role_name;
       this.required = field.required;
@@ -284,7 +282,6 @@ const VerdocsTemplateFieldProperties = /*@__PURE__*/ proxyCustomElement(class ex
     const field = (_b = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.fields.find(field => field.name === this.fieldName);
     if (field) {
       this.name = field.name;
-      this.label = field.label;
       this.roleName = field.role_name;
       this.required = field.required;
       // TODO: Talk about how we want to handle labels/placeholders
@@ -299,7 +296,6 @@ const VerdocsTemplateFieldProperties = /*@__PURE__*/ proxyCustomElement(class ex
     e.stopPropagation();
     const newProperties = {
       name: this.name,
-      label: this.label || null,
       required: this.required,
       role_name: this.roleName,
       // TODO: Default value in setting?
@@ -420,11 +416,6 @@ const VerdocsTemplateFieldProperties = /*@__PURE__*/ proxyCustomElement(class ex
       placeholder: "Field Name...", onInput: (e) => {
         this.name = e.target.value;
         this.dirty = true;
-      } })), h("div", { class: "row" }, h("verdocs-text-input", { id: "verdocs-field-label", label: "Optional Label", value: this.label, autocomplete: "off",
-      //              helpText="The internal name of the field. Must be unique, and contain only letters, numbers, and dashes. After an envelope is completed, the value entered by the signer will be tagged with this key."
-      placeholder: "Optional Label...", onInput: (e) => {
-        this.label = e.target.value;
-        this.dirty = true;
       } })), h("div", { class: "row" }, h("div", { class: "input-label" }, "Role:"), h("verdocs-select-input", { value: this.roleName, options: (_d = (_c = this.store) === null || _c === void 0 ? void 0 : _c.state) === null || _d === void 0 ? void 0 : _d.roles.map(role => ({ label: role.name, value: role.name })), onInput: (e) => {
         this.roleName = e.target.value;
         this.dirty = true;
@@ -474,7 +465,6 @@ const VerdocsTemplateFieldProperties = /*@__PURE__*/ proxyCustomElement(class ex
     "loading": [32],
     "type": [32],
     "setting": [32],
-    "label": [32],
     "name": [32],
     "roleName": [32],
     "group": [32],

package/dist/components/verdocs-template-fields2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { i as interact_min } from './interact.min.js';
+import { i as interact } from './interact.min.js';
 import './Types.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint.js';
 import { u as updateField, c as createField } from './Fields.js';
@@ -83,7 +83,7 @@ const VerdocsTemplateFields = /*@__PURE__*/ proxyCustomElement(class extends HTM
     }
   }
   componentDidRender() {
-    interact_min.dynamicDrop(true);
+    interact.dynamicDrop(true);
     const toolbarTarget = this.toolbarTargetId ? document.getElementById(this.toolbarTargetId) : null;
     const toolbarEl = document.getElementById('verdocs-template-fields-toolbar');
     if (toolbarTarget && toolbarEl) {
@@ -173,7 +173,7 @@ const VerdocsTemplateFields = /*@__PURE__*/ proxyCustomElement(class extends HTM
     }
   }
   makeDraggable(el) {
-    interact_min(el).draggable({
+    interact(el).draggable({
       listeners: {
         move: this.handleMoveField.bind(this),
         end: this.handleMoveEnd.bind(this),
@@ -193,59 +193,52 @@ const VerdocsTemplateFields = /*@__PURE__*/ proxyCustomElement(class extends HTM
   }
   async handleMoveEnd(event) {
     var _a;
-    const name = event.target.getAttribute('name');
-    const option = +(event.target.getAttribute('option') || '0');
-    const field = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state.fields.find(field => field.name === name);
-    console.log('Dropped field', name, field);
-    if (!field) {
-      console.log('[FIELDS] Unable to find field', name);
-      return;
-    }
     const pageNumber = event.target.getAttribute('pageNumber');
     const { naturalWidth = 612, naturalHeight = 792, renderedHeight = 792 } = this.cachedPageInfo[pageNumber];
     const clientRect = event.target.getBoundingClientRect();
     const parent = event.target.parentElement;
     const parentRect = parent.getBoundingClientRect();
-    const width = field.setting.width || defaultWidth(field.type);
-    const height = field.setting.height || defaultHeight(field.type);
     // These two being backwards is not a mistake. Left measures "over" from the left (positive displacement) while bottom measures
     // "up" from the bottom (negative displacement).
     const newX = Math.max(clientRect.left - parentRect.left, 0);
     const newY = Math.max(renderedHeight - (parentRect.bottom - clientRect.bottom), 0);
-    // console.log('Computing coordinates', {naturalWidth, width: event.rect.width, naturalHeight, height: event.rect.height, newX, newY});
-    const { x, y } = this.viewCoordinatesToPageCoordinates(newX, newY, pageNumber, naturalWidth - width, naturalHeight - height);
-    // console.log('Drop End', {x, y, newX, newY});
-    switch (field.type) {
-      case 'attachment':
-      case 'payment':
-      case 'initial':
-      case 'signature':
-      case 'date':
-      case 'dropdown':
-      case 'textarea':
-      case 'textbox':
-      case 'timestamp':
-        field.setting.x = x;
-        field.setting.y = y;
-        break;
-      case 'checkbox_group':
-      case 'radio_button_group':
-        {
-          const opt = field.setting.options[option];
-          if (opt) {
-            opt.x = x;
-            opt.y = y;
+    const { x, y } = this.viewCoordinatesToPageCoordinates(newX, newY, pageNumber, naturalWidth - event.rect.width, naturalHeight - event.rect.height);
+    const name = event.target.getAttribute('name');
+    const option = +(event.target.getAttribute('option') || '0');
+    const field = (_a = this.store) === null || _a === void 0 ? void 0 : _a.state.fields.find(field => field.name === name);
+    if (field) {
+      switch (field.type) {
+        case 'attachment':
+        case 'payment':
+        case 'initial':
+        case 'signature':
+        case 'date':
+        case 'dropdown':
+        case 'textarea':
+        case 'textbox':
+        case 'timestamp':
+          field.setting.x = x;
+          field.setting.y = y;
+          break;
+        case 'checkbox_group':
+        case 'radio_button_group':
+          {
+            const opt = field.setting.options[option];
+            if (opt) {
+              opt.x = x;
+              opt.y = y;
+            }
           }
-        }
-        break;
+          break;
+      }
+      console.log('[FIELDS] Will update', name, option, field);
+      const newFieldData = await updateField(this.endpoint, this.templateId, name, field);
+      const pageInfo = this.cachedPageInfo[pageNumber];
+      const roleIndex = getRoleIndex(getRoleNames(this.store), field.role_name);
+      this.handleFieldSettingsChange(pageInfo, field, roleIndex, event.target, newFieldData);
+      event.target.removeAttribute('posX');
+      event.target.removeAttribute('posY');
     }
-    console.log('[FIELDS] Will update', name, option, field);
-    const newFieldData = await updateField(this.endpoint, this.templateId, name, field);
-    const pageInfo = this.cachedPageInfo[pageNumber];
-    const roleIndex = getRoleIndex(getRoleNames(this.store), field.role_name);
-    this.handleFieldSettingsChange(pageInfo, field, roleIndex, event.target, newFieldData);
-    event.target.removeAttribute('posX');
-    event.target.removeAttribute('posY');
   }
   generateFieldName(type, pageNumber) {
     var _a;
@@ -262,7 +255,6 @@ const VerdocsTemplateFields = /*@__PURE__*/ proxyCustomElement(class extends HTM
     const { xScale = 1, yScale = 1, renderedHeight = 792 } = this.cachedPageInfo[pageNumber];
     const x = Math.floor(Math.min(viewX / xScale, xMax));
     const y = Math.floor(Math.min(Math.max(renderedHeight - viewY, 0) / yScale, yMax));
-    console.log('Computed coordinates', { x, y, viewX, viewY, xMax, yMax });
     return { x, y };
   }
   async handleClickPage(e, pageNumber) {

package/dist/components/verdocs-template-roles2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
-import { i as interact_min } from './interact.min.js';
+import { i as interact } from './interact.min.js';
 import './Types.js';
 import { V as VerdocsEndpoint, b as TemplateSenderTypes } from './VerdocsEndpoint.js';
 import { u as updateRole, c as createRole, d as defineCustomElement$3 } from './verdocs-template-role-properties2.js';
@@ -75,8 +75,8 @@ const VerdocsTemplateRoles = /*@__PURE__*/ proxyCustomElement(class extends HTML
     this.renumberTemplateRoles();
   }
   componentDidRender() {
-    interact_min.dynamicDrop(true);
-    interact_min('.recipient').draggable({
+    interact.dynamicDrop(true);
+    interact('.recipient').draggable({
       listeners: {
         start: function handleStart(e) {
           e.target.classList.add('dragging');
@@ -101,7 +101,7 @@ const VerdocsTemplateRoles = /*@__PURE__*/ proxyCustomElement(class extends HTML
         }.bind(this),
       },
     });
-    interact_min('.dropzone').dropzone({
+    interact('.dropzone').dropzone({
       overlap: 0.05,
       ondrop: function handleDrop(event) {
         var _a, _b, _c, _d, _e;