@verdocs/web-sdk 1.13.21 → 1.13.23

package/dist/collection/components/templates/verdocs-template-document-page/verdocs-template-document-page.js

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

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

@@ -279,6 +279,7 @@ export class VerdocsTemplateFields {
         name: this.generateFieldName(this.placing, pageNumber),
         role_name: this.selectedRoleName,
         template_id: this.templateId,
+        document_id: cachedPage.documentId,
         type: this.placing,
         required: true,
         page_sequence: pageNumber,
@@ -350,8 +351,10 @@ export class VerdocsTemplateFields {
           field.setting = { x, y, width, height };
           break;
       }
-      // ??? We don't actually have a unique field type for multi-line text?
+      // TODO: We don't actually have a unique field type for multi-line text. Instead a "text area" is stored
+      // as a textbox with a leading>0 (typically 16).
       if (field.type === 'textarea') {
+        field.setting.leading = 16;
         field.type = 'textbox';
       }
       const saved = await createField(this.endpoint, this.templateId, field);

package/dist/collection/utils/utils.js

@@ -94,13 +94,13 @@ export const updateDocumentFieldValue = (field) => {
   }
 };
 export const renderDocumentField = (field, docPage, roleIndex, fieldOptions) => {
+  var _a, _b;
   const { disabled = false, editable = false, draggable = false, done = false } = fieldOptions;
   const controlsDiv = document.getElementById(docPage.containerId + '-controls');
   if (!controlsDiv) {
     console.log('[renderDocumentField] No controls DIV found', docPage.containerId + '-controls', docPage);
     return;
   }
-  // @ts-ignore
   switch (field.type) {
     case 'attachment':
     case 'date':
@@ -117,7 +117,15 @@ export const renderDocumentField = (field, docPage, roleIndex, fieldOptions) =>
         setControlStyles(existingField, field, docPage.xScale, docPage.yScale);
         return existingField;
       }
-      const el = document.createElement(`verdocs-field-${field.type}`);
+      let { type } = field;
+      if (type === 'textbox') {
+        console.log('Rendering text box', field);
+        if (((_a = field['setting']) === null || _a === void 0 ? void 0 : _a.leading) > 0 || ((_b = field['settings']) === null || _b === void 0 ? void 0 : _b.leading) > 0) {
+          console.log('Switching to text area', field);
+          type = 'textarea';
+        }
+      }
+      const el = document.createElement(`verdocs-field-${type}`);
       el.field = field;
       el.setAttribute('id', id);
       el.setAttribute('roleIndex', roleIndex);

package/dist/components/VerdocsEndpoint.js

@@ -1,35 +1,5 @@
 import { d as decodeAccessTokenBody } from './Types.js';
 
-var TemplateSenderTypes;
-(function (TemplateSenderTypes) {
-    TemplateSenderTypes["CREATOR"] = "creator";
-    TemplateSenderTypes["ORGANIZATION_MEMBER"] = "organization_member";
-    TemplateSenderTypes["ORGANIZATION_MEMBER_AS_CREATOR"] = "organization_member_as_creator";
-    TemplateSenderTypes["EVERYONE"] = "everyone";
-    TemplateSenderTypes["EVERYONE_AS_CREATOR"] = "everyone_as_creator";
-})(TemplateSenderTypes || (TemplateSenderTypes = {}));
-var TemplateActions;
-(function (TemplateActions) {
-    TemplateActions["CREATE_PERSONAL"] = "create_personal";
-    TemplateActions["CREATE_ORG"] = "create_org";
-    TemplateActions["CREATE_PUBLIC"] = "create_public";
-    TemplateActions["READ"] = "read";
-    TemplateActions["WRITE"] = "write";
-    TemplateActions["DELETE"] = "delete";
-    TemplateActions["CHANGE_VISIBILITY_PERSONAL"] = "change_visibility_personal";
-    TemplateActions["CHANGE_VISIBILITY_ORG"] = "change_visibility_org";
-    TemplateActions["CHANGE_VISIBILITY_PUBLIC"] = "change_visibility_public";
-})(TemplateActions || (TemplateActions = {}));
-var SortOptions;
-(function (SortOptions) {
-    SortOptions["CREATED_AT"] = "created_at";
-    SortOptions["UPDATED_AT"] = "updated_at";
-    SortOptions["NAME"] = "name";
-    SortOptions["LAST_USED_AT"] = "last_used_at";
-    SortOptions["COUNTER"] = "counter";
-    SortOptions["STAR_COUNTER"] = "star_counter";
-})(SortOptions || (SortOptions = {}));
-
 /**
  * Operation within Verdocs that users may perform.
  */
@@ -78,6 +48,36 @@ var Roles;
     Roles["MEMBER"] = "member";
 })(Roles || (Roles = {}));
 
+var TemplateSenderTypes;
+(function (TemplateSenderTypes) {
+    TemplateSenderTypes["CREATOR"] = "creator";
+    TemplateSenderTypes["ORGANIZATION_MEMBER"] = "organization_member";
+    TemplateSenderTypes["ORGANIZATION_MEMBER_AS_CREATOR"] = "organization_member_as_creator";
+    TemplateSenderTypes["EVERYONE"] = "everyone";
+    TemplateSenderTypes["EVERYONE_AS_CREATOR"] = "everyone_as_creator";
+})(TemplateSenderTypes || (TemplateSenderTypes = {}));
+var TemplateActions;
+(function (TemplateActions) {
+    TemplateActions["CREATE_PERSONAL"] = "create_personal";
+    TemplateActions["CREATE_ORG"] = "create_org";
+    TemplateActions["CREATE_PUBLIC"] = "create_public";
+    TemplateActions["READ"] = "read";
+    TemplateActions["WRITE"] = "write";
+    TemplateActions["DELETE"] = "delete";
+    TemplateActions["CHANGE_VISIBILITY_PERSONAL"] = "change_visibility_personal";
+    TemplateActions["CHANGE_VISIBILITY_ORG"] = "change_visibility_org";
+    TemplateActions["CHANGE_VISIBILITY_PUBLIC"] = "change_visibility_public";
+})(TemplateActions || (TemplateActions = {}));
+var SortOptions;
+(function (SortOptions) {
+    SortOptions["CREATED_AT"] = "created_at";
+    SortOptions["UPDATED_AT"] = "updated_at";
+    SortOptions["NAME"] = "name";
+    SortOptions["LAST_USED_AT"] = "last_used_at";
+    SortOptions["COUNTER"] = "counter";
+    SortOptions["STAR_COUNTER"] = "star_counter";
+})(SortOptions || (SortOptions = {}));
+
 const denyList = new Set([
 	'ENOTFOUND',
 	'ENETUNREACH',
@@ -586,12 +586,16 @@ const isStream = (val) => isObject(val) && isFunction(val.pipe);
  * @returns {boolean} True if value is an FormData, otherwise false
  */
 const isFormData = (thing) => {
-  const pattern = '[object FormData]';
+  let kind;
   return thing && (
-    (typeof FormData === 'function' && thing instanceof FormData) ||
-    toString.call(thing) === pattern ||
-    (isFunction(thing.toString) && thing.toString() === pattern)
-  );
+    (typeof FormData === 'function' && thing instanceof FormData) || (
+      isFunction(thing.append) && (
+        (kind = kindOf(thing)) === 'formdata' ||
+        // detect form-data instance
+        (kind === 'object' && isFunction(thing.toString) && thing.toString() === '[object FormData]')
+      )
+    )
+  )
 };
 
 /**
@@ -1056,6 +1060,11 @@ const toJSONObject = (obj) => {
   return visit(obj, 0);
 };
 
+const isAsyncFn = kindOfTest('AsyncFunction');
+
+const isThenable = (thing) =>
+  thing && (isObject(thing) || isFunction(thing)) && isFunction(thing.then) && isFunction(thing.catch);
+
 const utils = {
   isArray,
   isArrayBuffer,
@@ -1105,7 +1114,9 @@ const utils = {
   ALPHABET,
   generateString,
   isSpecCompliantForm,
-  toJSONObject
+  toJSONObject,
+  isAsyncFn,
+  isThenable
 };
 
 /**
@@ -1997,9 +2008,7 @@ function parseTokens(str) {
   return tokens;
 }
 
-function isValidHeaderName(str) {
-  return /^[-_a-zA-Z]+$/.test(str.trim());
-}
+const isValidHeaderName = (str) => /^[-_a-zA-Z0-9^`|~,!#$%&'*+.]+$/.test(str.trim());
 
 function matchHeaderValue(context, value, header, filter, isHeaderNameFilter) {
   if (utils.isFunction(filter)) {
@@ -2585,8 +2594,12 @@ const xhrAdapter = isXHRAdapterSupported && function (config) {
       }
     }
 
-    if (utils.isFormData(requestData) && (platform.isStandardBrowserEnv || platform.isStandardBrowserWebWorkerEnv)) {
-      requestHeaders.setContentType(false); // Let the browser set it
+    if (utils.isFormData(requestData)) {
+      if (platform.isStandardBrowserEnv || platform.isStandardBrowserWebWorkerEnv) {
+        requestHeaders.setContentType(false); // Let the browser set it
+      } else {
+        requestHeaders.setContentType('multipart/form-data;', false); // mobile/desktop app frameworks
+      }
     }
 
     let request = new XMLHttpRequest();
@@ -2992,7 +3005,7 @@ function mergeConfig(config1, config2) {
     headers: (a, b) => mergeDeepProperties(headersToObject(a), headersToObject(b), true)
   };
 
-  utils.forEach(Object.keys(config1).concat(Object.keys(config2)), function computeConfigValue(prop) {
+  utils.forEach(Object.keys(Object.assign({}, config1, config2)), function computeConfigValue(prop) {
     const merge = mergeMap[prop] || mergeDeepProperties;
     const configValue = merge(config1[prop], config2[prop], prop);
     (utils.isUndefined(configValue) && merge !== mergeDirectKeys) || (config[prop] = configValue);
@@ -3001,7 +3014,7 @@ function mergeConfig(config1, config2) {
   return config;
 }
 
-const VERSION = "1.3.4";
+const VERSION = "1.4.0";
 
 const validators$1 = {};
 
@@ -3138,11 +3151,17 @@ class Axios {
       }, false);
     }
 
-    if (paramsSerializer !== undefined) {
-      validator.assertOptions(paramsSerializer, {
-        encode: validators.function,
-        serialize: validators.function
-      }, true);
+    if (paramsSerializer != null) {
+      if (utils.isFunction(paramsSerializer)) {
+        config.paramsSerializer = {
+          serialize: paramsSerializer
+        };
+      } else {
+        validator.assertOptions(paramsSerializer, {
+          encode: validators.function,
+          serialize: validators.function
+        }, true);
+      }
     }
 
     // Set config.method

package/dist/components/index.d.ts

@@ -1,5 +1,4 @@
 /* VerdocsWebSdk custom elements */
-export { IpcTest as IpcTest } from '../types/components/other/ipctest/ipc-test';
 export { VerdocsAuth as VerdocsAuth } from '../types/components/embeds/verdocs-auth/verdocs-auth';
 export { VerdocsBuild as VerdocsBuild } from '../types/components/embeds/verdocs-build/verdocs-build';
 export { VerdocsButton as VerdocsButton } from '../types/components/controls/verdocs-button/verdocs-button';

package/dist/components/index.js

@@ -1,5 +1,4 @@
 export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
-export { IpcTest, defineCustomElement as defineCustomElementIpcTest } from './ipc-test.js';
 export { VerdocsAuth, defineCustomElement as defineCustomElementVerdocsAuth } from './verdocs-auth.js';
 export { VerdocsBuild, defineCustomElement as defineCustomElementVerdocsBuild } from './verdocs-build.js';
 export { VerdocsButton, defineCustomElement as defineCustomElementVerdocsButton } from './verdocs-button.js';

package/dist/components/utils.js

@@ -115,13 +115,13 @@ const updateDocumentFieldValue = (field) => {
   }
 };
 const renderDocumentField = (field, docPage, roleIndex, fieldOptions) => {
+  var _a, _b;
   const { disabled = false, editable = false, draggable = false, done = false } = fieldOptions;
   const controlsDiv = document.getElementById(docPage.containerId + '-controls');
   if (!controlsDiv) {
     console.log('[renderDocumentField] No controls DIV found', docPage.containerId + '-controls', docPage);
     return;
   }
-  // @ts-ignore
   switch (field.type) {
     case 'attachment':
     case 'date':
@@ -138,7 +138,15 @@ const renderDocumentField = (field, docPage, roleIndex, fieldOptions) => {
         setControlStyles(existingField, field, docPage.xScale, docPage.yScale);
         return existingField;
       }
-      const el = document.createElement(`verdocs-field-${field.type}`);
+      let { type } = field;
+      if (type === 'textbox') {
+        console.log('Rendering text box', field);
+        if (((_a = field['setting']) === null || _a === void 0 ? void 0 : _a.leading) > 0 || ((_b = field['settings']) === null || _b === void 0 ? void 0 : _b.leading) > 0) {
+          console.log('Switching to text area', field);
+          type = 'textarea';
+        }
+      }
+      const el = document.createElement(`verdocs-field-${type}`);
       el.field = field;
       el.setAttribute('id', id);
       el.setAttribute('roleIndex', roleIndex);

package/dist/components/verdocs-envelope-document-page2.js

@@ -61,6 +61,7 @@ const VerdocsEnvelopeDocumentPage = /*@__PURE__*/ proxyCustomElement(class exten
     this.pageRendered.emit({
       // container: this.container,
       containerId: this.containerId,
+      documentId: this.documentId,
       pageNumber: this.pageNumber,
       virtualWidth: this.virtualWidth,
       virtualHeight: this.virtualHeight,

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

@@ -10,7 +10,7 @@ import { d as defineCustomElement$4 } from './verdocs-select-input2.js';
 import { d as defineCustomElement$3 } from './verdocs-template-field-properties2.js';
 import { d as defineCustomElement$2 } from './verdocs-text-input2.js';
 
-const verdocsFieldTextareaCss = "verdocs-field-textarea{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:150px;height:15px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-textarea.disabled{opacity:0.5}verdocs-field-textarea textarea{-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-textarea textarea.hide{display:none}verdocs-field-textarea.required{border:1px solid #cc0000}verdocs-field-textarea.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}";
+const verdocsFieldTextareaCss = "verdocs-field-textarea{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:150px;height:15px;display:block;font-size:11px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left}verdocs-field-textarea.disabled{opacity:0.5}verdocs-field-textarea textarea{-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:11px;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-textarea textarea.hide{display:none}verdocs-field-textarea.required{border:1px solid #cc0000}verdocs-field-textarea.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-textarea 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-textarea verdocs-button-panel[data-active],verdocs-field-textarea verdocs-button-panel:hover{opacity:1}verdocs-field-textarea verdocs-button-panel .icon svg{fill:#333333}verdocs-field-textarea verdocs-button-panel .icon:hover svg{fill:#000000}";
 
 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 VerdocsFieldTextarea$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {

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

@@ -11,7 +11,7 @@ import { d as defineCustomElement$3 } from './verdocs-template-field-properties2
 import { d as defineCustomElement$2 } from './verdocs-text-input2.js';
 import { f as format } from './index2.js';
 
-const verdocsFieldTimestampCss = "verdocs-field-timestamp{font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif;width:150px;height:15px;display:block;font-size:10px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;opacity:0.5}verdocs-field-timestamp.done{opacity:1}verdocs-field-timestamp input{-webkit-box-sizing:border-box;box-sizing:border-box;color:rgba(0, 0, 0, 0.87);font-weight:500;-webkit-transform-origin:0 0;transform-origin:0 0;height:100%;width:100%;background:none;font-size:10px;border:1px solid rgba(0, 0, 0, 0.2)}verdocs-field-timestamp input.hide{display:none}verdocs-field-timestamp.required{border:1px solid #cc0000}verdocs-field-timestamp.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-timestamp 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-timestamp verdocs-button-panel[data-active],verdocs-field-timestamp verdocs-button-panel:hover{opacity:1}verdocs-field-timestamp verdocs-button-panel .icon svg{fill:#333333}verdocs-field-timestamp verdocs-button-panel .icon:hover svg{fill:#000000}";
+const verdocsFieldTimestampCss = "verdocs-field-timestamp{width:160px;height:15px;opacity:0.5;display:block;font-size:9px;position:relative;background-color:transparent;-webkit-transform-origin:bottom left;transform-origin:bottom left;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-field-timestamp.done{opacity:1}verdocs-field-timestamp input{width:100%;height:100%;font-size:9px;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-timestamp input.hide{display:none}verdocs-field-timestamp.required{border:1px solid #cc0000}verdocs-field-timestamp.focused{-webkit-animation:verdocs-field-pulse 0.75s 2;animation:verdocs-field-pulse 0.75s 2}verdocs-field-timestamp 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-timestamp verdocs-button-panel[data-active],verdocs-field-timestamp verdocs-button-panel:hover{opacity:1}verdocs-field-timestamp verdocs-button-panel .icon svg{fill:#333333}verdocs-field-timestamp verdocs-button-panel .icon:hover svg{fill:#000000}";
 
 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 VerdocsFieldTimestamp$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {

package/dist/components/verdocs-sign.js

@@ -13,6 +13,7 @@ import { d as defineCustomElement$5 } from './verdocs-envelope-document-page2.js
 import { d as defineCustomElement$4 } from './verdocs-loader2.js';
 import { d as defineCustomElement$3 } from './verdocs-ok-dialog2.js';
 import { d as defineCustomElement$2 } from './verdocs-view2.js';
+import { f as format } from './index2.js';
 
 var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
@@ -328,7 +329,10 @@ const VerdocsSign$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
         });
       case 'date':
         const iso = e.target.getAttribute('iso');
-        return this.saveFieldChange(field.name, { prepared: false, value: iso });
+        console.log('Formatting date for save', iso);
+        const formatted = format(new Date(iso), 'PP');
+        console.log('Formatted', formatted);
+        return this.saveFieldChange(field.name, { prepared: false, value: formatted });
       case 'timestamp':
         console.log('Updating timestamp', { value, ts: e.target.getAttribute('timestamp') });
         break;

package/dist/components/verdocs-template-create2.js

@@ -84,8 +84,10 @@ const VerdocsTemplateCreate = /*@__PURE__*/ proxyCustomElement(class extends HTM
         e.preventDefault();
         e.target.classList.remove('drag-over');
         this.file = e.dataTransfer.files[0];
-        console.log('drop', e.dataTransfer.files[0]);
-      }, onDragOver: e => e.preventDefault(), onDragEnter: (e) => e.target.classList.add('drag-over'), onDragLeave: (e) => e.target.classList.remove('drag-over') }, h("div", null, h("span", { innerHTML: FileIcon })), h("div", { style: { marginTop: '20px', fontSize: '20px', fontWeight: 'bold', overflowWrap: 'anywhere' } }, this.file ? this.file.name : 'Drag a file here'), h("div", { style: {
+      }, onDragOver: (e) => {
+        e.preventDefault();
+        e.dataTransfer.dropEffect = 'copy';
+      }, onDragEnter: (e) => e.target.classList.add('drag-over'), onDragLeave: (e) => e.target.classList.remove('drag-over') }, h("div", null, h("span", { innerHTML: FileIcon })), h("div", { style: { marginTop: '20px', fontSize: '20px', fontWeight: 'bold', overflowWrap: 'anywhere' } }, this.file ? this.file.name : 'Drag a file here'), h("div", { style: {
         marginTop: '20px',
         marginBottom: '20px',
         fontSize: '16px',

package/dist/components/verdocs-template-document-page2.js

@@ -60,6 +60,7 @@ const VerdocsTemplateDocumentPage = /*@__PURE__*/ proxyCustomElement(class exten
     this.pageRendered.emit({
       // container: this.container,
       containerId: this.containerId,
+      documentId: this.documentId,
       pageNumber: this.pageNumber,
       virtualWidth: this.virtualWidth,
       virtualHeight: this.virtualHeight,

package/dist/components/verdocs-template-fields2.js

@@ -290,6 +290,7 @@ const VerdocsTemplateFields = /*@__PURE__*/ proxyCustomElement(class extends HTM
         name: this.generateFieldName(this.placing, pageNumber),
         role_name: this.selectedRoleName,
         template_id: this.templateId,
+        document_id: cachedPage.documentId,
         type: this.placing,
         required: true,
         page_sequence: pageNumber,
@@ -361,8 +362,10 @@ const VerdocsTemplateFields = /*@__PURE__*/ proxyCustomElement(class extends HTM
           field.setting = { x, y, width, height };
           break;
       }
-      // ??? We don't actually have a unique field type for multi-line text?
+      // TODO: We don't actually have a unique field type for multi-line text. Instead a "text area" is stored
+      // as a textbox with a leading>0 (typically 16).
       if (field.type === 'textarea') {
+        field.setting.leading = 16;
         field.type = 'textbox';
       }
       const saved = await createField(this.endpoint, this.templateId, field);