@verdocs/web-sdk 4.0.8 → 4.1.2

package/dist/collection/components/templates/verdocs-template-role-properties/verdocs-template-role-properties.js

@@ -118,31 +118,31 @@ export class VerdocsTemplateRoleProperties {
     }
     render() {
         const hasFields = this.fieldStore.get('fields').some(field => field.role_name === this.roleName);
-        return (h(Host, { key: 'f26ffe2f3c4cf162dc113e38a57347cf6c426074' }, h("div", { key: 'd9c5104918e6cf08b28d70b6278d7493a40d36e5', class: "background-overlay", onClick: e => this.handleCancel(e) }, h("div", { key: 'b1001937ae574b088c17d2f866296cb10ae8f237', class: "dialog" }, h("form", { key: 'd46822f635025195120735636d68a4c0424370f0', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("verdocs-text-input", { key: '6d115e047e1fa310397d52f7873b68301f84ba1f', id: "verdocs-role-name", label: "Role Name", value: this.name, autocomplete: "off", disabled: hasFields, helpText: hasFields
+        return (h(Host, { key: 'c2728e2fb47306d99d3eebaaa38130322d37ad64' }, h("div", { key: 'a329fa189219f99c747e915ee2f0a41de978474f', class: "background-overlay", onClick: e => this.handleCancel(e) }, h("div", { key: 'a0325d8949c173d73ba2a48af5924d015e746266', class: "dialog" }, h("form", { key: '378e17dc270ae28779557793f6669143c86a41a3', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("verdocs-text-input", { key: '20f8de0856c8e5c847b7e1852edc437a8c6427fb', id: "verdocs-role-name", label: "Role Name", value: this.name, autocomplete: "off", disabled: hasFields, helpText: hasFields
                 ? 'This role has fields assigned and can no longer be renamed.'
                 : 'A unique name to identify the role in the workflow. Submitted data will also be tagged with this value.', placeholder: "Role Name...", onInput: (e) => {
                 this.name = e.target.value;
                 this.dirty = true;
-            } }), h("div", { key: '8a775c7e42acd009e25859726f48e777203304a3', class: "row" }, h("div", { key: '284d78cd23689e9c8683cf1f8fe55252ae1070cc', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: 'f996e3e885cd40a3aeff9469d2051fd09dd43274', value: this.type, options: [
+            } }), h("div", { key: '35310c43c72be59031d74995d5e4e08fd74b34bd', class: "row" }, h("div", { key: '4b47e8595ad1119d4027049b56acd43443a4b09a', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: '97f18bfb8052d6f0690bf2d570a42a0a604556b9', value: this.type, options: [
                 { label: 'Signer', value: 'signer' },
                 { label: 'CC', value: 'cc' },
                 { label: 'Approver', value: 'approver' },
             ], onInput: (e) => {
                 this.type = e.target.value;
                 this.dirty = true;
-            } }), h("verdocs-help-icon", { key: 'a320b1084f1a2333638c0e8b17d82efeb0a7bf1a', text: "Most participants are Signers. CC roles are notified when documents are signed, but have no other actions. Approvers get notified when signing is completed to perform a final review." })), h("verdocs-text-input", { key: 'e554caea134e5955f0577397b902c8e6083520bf', id: "verdocs-recipient-email", label: "Full Name", value: this.full_name, autocomplete: "off", helpText: "The recipient's full name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Full Name...", onInput: (e) => {
+            } }), h("verdocs-help-icon", { key: '3f4059c1a1232aa08449e4518ccd9473066430df', text: "Most participants are Signers. CC roles are notified when documents are signed, but have no other actions. Approvers get notified when signing is completed to perform a final review." })), h("verdocs-text-input", { key: 'df9c1439da6894608dad4ef81dddf21e2591115f', id: "verdocs-recipient-email", label: "Full Name", value: this.full_name, autocomplete: "off", helpText: "The recipient's full name, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Full Name...", onInput: (e) => {
                 this.full_name = e.target.value;
                 this.dirty = true;
-            } }), h("verdocs-text-input", { key: '21aae473dc54ed8cb94adcc1e72fdedf3a3f91d9', id: "verdocs-recipient-email", label: "Email", value: this.email, autocomplete: "off", helpText: "The recipient's email address, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Email Address...", onInput: (e) => {
+            } }), h("verdocs-text-input", { key: 'af0ac9644670cb4b3e5607eb75e6c0aa9746ed76', id: "verdocs-recipient-email", label: "Email", value: this.email, autocomplete: "off", helpText: "The recipient's email address, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Email Address...", onInput: (e) => {
                 this.email = e.target.value;
                 this.dirty = true;
-            } }), h("verdocs-text-input", { key: 'd5ebf4575a092d3f70570d1a7c419aa90c75c64b', id: "verdocs-recipient-phone", label: "Phone", value: this.phone, autocomplete: "off", helpText: "The recipient's phone number, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Phone Number...", onInput: (e) => {
+            } }), h("verdocs-text-input", { key: 'f7055746726c2d199beac4206847bc1534de5601', id: "verdocs-recipient-phone", label: "Phone", value: this.phone, autocomplete: "off", helpText: "The recipient's phone number, if it will always stay the same. Leave blank to supply this value later, when each new envelope is created from the template.", placeholder: "Phone Number...", onInput: (e) => {
                 this.phone = e.target.value;
                 this.dirty = true;
-            } }), h("div", { key: 'f7aca6f48663383ee649c7e3f11488c6a54f0420', class: "row" }, h("div", { key: 'f5304cffb00b6cf7edc92c9f2f9cb4013a8f16e8', class: "input-label" }, "May Delegate:"), h("div", { key: '78f6e51ccdfb7cccf4ad4d7c173eb29495ad93a9', class: "checkbox-wrapper" }, h("verdocs-checkbox", { key: '319258417639cd160e0ad63de3feb413f8d18a9f', checked: this.delegator, onInput: (e) => {
+            } }), h("div", { key: '12903a2f12f8f750cecaf0332a69099f67b4d530', class: "row" }, h("div", { key: '9959973a48e154155cc6b5892ae81a5105d62d33', class: "input-label" }, "May Delegate:"), h("div", { key: '0dd8af27a2fd4cf6c8a641a39ea3332887b1f71a', class: "checkbox-wrapper" }, h("verdocs-checkbox", { key: '8a145a05207fc1cae42d5c3e4596c2d673ecc097', checked: this.delegator, onInput: (e) => {
                 this.delegator = e.target.checked;
                 this.dirty = true;
-            } })), h("verdocs-help-icon", { key: 'e8614cdde73aac4c52fef105562058a2e34773ee', text: "If enabled, this recipient may delegate their actions to another individual." })), h("div", { key: '66302c80e7ce3cfb80d71ca9eb798832bbee64cd', class: "buttons" }, h("button", { key: '4198669a9355ba0b5065944c4dd28648ba4fd7d2', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: 'f7eccd789c90c1e3e570b54d0a8a3b947a5c5cf1', style: { flex: '1' } }), h("verdocs-button", { key: '0ad00a425bd9fc3ef21405c73b0159fc5a8dd13d', size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '8b11ea5d3f0797775909cb8590aec5a4518637ce', size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) })))))));
+            } })), h("verdocs-help-icon", { key: 'd725f8446967e2c145e0e5ecad8416ee7e368bc8', text: "If enabled, this recipient may delegate their actions to another individual." })), h("div", { key: 'eae241c53cc8213d5c14bb213b41923620e17be3', class: "buttons" }, h("button", { key: '5eb5792ff0f79aab12bcfbb20ffdf58d431f4103', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: 'bca3f871c37e1a346d98620ee0fd1dd0dfce9917', style: { flex: '1' } }), h("verdocs-button", { key: 'b40fb1ff70cb3cce19b793f940fc0038d12490ea', size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '51270815757b0fd6803d527ac3388f1e2af16b25', size: "small", label: "Save", disabled: !this.dirty, onClick: e => this.handleSave(e) })))))));
     }
     static get is() { return "verdocs-template-role-properties"; }
     static get originalStyleUrls() {

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

@@ -203,6 +203,7 @@ export class VerdocsTemplateRoles {
             phone: '',
             type: 'signer',
             delegator: false,
+            kba_method: null,
         })
             .then(async (r) => {
             var _a;

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

@@ -61,7 +61,7 @@ export class VerdocsTemplateSender {
         });
     }
     render() {
-        return (h(Host, { key: 'f68de757047cf08e13ca4b5f33e28c0af48fc216' }, h("div", { key: '6d1d7f7fc65b8ec2112dc7c33750cfce5d4f3e8c', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '4d89b066209259145a82549e572b558fc11cf884', class: "dialog" }, h("div", { key: 'fe42cd60ee5ed150318152a21db7bd0bfd41bb6f', class: "options" }, h("div", { key: '5e6193483c37781365aabccef51a67ff56ff937e', class: "option" }, h("verdocs-radio-button", { key: 'ea3ece13bab53d052186194b9708c7a072335103', name: "template-sender", value: 'everyone', checked: this.sender === 'everyone', onInput: () => this.handleSelectSetting('everyone') }), h("div", { key: '785b66f5cc26579d6caafc85924c5ad7e3966d40', class: "description" }, h("div", { key: 'd82d392c83f757ff7f23d5e78bfd68ab97eb0f52', class: "name" }, "Anyone on the Web"), h("verdocs-help-icon", { key: '34f2139c6e1f4cf01bb497066fea7000837c3ee9', text: "Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)" }))), h("div", { key: '1b20cb65e1ed7bdf317e6af82b5b445f988e98c8', class: "option" }, h("verdocs-radio-button", { key: '236a72f8c58ab2a2ad52824c698b8e0367881c3c', name: "template-sender", value: 'everyone_as_creator', checked: this.sender === 'everyone_as_creator', onInput: () => this.handleSelectSetting('everyone_as_creator') }), h("div", { key: '5e23b141d9d9c126ac2c82ab30bcb279b73d4793', class: "description" }, h("div", { key: 'f9b6deeff27abb6ae722cc8b70aa662c400108b7', class: "name" }, "Anyone on the Web as me"), h("verdocs-help-icon", { key: '03982e3624ba4e858fd478e8dc5c8ee0a1b98f3f', text: "Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)" }))), h("div", { key: 'db8d9acd7b3a06a6f09a5fb03ca8403dc82db00c', class: "option" }, h("verdocs-radio-button", { key: 'a12f063f0ff6e06eb5aaff35b815621e5b06d8b3', name: "template-sender", value: 'organization_member', checked: this.sender === 'organization_member', onInput: () => this.handleSelectSetting('organization_member') }), h("div", { key: 'acfba148b6c50fac0a3d72a6f46b3a5f144d3986', class: "description" }, h("div", { key: '3120e3ed05176dfc34ce482d359274755dcb55dc', class: "name" }, "Anyone in my organization"), h("verdocs-help-icon", { key: '0e78f7bc767c863d53ed113c52584252f893ecc4', text: "Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')" }))), h("div", { key: 'ac2f56ad77d0d4aeef9d311e7b44a5c9d19a74c7', class: "option" }, h("verdocs-radio-button", { key: '433e69e8fb00ee8676ec46657ad5c19df76ddd6c', name: "template-sender", value: 'organization_member_as_creator', checked: this.sender === 'organization_member_as_creator', onInput: () => this.handleSelectSetting('organization_member_as_creator') }), h("div", { key: 'ff50c7fee92e6cce3e488b4a4df2274ada44b11a', class: "description" }, h("div", { key: 'de3fd4b8f985e7f348a3743fb7431d4f9ad66598', class: "name" }, "Anyone in my organization as me"), h("verdocs-help-icon", { key: '257a87eb54dbfceb8edbeffca997fe787916ddc8', text: "Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)" }))), h("div", { key: 'f9223854c2616a85d057b7d7208e82ba85413556', class: "option" }, h("verdocs-radio-button", { key: 'c74d08475eb3601c21e75916366908c15c652ba8', name: "template-sender", value: 'creator', checked: this.sender === 'creator', onInput: () => this.handleSelectSetting('creator') }), h("div", { key: '9af51dd805406c23c9fc081d284d661e16f69f0a', class: "description" }, h("div", { key: '16b852696b984473a5dbfc09345dffbc6f3e0a40', class: "name" }, "Me"), h("verdocs-help-icon", { key: '104c0ec597a028b30dcc0d6e00a0bcac0433b0c9', text: "Only I can use this template." })))), h("div", { key: 'ce8b9f36df6c8beab9305dec9d3acc64f5369d07', class: "buttons" }, h("verdocs-button", { key: '722df3e64f41b5c8aee45d66eaa13b33711bba5c', label: "Close", onClick: () => this.handleClose() }))))));
+        return (h(Host, { key: 'f8d8cca0bfceaf4770487a2013d8b4719236ddf4' }, h("div", { key: '2f3adaefa9ee3dcbac271ee02d76fa46bbe58e10', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '659f51292068e189d9c995db643fae5c2acb15b3', class: "dialog" }, h("div", { key: '3015a1be71fe71983fce44357433b5e2186c4946', class: "options" }, h("div", { key: 'ce818b1d25630a8f487fbaff0c5db38119a6f824', class: "option" }, h("verdocs-radio-button", { key: '8a4d98f6553248a88a024c1d024d3a4145a202ed', name: "template-sender", value: 'everyone', checked: this.sender === 'everyone', onInput: () => this.handleSelectSetting('everyone') }), h("div", { key: 'e2924ad4589dfcdca2ad342852f517f919e99914', class: "description" }, h("div", { key: '6bf123474dc857917dd84c971bb3e634eecc8868', class: "name" }, "Anyone on the Web"), h("verdocs-help-icon", { key: '53129fa609dcb99cf6f1ddc76867c09a90359973', text: "Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)" }))), h("div", { key: '4b566084de0d35ade13b0d82354ddfab42fb4be2', class: "option" }, h("verdocs-radio-button", { key: '3704512d6d38faf3f275fb039a1c97cf2464b0e2', name: "template-sender", value: 'everyone_as_creator', checked: this.sender === 'everyone_as_creator', onInput: () => this.handleSelectSetting('everyone_as_creator') }), h("div", { key: '8dd4ffbcc1727fb28bec4e404dcc1a4a7cec9431', class: "description" }, h("div", { key: '2c4093c5ecff6192c6ec94ffa0a32ae516a4d13d', class: "name" }, "Anyone on the Web as me"), h("verdocs-help-icon", { key: '73b99113cd11ac40ef3784fe23b523e54f2a8d5a', text: "Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)" }))), h("div", { key: '528f64ff348386c14b0cea7d4983bccd664a0645', class: "option" }, h("verdocs-radio-button", { key: 'f1538d9c86ad7f2dc337a42f53f49f86faa3a469', name: "template-sender", value: 'organization_member', checked: this.sender === 'organization_member', onInput: () => this.handleSelectSetting('organization_member') }), h("div", { key: 'ddd5129726d3b2a0786341c2df2f8012e783d643', class: "description" }, h("div", { key: '449c1a5eb124b7006f319f96ff617d6480cab3a9', class: "name" }, "Anyone in my organization"), h("verdocs-help-icon", { key: '8d01e0fba4bfb8b5d12390b5c138b19d6362a055', text: "Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')" }))), h("div", { key: '76f686a2976749ffa02be5b95d9d61ded315714c', class: "option" }, h("verdocs-radio-button", { key: '00c5b5d78a7c380665abc3157403f597cbcaabc9', name: "template-sender", value: 'organization_member_as_creator', checked: this.sender === 'organization_member_as_creator', onInput: () => this.handleSelectSetting('organization_member_as_creator') }), h("div", { key: '7eaf1cce0528f17359b19320ba0e10311ec34821', class: "description" }, h("div", { key: '4bd0b1b35504afa1c67566ac8cd589041958de41', class: "name" }, "Anyone in my organization as me"), h("verdocs-help-icon", { key: 'cfe825b414ef5a0c4ddd33e3de621629cc92149e', text: "Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)" }))), h("div", { key: 'f86771d023449f505a45f07b73e505a7c481bdf0', class: "option" }, h("verdocs-radio-button", { key: '039f5bb7b444f942fb609ad1ef5fda0d5f160083', name: "template-sender", value: 'creator', checked: this.sender === 'creator', onInput: () => this.handleSelectSetting('creator') }), h("div", { key: 'b7ecd4a8e68ac17e9ba116a6f8f2dcf84ff92c56', class: "description" }, h("div", { key: 'ca006222ed947daf96a22425fe7dbc1dd809aef5', class: "name" }, "Me"), h("verdocs-help-icon", { key: 'fec5c4aeb7285eaa3a22d238208e2072b17a14b0', text: "Only I can use this template." })))), h("div", { key: '1344c8e35ee75f17f5a035ba93e770958b1fcba0', class: "buttons" }, h("verdocs-button", { key: '6d2e2796fd3464440662e8dd5dba2ae273aab02e', label: "Close", onClick: () => this.handleClose() }))))));
     }
     static get is() { return "verdocs-template-sender"; }
     static get originalStyleUrls() {

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

@@ -38,7 +38,7 @@ export class VerdocsTemplateStar {
         });
     }
     render() {
-        return (h(Host, { key: '0bfc2a29037c8753d08852eb5b0d0e7ccae821fc' }, h("div", { key: '16441206c390f010d43fddf52df556f503f2309b', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), h("div", { key: '0b7ed0bba53a2e243c47195efcb09934d056d479', class: "count" }, this.template.star_counter || '--')));
+        return (h(Host, { key: '96d245ead9fb7891ab0f497b37b306b379a20abc' }, h("div", { key: '67ceace21c9957fbb27a05a527ef1b7847ac33a9', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), h("div", { key: '3a76f28df10bb79ffb87ca8a046a6ec4e04dc49b', class: "count" }, this.template.star_counter || '--')));
     }
     static get is() { return "verdocs-template-star"; }
     static get originalStyleUrls() {

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

@@ -8,7 +8,7 @@ export class VerdocsTemplateTags {
     }
     render() {
         var _a;
-        return (h(Host, { key: '7926f67d015abdbf2fd62f970974757df81a846b' }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (h("span", null, tag)))));
+        return (h(Host, { key: 'e754a66c64713a7b01c072b1becd919d9768ac66' }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (h("span", null, tag)))));
     }
     static get is() { return "verdocs-template-tags"; }
     static get originalStyleUrls() {

package/dist/collection/components/templates/verdocs-templates-list/verdocs-templates-list.js

@@ -144,24 +144,24 @@ export class VerdocsTemplatesList {
         // In addition to the server query we also filter locally. This provides a faster UI update
         // while the onBlur re-queries the server for any new records that now qualify by the filter.
         const locallyFilteredTemplates = !this.localNameFilter ? this.templates : this.templates.filter(t => t.name.toLowerCase().includes(this.localNameFilter.toLowerCase()));
-        return (h(Host, { key: 'bebf191a117bcaa2fdf9c04f0ad11b1bb51bfe0a' }, h("div", { key: '4f965488f88b32ba4372135a8c69e1c54334681d', class: "header" }, h("div", { key: '81d9da459a3694104a59c99c4fc12f1b5de65f12', class: "filter" }, h("verdocs-text-input", { key: '1f48c9fcea48ca89bd3129b5c99b284274d0368c', id: "verdocs-filter-name", value: this.name, clearable: true, autocomplete: "off", placeholder: "Filter by Name...", onInput: (e) => (this.localNameFilter = e.target.value.trim()), onFocusout: (e) => {
+        return (h(Host, { key: '427c88bd9fe07c13b042fdfdf09506757aec8450' }, h("div", { key: '7da207667ddf2726b1b62243cec5fc903adda2f9', class: "header" }, h("div", { key: 'af1a65cd8003875dd2aa6007db20e9af5bea94c8', class: "filter" }, h("verdocs-text-input", { key: '3250ac9712dedb307f1c932295de9ccd9194e7dc', id: "verdocs-filter-name", value: this.name, clearable: true, autocomplete: "off", placeholder: "Filter by Name...", onInput: (e) => (this.localNameFilter = e.target.value.trim()), onFocusout: (e) => {
                 var _a;
                 this.name = e.target.value.trim();
                 this.localNameFilter = e.target.value.trim();
                 (_a = this.changeName) === null || _a === void 0 ? void 0 : _a.emit(this.name);
-            } })), h("verdocs-quick-filter", { key: '000233a7fc8793d9ace12fc11dbda636fd71028e', label: "Sharing", value: this.sharing, options: SharingFilters, onOptionSelected: e => {
+            } })), h("verdocs-quick-filter", { key: '68c85c2c151344ec1d6501e2dce7f73aa8ff1604', label: "Sharing", value: this.sharing, options: SharingFilters, onOptionSelected: e => {
                 var _a;
                 this.sharing = e.detail.value;
                 (_a = this.changeSharing) === null || _a === void 0 ? void 0 : _a.emit(this.sharing);
-            } }), h("verdocs-quick-filter", { key: 'e0d6f6ff8d7d6add7352859c9ab3ed38082645c9', label: "Starred", value: this.starred, options: StarredFilters, onOptionSelected: e => {
+            } }), h("verdocs-quick-filter", { key: '3af03c6d1debc02567190bb23c99ff742b118851', label: "Starred", value: this.starred, options: StarredFilters, onOptionSelected: e => {
                 var _a;
                 this.starred = e.detail.value;
                 (_a = this.changeStarred) === null || _a === void 0 ? void 0 : _a.emit(this.starred);
-            } }), h("verdocs-quick-filter", { key: 'bc4125163612f3e9e06867052f5e3f644a616dee', label: "Sort By", value: this.sort, options: SortOptions, onOptionSelected: e => {
+            } }), h("verdocs-quick-filter", { key: 'e2314edc3c1c99b6ffb016e87a51118a04c15f23', label: "Sort By", value: this.sort, options: SortOptions, onOptionSelected: e => {
                 var _a;
                 this.sort = e.detail.value;
                 (_a = this.changeSort) === null || _a === void 0 ? void 0 : _a.emit(this.sort);
-            } }), this.loading && h("verdocs-spinner", { key: '4d13c53ac70efcfa24e2e3e1c360cc44717771f1', mode: "dark", size: 24 }), h("div", { key: 'f921d5d44e2bda13b52e0d7095225f357f8fa9d5', style: { display: 'flex', flex: '1' } })), locallyFilteredTemplates.map(template => {
+            } }), this.loading && h("verdocs-spinner", { key: '92047db505aab0850e4c2d369ec8a7a16fd08dc4', mode: "dark", size: 24 }), h("div", { key: '7fd1eaeee3e8e567b0036c3f45923f3c422b34a8', style: { display: 'flex', flex: '1' } })), locallyFilteredTemplates.map(template => {
             const dateToShow = this.sort === 'created_at' ? 'created_at' : this.sort === 'updated_at' ? 'updated_at' : 'last_used_at';
             const date = template[dateToShow];
             const MENU_OPTIONS = [];
@@ -208,9 +208,9 @@ export class VerdocsTemplatesList {
                     var _a;
                     (_a = this.viewTemplate) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, template });
                 } }, h("div", { class: "inner" }, h("verdocs-template-star", { template: template, endpoint: this.endpoint }), h("div", { class: "spacer icon-spacer" }), h("div", { class: "name" }, template.name), h("div", { class: "spacer usage-spacer" }), h("div", { class: "usage" }, h("span", { innerHTML: EnvelopeIcon, title: "Usage Counter" }), template.counter || '--'), h("div", { class: "spacer last-used-spacer" }), h("div", { class: "last-used" }, dateToShow === 'created_at' && h("span", { innerHTML: CreatedIcon, title: "Created" }), dateToShow === 'updated_at' && h("span", { innerHTML: UpdatedIcon, title: "Last Updated" }), dateToShow === 'last_used_at' && h("span", { innerHTML: LastUsedIcon, title: "Last Used" }), date ? format(new Date(date), 'P') : 'Never'), h("div", { class: "spacer ownership-spacer" }), template.is_public && (h("div", { class: "ownership" }, h("span", { innerHTML: GlobeAltIcon }), " Public")), !template.is_public && !template.is_personal && (h("div", { class: "ownership" }, h("span", { innerHTML: LockClosedIcon }), " Private")), !template.is_public && template.is_personal && (h("div", { class: "ownership" }, h("span", { innerHTML: BuildingOfficeIcon }), " Shared")), h("verdocs-dropdown", { options: MENU_OPTIONS, onOptionSelected: e => this.handleOptionSelected(e.detail.id, template) }))));
-        }), !this.initiallyLoaded && (h("div", { key: '46a1bff9ddae80881dd897e052b223e141afb358' }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "template-placeholder" }))))), this.initiallyLoaded && !this.templates.length && h("div", { key: 'a9d8f7f6602a0e2c8a447bb0868f097b9d7cb094', class: "empty-text" }, "No matching templates found. Please adjust your filters and try again."), this.initiallyLoaded && this.templates.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
+        }), !this.initiallyLoaded && (h("div", { key: '549a95b02f62e46a25a9b69671be83cdf1411a2e' }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "template-placeholder" }))))), this.initiallyLoaded && !this.templates.length && h("div", { key: '5ab1a9ce5e3505f06099b9cfbaae165141df3cc0', class: "empty-text" }, "No matching templates found. Please adjust your filters and try again."), this.initiallyLoaded && this.templates.length && this.showPagination ? (h("div", { style: { marginTop: '20px' } }, h("verdocs-pagination", { selectedPage: this.selectedPage, perPage: this.rowsPerPage, itemCount: this.count, onSelectPage: e => {
                 this.selectedPage = e.detail.selectedPage;
-            } }))) : (h("div", null)), this.confirmDelete && (h("verdocs-ok-dialog", { key: 'a94528dd94af77c49c1b8c168c2c82d91003ba31', heading: "Delete this Template?", message: "This operation cannot be undone.", onNext: () => this.deleteTemplate(this.confirmDelete), onExit: () => (this.confirmDelete = null), showCancel: true }))));
+            } }))) : (h("div", null)), this.confirmDelete && (h("verdocs-ok-dialog", { key: 'c8a3b36ac98b3c1859fc5dba792cdfc1447ac2c4', heading: "Delete this Template?", message: "This operation cannot be undone.", onNext: () => this.deleteTemplate(this.confirmDelete), onExit: () => (this.confirmDelete = null), showCancel: true }))));
     }
     static get is() { return "verdocs-templates-list"; }
     static get originalStyleUrls() {

package/dist/collection/utils/EnvelopeStore.js

@@ -36,6 +36,7 @@ const createEnvelopeStore = (envelopeId) => {
 };
 const envelopeStores = {};
 export const getEnvelopeStore = async (endpoint, envelopeId, forceReload = false) => {
+    var _a;
     let created = false;
     if (!envelopeStores[envelopeId]) {
         console.debug('[ENVELOPES] No envelope store found for ID, creating', envelopeId);
@@ -60,6 +61,15 @@ export const getEnvelopeStore = async (endpoint, envelopeId, forceReload = false
         store.state.error = undefined;
         try {
             const envelope = await getEnvelope(endpoint, envelopeId);
+            // Post-process the envelope to upgrade to new data fields
+            (_a = envelope.documents) === null || _a === void 0 ? void 0 : _a.forEach(document => {
+                if (!document.order) {
+                    document.order = 0;
+                }
+                if (document.page_numbers) {
+                    document.pages = document.page_numbers;
+                }
+            });
             console.debug('[ENVELOPES] Got envelope', envelope);
             Object.assign(store.state, envelope);
             store.state.isLoaded = true;

package/dist/collection/utils/TemplateFieldStore.js

@@ -2,18 +2,14 @@ import { createStore } from "@stencil/store";
 const templateFieldStores = {};
 export const getTemplateFieldStore = (templateId) => {
     if (!templateFieldStores[templateId]) {
+        console.log('Creating template field store', templateId);
         templateFieldStores[templateId] = createStore({ fields: [] });
     }
     return templateFieldStores[templateId];
 };
 export const createTemplateFieldStore = (template) => {
     let store = getTemplateFieldStore(template.id);
-    if (!store) {
-        console.log('Creating template field store for template', template);
-        store = createStore({ fields: [] });
-        templateFieldStores[template.id] = store;
-    }
-    store.set('fields', [...template.fields]);
+    store.set('fields', [...template.fields.map(field => ({ ...field, page: field.page || field.page_sequence }))]);
     return store;
 };
 export const createTemplateFieldStoreFromEnvelope = (envelope) => {
@@ -42,7 +38,3 @@ export const updateStoreField = (store, oldName, newFieldData) => {
         store.set('fields', oldFields.map(field => (field.name === oldName ? { ...field, ...newFieldData } : { ...field })));
     }
 };
-export const deleteStoreField = (store, name) => {
-    const newFields = [...store.get('fields').filter(field => field.name !== name)];
-    store.set('fields', newFields);
-};

package/dist/collection/utils/TemplateRoleStore.js

@@ -8,11 +8,6 @@ export const getTemplateRoleStore = (templateId) => {
 };
 export const createTemplateRoleStore = (template) => {
     let store = getTemplateRoleStore(template.id);
-    if (!store) {
-        console.log('Creating template role store for template', template);
-        store = createStore({ roles: [] });
-        templateRoleStores[template.id] = store;
-    }
     store.set('roles', [...template.roles]);
     return store;
 };

package/dist/collection/utils/TemplateStore.js

@@ -40,6 +40,7 @@ const createTemplateStore = (templateId) => {
 };
 const templateStores = {};
 export const getTemplateStore = async (endpoint, templateId, forceReload = false) => {
+    var _a, _b;
     let created = false;
     if (!templateStores[templateId]) {
         console.debug('[TEMPLATES] No template store found for ID, creating', templateId);
@@ -47,9 +48,6 @@ export const getTemplateStore = async (endpoint, templateId, forceReload = false
         created = true;
     }
     const store = templateStores[templateId];
-    // TODO: This can create a race condition if two components call this at the same time.
-    //  For now we can probably defer doing something smart here because it's only a
-    //  double-load issue.
     if (created || forceReload) {
         console.debug('[TEMPLATES] Loading template', { templateId, created, forceReload });
         store.state.isLoading = true;
@@ -58,6 +56,23 @@ export const getTemplateStore = async (endpoint, templateId, forceReload = false
         store.state.error = undefined;
         try {
             const template = await getTemplate(endpoint, templateId);
+            // Post-process the template to upgrade to new data fields
+            if (!template.documents && template.template_documents) {
+                template.documents = template.template_documents;
+            }
+            (_a = template.documents) === null || _a === void 0 ? void 0 : _a.forEach(document => {
+                if (!document.order) {
+                    document.order = 0;
+                }
+                if (document.page_numbers) {
+                    document.pages = document.page_numbers;
+                }
+            });
+            (_b = template.fields) === null || _b === void 0 ? void 0 : _b.forEach(field => {
+                if (field.setting) {
+                    field.settings = field.setting;
+                }
+            });
             console.debug('[TEMPLATES] Got template', template);
             Object.assign(store.state, template);
             store.state.isLoaded = true;

package/dist/collection/utils/utils.js

@@ -156,15 +156,10 @@ export const renderDocumentField = (field, docPage, fieldOptions, tabIndex = 1)
             else {
                 el.setAttribute('tabIndex', tabIndex);
             }
-            if (editable) {
-                el.setAttribute('editable', true);
-            }
-            if (draggable) {
-                el.setAttribute('draggable', true);
-            }
-            if (done) {
-                el.setAttribute('done', true);
-            }
+            console.log(field.name, 'editable', editable);
+            el.setAttribute('editable', editable);
+            el.setAttribute('draggable', draggable);
+            el.setAttribute('done', done);
             setControlStyles(el, field, docPage.xScale, docPage.yScale);
             controlsDiv.appendChild(el);
             return el;
@@ -264,9 +259,7 @@ export const renderDocumentField = (field, docPage, fieldOptions, tabIndex = 1)
             return null;
     }
 };
-// TODO: We can clean this up a lot if we alter the API to emit both setting and settings regardless of the source type,
-//   but then merge the SDK types to encourage developers to use just `settings`.
-export const getFieldSettings = (field) => field.settings;
+export const getFieldSettings = (field) => (field === null || field === void 0 ? void 0 : field.settings) || {};
 /**
  * Helper function to safely set/update components in a CSS transform attribute. Transform is normally set as a string of
  * `operation1(param) operation2(param) ...` components, which makes updating them a bit of a pain. This will remove the

package/dist/components/EnvelopeStore.js

@@ -1,4 +1,4 @@
-import { c as createStore } from './index2.js';
+import { c as createStore } from './index4.js';
 import { getEnvelope } from '@verdocs/js-sdk';
 import { u as undefinedType } from './index3.js';
 
@@ -37,6 +37,7 @@ const createEnvelopeStore = (envelopeId) => {
 };
 const envelopeStores = {};
 const getEnvelopeStore = async (endpoint, envelopeId, forceReload = false) => {
+    var _a;
     let created = false;
     if (!envelopeStores[envelopeId]) {
         console.debug('[ENVELOPES] No envelope store found for ID, creating', envelopeId);
@@ -61,6 +62,15 @@ const getEnvelopeStore = async (endpoint, envelopeId, forceReload = false) => {
         store.state.error = undefinedType;
         try {
             const envelope = await getEnvelope(endpoint, envelopeId);
+            // Post-process the envelope to upgrade to new data fields
+            (_a = envelope.documents) === null || _a === void 0 ? void 0 : _a.forEach(document => {
+                if (!document.order) {
+                    document.order = 0;
+                }
+                if (document.page_numbers) {
+                    document.pages = document.page_numbers;
+                }
+            });
             console.debug('[ENVELOPES] Got envelope', envelope);
             Object.assign(store.state, envelope);
             store.state.isLoaded = true;

package/dist/components/TemplateFieldStore.js

@@ -1,20 +1,16 @@
-import { c as createStore } from './index2.js';
+import { c as createStore } from './index4.js';
 
 const templateFieldStores = {};
 const getTemplateFieldStore = (templateId) => {
     if (!templateFieldStores[templateId]) {
+        console.log('Creating template field store', templateId);
         templateFieldStores[templateId] = createStore({ fields: [] });
     }
     return templateFieldStores[templateId];
 };
 const createTemplateFieldStore = (template) => {
     let store = getTemplateFieldStore(template.id);
-    if (!store) {
-        console.log('Creating template field store for template', template);
-        store = createStore({ fields: [] });
-        templateFieldStores[template.id] = store;
-    }
-    store.set('fields', [...template.fields]);
+    store.set('fields', [...template.fields.map(field => ({ ...field, page: field.page || field.page_sequence }))]);
     return store;
 };
 const createTemplateFieldStoreFromEnvelope = (envelope) => {
@@ -44,4 +40,4 @@ const updateStoreField = (store, oldName, newFieldData) => {
     }
 };
 
-export { createTemplateFieldStoreFromEnvelope as a, createTemplateFieldStore as c, getTemplateFieldStore as g, updateStoreField as u };
+export { createTemplateFieldStore as a, createTemplateFieldStoreFromEnvelope as c, getTemplateFieldStore as g, updateStoreField as u };

package/dist/components/TemplateRoleStore.js

@@ -1,4 +1,4 @@
-import { c as createStore } from './index2.js';
+import { c as createStore } from './index4.js';
 
 const templateRoleStores = {};
 const getTemplateRoleStore = (templateId) => {
@@ -9,11 +9,6 @@ const getTemplateRoleStore = (templateId) => {
 };
 const createTemplateRoleStore = (template) => {
     let store = getTemplateRoleStore(template.id);
-    if (!store) {
-        console.log('Creating template role store for template', template);
-        store = createStore({ roles: [] });
-        templateRoleStores[template.id] = store;
-    }
     store.set('roles', [...template.roles]);
     return store;
 };

package/dist/components/TemplateStore.js

@@ -1,7 +1,7 @@
-import { c as createStore } from './index2.js';
+import { c as createStore } from './index4.js';
 import { getTemplate } from '@verdocs/js-sdk';
 import { c as createTemplateRoleStore, g as getTemplateRoleStore } from './TemplateRoleStore.js';
-import { c as createTemplateFieldStore, g as getTemplateFieldStore } from './TemplateFieldStore.js';
+import { a as createTemplateFieldStore, g as getTemplateFieldStore } from './TemplateFieldStore.js';
 import { u as undefinedType } from './index3.js';
 
 const createTemplateStore = (templateId) => {
@@ -41,6 +41,7 @@ const createTemplateStore = (templateId) => {
 };
 const templateStores = {};
 const getTemplateStore = async (endpoint, templateId, forceReload = false) => {
+    var _a, _b;
     let created = false;
     if (!templateStores[templateId]) {
         console.debug('[TEMPLATES] No template store found for ID, creating', templateId);
@@ -48,9 +49,6 @@ const getTemplateStore = async (endpoint, templateId, forceReload = false) => {
         created = true;
     }
     const store = templateStores[templateId];
-    // TODO: This can create a race condition if two components call this at the same time.
-    //  For now we can probably defer doing something smart here because it's only a
-    //  double-load issue.
     if (created || forceReload) {
         console.debug('[TEMPLATES] Loading template', { templateId, created, forceReload });
         store.state.isLoading = true;
@@ -59,6 +57,23 @@ const getTemplateStore = async (endpoint, templateId, forceReload = false) => {
         store.state.error = undefinedType;
         try {
             const template = await getTemplate(endpoint, templateId);
+            // Post-process the template to upgrade to new data fields
+            if (!template.documents && template.template_documents) {
+                template.documents = template.template_documents;
+            }
+            (_a = template.documents) === null || _a === void 0 ? void 0 : _a.forEach(document => {
+                if (!document.order) {
+                    document.order = 0;
+                }
+                if (document.page_numbers) {
+                    document.pages = document.page_numbers;
+                }
+            });
+            (_b = template.fields) === null || _b === void 0 ? void 0 : _b.forEach(field => {
+                if (field.setting) {
+                    field.settings = field.setting;
+                }
+            });
             console.debug('[TEMPLATES] Got template', template);
             Object.assign(store.state, template);
             store.state.isLoaded = true;

package/dist/components/Types.js

@@ -2,4 +2,4 @@ const FORMAT_TIMESTAMP = 'P pp';
 // export const FORMAT_TIMESTAMP = 'Y-MM-dd hh:mm:ss a';
 const FORMAT_DATE = 'Y-MM-dd';
 
-export { FORMAT_DATE as F, FORMAT_TIMESTAMP as a };
+export { FORMAT_TIMESTAMP as F, FORMAT_DATE as a };

package/dist/components/index.d.ts

@@ -31,3 +31,15 @@ export interface SetPlatformOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+/**
+ * Utility to define all custom elements within this package using the tag name provided in the component's source.
+ * When defining each custom element, it will also check it's safe to define by:
+ *
+ * 1. Ensuring the "customElements" registry is available in the global context (window).
+ * 2. Ensuring that the component tag name is not already defined.
+ *
+ * Use the standard [customElements.define()](https://developer.mozilla.org/en-US/docs/Web/API/CustomElementRegistry/define)
+ * method instead to define custom elements individually, or to provide a different tag name.
+ */
+export declare const defineCustomElements: (opts?: any) => void;