@verdocs/web-sdk 4.2.43 → 4.2.48

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: '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
+        return (h(Host, { key: '3edd035c5d69b95c4cad1232b444513f1dbee44d' }, h("div", { key: '19aa33d7ba14d1034cb69d6cfeeb6506cf53a8e5', class: "background-overlay", onClick: e => this.handleCancel(e) }, h("div", { key: '2012d47d29d0bb7b5efc2c733792eb0fd0e51aed', class: "dialog" }, h("form", { key: 'bdbdd0be3c27ccf69c9303ae42585dd2c3e9fbc9', onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("verdocs-text-input", { key: 'dee4b0337c8f1d065118b033ae4dfffce2251802', 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: '35310c43c72be59031d74995d5e4e08fd74b34bd', class: "row" }, h("div", { key: '4b47e8595ad1119d4027049b56acd43443a4b09a', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: '97f18bfb8052d6f0690bf2d570a42a0a604556b9', value: this.type, options: [
+            } }), h("div", { key: 'efdf8894739903c3f5fe8fb3eb039a5457cdf0bc', class: "row" }, h("div", { key: 'd2c85a2ca439758268704ced18dd7dbe76ffec69', class: "input-label" }, "Type:"), h("verdocs-select-input", { key: '343c54e4cde6b4cf540bb17a5190d1527e9528fc', 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: '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) => {
+            } }), h("verdocs-help-icon", { key: '6cc61871b2f417f0bf0d226c42e8fc3645841c5c', 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: 'e151052eb861e97d4609bc3b4d41edc17c235822', 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: '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) => {
+            } }), h("verdocs-text-input", { key: '5e7c0e612d73cfb3510ccfbcaa9af6e3ebe3c383', 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: '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) => {
+            } }), h("verdocs-text-input", { key: 'c3b395d1207358018e1b3168923b156c535f64e5', 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: '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) => {
+            } }), h("div", { key: '9be759a4b006161944a3c64f88e0ec485442a498', class: "row" }, h("div", { key: '54736c623644013ec6f2920231c449f77f06b339', class: "input-label" }, "May Delegate:"), h("div", { key: '7a29cfa733029fb261399b675cde3bf757400810', class: "checkbox-wrapper" }, h("verdocs-checkbox", { key: '35730144cecf76fd4d26737cac98fbceee559f8e', checked: this.delegator, onInput: (e) => {
                 this.delegator = e.target.checked;
                 this.dirty = true;
-            } })), 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) })))))));
+            } })), h("verdocs-help-icon", { key: 'fb8d8aa0d555b6fa0a747dbbcf38b0078622e864', text: "If enabled, this recipient may delegate their actions to another individual." })), h("div", { key: '4323af3ee35e76d3774c58b0831b989a815825eb', class: "buttons" }, h("button", { key: '5efaefcae1c438a70186d752c336790e5b3ca448', class: "delete-button", disabled: this.dirty, onClick: e => this.handleDelete(e), innerHTML: TrashIcon }), h("div", { key: 'c2db70468bec1d73264ee5da8d83b9d0ee453bb6', style: { flex: '1' } }), h("verdocs-button", { key: '826e2694e1ec1f7a24b5f3174d0e1da079b0b10b', size: "small", variant: "outline", label: "Cancel", disabled: !this.dirty, onClick: e => this.handleCancel(e) }), h("verdocs-button", { key: '5bc64b65627615fbe543c42a619a98be9cb85ac7', 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.css

@@ -43,6 +43,7 @@ verdocs-template-roles > form .row {
   display: flex;
   column-gap: 0;
   min-height: 35px;
+  margin-top: 0;
   margin-left: 40px;
   position: relative;
   flex-direction: row;

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

@@ -61,7 +61,7 @@ export class VerdocsTemplateSender {
         });
     }
     render() {
-        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() }))))));
+        return (h(Host, { key: 'b75d6f485ee4892b06723565b636e99934686734' }, h("div", { key: '571f2e8c2929d4c1613b81140b8f6bb6b3fef77c', class: "background-overlay", onClick: e => this.handleDismiss(e) }, h("div", { key: '5f367024e582f014eeeb8034e4584bd3ac2ba376', class: "dialog" }, h("div", { key: 'e56f16c943a49f75540d765001fb28478dec78df', class: "options" }, h("div", { key: '4f30c70e38c2a4c7da5ed36d2837419a9b4382f5', class: "option" }, h("verdocs-radio-button", { key: '5df0f864a7686e294f4d263fa15aaca7d76f23a7', name: "template-sender", value: 'everyone', checked: this.sender === 'everyone', onInput: () => this.handleSelectSetting('everyone') }), h("div", { key: '193f9bacb11df6ee7ea8fce20352e8120d0ec9a2', class: "description" }, h("div", { key: 'b364415369c8926ba915ffc3509e022253564b3f', class: "name" }, "Anyone on the Web"), h("verdocs-help-icon", { key: '9f49f7abc5f0f83d3fe06eede0189d7f1afdc57f', text: "Anyone can use this template. (Make its visibility is set to to 'Public' or 'Shared'.)" }))), h("div", { key: '6f6a173447a264dc20b6fc42ce3431937f5a676f', class: "option" }, h("verdocs-radio-button", { key: 'ff8c0f0853bbc22917888e889322debdd6f43dcf', name: "template-sender", value: 'everyone_as_creator', checked: this.sender === 'everyone_as_creator', onInput: () => this.handleSelectSetting('everyone_as_creator') }), h("div", { key: '294cd0ad0eefcd67312bde25f1e84b03d31a78ae', class: "description" }, h("div", { key: '1df07d5a0e436cb52e5aaab5df9e42737e979098', class: "name" }, "Anyone on the Web as me"), h("verdocs-help-icon", { key: '804ba6375f4b5cb6e073455a090b15311fcb47d4', text: "Anyone can use this template on my behalf. (Make sure its visibility is set to 'Public' or 'Shared'.)" }))), h("div", { key: '7d95c56de1c94d1265ae1f34d9cae248b5b3677d', class: "option" }, h("verdocs-radio-button", { key: 'aede61f03827eb862be042c454c43e8adb162ab2', name: "template-sender", value: 'organization_member', checked: this.sender === 'organization_member', onInput: () => this.handleSelectSetting('organization_member') }), h("div", { key: '3a6262cd830d04f9998c354a8de77672f846502e', class: "description" }, h("div", { key: '38e6ca2fde7d7e5eb1690335c94a30b07b8c2962', class: "name" }, "Anyone in my organization"), h("verdocs-help-icon", { key: 'ccfb7459079de7bcdcd2bae2109ff6ba052a0ecd', text: "Anyone in my organization can use this template. (Make sure its visibility is set to 'Shared')" }))), h("div", { key: 'd69133422e538a470c61e8a7bb1f36e43bb2cddd', class: "option" }, h("verdocs-radio-button", { key: '1b7cae03a6195c382476c855a6c7dcaa21c637aa', 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: 'd1eb1bb2c1fb37e6662f4181745f803052d03d11', class: "description" }, h("div", { key: 'e9a3252ea21a19b9bef476ed1f50703e0abf791d', class: "name" }, "Anyone in my organization as me"), h("verdocs-help-icon", { key: '999706b170134d8fd9ff8b92b7d9e5defb2f323b', text: "Anyone in my organization can use this template on my behalf. (Make sure its visibility is set to to 'Shared'.)" }))), h("div", { key: '636e4f3c82d3ccc1059bc42bc3a0d2e6c1bb8963', class: "option" }, h("verdocs-radio-button", { key: '699a6a1d47b96c67095b7c5c2d183c14dab06543', name: "template-sender", value: 'creator', checked: this.sender === 'creator', onInput: () => this.handleSelectSetting('creator') }), h("div", { key: 'afa65902411976df46efa7b7fd934b86f167d269', class: "description" }, h("div", { key: '928b69772bfb2ede80b88a90d76094d331987c94', class: "name" }, "Me"), h("verdocs-help-icon", { key: '8edfcdd374311e55e59e91b1158ae4159fc25fc2', text: "Only I can use this template." })))), h("div", { key: 'c89ffcba333565428c0a1a8de8a1c047af448d1a', class: "buttons" }, h("verdocs-button", { key: 'd46f0eec71c778e53ae811ef0f1fce5d4b3bb71c', 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: '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 || '--')));
+        return (h(Host, { key: '42bac1aa4c8efb6c88d46f3fe17742a1137eff94' }, h("div", { key: '54e66f392f1b267088c9334e9651cff284488637', class: `star ${this.updating ? 'updating' : ''}`, innerHTML: this.template.star_counter ? SolidStarIcon : OutlineStarIcon, onClick: e => this.toggle(e) }), h("div", { key: '57cf9dfff4afab77f2e65c5df2f271874b88e625', 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: 'e754a66c64713a7b01c072b1becd919d9768ac66' }, (_a = this.tags) === null || _a === void 0 ? void 0 : _a.map(tag => (h("span", null, tag)))));
+        return (h(Host, { key: '5ae49ef85eb1b1e92695101f551ca08e9fb1ea39' }, (_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: '567fb81399e2719e52ad2ede3f6786ac9b81dd28' }, h("div", { key: '9b8c57ecc7ec397ae2a295263e44283d48408d1f', class: "header" }, h("div", { key: '902b1e9c4e636ada6b55ba01e5d9ff855892a5d4', class: "filter" }, h("verdocs-text-input", { key: '0cff9a689fec70e1516d828823adc411d6b9353f', 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: '9d14c5bae8ea56281a33536160450cb0488dc52f' }, h("div", { key: 'c59959d7087a0a714b5c6b3a493c5c7446e71906', class: "header" }, h("div", { key: 'e51316310fbb444100962cb0b5a3e4d373af7d04', class: "filter" }, h("verdocs-text-input", { key: 'f528b443e50837c14af05aecf3e55cd89fa25f54', 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: 'd972df79f9706106ac104d1dc332891650440f02', label: "Sharing", value: this.sharing, options: SharingFilters, onOptionSelected: e => {
+            } })), h("verdocs-quick-filter", { key: '80693fdb171cc9ebe2b1488413adaf9c1499f24a', 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: '59f5120af2e4142d1df9d7fd7745d750aefed1a9', label: "Starred", value: this.starred, options: StarredFilters, onOptionSelected: e => {
+            } }), h("verdocs-quick-filter", { key: 'b2ad4b67caf43236a2ace3973d36f27856f51610', 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: '136ba69d6a611450f5a7577377fdc49077bc7c75', label: "Sort By", value: this.sort, options: SortOptions, onOptionSelected: e => {
+            } }), h("verdocs-quick-filter", { key: 'a448da8ee694fcb964d047cd35c19740abd80d49', 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: '2f5ecff99858ac58cb9c3163ebf29de9c9af0600', mode: "dark", size: 24 }), h("div", { key: '002f869e168bede8529f5a1eef34193a1c7fa2a4', style: { display: 'flex', flex: '1' } })), locallyFilteredTemplates.map(template => {
+            } }), this.loading && h("verdocs-spinner", { key: 'f4bc962a22034a2faa3ed815d40d33f47e70c408', mode: "dark", size: 24 }), h("div", { key: 'a0434d9ec54346c558999ac88bbcff024ade0727', 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: '474cabc9eec73c09797ced3f8a30f96cdfcf8c83' }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "template-placeholder" }))))), this.initiallyLoaded && !this.templates.length && h("div", { key: '0672ebc51ac1fb5277bf4221d3e5317989e31a07', 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: '0f5ae9865209b24176770ab2f9af2657e20fc8f7' }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "template-placeholder" }))))), this.initiallyLoaded && !this.templates.length && h("div", { key: '42a3642519dedc31dfb49b798b03179a6c7449c6', 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: '891cd4b0f6930b148b6144a17285c487aae56b51', 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: '6d5f37081d75a19f0d5579b8387d19e45c585f92', 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

@@ -66,9 +66,6 @@ export const getEnvelopeStore = async (endpoint, envelopeId, forceReload = false
                 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);

package/dist/collection/utils/TemplateRoleStore.js

@@ -7,7 +7,6 @@ export const getTemplateRoleStore = (templateId) => {
     return templateRoleStores[templateId];
 };
 export const createTemplateRoleStore = (template) => {
-    console.log('creating role store', template);
     let store = getTemplateRoleStore(template.id);
     const roles = [...(template.roles || [])];
     roles.sort((a, b) => {

package/dist/collection/utils/TemplateStore.js

@@ -40,7 +40,7 @@ const createTemplateStore = (templateId) => {
 };
 const templateStores = {};
 export const getTemplateStore = async (endpoint, templateId, forceReload = false) => {
-    var _a, _b;
+    var _a;
     let created = false;
     if (!templateStores[templateId]) {
         console.debug('[TEMPLATES] No template store found for ID, creating', templateId);
@@ -68,11 +68,6 @@ export const getTemplateStore = async (endpoint, templateId, forceReload = false
                     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

@@ -20,8 +20,6 @@ export const defaultWidth = (type) => {
             return 24;
         case 'radio':
         case 'checkbox':
-        case 'checkbox_group':
-        case 'radio_button_group':
             return 14;
         case 'signature':
         case 'initial':
@@ -48,8 +46,6 @@ export const defaultHeight = (type) => {
             return 24;
         case 'radio':
         case 'checkbox':
-        case 'checkbox_group':
-        case 'radio_button_group':
             return 14;
         case 'signature':
         case 'initial':
@@ -59,17 +55,16 @@ export const defaultHeight = (type) => {
     }
     return 50;
 };
-export const setControlStyles = (el, field, xScale, yScale, option) => {
-    var _a, _b, _c, _d;
+export const setControlStyles = (el, field, xScale, yScale) => {
     let { x = 0, y = 0, width = defaultWidth(field.type), height = defaultHeight(field.type) } = field;
-    const settings = field.settings || field.settings;
-    const optionSettings = settings.options && option !== undefined && settings.options[option] ? settings.options[option] : null;
-    if (optionSettings) {
-        x = (_a = optionSettings.x) !== null && _a !== void 0 ? _a : x;
-        y = (_b = optionSettings.y) !== null && _b !== void 0 ? _b : y;
-        width = (_c = optionSettings.width) !== null && _c !== void 0 ? _c : width;
-        height = (_d = optionSettings.height) !== null && _d !== void 0 ? _d : height;
-    }
+    // const settings = (field as ITemplateField).settings || (field as IEnvelopeField).settings;
+    // const optionSettings = settings.options && option !== undefined && settings.options[option] ? settings.options[option] : null;
+    // if (optionSettings) {
+    //   x = optionSettings.x ?? x;
+    //   y = optionSettings.y ?? y;
+    //   width = optionSettings.width ?? width;
+    //   height = optionSettings.height ?? height;
+    // }
     el.style.width = `${width}px`;
     el.style.height = `${height}px`;
     el.style.position = 'absolute';
@@ -78,17 +73,16 @@ export const setControlStyles = (el, field, xScale, yScale, option) => {
     el.style.transform = `scale(${xScale}, ${yScale})`;
     // el.style.backgroundColor = field['rgba'] || getRGBA(roleIndex);
 };
-export const getControlStyles = (field, xScale, yScale, option) => {
-    var _a, _b, _c, _d;
+export const getControlStyles = (field, xScale, yScale) => {
     let { x = 0, y = 0, width = defaultWidth(field.type), height = defaultHeight(field.type) } = field;
-    const settings = field.settings || field.settings;
-    const optionSettings = settings.options && option !== undefined && settings.options[option] ? settings.options[option] : null;
-    if (optionSettings) {
-        x = (_a = optionSettings.x) !== null && _a !== void 0 ? _a : x;
-        y = (_b = optionSettings.y) !== null && _b !== void 0 ? _b : y;
-        width = (_c = optionSettings.width) !== null && _c !== void 0 ? _c : width;
-        height = (_d = optionSettings.height) !== null && _d !== void 0 ? _d : height;
-    }
+    // const settings = (field as ITemplateField).settings || (field as IEnvelopeField).settings;
+    // const optionSettings = settings.options && option !== undefined && settings.options[option] ? settings.options[option] : null;
+    // if (optionSettings) {
+    //   x = optionSettings.x ?? x;
+    //   y = optionSettings.y ?? y;
+    //   width = optionSettings.width ?? width;
+    //   height = optionSettings.height ?? height;
+    // }
     return {
         width: `${width}px`,
         height: `${height}px`,
@@ -122,6 +116,7 @@ export const renderDocumentField = (field, docPage, fieldOptions, tabIndex = 1)
         console.log('[renderDocumentField] No controls DIV found', docPage.containerId + '-controls', docPage);
         return;
     }
+    console.log('[renderDocumentField] Rendering field', field);
     switch (field.type) {
         case 'attachment':
         case 'date':
@@ -168,7 +163,7 @@ export const renderDocumentField = (field, docPage, fieldOptions, tabIndex = 1)
             const id = getFieldOptionId(field, 0);
             const existingField = document.getElementById(id);
             if (existingField) {
-                setControlStyles(existingField, field, docPage.xScale, docPage.yScale, 0);
+                setControlStyles(existingField, field, docPage.xScale, docPage.yScale);
                 return existingField;
             }
             const cbEl = document.createElement(`verdocs-field-checkbox`);
@@ -187,7 +182,7 @@ export const renderDocumentField = (field, docPage, fieldOptions, tabIndex = 1)
             if (draggable) {
                 cbEl.setAttribute('draggable', true);
             }
-            setControlStyles(cbEl, field, docPage.xScale, docPage.yScale, 0);
+            setControlStyles(cbEl, field, docPage.xScale, docPage.yScale);
             controlsDiv.appendChild(cbEl);
             return cbEl;
         }
@@ -195,7 +190,7 @@ export const renderDocumentField = (field, docPage, fieldOptions, tabIndex = 1)
             const id = getFieldOptionId(field, 0);
             const existingField = document.getElementById(id);
             if (existingField) {
-                setControlStyles(existingField, field, docPage.xScale, docPage.yScale, 0);
+                setControlStyles(existingField, field, docPage.xScale, docPage.yScale);
                 return existingField;
             }
             const radioEl = document.createElement(`verdocs-field-radio`);
@@ -214,72 +209,16 @@ export const renderDocumentField = (field, docPage, fieldOptions, tabIndex = 1)
             if (draggable) {
                 radioEl.setAttribute('draggable', true);
             }
-            setControlStyles(radioEl, field, docPage.xScale, docPage.yScale, 0);
+            setControlStyles(radioEl, field, docPage.xScale, docPage.yScale);
             controlsDiv.appendChild(radioEl);
             return radioEl;
         }
-        case 'checkbox_group':
-            return (field.settings || field.setting || {}).options.map((_, checkboxIndex) => {
-                const id = getFieldOptionId(field, checkboxIndex);
-                const existingField = document.getElementById(id);
-                if (existingField) {
-                    setControlStyles(existingField, field, docPage.xScale, docPage.yScale, checkboxIndex);
-                    return existingField;
-                }
-                const cbEl = document.createElement(`verdocs-field-checkbox`);
-                cbEl.field = field;
-                cbEl.setAttribute('id', id);
-                cbEl.setAttribute('option', checkboxIndex);
-                if (disabled) {
-                    cbEl.setAttribute('disabled', true);
-                }
-                if (done) {
-                    cbEl.setAttribute('done', true);
-                }
-                if (editable) {
-                    cbEl.setAttribute('editable', true);
-                }
-                if (draggable) {
-                    cbEl.setAttribute('draggable', true);
-                }
-                setControlStyles(cbEl, field, docPage.xScale, docPage.yScale, checkboxIndex);
-                controlsDiv.appendChild(cbEl);
-                return cbEl;
-            });
-        case 'radio_button_group':
-            return (field.settings || field.setting || {}).options.map((_, buttonIndex) => {
-                const id = getFieldOptionId(field, buttonIndex);
-                const existingField = document.getElementById(id);
-                if (existingField) {
-                    setControlStyles(existingField, field, docPage.xScale, docPage.yScale, buttonIndex);
-                    return existingField;
-                }
-                const radioEl = document.createElement(`verdocs-field-radio-button`);
-                radioEl.field = field;
-                radioEl.setAttribute('id', id);
-                radioEl.setAttribute('option', buttonIndex);
-                if (disabled) {
-                    radioEl.setAttribute('disabled', true);
-                }
-                if (done) {
-                    radioEl.setAttribute('done', true);
-                }
-                if (editable) {
-                    radioEl.setAttribute('editable', true);
-                }
-                if (draggable) {
-                    radioEl.setAttribute('draggable', true);
-                }
-                setControlStyles(radioEl, field, docPage.xScale, docPage.yScale, buttonIndex);
-                controlsDiv.appendChild(radioEl);
-                return radioEl;
-            });
         default:
             console.log('[PREVIEW] Skipping unsupported field type', field);
             return null;
     }
 };
-export const getFieldSettings = (field) => (field === null || field === void 0 ? void 0 : field.settings) || {};
+// export const getFieldSettings = (field: ITemplateField | IEnvelopeField | undefined) => 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

@@ -67,9 +67,6 @@ const getEnvelopeStore = async (endpoint, envelopeId, forceReload = false) => {
                 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);

package/dist/components/TemplateRoleStore.js

@@ -8,7 +8,6 @@ const getTemplateRoleStore = (templateId) => {
     return templateRoleStores[templateId];
 };
 const createTemplateRoleStore = (template) => {
-    console.log('creating role store', template);
     let store = getTemplateRoleStore(template.id);
     const roles = [...(template.roles || [])];
     roles.sort((a, b) => {

package/dist/components/TemplateStore.js

@@ -41,7 +41,7 @@ const createTemplateStore = (templateId) => {
 };
 const templateStores = {};
 const getTemplateStore = async (endpoint, templateId, forceReload = false) => {
-    var _a, _b;
+    var _a;
     let created = false;
     if (!templateStores[templateId]) {
         console.debug('[TEMPLATES] No template store found for ID, creating', templateId);
@@ -69,11 +69,6 @@ const getTemplateStore = async (endpoint, templateId, forceReload = false) => {
                     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

@@ -1,4 +1,3 @@
-import { VerdocsActivityBox } from './verdocs-activity-box.js';
 import { VerdocsAuth } from './verdocs-auth.js';
 import { VerdocsBuild } from './verdocs-build.js';
 import { VerdocsButton } from './verdocs-button.js';
@@ -20,7 +19,6 @@ import { VerdocsFieldDropdown } from './verdocs-field-dropdown.js';
 import { VerdocsFieldInitial } from './verdocs-field-initial.js';
 import { VerdocsFieldPayment } from './verdocs-field-payment.js';
 import { VerdocsFieldRadio } from './verdocs-field-radio.js';
-import { VerdocsFieldRadioButton } from './verdocs-field-radio-button.js';
 import { VerdocsFieldSignature } from './verdocs-field-signature.js';
 import { VerdocsFieldTextarea } from './verdocs-field-textarea.js';
 import { VerdocsFieldTextbox } from './verdocs-field-textbox.js';
@@ -77,7 +75,6 @@ export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stenc
 const defineCustomElements = (opts) => {
     if (typeof customElements !== 'undefined') {
         [
-            VerdocsActivityBox,
             VerdocsAuth,
             VerdocsBuild,
             VerdocsButton,
@@ -99,7 +96,6 @@ const defineCustomElements = (opts) => {
             VerdocsFieldInitial,
             VerdocsFieldPayment,
             VerdocsFieldRadio,
-            VerdocsFieldRadioButton,
             VerdocsFieldSignature,
             VerdocsFieldTextarea,
             VerdocsFieldTextbox,