@verdocs/web-sdk 1.12.1 → 1.12.2

package/dist/cjs/{interact.min-272ddfb4.js → interact.min-3fb55faf.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const utils = require('./utils-54525087.js');
+const utils = require('./utils-8dcfb4ed.js');
 
 var interact_min = utils.createCommonjsModule(function (module, exports) {
 /* interact.js 1.10.17 | https://interactjs.io/license */

package/dist/cjs/{utils-54525087.js → utils-8dcfb4ed.js}

@@ -267,19 +267,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) => index.format(date, 'P').replace(/\//g, '-');
 const formatEnvelopeDate = (envelope) => formatLocalDate(new Date(envelope.updated_at));

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
-const utils = require('./utils-54525087.js');
+const utils = require('./utils-8dcfb4ed.js');
 const popper = require('./popper-11d5f714.js');
 require('./Envelopes-7381bd9a.js');
 require('./Token-576f0e8a.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-54525087.js');
+const utils = require('./utils-8dcfb4ed.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 require('./Envelopes-7381bd9a.js');
 require('./Token-576f0e8a.js');

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
-const utils = require('./utils-54525087.js');
+const utils = require('./utils-8dcfb4ed.js');
 const Colors = require('./Colors-e809dcc9.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 const index$1 = require('./index-6528b430.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-54525087.js');
+const utils = require('./utils-8dcfb4ed.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 require('./Envelopes-7381bd9a.js');
 require('./Token-576f0e8a.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-54525087.js');
+const utils = require('./utils-8dcfb4ed.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 require('./Envelopes-7381bd9a.js');
 require('./Token-576f0e8a.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-54525087.js');
+const utils = require('./utils-8dcfb4ed.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 require('./Envelopes-7381bd9a.js');
 require('./Token-576f0e8a.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-5e4233b0.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-54525087.js');
+const utils = require('./utils-8dcfb4ed.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 require('./Envelopes-7381bd9a.js');
 require('./Token-576f0e8a.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-54525087.js');
+const utils = require('./utils-8dcfb4ed.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 require('./Envelopes-7381bd9a.js');
 require('./Token-576f0e8a.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-54525087.js');
+const utils = require('./utils-8dcfb4ed.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 require('./Envelopes-7381bd9a.js');
 require('./Token-576f0e8a.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5e4233b0.js');
 const Colors = require('./Colors-e809dcc9.js');
 const templateStore = require('./templateStore-4e927fb4.js');
-const utils = require('./utils-54525087.js');
+const utils = require('./utils-8dcfb4ed.js');
 require('./index-cfa67e73.js');
 require('./Primitives-be5088cb.js');
 require('./Envelopes-7381bd9a.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
 const Colors = require('./Colors-e809dcc9.js');
-const utils = require('./utils-54525087.js');
+const utils = require('./utils-8dcfb4ed.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 const index$1 = require('./index-6528b430.js');
 require('./Envelopes-7381bd9a.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-26bb7607.js');
-const utils = require('./utils-54525087.js');
+const utils = require('./utils-8dcfb4ed.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 const Templates = require('./Templates-721828dc.js');
 const errors = require('./errors-0396da3d.js');

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

@@ -8,7 +8,7 @@ const Validators = require('./Validators-16e6d7d1.js');
 const Colors = require('./Colors-e809dcc9.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 const Templates = require('./Templates-721828dc.js');
-const utils = require('./utils-54525087.js');
+const utils = require('./utils-8dcfb4ed.js');
 const errors = require('./errors-0396da3d.js');
 require('./Token-576f0e8a.js');
 require('./index-cfa67e73.js');

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

@@ -7,7 +7,7 @@ const Envelopes = require('./Envelopes-7381bd9a.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-26bb7607.js');
 const Validators = require('./Validators-16e6d7d1.js');
 const Primitives = require('./Primitives-be5088cb.js');
-const utils = require('./utils-54525087.js');
+const utils = require('./utils-8dcfb4ed.js');
 const Envelopes$1 = require('./Envelopes-2350fcf1.js');
 const errors = require('./errors-0396da3d.js');
 require('./Token-576f0e8a.js');

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

@@ -7,9 +7,9 @@ const Templates = require('./Templates-ed812768.js');
 const TemplateDocuments = require('./TemplateDocuments-6b395b32.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-26bb7607.js');
 const errors = require('./errors-0396da3d.js');
-const interact_min = require('./interact.min-272ddfb4.js');
+const interact_min = require('./interact.min-3fb55faf.js');
 const Fields = require('./Fields-705a2168.js');
-const utils = require('./utils-54525087.js');
+const utils = require('./utils-8dcfb4ed.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 const Templates$1 = require('./Templates-721828dc.js');
 require('./Token-576f0e8a.js');
@@ -233,30 +233,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_min.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);
+                utils.updateCssTransform(event.target, 'translate', `${newX}px, ${newY}px`);
+              },
+              end: this.handleMoveField.bind(this),
+            },
+          });
+        });
       }
       else {
         this.attachFieldAttributes(pageInfo, field, roleIndex, el);
-      }
-      interact_min.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);
-            utils.updateCssTransform(event.target, 'translate', `${newX}px, ${newY}px`);
+        interact_min.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);
+              utils.updateCssTransform(event.target, 'translate', `${newX}px, ${newY}px`);
+            },
+            end: this.handleMoveField.bind(this),
           },
-          end: this.handleMoveField.bind(this),
-        },
-      });
+        });
+      }
     });
   }
   async handleMoveField(e) {

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-5e4233b0.js');
 const TemplateDocuments = require('./TemplateDocuments-6b395b32.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-26bb7607.js');
-const utils = require('./utils-54525087.js');
+const utils = require('./utils-8dcfb4ed.js');
 require('./Token-576f0e8a.js');
 require('./Envelopes-7381bd9a.js');
 require('./Files-4bdc0c0f.js');

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
-const interact_min = require('./interact.min-272ddfb4.js');
+const interact_min = require('./interact.min-3fb55faf.js');
 const Roles = require('./Roles-9b593b95.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-26bb7607.js');
 const Colors = require('./Colors-e809dcc9.js');
 const templateStore = require('./templateStore-4e927fb4.js');
 const Templates = require('./Templates-721828dc.js');
-const utils = require('./utils-54525087.js');
+const utils = require('./utils-8dcfb4ed.js');
 const errors = require('./errors-0396da3d.js');
 require('./Token-576f0e8a.js');
 require('./index-cfa67e73.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-5e4233b0.js');
 const VerdocsEndpoint = require('./VerdocsEndpoint-26bb7607.js');
-const utils = require('./utils-54525087.js');
+const utils = require('./utils-8dcfb4ed.js');
 const Envelopes = require('./Envelopes-2350fcf1.js');
 const errors = require('./errors-0396da3d.js');
 require('./Token-576f0e8a.js');

package/dist/collection/components/templates/verdocs-template-fields/verdocs-template-fields.js

@@ -132,30 +132,51 @@ export class VerdocsTemplateFields {
         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/collection/utils/utils.js

@@ -226,19 +226,19 @@ export const getFieldSettings = (field) => {
  * to be used for order-sensitive components e.g. translate-then-rotate.
  */
 export 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);
 };
 export const formatLocalDate = (date) => format(date, 'P').replace(/\//g, '-');
 const formatEnvelopeDate = (envelope) => formatLocalDate(new Date(envelope.updated_at));

package/dist/components/utils.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/components/verdocs-template-fields2.js

@@ -139,30 +139,51 @@ const VerdocsTemplateFields = /*@__PURE__*/ proxyCustomElement(class extends HTM
         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) {