@verdocs/web-sdk 5.0.25 → 5.0.28

package/dist/esm/verdocs-preview_6.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, F as Fragment, g as getElement } from './index-272d51a4.js';
 import { VerdocsEndpoint, getTemplate, integerSequence, getOrganizationContacts, isValidEmail, createEnvelope, formatFullName, getRGBA, createTemplateDocument, deleteTemplateDocument, updateField, createField, updateTemplateRole, createTemplateRole } from '@verdocs/js-sdk';
 import { S as SDKError } from './errors-887f1e88.js';
-import { S as Store } from './Datastore-3f924d94.js';
+import { S as Store } from './Datastore-77cb8d9c.js';
 import { V as VerdocsToast } from './Toast-c4843828.js';
 import { D as DocIcon, P as PngIcon, J as JpgIcon, a as PdfIcon, F as FileIcon, b as PageCountIcon, T as TrashIcon } from './Icons-faf0377f.js';
 import { f as format } from './format-b8602175.js';
@@ -700,7 +700,9 @@ const VerdocsTemplateFields = class {
             var _a, _b;
             this.template = template;
             this.loading = false;
-            this.selectedRoleName = ((_b = (_a = template.roles) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.name) || '';
+            if (!this.selectedRoleName) {
+                this.selectedRoleName = ((_b = (_a = template.roles) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.name) || '';
+            }
         });
     }
     unlistenToTemplate() {
@@ -871,6 +873,7 @@ const VerdocsTemplateFields = class {
                 width,
                 height,
                 multiline: false,
+                readonly: false,
                 options: this.placing === 'radio' ? [{ id: 'option-1', label: 'Option 1' }] : [],
             };
             console.log('[FIELDS] Will save new field', field);
@@ -3855,11 +3858,10 @@ const VerdocsTemplateRoles = class {
         if (this.loading || !this.template) {
             return (h(Host, { class: "loading" }, h("verdocs-loader", null)));
         }
-        console.log('[ROLES] Rendering', this.template.roles.map(r => ({ name: r.name, sequence: r.sequence, order: r.order })));
         const roleNames = this.getRoleNames();
         const sequences = this.getSequenceNumbers();
         const nextSequence = sequences && sequences.length > 0 ? (sequences[sequences.length - 1] || 0) + 1 : 1;
-        // style={{backgroundColor: getRGBA(getRoleIndex(this.template, role.name))}}
+        console.log('[ROLES] Rendering', { roleNames, sequences, nextSequence });
         return (h(Host, { class: { dragging: this.dragging } }, h("form", { onSubmit: e => e.preventDefault(), onClick: e => e.stopPropagation(), autocomplete: "off" }, h("h5", null, "Roles and Workflow"), h("div", { class: "roles" }, sequences.map((sequence, index) => (h("div", { class: "sequence" }, h("div", { class: "sequence-label no-drag" }, index + 1, "."), h("div", { class: "sequence-roles", id: `verdocs-roles-sequence-${sequence}`, "data-sequence": sequence }, this.getRolesAtSequence(sequence).map(role => {
             const unknown = !role.email || !role.first_name || !role.last_name;
             return unknown ? (h("div", { class: "role", "data-rolename": role.name, "data-sequence": sequence, "data-order": role.order }, h("div", { class: "role-name" }, role.name), h("div", { class: "icons" }, h("div", { class: "gear-button", innerHTML: settingsIcon, onClick: () => (this.showingRoleDialog = role.name), "aria-role": "button" }), h("span", { class: "type-icon", innerHTML: role.type === 'signer' ? iconSigner : role.type === 'cc' ? iconCC : iconApprover })))) : (h("div", { class: "role", "data-rolename": role.name, "data-sequence": sequence, "data-order": role.order }, h("div", { class: "role-name" }, formatFullName(role)), h("div", { class: "icons" }, h("div", { class: "gear-button", innerHTML: settingsIcon, onClick: () => (this.showingRoleDialog = role.name), "aria-role": "button" }), h("span", { class: "type-icon", innerHTML: role.type === 'signer' ? iconSigner : role.type === 'cc' ? iconCC : iconApprover }))));