@verdocs/web-sdk 1.9.37 → 1.9.38

package/dist/cjs/{Envelopes-e5649eb6.js → Envelopes-f2f8dd92.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const utils = require('./utils-23a9034a.js');
+const utils = require('./utils-0ec89d7d.js');
 const index = require('./index-eb130f52.js');
 const Templates = require('./Templates-8ef16e3d.js');
 

package/dist/cjs/{utils-23a9034a.js → utils-0ec89d7d.js}

@@ -126,7 +126,9 @@ const defaultWidth = (field) => {
       return 14;
     case 'signature':
     case 'initial':
-      return 82;
+      // TODO: Review this. 71 seems to line up better with the final render.
+      return 71;
+    // return 82;
   }
   return 150;
 };
@@ -141,7 +143,9 @@ const defaultHeight = (field) => {
       return 14;
     case 'signature':
     case 'initial':
-      return 41;
+      // TODO: Review this. 71 seems to line up better with the final render.
+      return 36;
+    // return 41;
   }
   return 50;
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1329d89c.js');
-const utils = require('./utils-23a9034a.js');
+const utils = require('./utils-0ec89d7d.js');
 require('./Token-576f0e8a.js');
 require('./Files-4bdc0c0f.js');
 

package/dist/cjs/verdocs-field-checkbox.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1329d89c.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-23a9034a.js');
+const utils = require('./utils-0ec89d7d.js');
 require('./Token-576f0e8a.js');
 require('./Files-4bdc0c0f.js');
 

package/dist/cjs/verdocs-field-date.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1329d89c.js');
-const utils = require('./utils-23a9034a.js');
+const utils = require('./utils-0ec89d7d.js');
 const Colors = require('./Colors-e809dcc9.js');
 const index$1 = require('./index-6528b430.js');
 require('./Token-576f0e8a.js');
@@ -2600,8 +2600,7 @@ const VerdocsFieldDate = class {
     const disabled = (_b = (_a = this.disabled) !== null && _a !== void 0 ? _a : settings.disabled) !== null && _b !== void 0 ? _b : false;
     const backgroundColor = this.field['rgba'] || Colors.getRGBA(this.roleindex);
     if (this.done) {
-      const dt = new Date(settings === null || settings === void 0 ? void 0 : settings.result);
-      const formatted = index$1.format(dt, 'MMM d, y');
+      const formatted = (settings === null || settings === void 0 ? void 0 : settings.result) ? index$1.format(new Date(settings === null || settings === void 0 ? void 0 : settings.result), 'MMM d, y') : '';
       return index.h(index.Host, { class: { done: this.done } }, formatted);
     }
     return (index.h(index.Host, { class: { required: settings.required, disabled }, style: { backgroundColor } }, index.h("input", { type: "text", value: "", id: this.containerId, disabled: disabled, placeholder: settings.placeholder, required: settings.required, ref: el => (this.el = el) }), this.editable && (index.h("verdocs-button-panel", { icon: settingsIcon }, index.h("h6", null, "Field Settings"), index.h("form", null, index.h("verdocs-select-input", { label: "Recipient", options: [

package/dist/cjs/verdocs-field-dropdown.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1329d89c.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-23a9034a.js');
+const utils = require('./utils-0ec89d7d.js');
 require('./Token-576f0e8a.js');
 require('./Files-4bdc0c0f.js');
 

package/dist/cjs/verdocs-field-initial.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1329d89c.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-23a9034a.js');
+const utils = require('./utils-0ec89d7d.js');
 require('./Token-576f0e8a.js');
 require('./Files-4bdc0c0f.js');
 

package/dist/cjs/verdocs-field-payment.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1329d89c.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-23a9034a.js');
+const utils = require('./utils-0ec89d7d.js');
 require('./Token-576f0e8a.js');
 require('./Files-4bdc0c0f.js');
 

package/dist/cjs/verdocs-field-radio-button.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1329d89c.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-23a9034a.js');
+const utils = require('./utils-0ec89d7d.js');
 require('./Token-576f0e8a.js');
 require('./Files-4bdc0c0f.js');
 

package/dist/cjs/verdocs-field-signature_3.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1329d89c.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-23a9034a.js');
+const utils = require('./utils-0ec89d7d.js');
 const popper = require('./popper-11d5f714.js');
 require('./Token-576f0e8a.js');
 require('./Files-4bdc0c0f.js');

package/dist/cjs/verdocs-field-textarea.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1329d89c.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-23a9034a.js');
+const utils = require('./utils-0ec89d7d.js');
 require('./Token-576f0e8a.js');
 require('./Files-4bdc0c0f.js');
 

package/dist/cjs/verdocs-field-textbox.cjs.entry.js

@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1329d89c.js');
 const Colors = require('./Colors-e809dcc9.js');
 const templateStore = require('./templateStore-eed1f161.js');
-const utils = require('./utils-23a9034a.js');
+const utils = require('./utils-0ec89d7d.js');
 require('./index-eb130f52.js');
 require('./Primitives-be5088cb.js');
 require('./Token-576f0e8a.js');
 require('./Files-4bdc0c0f.js');
 
-const verdocsFieldTextboxCss = "verdocs-field-textbox{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:150px;height:15px;display:block;font-size:11px;letter-spacing:-0.3px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-textbox.disabled{opacity:0.5}verdocs-field-textbox input{width:100%;height:100%;font-size:11px;background:none;font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-textbox input:focus{outline:none}verdocs-field-textbox input.hide{display:none}verdocs-field-textbox.required{border:1px solid #cc0000}verdocs-field-textbox.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-textbox verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-textbox verdocs-button-panel[data-active],verdocs-field-textbox verdocs-button-panel:hover{opacity:1}verdocs-field-textbox verdocs-button-panel .icon svg{fill:#333333}verdocs-field-textbox verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-textbox [data-lastpass-icon-root]{display:none !important}";
+const verdocsFieldTextboxCss = "verdocs-field-textbox{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:150px;height:15px;display:block;font-size:11px;position:relative;letter-spacing:-0.2px;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-textbox.disabled{opacity:0.5}verdocs-field-textbox input{width:100%;height:100%;font-size:11px;background:none;font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-textbox input:focus{outline:none}verdocs-field-textbox input.hide{display:none}verdocs-field-textbox.required{border:1px solid #cc0000}verdocs-field-textbox.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-textbox verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-textbox verdocs-button-panel[data-active],verdocs-field-textbox verdocs-button-panel:hover{opacity:1}verdocs-field-textbox verdocs-button-panel .icon svg{fill:#333333}verdocs-field-textbox verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-textbox [data-lastpass-icon-root]{display:none !important}";
 
 const settingsIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20"><path d="m7.5 18.5-.312-2.667q-.188-.125-.396-.25-.209-.125-.396-.229l-2.479 1.063-2.521-4.334 2.125-1.625q.021-.104.021-.229v-.458q0-.125-.021-.229L1.396 7.917l2.521-4.313 2.5 1.042q.166-.104.375-.229.208-.125.396-.229L7.5 1.5h5l.312 2.688q.188.104.396.229.209.125.396.229l2.479-1.042 2.521 4.313-2.125 1.625v.916l2.125 1.625-2.521 4.334-2.5-1.063q-.166.104-.375.229-.208.125-.396.25L12.5 18.5Zm2.479-5.521q1.229 0 2.104-.875T12.958 10q0-1.229-.875-2.104t-2.104-.875q-1.208 0-2.094.875Q7 8.771 7 10t.885 2.104q.886.875 2.094.875Zm0-1.75q-.5 0-.864-.364Q8.75 10.5 8.75 10t.365-.865q.364-.364.864-.364t.865.364q.364.365.364.865t-.364.865q-.365.364-.865.364ZM10.021 10Zm-.792 6.521h1.542l.25-2.146q.625-.167 1.198-.51.573-.344 1.031-.823l2.021.854.771-1.271-1.771-1.354q.104-.292.156-.615.052-.323.052-.656 0-.292-.052-.604-.052-.313-.135-.646l1.77-1.375-.77-1.271-2.021.875q-.479-.5-1.042-.833-.562-.334-1.187-.5l-.271-2.167H9.208l-.25 2.167q-.625.166-1.187.5-.563.333-1.042.812l-2-.854-.771 1.271 1.73 1.354q-.084.333-.136.656Q5.5 9.708 5.5 10t.052.604q.052.313.136.667l-1.73 1.354.771 1.271 2-.834q.479.459 1.042.792.562.334 1.187.5Z"/></svg>';
 const VerdocsFieldTextbox = class {

package/dist/cjs/verdocs-field-timestamp.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1329d89c.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-23a9034a.js');
+const utils = require('./utils-0ec89d7d.js');
 const index$1 = require('./index-6528b430.js');
 require('./Token-576f0e8a.js');
 require('./Files-4bdc0c0f.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1329d89c.js');
 require('./Types-da57ce69.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-257ebdb3.js');
-const utils = require('./utils-23a9034a.js');
+const utils = require('./utils-0ec89d7d.js');
 const templateStore = require('./templateStore-eed1f161.js');
 const Templates = require('./Templates-358eaee4.js');
 const errors = require('./errors-0396da3d.js');

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

@@ -8,7 +8,7 @@ require('./Types-da57ce69.js');
 const Validators = require('./Validators-16e6d7d1.js');
 const Colors = require('./Colors-e809dcc9.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-257ebdb3.js');
-const utils = require('./utils-23a9034a.js');
+const utils = require('./utils-0ec89d7d.js');
 require('./Token-576f0e8a.js');
 require('./Files-4bdc0c0f.js');
 

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1329d89c.js');
-const utils = require('./utils-23a9034a.js');
+const utils = require('./utils-0ec89d7d.js');
 require('./Types-da57ce69.js');
 const Validators = require('./Validators-16e6d7d1.js');
 const Primitives = require('./Primitives-be5088cb.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-257ebdb3.js');
-const Envelopes = require('./Envelopes-e5649eb6.js');
+const Envelopes = require('./Envelopes-f2f8dd92.js');
 const errors = require('./errors-0396da3d.js');
 require('./Token-576f0e8a.js');
 require('./Files-4bdc0c0f.js');

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

@@ -8,7 +8,7 @@ const Types = require('./Types-da57ce69.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-257ebdb3.js');
 const errors = require('./errors-0396da3d.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-23a9034a.js');
+const utils = require('./utils-0ec89d7d.js');
 const templateStore = require('./templateStore-eed1f161.js');
 const Templates$1 = require('./Templates-358eaee4.js');
 require('./Token-576f0e8a.js');

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

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1329d89c.js');
 require('./Types-da57ce69.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-257ebdb3.js');
-const Envelopes = require('./Envelopes-e5649eb6.js');
+const Envelopes = require('./Envelopes-f2f8dd92.js');
 const errors = require('./errors-0396da3d.js');
-const utils = require('./utils-23a9034a.js');
+const utils = require('./utils-0ec89d7d.js');
 require('./Token-576f0e8a.js');
 require('./index-eb130f52.js');
 require('./Templates-8ef16e3d.js');
@@ -46,7 +46,22 @@ const VerdocsView = class {
   }
   handlePageRendered(e) {
     const pageInfo = e.detail;
-    console.log('[SIGN] Page rendered', pageInfo);
+    console.log('[VIEW] Page rendered', pageInfo);
+    // EnvelopeStore.envelope.recipients.forEach((recipient, roleIndex) => {
+    //   console.log('rendering fields for recipient', roleIndex, recipient);
+    //   recipient.fields.forEach(field => {
+    //     const el = renderDocumentField(field, pageInfo, roleIndex, {disabled: true, editable: false, draggable: false, done: true});
+    //     if (!el) {
+    //       return;
+    //     }
+    //
+    //     if (el.setAttribute) {
+    //       el.setAttribute('roleindex', roleIndex);
+    //       el.setAttribute('xScale', pageInfo.xScale);
+    //       el.setAttribute('yScale', pageInfo.yScale);
+    //     }
+    //   });
+    // });
   }
   async handleOptionSelected(e) {
     switch (e.detail.id) {

package/dist/collection/components/elements/verdocs-field-date/verdocs-field-date.js

@@ -44,8 +44,7 @@ export class VerdocsFieldDate {
     const disabled = (_b = (_a = this.disabled) !== null && _a !== void 0 ? _a : settings.disabled) !== null && _b !== void 0 ? _b : false;
     const backgroundColor = this.field['rgba'] || getRGBA(this.roleindex);
     if (this.done) {
-      const dt = new Date(settings === null || settings === void 0 ? void 0 : settings.result);
-      const formatted = format(dt, 'MMM d, y');
+      const formatted = (settings === null || settings === void 0 ? void 0 : settings.result) ? format(new Date(settings === null || settings === void 0 ? void 0 : settings.result), 'MMM d, y') : '';
       return h(Host, { class: { done: this.done } }, formatted);
     }
     return (h(Host, { class: { required: settings.required, disabled }, style: { backgroundColor } }, h("input", { type: "text", value: "", id: this.containerId, disabled: disabled, placeholder: settings.placeholder, required: settings.required, ref: el => (this.el = el) }), this.editable && (h("verdocs-button-panel", { icon: settingsIcon }, h("h6", null, "Field Settings"), h("form", null, h("verdocs-select-input", { label: "Recipient", options: [

package/dist/collection/components/elements/verdocs-field-textbox/verdocs-field-textbox.css

@@ -4,8 +4,8 @@ verdocs-field-textbox {
   height: 15px;
   display: block;
   font-size: 11px;
-  letter-spacing: -0.3px;
   position: relative;
+  letter-spacing: -0.2px;
   background-color: transparent;
   transform-origin: bottom left;
 }

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

@@ -3,15 +3,25 @@ export default {
   title: 'Embeds/Sign',
   component: 'verdocs-sign',
   args: {
-    envelopeId: '',
-    roleId: '',
-    inviteCode: '',
+    envelopeId: 'f2618253-1123-4842-8f64-70d7cd90b54e',
+    roleId: 'Seller',
+    inviteCode: '1d1e86fe92d8bba459167bc136f66b4f',
+  },
+  argTypes: {
+    envelopeId: {
+      name: 'envelopeId',
+    },
+    roleId: {
+      name: 'roleId',
+    },
+    inviteCode: {
+      name: 'inviteCode',
+    },
   },
-  argTypes: {},
   parameters: {
     layout: 'fullscreen',
   },
 };
 export const Sign = ({ envelopeId, roleId, inviteCode }) => !envelopeId || !roleId || !inviteCode
-  ? html `<img src="https://verdocs-public-assets.s3.amazonaws.com/sample-signing-envelope.png" />`
+  ? html `<img src="https://verdocs-public-assets.s3.amazonaws.com/sample-signing-envelope.png" alt="Document sample" />`
   : html `<verdocs-sign .envelopeId=${envelopeId} .roleId=${roleId} .inviteCode=${inviteCode} />`;

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

@@ -36,7 +36,22 @@ export class VerdocsView {
   }
   handlePageRendered(e) {
     const pageInfo = e.detail;
-    console.log('[SIGN] Page rendered', pageInfo);
+    console.log('[VIEW] Page rendered', pageInfo);
+    // EnvelopeStore.envelope.recipients.forEach((recipient, roleIndex) => {
+    //   console.log('rendering fields for recipient', roleIndex, recipient);
+    //   recipient.fields.forEach(field => {
+    //     const el = renderDocumentField(field, pageInfo, roleIndex, {disabled: true, editable: false, draggable: false, done: true});
+    //     if (!el) {
+    //       return;
+    //     }
+    //
+    //     if (el.setAttribute) {
+    //       el.setAttribute('roleindex', roleIndex);
+    //       el.setAttribute('xScale', pageInfo.xScale);
+    //       el.setAttribute('yScale', pageInfo.yScale);
+    //     }
+    //   });
+    // });
   }
   async handleOptionSelected(e) {
     switch (e.detail.id) {

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

@@ -3,11 +3,18 @@ export default {
   title: 'Embeds/View',
   component: 'verdocs-view',
   args: {
-    envelopeId: '92f3dd1e-9ff2-44c3-8c96-32a5b650ed6d',
+    // f0fa431d-e3eb-4fd7-b30e-6d95e2e87b38
+    envelopeId: '',
+  },
+  argTypes: {
+    envelopeId: {
+      name: 'envelopeId',
+    },
   },
-  argTypes: {},
   parameters: {
     layout: 'fullscreen',
   },
 };
-export const View = ({ envelopeId }) => html `<verdocs-view .envelopeId=${envelopeId} />`;
+export const View = ({ envelopeId }) => !envelopeId
+  ? html `<img src="https://verdocs-public-assets.s3.amazonaws.com/billofsale-signed.png" alt="Signed document sample" style="display: flex; row-gap: 15px; padding: 15px;" />`
+  : html `<verdocs-view .envelopeId=${envelopeId} />`;

package/dist/collection/utils/utils.js

@@ -12,7 +12,9 @@ export const defaultWidth = (field) => {
       return 14;
     case 'signature':
     case 'initial':
-      return 82;
+      // TODO: Review this. 71 seems to line up better with the final render.
+      return 71;
+    // return 82;
   }
   return 150;
 };
@@ -27,7 +29,9 @@ export const defaultHeight = (field) => {
       return 14;
     case 'signature':
     case 'initial':
-      return 41;
+      // TODO: Review this. 71 seems to line up better with the final render.
+      return 36;
+    // return 41;
   }
   return 50;
 };

package/dist/components/utils.js

@@ -124,7 +124,9 @@ const defaultWidth = (field) => {
       return 14;
     case 'signature':
     case 'initial':
-      return 82;
+      // TODO: Review this. 71 seems to line up better with the final render.
+      return 71;
+    // return 82;
   }
   return 150;
 };
@@ -139,7 +141,9 @@ const defaultHeight = (field) => {
       return 14;
     case 'signature':
     case 'initial':
-      return 41;
+      // TODO: Review this. 71 seems to line up better with the final render.
+      return 36;
+    // return 41;
   }
   return 50;
 };

package/dist/components/verdocs-field-date.js

@@ -2598,8 +2598,7 @@ const VerdocsFieldDate$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     const disabled = (_b = (_a = this.disabled) !== null && _a !== void 0 ? _a : settings.disabled) !== null && _b !== void 0 ? _b : false;
     const backgroundColor = this.field['rgba'] || getRGBA(this.roleindex);
     if (this.done) {
-      const dt = new Date(settings === null || settings === void 0 ? void 0 : settings.result);
-      const formatted = format(dt, 'MMM d, y');
+      const formatted = (settings === null || settings === void 0 ? void 0 : settings.result) ? format(new Date(settings === null || settings === void 0 ? void 0 : settings.result), 'MMM d, y') : '';
       return h(Host, { class: { done: this.done } }, formatted);
     }
     return (h(Host, { class: { required: settings.required, disabled }, style: { backgroundColor } }, h("input", { type: "text", value: "", id: this.containerId, disabled: disabled, placeholder: settings.placeholder, required: settings.required, ref: el => (this.el = el) }), this.editable && (h("verdocs-button-panel", { icon: settingsIcon }, h("h6", null, "Field Settings"), h("form", null, h("verdocs-select-input", { label: "Recipient", options: [

package/dist/components/verdocs-field-textbox.js

@@ -6,7 +6,7 @@ import { d as defineCustomElement$4 } from './verdocs-button-panel2.js';
 import { d as defineCustomElement$3 } from './verdocs-select-input2.js';
 import { d as defineCustomElement$2 } from './verdocs-text-input2.js';
 
-const verdocsFieldTextboxCss = "verdocs-field-textbox{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:150px;height:15px;display:block;font-size:11px;letter-spacing:-0.3px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-textbox.disabled{opacity:0.5}verdocs-field-textbox input{width:100%;height:100%;font-size:11px;background:none;font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-textbox input:focus{outline:none}verdocs-field-textbox input.hide{display:none}verdocs-field-textbox.required{border:1px solid #cc0000}verdocs-field-textbox.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-textbox verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-textbox verdocs-button-panel[data-active],verdocs-field-textbox verdocs-button-panel:hover{opacity:1}verdocs-field-textbox verdocs-button-panel .icon svg{fill:#333333}verdocs-field-textbox verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-textbox [data-lastpass-icon-root]{display:none !important}";
+const verdocsFieldTextboxCss = "verdocs-field-textbox{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:150px;height:15px;display:block;font-size:11px;position:relative;letter-spacing:-0.2px;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-textbox.disabled{opacity:0.5}verdocs-field-textbox input{width:100%;height:100%;font-size:11px;background:none;font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-textbox input:focus{outline:none}verdocs-field-textbox input.hide{display:none}verdocs-field-textbox.required{border:1px solid #cc0000}verdocs-field-textbox.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-textbox verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-textbox verdocs-button-panel[data-active],verdocs-field-textbox verdocs-button-panel:hover{opacity:1}verdocs-field-textbox verdocs-button-panel .icon svg{fill:#333333}verdocs-field-textbox verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-textbox [data-lastpass-icon-root]{display:none !important}";
 
 const settingsIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20"><path d="m7.5 18.5-.312-2.667q-.188-.125-.396-.25-.209-.125-.396-.229l-2.479 1.063-2.521-4.334 2.125-1.625q.021-.104.021-.229v-.458q0-.125-.021-.229L1.396 7.917l2.521-4.313 2.5 1.042q.166-.104.375-.229.208-.125.396-.229L7.5 1.5h5l.312 2.688q.188.104.396.229.209.125.396.229l2.479-1.042 2.521 4.313-2.125 1.625v.916l2.125 1.625-2.521 4.334-2.5-1.063q-.166.104-.375.229-.208.125-.396.25L12.5 18.5Zm2.479-5.521q1.229 0 2.104-.875T12.958 10q0-1.229-.875-2.104t-2.104-.875q-1.208 0-2.094.875Q7 8.771 7 10t.885 2.104q.886.875 2.094.875Zm0-1.75q-.5 0-.864-.364Q8.75 10.5 8.75 10t.365-.865q.364-.364.864-.364t.865.364q.364.365.364.865t-.364.865q-.365.364-.865.364ZM10.021 10Zm-.792 6.521h1.542l.25-2.146q.625-.167 1.198-.51.573-.344 1.031-.823l2.021.854.771-1.271-1.771-1.354q.104-.292.156-.615.052-.323.052-.656 0-.292-.052-.604-.052-.313-.135-.646l1.77-1.375-.77-1.271-2.021.875q-.479-.5-1.042-.833-.562-.334-1.187-.5l-.271-2.167H9.208l-.25 2.167q-.625.166-1.187.5-.563.333-1.042.812l-2-.854-.771 1.271 1.73 1.354q-.084.333-.136.656Q5.5 9.708 5.5 10t.052.604q.052.313.136.667l-1.73 1.354.771 1.271 2-.834q.479.459 1.042.792.562.334 1.187.5Z"/></svg>';
 const VerdocsFieldTextbox$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {

package/dist/components/verdocs-view2.js

@@ -107,7 +107,22 @@ const VerdocsView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   handlePageRendered(e) {
     const pageInfo = e.detail;
-    console.log('[SIGN] Page rendered', pageInfo);
+    console.log('[VIEW] Page rendered', pageInfo);
+    // EnvelopeStore.envelope.recipients.forEach((recipient, roleIndex) => {
+    //   console.log('rendering fields for recipient', roleIndex, recipient);
+    //   recipient.fields.forEach(field => {
+    //     const el = renderDocumentField(field, pageInfo, roleIndex, {disabled: true, editable: false, draggable: false, done: true});
+    //     if (!el) {
+    //       return;
+    //     }
+    //
+    //     if (el.setAttribute) {
+    //       el.setAttribute('roleindex', roleIndex);
+    //       el.setAttribute('xScale', pageInfo.xScale);
+    //       el.setAttribute('yScale', pageInfo.yScale);
+    //     }
+    //   });
+    // });
   }
   async handleOptionSelected(e) {
     switch (e.detail.id) {

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-01-24T14:48:53",
+  "timestamp": "2023-01-31T16:52:38",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.20.0",

package/dist/esm/{Envelopes-25b2110e.js → Envelopes-779de57c.js}

@@ -1,4 +1,4 @@
-import { h as getEnvelope } from './utils-4053ca0e.js';
+import { h as getEnvelope } from './utils-06d58b15.js';
 import { c as createStore } from './index-fd7b8a34.js';
 import { g as getTemplate } from './Templates-0638b1e4.js';
 

package/dist/esm/{utils-4053ca0e.js → utils-06d58b15.js}

@@ -124,7 +124,9 @@ const defaultWidth = (field) => {
       return 14;
     case 'signature':
     case 'initial':
-      return 82;
+      // TODO: Review this. 71 seems to line up better with the final render.
+      return 71;
+    // return 82;
   }
   return 150;
 };
@@ -139,7 +141,9 @@ const defaultHeight = (field) => {
       return 14;
     case 'signature':
     case 'initial':
-      return 41;
+      // TODO: Review this. 71 seems to line up better with the final render.
+      return 36;
+    // return 41;
   }
   return 50;
 };

package/dist/esm/verdocs-document-page_2.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-f78d163d.js';
-import { t as throttle } from './utils-4053ca0e.js';
+import { t as throttle } from './utils-06d58b15.js';
 import './Token-54690789.js';
 import './Files-70a192df.js';
 

package/dist/esm/verdocs-field-checkbox.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-f78d163d.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-4053ca0e.js';
+import { g as getFieldSettings } from './utils-06d58b15.js';
 import './Token-54690789.js';
 import './Files-70a192df.js';
 

package/dist/esm/verdocs-field-date.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-f78d163d.js';
-import { g as getFieldSettings } from './utils-4053ca0e.js';
+import { g as getFieldSettings } from './utils-06d58b15.js';
 import { g as getRGBA } from './Colors-1b298092.js';
 import { f as format } from './index-d264c496.js';
 import './Token-54690789.js';
@@ -2596,8 +2596,7 @@ const VerdocsFieldDate = class {
     const disabled = (_b = (_a = this.disabled) !== null && _a !== void 0 ? _a : settings.disabled) !== null && _b !== void 0 ? _b : false;
     const backgroundColor = this.field['rgba'] || getRGBA(this.roleindex);
     if (this.done) {
-      const dt = new Date(settings === null || settings === void 0 ? void 0 : settings.result);
-      const formatted = format(dt, 'MMM d, y');
+      const formatted = (settings === null || settings === void 0 ? void 0 : settings.result) ? format(new Date(settings === null || settings === void 0 ? void 0 : settings.result), 'MMM d, y') : '';
       return h(Host, { class: { done: this.done } }, formatted);
     }
     return (h(Host, { class: { required: settings.required, disabled }, style: { backgroundColor } }, h("input", { type: "text", value: "", id: this.containerId, disabled: disabled, placeholder: settings.placeholder, required: settings.required, ref: el => (this.el = el) }), this.editable && (h("verdocs-button-panel", { icon: settingsIcon }, h("h6", null, "Field Settings"), h("form", null, h("verdocs-select-input", { label: "Recipient", options: [

package/dist/esm/verdocs-field-dropdown.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-f78d163d.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-4053ca0e.js';
+import { g as getFieldSettings } from './utils-06d58b15.js';
 import './Token-54690789.js';
 import './Files-70a192df.js';
 

package/dist/esm/verdocs-field-initial.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-f78d163d.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-4053ca0e.js';
+import { g as getFieldSettings } from './utils-06d58b15.js';
 import './Token-54690789.js';
 import './Files-70a192df.js';
 

package/dist/esm/verdocs-field-payment.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-f78d163d.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-4053ca0e.js';
+import { g as getFieldSettings } from './utils-06d58b15.js';
 import './Token-54690789.js';
 import './Files-70a192df.js';
 

package/dist/esm/verdocs-field-radio-button.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-f78d163d.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-4053ca0e.js';
+import { g as getFieldSettings } from './utils-06d58b15.js';
 import './Token-54690789.js';
 import './Files-70a192df.js';
 

package/dist/esm/verdocs-field-signature_3.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-f78d163d.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-4053ca0e.js';
+import { g as getFieldSettings } from './utils-06d58b15.js';
 import { c as createPopper } from './popper-f860750c.js';
 import './Token-54690789.js';
 import './Files-70a192df.js';

package/dist/esm/verdocs-field-textarea.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-f78d163d.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-4053ca0e.js';
+import { g as getFieldSettings } from './utils-06d58b15.js';
 import './Token-54690789.js';
 import './Files-70a192df.js';
 

package/dist/esm/verdocs-field-textbox.entry.js

@@ -1,13 +1,13 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-f78d163d.js';
 import { g as getRGBA } from './Colors-1b298092.js';
 import { s as state } from './templateStore-7b50460b.js';
-import { g as getFieldSettings } from './utils-4053ca0e.js';
+import { g as getFieldSettings } from './utils-06d58b15.js';
 import './index-fd7b8a34.js';
 import './Primitives-054bc6e5.js';
 import './Token-54690789.js';
 import './Files-70a192df.js';
 
-const verdocsFieldTextboxCss = "verdocs-field-textbox{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:150px;height:15px;display:block;font-size:11px;letter-spacing:-0.3px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-textbox.disabled{opacity:0.5}verdocs-field-textbox input{width:100%;height:100%;font-size:11px;background:none;font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-textbox input:focus{outline:none}verdocs-field-textbox input.hide{display:none}verdocs-field-textbox.required{border:1px solid #cc0000}verdocs-field-textbox.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-textbox verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-textbox verdocs-button-panel[data-active],verdocs-field-textbox verdocs-button-panel:hover{opacity:1}verdocs-field-textbox verdocs-button-panel .icon svg{fill:#333333}verdocs-field-textbox verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-textbox [data-lastpass-icon-root]{display:none !important}";
+const verdocsFieldTextboxCss = "verdocs-field-textbox{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:150px;height:15px;display:block;font-size:11px;position:relative;letter-spacing:-0.2px;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-textbox.disabled{opacity:0.5}verdocs-field-textbox input{width:100%;height:100%;font-size:11px;background:none;font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-textbox input:focus{outline:none}verdocs-field-textbox input.hide{display:none}verdocs-field-textbox.required{border:1px solid #cc0000}verdocs-field-textbox.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-textbox verdocs-button-panel{top:-3px;left:-2px;opacity:0.5;z-index:1000;cursor:pointer;position:absolute;-webkit-transform:scale(0.6);transform:scale(0.6)}verdocs-field-textbox verdocs-button-panel[data-active],verdocs-field-textbox verdocs-button-panel:hover{opacity:1}verdocs-field-textbox verdocs-button-panel .icon svg{fill:#333333}verdocs-field-textbox verdocs-button-panel .icon:hover svg{fill:#000000}verdocs-field-textbox [data-lastpass-icon-root]{display:none !important}";
 
 const settingsIcon = '<svg xmlns="http://www.w3.org/2000/svg" height="20" width="20"><path d="m7.5 18.5-.312-2.667q-.188-.125-.396-.25-.209-.125-.396-.229l-2.479 1.063-2.521-4.334 2.125-1.625q.021-.104.021-.229v-.458q0-.125-.021-.229L1.396 7.917l2.521-4.313 2.5 1.042q.166-.104.375-.229.208-.125.396-.229L7.5 1.5h5l.312 2.688q.188.104.396.229.209.125.396.229l2.479-1.042 2.521 4.313-2.125 1.625v.916l2.125 1.625-2.521 4.334-2.5-1.063q-.166.104-.375.229-.208.125-.396.25L12.5 18.5Zm2.479-5.521q1.229 0 2.104-.875T12.958 10q0-1.229-.875-2.104t-2.104-.875q-1.208 0-2.094.875Q7 8.771 7 10t.885 2.104q.886.875 2.094.875Zm0-1.75q-.5 0-.864-.364Q8.75 10.5 8.75 10t.365-.865q.364-.364.864-.364t.865.364q.364.365.364.865t-.364.865q-.365.364-.865.364ZM10.021 10Zm-.792 6.521h1.542l.25-2.146q.625-.167 1.198-.51.573-.344 1.031-.823l2.021.854.771-1.271-1.771-1.354q.104-.292.156-.615.052-.323.052-.656 0-.292-.052-.604-.052-.313-.135-.646l1.77-1.375-.77-1.271-2.021.875q-.479-.5-1.042-.833-.562-.334-1.187-.5l-.271-2.167H9.208l-.25 2.167q-.625.166-1.187.5-.563.333-1.042.812l-2-.854-.771 1.271 1.73 1.354q-.084.333-.136.656Q5.5 9.708 5.5 10t.052.604q.052.313.136.667l-1.73 1.354.771 1.271 2-.834q.479.459 1.042.792.562.334 1.187.5Z"/></svg>';
 const VerdocsFieldTextbox = class {

package/dist/esm/verdocs-field-timestamp.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-f78d163d.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-4053ca0e.js';
+import { g as getFieldSettings } from './utils-06d58b15.js';
 import { f as format } from './index-d264c496.js';
 import './Token-54690789.js';
 import './Files-70a192df.js';