@verdocs/web-sdk 1.13.22 → 1.13.25

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

@@ -5,79 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-70677d67.js');
 const Envelopes = require('./Envelopes-699531b7.js');
 const Types = require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-1b1836af.js');
+const Recipients = require('./Recipients-2b21fdea.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-f2af9468.js');
 const Validators = require('./Validators-16e6d7d1.js');
 const Primitives = require('./Primitives-be5088cb.js');
-const utils = require('./utils-461b1a90.js');
+const utils = require('./utils-12a82a63.js');
 const errors = require('./errors-0396da3d.js');
+const index$1 = require('./index-6528b430.js');
 require('./_commonjsHelpers-0c557e26.js');
 require('./Files-4bdc0c0f.js');
-require('./index-6528b430.js');
-
-var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (undefined && undefined.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-/**
- * Update a recipient's status block
- */
-var updateRecipient = function (endpoint, envelopeId, roleName, params) { return __awaiter(void 0, void 0, void 0, function () {
-    return __generator(this, function (_a) {
-        return [2 /*return*/, endpoint.api //
-                .put("/envelopes/".concat(envelopeId, "/recipients/").concat(roleName), params)
-                .then(function (r) { return r.data; })];
-    });
-}); };
-/**
- * Submit an envelope (signing is finished). Note that all fields must be valid/completed for this to succeed.
- */
-var envelopeRecipientSubmit = function (endpoint, envelopeId, roleName) {
-    return updateRecipient(endpoint, envelopeId, roleName, { action: 'submit' });
-};
-/**
- * Decline to complete an envelope (signing will not terminated).
- */
-var envelopeRecipientDecline = function (endpoint, envelopeId, roleName) {
-    return updateRecipient(endpoint, envelopeId, roleName, { action: 'decline' });
-};
-/**
- * Agree to electronic signing.
- */
-var envelopeRecipientAgree = function (endpoint, envelopeId, roleName, agreed) {
-    return updateRecipient(endpoint, envelopeId, roleName, { action: 'update', agreed: agreed });
-};
 
 /**
  * Create a signature block. In a typical signing workflow, the user is asked at the beginning of the process to "adopt"
@@ -218,7 +154,7 @@ const VerdocsSign = class {
   }
   handleClickAgree() {
     this.submitting = true;
-    envelopeRecipientAgree(this.endpoint, this.envelopeId, this.roleId, true)
+    Recipients.envelopeRecipientAgree(this.endpoint, this.envelopeId, this.roleId, true)
       .then(() => {
       var _a;
       this.nextButtonLabel = 'Next';
@@ -249,7 +185,7 @@ const VerdocsSign = class {
       case 'decline':
         {
           this.submitting = true;
-          const declineResult = await envelopeRecipientDecline(this.endpoint, this.envelopeId, this.roleId);
+          const declineResult = await Recipients.envelopeRecipientDecline(this.endpoint, this.envelopeId, this.roleId);
           console.log('Decline result', declineResult);
           (_c = this.envelopeUpdated) === null || _c === void 0 ? void 0 : _c.emit({ endpoint: this.endpoint, envelope: this.envelope, event: 'declined' });
           this.submitting = false;
@@ -327,7 +263,10 @@ const VerdocsSign = class {
         });
       case 'date':
         const iso = e.target.getAttribute('iso');
-        return this.saveFieldChange(field.name, { prepared: false, value: iso });
+        console.log('Formatting date for save', iso);
+        const formatted = index$1.format(new Date(iso), 'PP');
+        console.log('Formatted', formatted);
+        return this.saveFieldChange(field.name, { prepared: false, value: formatted });
       case 'timestamp':
         console.log('Updating timestamp', { value, ts: e.target.getAttribute('timestamp') });
         break;
@@ -381,7 +320,7 @@ const VerdocsSign = class {
     if (this.nextSubmits) {
       try {
         this.submitting = true;
-        const result = await envelopeRecipientSubmit(this.endpoint, this.envelopeId, this.roleId);
+        const result = await Recipients.envelopeRecipientSubmit(this.endpoint, this.envelopeId, this.roleId);
         console.log('[SIGN] Submitted successfully', result);
         this.recipient.status = 'submitted';
         this.showDone = true;
@@ -472,33 +411,9 @@ const VerdocsSign = class {
       else {
         this.attachFieldAttributes(pageInfo, field, roleIndex, el);
       }
-      // interact(el).draggable({
-      //   listeners: {
-      //     start(event) {
-      //       console.log('[FIELDS] Drag started', event.type, event.target);
-      //     },
-      //     move(event) {
-      //       const oldX = +(event.target.getAttribute('posX') || 0);
-      //       const oldY = +(event.target.getAttribute('posY') || 0);
-      //       const xScale = +(event.target.getAttribute('xScale') || 1);
-      //       const yScale = +(event.target.getAttribute('yScale') || 1);
-      //       const newX = event.dx / xScale + oldX;
-      //       const newY = event.dy / yScale + oldY;
-      //       event.target.setAttribute('posX', newX);
-      //       event.target.setAttribute('posy', newY);
-      //       updateCssTransform(event.target, 'translate', `${newX}px, ${newY}px`);
-      //     },
-      //     end(event) {
-      //       console.log('[FIELDS] Drag ended', event);
-      //       // event.target.setAttribute('posX', 0);
-      //       // event.target.setAttribute('posy', 0);
-      //       // updateCssTransform(event.target, 'translate', `${0}px, ${0}px`);
-      //     },
-      //   },
-      // });
     });
     this.envelope.recipients
-      .filter(r => r.role_name !== this.recipient.role_name && (r.status === Types.RecipientStates.SUBMITTED || r.status === Types.RecipientStates.CANCELED || r.status === Types.RecipientStates.DECLINED))
+      .filter(r => r.role_name !== this.recipient.role_name && (r.status === Types.RecipientStates.INVITED || r.status === Types.RecipientStates.OPENED || r.status === Types.RecipientStates.PENDING))
       .forEach(recipient => {
       recipient.fields.forEach(field => {
         const el = utils.renderDocumentField(field, pageInfo, roleIndex, { disabled: true, editable: false, draggable: false, done: this.isDone });
@@ -513,38 +428,6 @@ const VerdocsSign = class {
         }
       });
     });
-    // Render fields for "the other" recipients
-    this.envelope.recipients
-      .filter(recipient => recipient.role_name !== this.recipient.role_name)
-      .forEach(otherRecipient => {
-      const otherRoleIndex = utils.getRoleIndex(this.roleNames, otherRecipient.role_name);
-      const recipientFields = otherRecipient.fields.filter(field => field.page === pageInfo.pageNumber);
-      // We don't render other recipients' fields if they've already acted, because those values are now stamped into the document page.
-      // TODO: Do we want to render alternate treatments for recipients who have declined (red boxes?) and/or if the envelope is cancelled?
-      // TODO: When doing server-side rendering we probably want to "stamp" values into the rendered PDF only once the recipient is done
-      //  acting. Do this once vSign is in Production.
-      // TODO: Changed tacks here. During signing we show the template PDFs and everybody's fields, filled in or no. When done, we switch
-      //  to showing the envelope PDFs with stamped-in values. Confirm this is a good approach.
-      // if (!['submitted', 'signed'].includes(otherRecipient.status)) {
-      recipientFields.forEach(field => {
-        const el = utils.renderDocumentField(field, pageInfo, otherRoleIndex, {
-          disabled: true,
-          editable: false,
-          draggable: false,
-          done: this.isDone,
-        });
-        if (!el) {
-          return;
-        }
-        // TODO: Research why this occurs. There are cases when we're getting "el.setAttribute is not a function"
-        if (el.setAttribute) {
-          el.setAttribute('roleindex', otherRoleIndex);
-          el.setAttribute('xScale', pageInfo.xScale);
-          el.setAttribute('yScale', pageInfo.yScale);
-        }
-      });
-      // }
-    });
     this.checkRecipientFields();
   }
   render() {

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-70677d67.js');
 require('./Types-f89f9116.js');
 const TemplateDocuments = require('./TemplateDocuments-e2e0e6b7.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-1b1836af.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-f2af9468.js');
 const Icons = require('./Icons-a11fb3fc.js');
-const TemplateStore = require('./TemplateStore-e8039c08.js');
+const TemplateStore = require('./TemplateStore-95728963.js');
 const errors = require('./errors-0396da3d.js');
 const Templates = require('./Templates-24580a13.js');
 

package/dist/cjs/verdocs-template-document-page_2.cjs.entry.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-70677d67.js');
 require('./Types-f89f9116.js');
 const TemplateDocuments = require('./TemplateDocuments-e2e0e6b7.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-1b1836af.js');
-const utils = require('./utils-461b1a90.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-f2af9468.js');
+const utils = require('./utils-12a82a63.js');
 const popper = require('./popper-9def2535.js');
 require('./_commonjsHelpers-0c557e26.js');
 require('./Envelopes-699531b7.js');
@@ -68,6 +68,7 @@ const VerdocsTemplateDocumentPage = class {
     this.pageRendered.emit({
       // container: this.container,
       containerId: this.containerId,
+      documentId: this.documentId,
       pageNumber: this.pageNumber,
       virtualWidth: this.virtualWidth,
       virtualHeight: this.virtualHeight,

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

@@ -6,10 +6,10 @@ const index = require('./index-70677d67.js');
 const interact_min = require('./interact.min-ba5cc513.js');
 require('./Types-f89f9116.js');
 const Fields = require('./Fields-705a2168.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-1b1836af.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-f2af9468.js');
 const Primitives = require('./Primitives-be5088cb.js');
-const utils = require('./utils-461b1a90.js');
-const TemplateStore = require('./TemplateStore-e8039c08.js');
+const utils = require('./utils-12a82a63.js');
+const TemplateStore = require('./TemplateStore-95728963.js');
 const errors = require('./errors-0396da3d.js');
 const Colors = require('./Colors-e809dcc9.js');
 const Templates = require('./Templates-24580a13.js');
@@ -315,6 +315,7 @@ const VerdocsTemplateFields = class {
         name: this.generateFieldName(this.placing, pageNumber),
         role_name: this.selectedRoleName,
         template_id: this.templateId,
+        document_id: cachedPage.documentId,
         type: this.placing,
         required: true,
         page_sequence: pageNumber,
@@ -437,7 +438,7 @@ const VerdocsTemplateFields = class {
 };
 VerdocsTemplateFields.style = verdocsTemplateFieldsCss;
 
-const verdocsTemplateRolePropertiesCss = "verdocs-template-role-properties{font-family:\"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-role-properties div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-role-properties .background-overlay{position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#0000007f}verdocs-template-role-properties .dialog{width:340px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-template-role-properties .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-role-properties .buttons verdocs-button{margin-left:16px}verdocs-template-role-properties form .row{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties form .row .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0;-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-role-properties verdocs-select-input{-ms-flex:1;flex:1;margin:0}verdocs-template-role-properties verdocs-text-input{margin:0 0 10px 0}verdocs-template-role-properties verdocs-text-input label{margin:0;display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties verdocs-text-input .input-label{-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-role-properties verdocs-text-input input{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties verdocs-text-input verdocs-text-input{margin:0}verdocs-template-role-properties .checkbox-wrapper{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties .delete-button{height:34px;display:-ms-flexbox;display:flex;cursor:pointer;background:none;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #999;-ms-flex-pack:center;justify-content:center}verdocs-template-role-properties .delete-button:active{background:#f3f3f3}verdocs-template-role-properties .delete-button svg{width:24px;height:24px}";
+const verdocsTemplateRolePropertiesCss = "verdocs-template-role-properties{font-family:\"Barlow\", sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-role-properties div{-webkit-box-sizing:border-box;box-sizing:border-box}verdocs-template-role-properties .background-overlay{position:fixed;z-index:10000;top:0;left:0;right:0;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#0000007f}verdocs-template-role-properties .dialog{width:340px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:4px;overflow:hidden;background:#ffffff;padding:16px;-webkit-box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4);box-shadow:3px 3px 5px 1px rgba(40, 40, 40, 0.4)}verdocs-template-role-properties .heading{display:-ms-flexbox;display:flex;font-size:20px;font-weight:500;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties .buttons{display:-ms-flexbox;display:flex;margin-top:10px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:end;justify-content:flex-end}verdocs-template-role-properties .buttons verdocs-button{margin-left:16px}verdocs-template-role-properties form .row{display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;margin:0 0 10px 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties form .row .input-label{display:block;color:#555570;font-weight:700;font-size:14px;margin:0 0 4px 0;-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-role-properties verdocs-select-input{-ms-flex:1;flex:1;margin:0}verdocs-template-role-properties verdocs-text-input{margin:0 0 10px 0}verdocs-template-role-properties verdocs-text-input label{margin:0;display:-ms-flexbox;display:flex;-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-role-properties verdocs-text-input .input-label{-ms-flex:0 0 100px;flex:0 0 100px}verdocs-template-role-properties verdocs-text-input input{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties verdocs-text-input verdocs-text-input{margin:0}verdocs-template-role-properties .checkbox-wrapper{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex}verdocs-template-role-properties .delete-button{height:34px;display:-ms-flexbox;display:flex;padding:0 6px;cursor:pointer;background:none;border-radius:4px;-ms-flex-align:center;align-items:center;border:1px solid #999;-ms-flex-pack:center;justify-content:center}verdocs-template-role-properties .delete-button svg{width:24px;height:24px}verdocs-template-role-properties .delete-button:active{background:#f3f3f3}";
 
 const TrashIcon = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#a50021"><path stroke-linecap="round" stroke-linejoin="round" d="M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0" /></svg>`;
 const VerdocsTemplateRoleProperties = class {
@@ -550,7 +551,10 @@ const VerdocsTemplateRoleProperties = class {
     }
   }
   render() {
-    return (index.h(index.Host, null, index.h("div", { class: "background-overlay", onClick: e => this.handleCancel(e) }, index.h("div", { class: "dialog" }, index.h("form", { onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("verdocs-text-input", { id: "verdocs-recipient-name", label: "Role Name", value: this.name, autocomplete: "off", helpText: "A unique name to identify the role in the workflow. Submitted data will also be tagged with this value.", placeholder: "Template Name...", onInput: (e) => {
+    const hasFields = (this.store.state.fields || []).findIndex(field => field.role_name === this.roleName) !== -1;
+    return (index.h(index.Host, null, index.h("div", { class: "background-overlay", onClick: e => this.handleCancel(e) }, index.h("div", { class: "dialog" }, index.h("form", { onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, index.h("verdocs-text-input", { id: "verdocs-recipient-name", label: "Role Name", value: this.name, autocomplete: "off", disabled: hasFields, helpText: hasFields
+        ? 'This role has fields assigned and can no longer be renamed.'
+        : 'A unique name to identify the role in the workflow. Submitted data will also be tagged with this value.', placeholder: "Template Name...", onInput: (e) => {
         this.name = e.target.value;
         this.dirty = true;
       } }), index.h("div", { class: "row" }, index.h("div", { class: "input-label" }, "Type:"), index.h("verdocs-select-input", { value: this.type, options: [

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-70677d67.js');
 require('./Types-f89f9116.js');
 const Templates = require('./Templates-24580a13.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-1b1836af.js');
-const TemplateStore = require('./TemplateStore-e8039c08.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-f2af9468.js');
+const TemplateStore = require('./TemplateStore-95728963.js');
 const errors = require('./errors-0396da3d.js');
 
 const verdocsTemplateNameCss = "";

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-70677d67.js');
 require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-1b1836af.js');
-const TemplateStore = require('./TemplateStore-e8039c08.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-f2af9468.js');
+const TemplateStore = require('./TemplateStore-95728963.js');
 const errors = require('./errors-0396da3d.js');
 require('./Templates-24580a13.js');
 

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-70677d67.js');
 require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-1b1836af.js');
-const TemplateStore = require('./TemplateStore-e8039c08.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-f2af9468.js');
+const TemplateStore = require('./TemplateStore-95728963.js');
 const errors = require('./errors-0396da3d.js');
 require('./Templates-24580a13.js');
 

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-70677d67.js');
 require('./Types-f89f9116.js');
 const Templates = require('./Templates-24580a13.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-1b1836af.js');
-const TemplateStore = require('./TemplateStore-e8039c08.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-f2af9468.js');
+const TemplateStore = require('./TemplateStore-95728963.js');
 const errors = require('./errors-0396da3d.js');
 
 const verdocsTemplateVisibilityCss = "verdocs-template-visibility{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-template-visibility.loading{min-height:300px;position:relative;display:block}verdocs-template-visibility.empty{display:none}verdocs-template-visibility form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}verdocs-template-visibility form .description{font-size:14px;text-align:justify;color:#5c6575}verdocs-template-visibility form h5{font-size:16px;font-weight:bold;color:#4c56cb;margin:0}verdocs-template-visibility form label{-ms-flex:1;flex:1;display:-ms-flexbox;display:flex;font-size:16px;font-weight:500;margin:0 0 4px 0;color:#33364b}verdocs-template-visibility form input{border:none;font-size:18px;padding:3px 6px 3px 0;background:transparent;border-bottom:1px solid #33364b}verdocs-template-visibility form input:focus{outline:none}verdocs-template-visibility form .input-row{display:-ms-flexbox;display:flex;margin:20px 0 0 0;-ms-flex-align:center;align-items:center;-ms-flex-direction:row;flex-direction:row}verdocs-template-visibility form .input-row verdocs-text-input{margin:0;display:-ms-flexbox;display:flex;-ms-flex:0 0 40px;flex:0 0 40px}verdocs-template-visibility form .input-row verdocs-text-input input{text-align:center}verdocs-template-visibility form .input-row verdocs-checkbox{-ms-flex:0;flex:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}verdocs-template-visibility form .input-row verdocs-checkbox label>input[type=checkbox]+*::before{margin-right:0}verdocs-template-visibility .buttons{display:-ms-flexbox;display:flex;-webkit-column-gap:8px;-moz-column-gap:8px;column-gap:8px;margin-top:25px;-ms-flex-direction:row;flex-direction:row}verdocs-template-visibility ::-webkit-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::-moz-placeholder{color:#aaaaaa}verdocs-template-visibility :-ms-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::-ms-input-placeholder{color:#aaaaaa}verdocs-template-visibility ::placeholder{color:#aaaaaa}";

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-70677d67.js');
 const Envelopes = require('./Envelopes-699531b7.js');
 const Types = require('./Types-f89f9116.js');
-const VerdocsEndpoint = require('./VerdocsEndpoint-1b1836af.js');
+const VerdocsEndpoint = require('./VerdocsEndpoint-f2af9468.js');
 const Primitives = require('./Primitives-be5088cb.js');
-const utils = require('./utils-461b1a90.js');
+const utils = require('./utils-12a82a63.js');
 const errors = require('./errors-0396da3d.js');
 require('./_commonjsHelpers-0c557e26.js');
 require('./Files-4bdc0c0f.js');

package/dist/collection/collection-manifest.json

@@ -1,7 +1,7 @@
 {
   "entries": [
     "./components/embeds/verdocs-auth/verdocs-auth.js",
-    "./components/elements/verdocs-contact-picker/verdocs-contact-picker.js",
+    "./components/envelopes/verdocs-contact-picker/verdocs-contact-picker.js",
     "./components/controls/verdocs-dropdown/verdocs-dropdown.js",
     "./components/controls/verdocs-floating-menu/verdocs-floating-menu.js",
     "./components/elements/verdocs-search-box/verdocs-search-box.js",
@@ -9,6 +9,7 @@
     "./components/controls/verdocs-button/verdocs-button.js",
     "./components/controls/verdocs-button-panel/verdocs-button-panel.js",
     "./components/controls/verdocs-checkbox/verdocs-checkbox.js",
+    "./components/controls/verdocs-component-error/verdocs-component-error.js",
     "./components/controls/verdocs-file-chooser/verdocs-file-chooser.js",
     "./components/controls/verdocs-help-icon/verdocs-help-icon.js",
     "./components/controls/verdocs-loader/verdocs-loader.js",
@@ -16,9 +17,6 @@
     "./components/controls/verdocs-progress-bar/verdocs-progress-bar.js",
     "./components/controls/verdocs-radio-button/verdocs-radio-button.js",
     "./components/controls/verdocs-select-input/verdocs-select-input.js",
-    "./components/controls/verdocs-status-indicator/verdocs-status-indicator.js",
-    "./components/controls/verdocs-template-card/verdocs-template-card.js",
-    "./components/controls/verdocs-template-tags/verdocs-template-tags.js",
     "./components/controls/verdocs-text-input/verdocs-text-input.js",
     "./components/controls/verdocs-toggle-button/verdocs-toggle-button.js",
     "./components/controls/verdocs-toolbar-icon/verdocs-toolbar-icon.js",
@@ -27,9 +25,6 @@
     "./components/dialogs/verdocs-ok-dialog/verdocs-ok-dialog.js",
     "./components/dialogs/verdocs-signature-dialog/verdocs-signature-dialog.js",
     "./components/dialogs/verdocs-upload-dialog/verdocs-upload-dialog.js",
-    "./components/elements/verdocs-component-error/verdocs-component-error.js",
-    "./components/elements/verdocs-envelope-document-page/verdocs-envelope-document-page.js",
-    "./components/elements/verdocs-envelope-sidebar/verdocs-envelope-sidebar.js",
     "./components/elements/verdocs-quick-functions/verdocs-quick-functions.js",
     "./components/elements/verdocs-search-activity/verdocs-search-activity.js",
     "./components/elements/verdocs-search-tabs/verdocs-search-tabs.js",
@@ -39,6 +34,9 @@
     "./components/embeds/verdocs-send/verdocs-send.js",
     "./components/embeds/verdocs-sign/verdocs-sign.js",
     "./components/embeds/verdocs-view/verdocs-view.js",
+    "./components/envelopes/verdocs-envelope-document-page/verdocs-envelope-document-page.js",
+    "./components/envelopes/verdocs-envelope-sidebar/verdocs-envelope-sidebar.js",
+    "./components/envelopes/verdocs-status-indicator/verdocs-status-indicator.js",
     "./components/fields/verdocs-field-attachment/verdocs-field-attachment.js",
     "./components/fields/verdocs-field-checkbox/verdocs-field-checkbox.js",
     "./components/fields/verdocs-field-date/verdocs-field-date.js",
@@ -52,6 +50,7 @@
     "./components/fields/verdocs-field-timestamp/verdocs-field-timestamp.js",
     "./components/other/ipctest/ipc-test.js",
     "./components/templates/verdocs-template-attachments/verdocs-template-attachments.js",
+    "./components/templates/verdocs-template-card/verdocs-template-card.js",
     "./components/templates/verdocs-template-create/verdocs-template-create.js",
     "./components/templates/verdocs-template-document-page/verdocs-template-document-page.js",
     "./components/templates/verdocs-template-field-properties/verdocs-template-field-properties.js",
@@ -62,6 +61,7 @@
     "./components/templates/verdocs-template-role-properties/verdocs-template-role-properties.js",
     "./components/templates/verdocs-template-roles/verdocs-template-roles.js",
     "./components/templates/verdocs-template-sender/verdocs-template-sender.js",
+    "./components/templates/verdocs-template-tags/verdocs-template-tags.js",
     "./components/templates/verdocs-template-visibillity/verdocs-template-visibility.js"
   ],
   "compiler": {

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

@@ -253,7 +253,7 @@ export class VerdocsSend {
           "references": {
             "IContactSearchEvent": {
               "location": "import",
-              "path": "../../elements/verdocs-contact-picker/verdocs-contact-picker"
+              "path": "../../envelopes/verdocs-contact-picker/verdocs-contact-picker"
             }
           }
         }

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

@@ -10,6 +10,7 @@ import { envelopeRecipientAgree, envelopeRecipientDecline, envelopeRecipientSubm
 import { throttledGetEnvelope, updateEnvelopeFieldInitials, updateEnvelopeFieldSignature } from '@verdocs/js-sdk/Envelopes/Envelopes';
 import { getFieldId, getRoleIndex, renderDocumentField, saveAttachment, updateDocumentFieldValue } from '../../../utils/utils';
 import { SDKError } from '../../../utils/errors';
+import { format } from 'date-fns';
 const inProgressMenuOptions = [
   { id: 'later', label: 'Finish Later' },
   // {id: 'claim', label: 'Claim the Document', disabled: true},
@@ -241,7 +242,10 @@ export class VerdocsSign {
         });
       case 'date':
         const iso = e.target.getAttribute('iso');
-        return this.saveFieldChange(field.name, { prepared: false, value: iso });
+        console.log('Formatting date for save', iso);
+        const formatted = format(new Date(iso), 'PP');
+        console.log('Formatted', formatted);
+        return this.saveFieldChange(field.name, { prepared: false, value: formatted });
       case 'timestamp':
         console.log('Updating timestamp', { value, ts: e.target.getAttribute('timestamp') });
         break;
@@ -386,33 +390,9 @@ export class VerdocsSign {
       else {
         this.attachFieldAttributes(pageInfo, field, roleIndex, el);
       }
-      // interact(el).draggable({
-      //   listeners: {
-      //     start(event) {
-      //       console.log('[FIELDS] Drag started', event.type, event.target);
-      //     },
-      //     move(event) {
-      //       const oldX = +(event.target.getAttribute('posX') || 0);
-      //       const oldY = +(event.target.getAttribute('posY') || 0);
-      //       const xScale = +(event.target.getAttribute('xScale') || 1);
-      //       const yScale = +(event.target.getAttribute('yScale') || 1);
-      //       const newX = event.dx / xScale + oldX;
-      //       const newY = event.dy / yScale + oldY;
-      //       event.target.setAttribute('posX', newX);
-      //       event.target.setAttribute('posy', newY);
-      //       updateCssTransform(event.target, 'translate', `${newX}px, ${newY}px`);
-      //     },
-      //     end(event) {
-      //       console.log('[FIELDS] Drag ended', event);
-      //       // event.target.setAttribute('posX', 0);
-      //       // event.target.setAttribute('posy', 0);
-      //       // updateCssTransform(event.target, 'translate', `${0}px, ${0}px`);
-      //     },
-      //   },
-      // });
     });
     this.envelope.recipients
-      .filter(r => r.role_name !== this.recipient.role_name && (r.status === RecipientStates.SUBMITTED || r.status === RecipientStates.CANCELED || r.status === RecipientStates.DECLINED))
+      .filter(r => r.role_name !== this.recipient.role_name && (r.status === RecipientStates.INVITED || r.status === RecipientStates.OPENED || r.status === RecipientStates.PENDING))
       .forEach(recipient => {
       recipient.fields.forEach(field => {
         const el = renderDocumentField(field, pageInfo, roleIndex, { disabled: true, editable: false, draggable: false, done: this.isDone });
@@ -427,38 +407,6 @@ export class VerdocsSign {
         }
       });
     });
-    // Render fields for "the other" recipients
-    this.envelope.recipients
-      .filter(recipient => recipient.role_name !== this.recipient.role_name)
-      .forEach(otherRecipient => {
-      const otherRoleIndex = getRoleIndex(this.roleNames, otherRecipient.role_name);
-      const recipientFields = otherRecipient.fields.filter(field => field.page === pageInfo.pageNumber);
-      // We don't render other recipients' fields if they've already acted, because those values are now stamped into the document page.
-      // TODO: Do we want to render alternate treatments for recipients who have declined (red boxes?) and/or if the envelope is cancelled?
-      // TODO: When doing server-side rendering we probably want to "stamp" values into the rendered PDF only once the recipient is done
-      //  acting. Do this once vSign is in Production.
-      // TODO: Changed tacks here. During signing we show the template PDFs and everybody's fields, filled in or no. When done, we switch
-      //  to showing the envelope PDFs with stamped-in values. Confirm this is a good approach.
-      // if (!['submitted', 'signed'].includes(otherRecipient.status)) {
-      recipientFields.forEach(field => {
-        const el = renderDocumentField(field, pageInfo, otherRoleIndex, {
-          disabled: true,
-          editable: false,
-          draggable: false,
-          done: this.isDone,
-        });
-        if (!el) {
-          return;
-        }
-        // TODO: Research why this occurs. There are cases when we're getting "el.setAttribute is not a function"
-        if (el.setAttribute) {
-          el.setAttribute('roleindex', otherRoleIndex);
-          el.setAttribute('xScale', pageInfo.xScale);
-          el.setAttribute('yScale', pageInfo.yScale);
-        }
-      });
-      // }
-    });
     this.checkRecipientFields();
   }
   render() {

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

@@ -3,9 +3,9 @@ export default {
   title: 'Embeds/Sign',
   component: 'verdocs-sign',
   args: {
-    envelopeId: 'b4a03f7e-8a2b-4752-ac65-621114a1f878',
-    roleId: 'Seller',
-    inviteCode: 'e4bee24c3d2795f340ceeb53f6fefc1a',
+    envelopeId: '18600c6b-98f9-4beb-ad17-9f62d8513c41',
+    roleId: 'Buyer',
+    inviteCode: 'e4229b62df8229c6a637b0c314eb1784',
   },
   argTypes: {
     envelopeId: {

package/dist/collection/components/{elements → envelopes}/verdocs-envelope-document-page/verdocs-envelope-document-page.js

@@ -60,6 +60,7 @@ export class VerdocsEnvelopeDocumentPage {
     this.pageRendered.emit({
       // container: this.container,
       containerId: this.containerId,
+      documentId: this.documentId,
       pageNumber: this.pageNumber,
       virtualWidth: this.virtualWidth,
       virtualHeight: this.virtualHeight,

package/dist/collection/components/{elements → envelopes}/verdocs-envelope-sidebar/verdocs-envelope-sidebar.js

@@ -3,6 +3,7 @@ import { VerdocsEndpoint } from '@verdocs/js-sdk';
 import { throttledGetEnvelope } from '@verdocs/js-sdk/Envelopes/Envelopes';
 import { h, Host } from '@stencil/core';
 import { SDKError } from '../../../utils/errors';
+import { getInPersonLink } from '@verdocs/js-sdk/Envelopes/Recipients';
 const InformationCircle = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ffffff"><path stroke-linecap="round" stroke-linejoin="round" d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z" /></svg>`;
 const Users = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ffffff"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19.128a9.38 9.38 0 002.625.372 9.337 9.337 0 004.121-.952 4.125 4.125 0 00-7.533-2.493M15 19.128v-.003c0-1.113-.285-2.16-.786-3.07M15 19.128v.106A12.318 12.318 0 018.624 21c-2.331 0-4.512-.645-6.374-1.766l-.001-.109a6.375 6.375 0 0111.964-3.07M12 6.375a3.375 3.375 0 11-6.75 0 3.375 3.375 0 016.75 0zm8.25 2.25a2.625 2.625 0 11-5.25 0 2.625 2.625 0 015.25 0z" /></svg>`;
 const ClipboardDocuments = `<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ffffff"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12h3.75M9 15h3.75M9 18h3.75m3 .75H18a2.25 2.25 0 002.25-2.25V6.108c0-1.135-.845-2.098-1.976-2.192a48.424 48.424 0 00-1.123-.08m-5.801 0c-.065.21-.1.433-.1.664 0 .414.336.75.75.75h4.5a.75.75 0 00.75-.75 2.25 2.25 0 00-.1-.664m-5.8 0A2.251 2.251 0 0113.5 2.25H15c1.012 0 1.867.668 2.15 1.586m-5.8 0c-.376.023-.75.05-1.124.08C9.095 4.01 8.25 4.973 8.25 6.108V8.25m0 0H4.875c-.621 0-1.125.504-1.125 1.125v11.25c0 .621.504 1.125 1.125 1.125h9.75c.621 0 1.125-.504 1.125-1.125V9.375c0-.621-.504-1.125-1.125-1.125H8.25zM6.75 12h.008v.008H6.75V12zm0 3h.008v.008H6.75V15zm0 3h.008v.008H6.75V18z" /></svg>`;
@@ -77,11 +78,21 @@ export class VerdocsEnvelopeSidebar {
   }
   handleRecipientAction(recipient, id) {
     var _a;
-    console.log('recipient action', id, recipient);
+    console.log('[SIDEBAR] Recipient action', id, recipient);
     switch (id) {
+      case 'inperson':
+        getInPersonLink(this.endpoint, recipient.envelope_id, recipient.role_name)
+          // TODO: Can remove "any" once js-sdk is updated
+          .then((response) => {
+          var _a, _b;
+          console.log('Got in person link');
+          return (_b = (_a = window === null || window === void 0 ? void 0 : window.navigator) === null || _a === void 0 ? void 0 : _a.clipboard) === null || _b === void 0 ? void 0 : _b.writeText(response.link);
+        })
+          .then(r => console.log('copy result', r))
+          .catch(e => console.warn('[SIDEBAR] Error getting link', e));
+        break;
       case 'reminder':
       case 'modify':
-      case 'inperson':
       case 'details':
         break;
     }
@@ -209,9 +220,10 @@ export class VerdocsEnvelopeSidebar {
     const session = this.endpoint.getSession();
     const isEnvelopeOwner = session.profile_id === this.envelope.profile_id; // TODO: What about org admins?
     const historyEntries = this.prepareHistoryEntries();
+    console.log('e', this.envelope);
     return (h(Host, { class: this.panelOpen ? 'open' : '' }, h("div", { class: "buttons" }, h("button", { class: this.activeTab === 1 ? 'active' : '', onClick: () => this.setTab(1), innerHTML: InformationCircle }), h("button", { class: this.activeTab === 2 ? 'active' : '', onClick: () => this.setTab(2), innerHTML: Users }), h("button", { class: this.activeTab === 3 ? 'active' : '', onClick: () => this.setTab(3), innerHTML: ClipboardDocuments })), this.activeTab === 1 && (h("div", { class: "content" }, h("div", { class: "title" }, "Details"), h("div", { class: "label" }, "Envelope ID"), h("div", { class: "value" }, this.envelope.id), h("div", { class: "label" }, "Date Created"), h("div", { class: "value" }, format(new Date(this.envelope.created_at), 'PP pp')), h("div", { class: "label" }, "Last Modified"), h("div", { class: "value" }, format(new Date(this.envelope.updated_at), 'PP pp')), h("div", { class: "label" }, "Status"), h("div", { class: "value" }, this.envelope.status), h("div", { class: "label" }, "Verdoc Owner ID"), h("div", { class: "value" }, this.envelope.profile_id), h("div", { class: "label" }, "Verdoc Owner Name"), h("div", { class: "value" }, (_a = this.envelope.profile) === null || _a === void 0 ? void 0 :
       _a.first_name, " ", (_b = this.envelope.profile) === null || _b === void 0 ? void 0 :
-      _b.last_name), h("div", { class: "label" }, "Verdoc Owner Email"), h("div", { class: "value" }, (_c = this.envelope.profile) === null || _c === void 0 ? void 0 : _c.email))), this.activeTab === 2 && (h("div", { class: "content" }, h("div", { class: "title" }, "Recipients"), this.envelope.recipients.map((recipient, index) => (h("div", { class: "recipient-detail" }, h("div", { class: "recipient-header" }, h("div", { class: "recipient-number" }, index + 1), h("div", { class: "recipient-type" }, recipient.type), h("div", { class: { 'recipient-status': true, [recipient.status]: true } }, recipient.status), isEnvelopeOwner && (h("verdocs-dropdown", { onOptionSelected: item => this.handleRecipientAction(recipient, item.detail.id), options: [
+      _b.last_name), h("div", { class: "label" }, "Verdoc Owner Email"), h("div", { class: "value" }, (_c = this.envelope.profile) === null || _c === void 0 ? void 0 : _c.email))), this.activeTab === 2 && (h("div", { class: "content" }, h("div", { class: "title" }, "Recipients"), this.envelope.recipients.map((recipient, index) => (h("div", { class: "recipient-detail" }, h("div", { class: "recipient-header" }, h("div", { class: "recipient-number" }, index + 1), h("div", { class: "recipient-type" }, recipient.role_name), h("div", { class: { 'recipient-status': true, [recipient.status]: true } }, recipient.status), isEnvelopeOwner && (h("verdocs-dropdown", { onOptionSelected: item => this.handleRecipientAction(recipient, item.detail.id), options: [
         { id: 'reminder', label: 'Send Reminder', disabled: !this.canResendRecipient(recipient) },
         { id: 'modify', label: 'Modify Recipient', disabled: !this.canModifyRecipient(recipient) },
         { id: 'inperson', label: 'Get In-Person Link', disabled: !this.canModifyRecipient(recipient) || !['invited', 'opened'].includes(recipient.status) },

package/dist/collection/components/{elements → envelopes}/verdocs-envelope-sidebar/verdocs-envelope-sidebar.stories.js

@@ -3,7 +3,7 @@ export default {
   title: 'Envelopes/Envelope Sidebar',
   component: 'verdocs-envelope-sidebar',
   args: {
-    envelopeId: 'f0fa431d-e3eb-4fd7-b30e-6d95e2e87b38',
+    envelopeId: '',
   },
   argTypes: {
     envelopeId: { name: 'envelopeId' },

package/dist/collection/components/{controls → envelopes}/verdocs-status-indicator/verdocs-status-indicator.stories.js

@@ -11,7 +11,7 @@ const SampleDocument = {
   ],
 };
 export default {
-  title: 'Controls/Status Indicator',
+  title: 'Envelopes/Status Indicator',
   component: 'verdocs-status-indicator',
   args: {
     document: 0,