@verdocs/web-sdk 1.12.1 → 1.12.3

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2023-03-02T16:36:27",
+  "timestamp": "2023-03-03T17:46:14",
   "compiler": {
     "name": "@stencil/core",
     "version": "2.20.0",

package/dist/esm/{interact.min-6417b511.js → interact.min-7c1428d0.js}

@@ -1,4 +1,4 @@
-import { c as getDefaultExportFromCjs, d as createCommonjsModule } from './utils-e9a6b9e4.js';
+import { c as getDefaultExportFromCjs, d as createCommonjsModule } from './utils-5e8bf15b.js';
 
 var interact_min = createCommonjsModule(function (module, exports) {
 /* interact.js 1.10.17 | https://interactjs.io/license */

package/dist/esm/{utils-e9a6b9e4.js → utils-5e8bf15b.js}

@@ -97,7 +97,7 @@ const setControlStyles = (el, field, xScale, yScale, option) => {
   var _a, _b, _c, _d;
   const settings = field.setting || field.settings;
   let { x = 0, y = 0, width = defaultWidth(field.type), height = defaultHeight(field.type) } = settings;
-  const optionSettings = option !== undefined && settings.options[option] ? settings.options[option] : null;
+  const optionSettings = settings.options && option !== undefined && settings.options[option] ? settings.options[option] : null;
   if (optionSettings) {
     x = (_a = optionSettings.x) !== null && _a !== void 0 ? _a : x;
     y = (_b = optionSettings.y) !== null && _b !== void 0 ? _b : y;
@@ -135,6 +135,7 @@ const renderDocumentField = (field, docPage, roleIndex, fieldOptions) => {
     console.log('[renderDocumentField] No controls DIV found', docPage.containerId + '-controls', docPage);
     return;
   }
+  // @ts-ignore
   switch (field.type) {
     case 'attachment':
     case 'date':
@@ -175,6 +176,34 @@ const renderDocumentField = (field, docPage, roleIndex, fieldOptions) => {
       controlsDiv.appendChild(el);
       return el;
     }
+    // @ts-ignore
+    case 'checkbox':
+      const id = getFieldOptionId(field, 0);
+      const existingField = document.getElementById(id);
+      if (existingField) {
+        setControlStyles(existingField, field, docPage.xScale, docPage.yScale, 0);
+        return existingField;
+      }
+      const cbEl = document.createElement(`verdocs-field-checkbox`);
+      cbEl.field = field;
+      cbEl.setAttribute('id', id);
+      cbEl.setAttribute('roleIndex', roleIndex);
+      cbEl.setAttribute('option', 0);
+      if (disabled) {
+        cbEl.setAttribute('disabled', true);
+      }
+      if (done) {
+        cbEl.setAttribute('done', true);
+      }
+      if (editable) {
+        cbEl.setAttribute('editable', true);
+      }
+      if (draggable) {
+        cbEl.setAttribute('draggable', true);
+      }
+      setControlStyles(cbEl, field, docPage.xScale, docPage.yScale, 0);
+      controlsDiv.appendChild(cbEl);
+      return cbEl;
     case 'checkbox_group':
       return (field.settings || field.setting || {}).options.map((_, checkboxIndex) => {
         const id = getFieldOptionId(field, checkboxIndex);
@@ -265,19 +294,19 @@ const getFieldSettings = (field) => {
  * to be used for order-sensitive components e.g. translate-then-rotate.
  */
 const updateCssTransform = (el, key, value) => {
-  console.log('update', key, value, el.style.transform);
+  // console.log('update', key, value, el.style.transform);
   // e.g. 'scale(1.87908, 1.87908) translate(0px, 0px);'
   const currentTransform = el.style.transform || '';
   const newValue = `${key}(${value})`;
   if (currentTransform.includes(key)) {
-    console.log('updating', currentTransform, currentTransform.replace(new RegExp(`${key}\(.+?\)`), newValue));
+    // console.log('updating', currentTransform, currentTransform.replace(new RegExp(`${key}\(.+?\)`), newValue));
     el.style.transform = currentTransform.replace(new RegExp(`${key}\\(.+?\\)`), newValue);
   }
   else {
-    console.log('appending', currentTransform, currentTransform + ' ' + newValue);
+    // console.log('appending', currentTransform, currentTransform + ' ' + newValue);
     el.style.transform = currentTransform + ' ' + newValue;
   }
-  console.log('now', el.style.transform);
+  // console.log('now', el.style.transform);
 };
 const formatLocalDate = (date) => format(date, 'P').replace(/\//g, '-');
 const formatEnvelopeDate = (envelope) => formatLocalDate(new Date(envelope.updated_at));

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-e64d45e2.js';
-import { t as throttle } from './utils-e9a6b9e4.js';
+import { t as throttle } from './utils-5e8bf15b.js';
 import { c as createPopper } from './popper-f860750c.js';
 import './Envelopes-eb3eef02.js';
 import './Token-54690789.js';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-e64d45e2.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-e9a6b9e4.js';
+import { g as getFieldSettings } from './utils-5e8bf15b.js';
 import { s as state } from './templateStore-5cb73464.js';
 import './Envelopes-eb3eef02.js';
 import './Token-54690789.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-e64d45e2.js';
-import { g as getFieldSettings } from './utils-e9a6b9e4.js';
+import { g as getFieldSettings } from './utils-5e8bf15b.js';
 import { g as getRGBA } from './Colors-1b298092.js';
 import { s as state } from './templateStore-5cb73464.js';
 import { f as format } from './index-d264c496.js';

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-e64d45e2.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-e9a6b9e4.js';
+import { g as getFieldSettings } from './utils-5e8bf15b.js';
 import { s as state } from './templateStore-5cb73464.js';
 import './Envelopes-eb3eef02.js';
 import './Token-54690789.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-e64d45e2.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-e9a6b9e4.js';
+import { g as getFieldSettings } from './utils-5e8bf15b.js';
 import { s as state } from './templateStore-5cb73464.js';
 import './Envelopes-eb3eef02.js';
 import './Token-54690789.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-e64d45e2.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-e9a6b9e4.js';
+import { g as getFieldSettings } from './utils-5e8bf15b.js';
 import { s as state } from './templateStore-5cb73464.js';
 import './Envelopes-eb3eef02.js';
 import './Token-54690789.js';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-e64d45e2.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-e9a6b9e4.js';
+import { g as getFieldSettings } from './utils-5e8bf15b.js';
 import { s as state } from './templateStore-5cb73464.js';
 import './Envelopes-eb3eef02.js';
 import './Token-54690789.js';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-e64d45e2.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-e9a6b9e4.js';
+import { g as getFieldSettings } from './utils-5e8bf15b.js';
 import { s as state } from './templateStore-5cb73464.js';
 import './Envelopes-eb3eef02.js';
 import './Token-54690789.js';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-e64d45e2.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-e9a6b9e4.js';
+import { g as getFieldSettings } from './utils-5e8bf15b.js';
 import { s as state } from './templateStore-5cb73464.js';
 import './Envelopes-eb3eef02.js';
 import './Token-54690789.js';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-e64d45e2.js';
 import { g as getRGBA } from './Colors-1b298092.js';
 import { s as state } from './templateStore-5cb73464.js';
-import { g as getFieldSettings } from './utils-e9a6b9e4.js';
+import { g as getFieldSettings } from './utils-5e8bf15b.js';
 import './index-24fd1580.js';
 import './Primitives-054bc6e5.js';
 import './Envelopes-eb3eef02.js';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-e64d45e2.js';
 import { g as getRGBA } from './Colors-1b298092.js';
-import { g as getFieldSettings } from './utils-e9a6b9e4.js';
+import { g as getFieldSettings } from './utils-5e8bf15b.js';
 import { s as state } from './templateStore-5cb73464.js';
 import { f as format } from './index-d264c496.js';
 import './Envelopes-eb3eef02.js';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-e64d45e2.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-d50a8d28.js';
-import { r as renderDocumentField, a as getRoleIndex } from './utils-e9a6b9e4.js';
+import { r as renderDocumentField, a as getRoleIndex } from './utils-5e8bf15b.js';
 import { s as state } from './templateStore-5cb73464.js';
 import { l as loadTemplate } from './Templates-f8a6628a.js';
 import { S as SDKError } from './errors-9b5498c8.js';

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

@@ -4,7 +4,7 @@ import { i as isValidEmail, a as isValidPhone } from './Validators-f110bae2.js';
 import { g as getRGBA } from './Colors-1b298092.js';
 import { s as state } from './templateStore-5cb73464.js';
 import { l as loadTemplate } from './Templates-f8a6628a.js';
-import { a as getRoleIndex } from './utils-e9a6b9e4.js';
+import { a as getRoleIndex } from './utils-5e8bf15b.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import './Token-54690789.js';
 import './index-24fd1580.js';

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

@@ -3,7 +3,7 @@ import { c as getSigningSession, u as updateEnvelopeField, d as updateEnvelopeFi
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-d50a8d28.js';
 import { a as isValidPhone, i as isValidEmail } from './Validators-f110bae2.js';
 import { f as fullNameToInitials } from './Primitives-054bc6e5.js';
-import { s as saveAttachment, u as updateDocumentFieldValue, a as getRoleIndex, r as renderDocumentField, b as getFieldId } from './utils-e9a6b9e4.js';
+import { s as saveAttachment, u as updateDocumentFieldValue, a as getRoleIndex, r as renderDocumentField, b as getFieldId } from './utils-5e8bf15b.js';
 import { g as getEnvelopeById, s as state } from './Envelopes-7f3b60de.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import './Token-54690789.js';

package/dist/esm/verdocs-template-create_2.entry.js

@@ -3,9 +3,9 @@ import { c as createTemplate, g as getTemplate } from './Templates-8e4ab976.js';
 import { c as createTemplateDocument } from './TemplateDocuments-1214b04d.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-d50a8d28.js';
 import { S as SDKError } from './errors-9b5498c8.js';
-import { i as interact } from './interact.min-6417b511.js';
+import { i as interact } from './interact.min-7c1428d0.js';
 import { u as updateField, c as createField } from './Fields-c82e6df3.js';
-import { a as getRoleIndex, r as renderDocumentField, e as updateCssTransform, f as defaultWidth, h as defaultHeight } from './utils-e9a6b9e4.js';
+import { a as getRoleIndex, r as renderDocumentField, e as updateCssTransform, f as defaultWidth, h as defaultHeight } from './utils-5e8bf15b.js';
 import { s as state } from './templateStore-5cb73464.js';
 import { l as loadTemplate } from './Templates-f8a6628a.js';
 import './Token-54690789.js';
@@ -229,30 +229,51 @@ const VerdocsTemplateFields = class {
         return;
       }
       if (Array.isArray(el)) {
-        el.map(e => this.attachFieldAttributes(pageInfo, field, roleIndex, e));
+        el.forEach(e => {
+          this.attachFieldAttributes(pageInfo, field, roleIndex, e);
+          interact(e).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: this.handleMoveField.bind(this),
+            },
+          });
+        });
       }
       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`);
+        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: this.handleMoveField.bind(this),
           },
-          end: this.handleMoveField.bind(this),
-        },
-      });
+        });
+      }
     });
   }
   async handleMoveField(e) {

package/dist/esm/verdocs-template-document-page.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-e64d45e2.js';
 import { g as getTemplateDocumentPageDisplayUri } from './TemplateDocuments-1214b04d.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-d50a8d28.js';
-import { t as throttle } from './utils-e9a6b9e4.js';
+import { t as throttle } from './utils-5e8bf15b.js';
 import './Token-54690789.js';
 import './Envelopes-eb3eef02.js';
 import './Files-70a192df.js';
@@ -76,7 +76,7 @@ const VerdocsTemplateDocumentPage = class {
   }
   render() {
     const height = `${this.renderedHeight}px`;
-    return (h(Host, { id: `${this.containerId}`, style: { height } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-template-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height } })) : this.pageDisplayUri ? (h("img", { class: "verdocs-template-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
+    return (h(Host, { id: `${this.containerId}`, style: { height } }, this.layers.map(layer => layer.type === 'div' ? (h("div", { class: "verdocs-template-document-page-layer", id: `${this.containerId}-${layer.name}`, style: { height, flex: `0 0 ${height}` } })) : this.pageDisplayUri ? (h("img", { class: "verdocs-template-document-page-layer img", id: `${this.containerId}-${layer.name}`, src: this.pageDisplayUri, alt: `Page ${this.pageNumber}`, "aria-hidden": true, loading: "lazy", onLoad: (e) => {
         // Note that all we really care about is the aspect ratio. We track the natural Width and Height but they aren't really that
         // useful as individual values. The image will already have been scaled down to fit a DIV for display (100%, auto height).
         // Builder places fields offset into the rendered display area, not the original document's dimensions. So its X/Y values

package/dist/esm/verdocs-template-roles.entry.js

@@ -1,11 +1,11 @@
 import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment, a as getElement } from './index-e64d45e2.js';
-import { i as interact } from './interact.min-6417b511.js';
+import { i as interact } from './interact.min-7c1428d0.js';
 import { u as updateRole, c as createRole } from './Roles-6eb459df.js';
 import { V as VerdocsEndpoint, T as TemplateSenderTypes } from './VerdocsEndpoint-d50a8d28.js';
 import { g as getRGBA } from './Colors-1b298092.js';
 import { s as state } from './templateStore-5cb73464.js';
 import { l as loadTemplate } from './Templates-f8a6628a.js';
-import { a as getRoleIndex } from './utils-e9a6b9e4.js';
+import { a as getRoleIndex } from './utils-5e8bf15b.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import './Token-54690789.js';
 import './index-24fd1580.js';

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment, a as getElement } from './index-e64d45e2.js';
 import { V as VerdocsEndpoint } from './VerdocsEndpoint-d50a8d28.js';
-import { i as saveEnvelopesAsZip, j as saveCertificate, s as saveAttachment } from './utils-e9a6b9e4.js';
+import { i as saveEnvelopesAsZip, j as saveCertificate, s as saveAttachment } from './utils-5e8bf15b.js';
 import { g as getEnvelopeById, s as state } from './Envelopes-7f3b60de.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import './Token-54690789.js';