@verdocs/web-sdk 1.12.1 → 1.12.2

package/dist/docs.json

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

package/dist/esm/{interact.min-6417b511.js → interact.min-19cd5a3f.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-6d305f47.js';
 
 var interact_min = createCommonjsModule(function (module, exports) {
 /* interact.js 1.10.17 | https://interactjs.io/license */

package/dist/esm/{utils-e9a6b9e4.js → utils-6d305f47.js}

@@ -265,19 +265,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-6d305f47.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-6d305f47.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-6d305f47.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-6d305f47.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-6d305f47.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-6d305f47.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-6d305f47.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-6d305f47.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-6d305f47.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-6d305f47.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-6d305f47.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-6d305f47.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-6d305f47.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-6d305f47.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-19cd5a3f.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-6d305f47.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-6d305f47.js';
 import './Token-54690789.js';
 import './Envelopes-eb3eef02.js';
 import './Files-70a192df.js';

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-19cd5a3f.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-6d305f47.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-6d305f47.js';
 import { g as getEnvelopeById, s as state } from './Envelopes-7f3b60de.js';
 import { S as SDKError } from './errors-9b5498c8.js';
 import './Token-54690789.js';