@verdocs/web-sdk 4.0.9 → 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: '710e7f0ab8b1ecad6fa29a2872cfa8cd724deabd' }, h("div", { key: 'cce8cee42d046c80504e4ae6905cd290334612e6', class: "background-overlay", onClick: e => this.handleCancel(e) }, h("div", { key: '9d43dd9253210f0682f9cf59835702e3ccde5b4f', class: "dialog" }, h("form", { key: 'b532cbc42c82301bbb528b8a3c5112ccad7ae0e4', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("verdocs-text-input", { key: '084af944f9d6c9f3e6fbc562caae052523c755f0', 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: '2dabe3a2431972036407ec97432809b58ca8f250', class: "row" }, h("div", { key: 'fe50813b64830cd68e0c24621aaf72b926aac517', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: '24ba6e3ae5f4fe7c187e7a11e12baaba4caaa094', 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: '271c9d72f5b7b7ecb683cd4b0ea0dbfec26d385b', 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: 'cccad696894aeb79f93803c8cc50fa9552a29860', 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: '5a374e483b87942567a63c39fe9fdef13d460c59', 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: '8e9bf75190115c2b856a5a109a82e4fade3d99a7', 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: '9fd9cb1a91e78154bf1df75cec3b357a464955c5', class: "row" }, h("div", { key: '480168f43800400d9572f6018a0d1d60cc56a588', class: "input-label" }, "May Delegate:"), h("div", { key: 'e65486b714f0e8917572494c57f1ea316ef73038', class: "checkbox-wrapper" }, h("verdocs-checkbox", { key: '3c76bfc3d233e09be06e7bf252fd6997b30fc38b', 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: '99076f70ccdf5a961a7078093e2f3f2ca73b56fb', text: "If enabled, this recipient may delegate their actions to another individual." })), h("div", { key: '86f63ddbd965d2709269cfeb1f105c69424d3a5c', class: "buttons" }, h("button", { key: 'ddde079896635a69dcd10bb82008c1986ed52383', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: 'f4d23743dce9acb5f16c519b569764bb17253944', style: { flex: '1' } }), h("verdocs-button", { key: 'fe271dda2a5e9d6a8f0c4ba4199af5ea8f81077d', size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '38b2986e9e3b784215fcafdf486631f7ebf1361b', 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: 'b8ca2ff8bdae1256801c67f7be188f6b3e4c5c33' }, h("div", { key: '565b0287142ce32fd1d11b7e344b35b8151b9e93', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '2ece454c0aba99deb418e1ac2035e237a2296a6c', class: "dialog" }, h("div", { key: 'cbac2ba10ad6cd63e714019e4311627e7972ae52', class: "options" }, h("div", { key: '1ab94e1e5f30089cabb6abf23ee1294663cfa878', class: "option" }, h("verdocs-radio-button", { key: 'ae1689ae1a34ff1f9e1ae99917e659c27e2b6731', name: "template-sender", value: 'everyone', checked: this.sender === 'everyone', onInput: () => this.handleSelectSetting('everyone') }), h("div", { key: '78741f9340debb402dfcca11bf33a19660f7c541', class: "description" }, h("div", { key: 'ddee4eaf150cf0989849a2799896a2fd7c401411', class: "name" }, "Anyone on the Web"), h("verdocs-help-icon", { key: 'f51b1ba236eb08ebaae5a6171b9d3f8815dfb7c5', text: "Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)" }))), h("div", { key: '37095164cf4cfa5030b1d2da04b6add9a572c914', class: "option" }, h("verdocs-radio-button", { key: '8e8c8681e992cf00caa314c493afcd5bdb7a0fbe', name: "template-sender", value: 'everyone_as_creator', checked: this.sender === 'everyone_as_creator', onInput: () => this.handleSelectSetting('everyone_as_creator') }), h("div", { key: '5a94fd99ef10648c5c1f68a91f80c31d1e8f5078', class: "description" }, h("div", { key: '9a64f779ebe53499683f5af9ec7bc0218fe66499', class: "name" }, "Anyone on the Web as me"), h("verdocs-help-icon", { key: '64edd79a609173c7399dbc2cce06269f0f7adc15', text: "Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)" }))), h("div", { key: 'b287986b5282e92153504a328a9273b0fcb81902', class: "option" }, h("verdocs-radio-button", { key: '909e26ec66bf5d27014f2ef41c533662f5e2033e', name: "template-sender", value: 'organization_member', checked: this.sender === 'organization_member', onInput: () => this.handleSelectSetting('organization_member') }), h("div", { key: '3a42018b36b144feefa5a662e23f852dcd230889', class: "description" }, h("div", { key: '071573ff99a6019b9d9ba164c7d6d3123b209510', class: "name" }, "Anyone in my organization"), h("verdocs-help-icon", { key: 'ecb0c3cd3f39c92954dd20c94a12c38ce35aa8cb', text: "Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')" }))), h("div", { key: '2515c8c359379c70b7be04b2c50a139b760d777c', class: "option" }, h("verdocs-radio-button", { key: 'd5edd7267eb494c73cee3168de5d841c969a22aa', 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: '31cbe88f2cc23b74534bb2d51f280a3112827722', class: "description" }, h("div", { key: '11160a0c962837e4c4342f46e111fe8ada8ca4d3', class: "name" }, "Anyone in my organization as me"), h("verdocs-help-icon", { key: 'd23472c9393598908dab4ae2a4cba983bafc89e1', text: "Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)" }))), h("div", { key: '128da3cd0259b4d72bd6bca910b932898d9f5f38', class: "option" }, h("verdocs-radio-button", { key: '0a65d2f15e37330526bbf384868b4e65a3b7ce5b', name: "template-sender", value: 'creator', checked: this.sender === 'creator', onInput: () => this.handleSelectSetting('creator') }), h("div", { key: '6182e6fd82ea55b8e59e175e6413f324657405b5', class: "description" }, h("div", { key: '919c6b40c4f171b491b8001c30acca73c6308a86', class: "name" }, "Me"), h("verdocs-help-icon", { key: '9aaaa7ad26ec56b5667c1c1ea31ce19f2742c81e', text: "Only I can use this template." })))), h("div", { key: '6b7bdc820887b652552d4ad9f08ac5c3f83fc71c', class: "buttons" }, h("verdocs-button", { key: 'bcaf3bc67e9de9c62cda7fb6cc1c5ecbfd168d9e', 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: 'a3b6ca54b4549954355f9061b871489243432da7' }, h("div", { key: 'abcfec7a6fb4d928b3bc7080cbe49eb299cb56f9', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), h("div", { key: 'a36087cb85065e3cf888ec8c8ef6fa88f4b3a2e9', 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: 'b98c9a6fdcf66d4a7f779a7022f6b16cb7eef987' }, (_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

@@ -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

@@ -3,18 +3,14 @@ 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) => {

package/dist/components/TemplateRoleStore.js

@@ -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

@@ -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/index.js

@@ -25,7 +25,6 @@ import { VerdocsFieldTextarea } from './verdocs-field-textarea.js';
 import { VerdocsFieldTextbox } from './verdocs-field-textbox.js';
 import { VerdocsFieldTimestamp } from './verdocs-field-timestamp.js';
 import { VerdocsFileChooser } from './verdocs-file-chooser.js';
-import { VerdocsFloatingMenu } from './verdocs-floating-menu.js';
 import { VerdocsHelpIcon } from './verdocs-help-icon.js';
 import { VerdocsInitialDialog } from './verdocs-initial-dialog.js';
 import { VerdocsKbaDialog } from './verdocs-kba-dialog.js';
@@ -109,7 +108,6 @@ const defineCustomElements = (opts) => {
             VerdocsFieldTextbox,
             VerdocsFieldTimestamp,
             VerdocsFileChooser,
-            VerdocsFloatingMenu,
             VerdocsHelpIcon,
             VerdocsInitialDialog,
             VerdocsKbaDialog,

package/dist/components/utils.js

@@ -177,15 +177,10 @@ 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;
@@ -285,9 +280,7 @@ 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`.
-const getFieldSettings = (field) => field.settings;
+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/verdocs-auth.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { VerdocsEndpoint, createBusinessAccount, authenticateUser, decodeAccessTokenBody, resendVerification, resetPassword } from '@verdocs/js-sdk';
+import { VerdocsEndpoint, createAccount, authenticateUser, decodeAccessTokenBody, resendVerification, resetPassword } from '@verdocs/js-sdk';
 import { V as VerdocsToast } from './Toast.js';
 import { S as SDKError } from './errors.js';
 import { d as defineCustomElement$5 } from './verdocs-button2.js';
@@ -122,7 +122,7 @@ const VerdocsAuth$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsAuth extends
     handleSignup() {
         this.submitting = true;
         this.accessTokenForVerification = null;
-        createBusinessAccount(this.endpoint, {
+        createAccount(this.endpoint, {
             email: this.username,
             password: this.password,
             firstName: this.first,