@verdocs/web-sdk 4.2.40 → 4.2.42

package/dist/collection/components/embeds/verdocs-send/verdocs-send.js

@@ -25,17 +25,16 @@ const doneIcon = '<svg focusable="false" aria-hidden="true" viewBox="0 0 24 24"
  */
 export class VerdocsSend {
     constructor() {
-        this.templateStore = null;
-        this.roleStore = null;
         this.endpoint = VerdocsEndpoint.getDefault();
         this.templateId = null;
         this.environment = 'web';
         this.containerId = `verdocs-send-${Math.random().toString(36).substring(2, 11)}`;
-        this.rolesAtLevel = {};
         this.showPickerForId = '';
         this.sessionContacts = [];
         this.sending = false;
         this.rolesCompleted = {};
+        this.templateStore = null;
+        this.roleStore = null;
     }
     async reset() {
         this.rolesCompleted = {};
@@ -47,6 +46,18 @@ export class VerdocsSend {
     async componentWillLoad() {
         var _a, _b, _c;
         try {
+            this.endpoint.onSessionChanged((_endpoint, _session, profile) => {
+                if (profile) {
+                    console.log('setting sc', profile);
+                    this.sessionContacts = [];
+                    this.sessionContacts.push({
+                        id: profile.id,
+                        name: `${profile.first_name} ${profile.last_name}`,
+                        email: profile.email,
+                        phone: profile.phone,
+                    });
+                }
+            });
             this.endpoint.loadSession();
             if (!this.endpoint.session) {
                 console.log('[SEND] Unable to start Send operation, must be authenticated');
@@ -69,17 +80,6 @@ export class VerdocsSend {
             return;
         }
         try {
-            this.endpoint.onSessionChanged((_endpoint, _session, profile) => {
-                if (profile) {
-                    this.sessionContacts = [];
-                    this.sessionContacts.push({
-                        id: profile.id,
-                        name: `${profile.first_name} ${profile.last_name}`,
-                        email: profile.email,
-                        phone: profile.phone,
-                    });
-                }
-            });
             this.templateStore = await getTemplateStore(this.endpoint, templateId, false);
             this.roleStore = getTemplateRoleStore(templateId);
             this.recomputeRolesCompleted();
@@ -93,7 +93,8 @@ export class VerdocsSend {
         }
     }
     recomputeRolesCompleted() {
-        const roles = this.roleStore.get('roles') || [];
+        var _a;
+        const roles = ((_a = this.roleStore) === null || _a === void 0 ? void 0 : _a.get('roles')) || [];
         const rolesAtLevel = {};
         this.rolesCompleted = {};
         roles.forEach(role => {
@@ -106,23 +107,26 @@ export class VerdocsSend {
             }
         });
     }
-    getRoleLevels() {
-        const roles = this.roleStore.get('roles') || [];
-        const rolesAtLevel = {};
-        this.rolesCompleted = {};
-        roles.forEach(role => {
-            const level = role.sequence - 1;
-            rolesAtLevel[level] || (rolesAtLevel[level] = []);
-            const id = `r-${level}-${rolesAtLevel[level].length}`;
-            rolesAtLevel[level].push({ ...role, id });
-        });
-        this.rolesAtLevel = rolesAtLevel;
-        const levels = Object.keys(rolesAtLevel).map(levelStr => +levelStr);
+    getLevels() {
+        var _a;
+        const roles = ((_a = this.roleStore) === null || _a === void 0 ? void 0 : _a.get('roles')) || [];
+        const levels = [...new Set(roles.map(role => role.sequence - 1))];
         levels.sort((a, b) => a - b);
         return levels;
     }
+    getRolesAtLevel(level) {
+        var _a;
+        const roles = ((_a = this.roleStore) === null || _a === void 0 ? void 0 : _a.get('roles')) || [];
+        const rolesAtLevel = roles
+            .filter(role => role.sequence - 1 === level)
+            .map((role, index) => ({
+            ...role,
+            id: `r-${level}-${index}`,
+        }));
+        return rolesAtLevel;
+    }
     getLevelIcon(level) {
-        const levels = this.getRoleLevels();
+        const levels = this.getLevels();
         if (level < 0) {
             return h("div", { class: "level-icon", innerHTML: startIcon });
         }
@@ -190,15 +194,16 @@ export class VerdocsSend {
         if (!this.endpoint.session) {
             return (h(Host, { style: { display: 'flex' } }, h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
         }
+        const levels = this.getLevels();
         const roleNames = getRoleNames(this.roleStore);
         const rolesAssigned = Object.values(this.rolesCompleted).filter(recipient => isValidEmail(recipient.email) || isValidPhone(recipient.phone));
         const allRolesAssigned = rolesAssigned.length >= roleNames.length;
-        const levels = this.getRoleLevels();
-        return (h(Host, { class: { sendable: (_b = (_a = this.templateStore) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.is_sendable } }, h("div", { class: "recipients" }, h("div", { class: "left-line" }), h("div", { class: `level level-start` }, this.getLevelIcon(-1), h("div", { class: "complete" }, "Send Envelope")), levels.map(level => (h("div", { class: `level level-${level}` }, this.getLevelIcon(level), this.rolesAtLevel[level].map(role => {
+        console.log('[SEND] Roles completed', this.rolesCompleted);
+        return (h(Host, { class: { sendable: (_b = (_a = this.templateStore) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.is_sendable } }, h("div", { class: "recipients" }, h("div", { class: "left-line" }), h("div", { class: `level level-start` }, this.getLevelIcon(-1), h("div", { class: "complete" }, "Send Envelope")), levels.map(level => (h("div", { class: `level level-${level}` }, this.getLevelIcon(level), this.getRolesAtLevel(level).map(role => {
             var _a, _b, _c, _d, _e, _f;
             const unknown = !role.email;
             const elId = `verdocs-send-recipient-${role.name}`;
-            return unknown ? (h("div", { class: "recipient", style: { backgroundColor: getRGBA(getRoleIndex(this.roleStore, role.name)) }, onClick: e => this.handleClickRole(e, role), id: elId }, (_b = (_a = this.rolesCompleted[role.id]) === null || _a === void 0 ? void 0 : _a.full_name) !== null && _b !== void 0 ? _b : role.name, h("div", { class: "icon", innerHTML: editIcon }), this.showPickerForId === role.id && (h("verdocs-portal", { anchor: elId, onClickAway: () => (this.showPickerForId = '') }, h("verdocs-contact-picker", { onExit: () => (this.showPickerForId = ''), onNext: e => this.handleSelectContact(e, role), contactSuggestions: this.sessionContacts, templateRole: (_c = this.rolesCompleted[role.id]) !== null && _c !== void 0 ? _c : role, onSearchContacts: e => { var _a; return (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } }))))) : (h("div", { class: "recipient", style: { borderColor: getRGBA(getRoleIndex(this.roleStore, role.name)) }, onClick: e => this.handleClickRole(e, role), id: elId }, (_e = (_d = this.rolesCompleted[role.id]) === null || _d === void 0 ? void 0 : _d.full_name) !== null && _e !== void 0 ? _e : role.full_name, h("div", { class: "icon", innerHTML: editIcon }), this.showPickerForId === role.id && (h("verdocs-portal", { anchor: elId, onClickAway: () => (this.showPickerForId = '') }, h("verdocs-contact-picker", { onExit: () => (this.showPickerForId = ''), onNext: e => this.handleSelectContact(e, role), contactSuggestions: this.sessionContacts, templateRole: (_f = this.rolesCompleted[role.id]) !== null && _f !== void 0 ? _f : role, onSearchContacts: e => { var _a; return (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } })))));
+            return unknown ? (h("div", { class: "recipient", "data-ri": getRoleIndex(this.roleStore, role.name), "data-rn": role.name, style: { backgroundColor: getRGBA(getRoleIndex(this.roleStore, role.name)) }, onClick: e => this.handleClickRole(e, role), id: elId }, (_b = (_a = this.rolesCompleted[role.id]) === null || _a === void 0 ? void 0 : _a.full_name) !== null && _b !== void 0 ? _b : role.name, h("div", { class: "icon", innerHTML: editIcon }), this.showPickerForId === role.id && (h("verdocs-portal", { anchor: elId, onClickAway: () => (this.showPickerForId = '') }, h("verdocs-contact-picker", { onExit: () => (this.showPickerForId = ''), onNext: e => this.handleSelectContact(e, role), contactSuggestions: this.sessionContacts, templateRole: (_c = this.rolesCompleted[role.id]) !== null && _c !== void 0 ? _c : role, onSearchContacts: e => { var _a; return (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } }))))) : (h("div", { class: "recipient", style: { borderColor: getRGBA(getRoleIndex(this.roleStore, role.name)) }, onClick: e => this.handleClickRole(e, role), id: elId }, (_e = (_d = this.rolesCompleted[role.id]) === null || _d === void 0 ? void 0 : _d.full_name) !== null && _e !== void 0 ? _e : role.full_name, h("div", { class: "icon", innerHTML: editIcon }), this.showPickerForId === role.id && (h("verdocs-portal", { anchor: elId, onClickAway: () => (this.showPickerForId = '') }, h("verdocs-contact-picker", { onExit: () => (this.showPickerForId = ''), onNext: e => this.handleSelectContact(e, role), contactSuggestions: this.sessionContacts, templateRole: (_f = this.rolesCompleted[role.id]) !== null && _f !== void 0 ? _f : role, onSearchContacts: e => { var _a; return (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } })))));
         })))), h("div", { class: `level level-done` }, this.getLevelIcon(levels.length), h("div", { class: "complete" }, "Signing Complete"))), h("div", { class: "buttons" }, h("verdocs-button", { label: "Cancel", size: "small", variant: "outline", onClick: e => this.handleCancel(e), disabled: this.sending }), h("verdocs-button", { label: "Send", size: "small", disabled: !allRolesAssigned || this.sending, onClick: e => this.handleSend(e) }), this.sending && h("verdocs-spinner", null))));
     }
     static get is() { return "verdocs-send"; }
@@ -277,11 +282,12 @@ export class VerdocsSend {
     static get states() {
         return {
             "containerId": {},
-            "rolesAtLevel": {},
             "showPickerForId": {},
             "sessionContacts": {},
             "sending": {},
-            "rolesCompleted": {}
+            "rolesCompleted": {},
+            "templateStore": {},
+            "roleStore": {}
         };
     }
     static get events() {

package/dist/collection/utils/TemplateFieldStore.js

@@ -2,7 +2,6 @@ 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];

package/dist/collection/utils/TemplateRoleStore.js

@@ -7,14 +7,22 @@ export const getTemplateRoleStore = (templateId) => {
     return templateRoleStores[templateId];
 };
 export const createTemplateRoleStore = (template) => {
+    console.log('creating role store', template);
     let store = getTemplateRoleStore(template.id);
-    store.set('roles', [...template.roles]);
+    const roles = [...(template.roles || [])];
+    roles.sort((a, b) => {
+        if (a.sequence !== b.sequence) {
+            return a.sequence - b.sequence;
+        }
+        return a.order - b.order;
+    });
+    store.set('roles', roles);
     return store;
 };
 export const updateStoreRole = (store, name, newRoleData) => {
     console.log('[ROLES] Updating store role', name, newRoleData);
     const newRoles = [
-        ...store.get('roles').map(role => {
+        ...(store.get('roles') || []).map(role => {
             if (role.name !== name) {
                 return role;
             }
@@ -25,10 +33,10 @@ export const updateStoreRole = (store, name, newRoleData) => {
 };
 export const deleteStoreRole = (store, name) => {
     console.log('[ROLES] Deleting store role', name);
-    const newRoles = [...store.get('roles').filter(field => field.name !== name)];
+    const newRoles = [...((store === null || store === void 0 ? void 0 : store.get('roles')) || []).filter(field => field.name !== name)];
     store.set('roles', newRoles);
 };
-export const getRoleNames = (store) => (store.get('roles') || []).map(role => role.name);
+export const getRoleNames = (store) => ((store === null || store === void 0 ? void 0 : store.get('roles')) || []).map(role => role.name);
 export const getRoleIndex = (store, name) => {
     return Math.max(getRoleNames(store).findIndex(roleName => roleName === name), 0);
 };

package/dist/components/TemplateFieldStore.js

@@ -3,7 +3,6 @@ import { c as createStore } from './index3.js';
 const templateFieldStores = {};
 const getTemplateFieldStore = (templateId) => {
     if (!templateFieldStores[templateId]) {
-        console.log('Creating template field store', templateId);
         templateFieldStores[templateId] = createStore({ fields: [] });
     }
     return templateFieldStores[templateId];

package/dist/components/TemplateRoleStore.js

@@ -8,14 +8,22 @@ const getTemplateRoleStore = (templateId) => {
     return templateRoleStores[templateId];
 };
 const createTemplateRoleStore = (template) => {
+    console.log('creating role store', template);
     let store = getTemplateRoleStore(template.id);
-    store.set('roles', [...template.roles]);
+    const roles = [...(template.roles || [])];
+    roles.sort((a, b) => {
+        if (a.sequence !== b.sequence) {
+            return a.sequence - b.sequence;
+        }
+        return a.order - b.order;
+    });
+    store.set('roles', roles);
     return store;
 };
 const updateStoreRole = (store, name, newRoleData) => {
     console.log('[ROLES] Updating store role', name, newRoleData);
     const newRoles = [
-        ...store.get('roles').map(role => {
+        ...(store.get('roles') || []).map(role => {
             if (role.name !== name) {
                 return role;
             }
@@ -26,10 +34,10 @@ const updateStoreRole = (store, name, newRoleData) => {
 };
 const deleteStoreRole = (store, name) => {
     console.log('[ROLES] Deleting store role', name);
-    const newRoles = [...store.get('roles').filter(field => field.name !== name)];
+    const newRoles = [...((store === null || store === void 0 ? void 0 : store.get('roles')) || []).filter(field => field.name !== name)];
     store.set('roles', newRoles);
 };
-const getRoleNames = (store) => (store.get('roles') || []).map(role => role.name);
+const getRoleNames = (store) => ((store === null || store === void 0 ? void 0 : store.get('roles')) || []).map(role => role.name);
 const getRoleIndex = (store, name) => {
     return Math.max(getRoleNames(store).findIndex(roleName => roleName === name), 0);
 };

package/dist/components/verdocs-auth.js

@@ -46,11 +46,9 @@ const VerdocsAuth$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsAuth extends
             this.session = session;
             this.profile = profile;
             if (session) {
-                console.log('[AUTH] Authenticated', profile);
                 (_a = this.authenticated) === null || _a === void 0 ? void 0 : _a.emit({ authenticated: true, session, profile });
             }
             else {
-                console.log('[AUTH] Anonymous');
                 (_b = this.authenticated) === null || _b === void 0 ? void 0 : _b.emit({ authenticated: false, session, profile });
             }
         });

package/dist/components/verdocs-send2.js

@@ -28,17 +28,16 @@ const VerdocsSend = /*@__PURE__*/ proxyCustomElement(class VerdocsSend extends H
         this.exit = createEvent(this, "exit", 7);
         this.sdkError = createEvent(this, "sdkError", 7);
         this.searchContacts = createEvent(this, "searchContacts", 7);
-        this.templateStore = null;
-        this.roleStore = null;
         this.endpoint = VerdocsEndpoint.getDefault();
         this.templateId = null;
         this.environment = 'web';
         this.containerId = `verdocs-send-${Math.random().toString(36).substring(2, 11)}`;
-        this.rolesAtLevel = {};
         this.showPickerForId = '';
         this.sessionContacts = [];
         this.sending = false;
         this.rolesCompleted = {};
+        this.templateStore = null;
+        this.roleStore = null;
     }
     async reset() {
         this.rolesCompleted = {};
@@ -50,6 +49,18 @@ const VerdocsSend = /*@__PURE__*/ proxyCustomElement(class VerdocsSend extends H
     async componentWillLoad() {
         var _a, _b, _c;
         try {
+            this.endpoint.onSessionChanged((_endpoint, _session, profile) => {
+                if (profile) {
+                    console.log('setting sc', profile);
+                    this.sessionContacts = [];
+                    this.sessionContacts.push({
+                        id: profile.id,
+                        name: `${profile.first_name} ${profile.last_name}`,
+                        email: profile.email,
+                        phone: profile.phone,
+                    });
+                }
+            });
             this.endpoint.loadSession();
             if (!this.endpoint.session) {
                 console.log('[SEND] Unable to start Send operation, must be authenticated');
@@ -72,17 +83,6 @@ const VerdocsSend = /*@__PURE__*/ proxyCustomElement(class VerdocsSend extends H
             return;
         }
         try {
-            this.endpoint.onSessionChanged((_endpoint, _session, profile) => {
-                if (profile) {
-                    this.sessionContacts = [];
-                    this.sessionContacts.push({
-                        id: profile.id,
-                        name: `${profile.first_name} ${profile.last_name}`,
-                        email: profile.email,
-                        phone: profile.phone,
-                    });
-                }
-            });
             this.templateStore = await getTemplateStore(this.endpoint, templateId, false);
             this.roleStore = getTemplateRoleStore(templateId);
             this.recomputeRolesCompleted();
@@ -96,7 +96,8 @@ const VerdocsSend = /*@__PURE__*/ proxyCustomElement(class VerdocsSend extends H
         }
     }
     recomputeRolesCompleted() {
-        const roles = this.roleStore.get('roles') || [];
+        var _a;
+        const roles = ((_a = this.roleStore) === null || _a === void 0 ? void 0 : _a.get('roles')) || [];
         const rolesAtLevel = {};
         this.rolesCompleted = {};
         roles.forEach(role => {
@@ -109,23 +110,26 @@ const VerdocsSend = /*@__PURE__*/ proxyCustomElement(class VerdocsSend extends H
             }
         });
     }
-    getRoleLevels() {
-        const roles = this.roleStore.get('roles') || [];
-        const rolesAtLevel = {};
-        this.rolesCompleted = {};
-        roles.forEach(role => {
-            const level = role.sequence - 1;
-            rolesAtLevel[level] || (rolesAtLevel[level] = []);
-            const id = `r-${level}-${rolesAtLevel[level].length}`;
-            rolesAtLevel[level].push({ ...role, id });
-        });
-        this.rolesAtLevel = rolesAtLevel;
-        const levels = Object.keys(rolesAtLevel).map(levelStr => +levelStr);
+    getLevels() {
+        var _a;
+        const roles = ((_a = this.roleStore) === null || _a === void 0 ? void 0 : _a.get('roles')) || [];
+        const levels = [...new Set(roles.map(role => role.sequence - 1))];
         levels.sort((a, b) => a - b);
         return levels;
     }
+    getRolesAtLevel(level) {
+        var _a;
+        const roles = ((_a = this.roleStore) === null || _a === void 0 ? void 0 : _a.get('roles')) || [];
+        const rolesAtLevel = roles
+            .filter(role => role.sequence - 1 === level)
+            .map((role, index) => ({
+            ...role,
+            id: `r-${level}-${index}`,
+        }));
+        return rolesAtLevel;
+    }
     getLevelIcon(level) {
-        const levels = this.getRoleLevels();
+        const levels = this.getLevels();
         if (level < 0) {
             return h("div", { class: "level-icon", innerHTML: startIcon });
         }
@@ -192,15 +196,16 @@ const VerdocsSend = /*@__PURE__*/ proxyCustomElement(class VerdocsSend extends H
         if (!this.endpoint.session) {
             return (h(Host, { style: { display: 'flex' } }, h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
         }
+        const levels = this.getLevels();
         const roleNames = getRoleNames(this.roleStore);
         const rolesAssigned = Object.values(this.rolesCompleted).filter(recipient => isValidEmail(recipient.email) || isValidPhone(recipient.phone));
         const allRolesAssigned = rolesAssigned.length >= roleNames.length;
-        const levels = this.getRoleLevels();
-        return (h(Host, { class: { sendable: (_b = (_a = this.templateStore) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.is_sendable } }, h("div", { class: "recipients" }, h("div", { class: "left-line" }), h("div", { class: `level level-start` }, this.getLevelIcon(-1), h("div", { class: "complete" }, "Send Envelope")), levels.map(level => (h("div", { class: `level level-${level}` }, this.getLevelIcon(level), this.rolesAtLevel[level].map(role => {
+        console.log('[SEND] Roles completed', this.rolesCompleted);
+        return (h(Host, { class: { sendable: (_b = (_a = this.templateStore) === null || _a === void 0 ? void 0 : _a.state) === null || _b === void 0 ? void 0 : _b.is_sendable } }, h("div", { class: "recipients" }, h("div", { class: "left-line" }), h("div", { class: `level level-start` }, this.getLevelIcon(-1), h("div", { class: "complete" }, "Send Envelope")), levels.map(level => (h("div", { class: `level level-${level}` }, this.getLevelIcon(level), this.getRolesAtLevel(level).map(role => {
             var _a, _b, _c, _d, _e, _f;
             const unknown = !role.email;
             const elId = `verdocs-send-recipient-${role.name}`;
-            return unknown ? (h("div", { class: "recipient", style: { backgroundColor: getRGBA(getRoleIndex(this.roleStore, role.name)) }, onClick: e => this.handleClickRole(e, role), id: elId }, (_b = (_a = this.rolesCompleted[role.id]) === null || _a === void 0 ? void 0 : _a.full_name) !== null && _b !== void 0 ? _b : role.name, h("div", { class: "icon", innerHTML: editIcon }), this.showPickerForId === role.id && (h("verdocs-portal", { anchor: elId, onClickAway: () => (this.showPickerForId = '') }, h("verdocs-contact-picker", { onExit: () => (this.showPickerForId = ''), onNext: e => this.handleSelectContact(e, role), contactSuggestions: this.sessionContacts, templateRole: (_c = this.rolesCompleted[role.id]) !== null && _c !== void 0 ? _c : role, onSearchContacts: e => { var _a; return (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } }))))) : (h("div", { class: "recipient", style: { borderColor: getRGBA(getRoleIndex(this.roleStore, role.name)) }, onClick: e => this.handleClickRole(e, role), id: elId }, (_e = (_d = this.rolesCompleted[role.id]) === null || _d === void 0 ? void 0 : _d.full_name) !== null && _e !== void 0 ? _e : role.full_name, h("div", { class: "icon", innerHTML: editIcon }), this.showPickerForId === role.id && (h("verdocs-portal", { anchor: elId, onClickAway: () => (this.showPickerForId = '') }, h("verdocs-contact-picker", { onExit: () => (this.showPickerForId = ''), onNext: e => this.handleSelectContact(e, role), contactSuggestions: this.sessionContacts, templateRole: (_f = this.rolesCompleted[role.id]) !== null && _f !== void 0 ? _f : role, onSearchContacts: e => { var _a; return (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } })))));
+            return unknown ? (h("div", { class: "recipient", "data-ri": getRoleIndex(this.roleStore, role.name), "data-rn": role.name, style: { backgroundColor: getRGBA(getRoleIndex(this.roleStore, role.name)) }, onClick: e => this.handleClickRole(e, role), id: elId }, (_b = (_a = this.rolesCompleted[role.id]) === null || _a === void 0 ? void 0 : _a.full_name) !== null && _b !== void 0 ? _b : role.name, h("div", { class: "icon", innerHTML: editIcon }), this.showPickerForId === role.id && (h("verdocs-portal", { anchor: elId, onClickAway: () => (this.showPickerForId = '') }, h("verdocs-contact-picker", { onExit: () => (this.showPickerForId = ''), onNext: e => this.handleSelectContact(e, role), contactSuggestions: this.sessionContacts, templateRole: (_c = this.rolesCompleted[role.id]) !== null && _c !== void 0 ? _c : role, onSearchContacts: e => { var _a; return (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } }))))) : (h("div", { class: "recipient", style: { borderColor: getRGBA(getRoleIndex(this.roleStore, role.name)) }, onClick: e => this.handleClickRole(e, role), id: elId }, (_e = (_d = this.rolesCompleted[role.id]) === null || _d === void 0 ? void 0 : _d.full_name) !== null && _e !== void 0 ? _e : role.full_name, h("div", { class: "icon", innerHTML: editIcon }), this.showPickerForId === role.id && (h("verdocs-portal", { anchor: elId, onClickAway: () => (this.showPickerForId = '') }, h("verdocs-contact-picker", { onExit: () => (this.showPickerForId = ''), onNext: e => this.handleSelectContact(e, role), contactSuggestions: this.sessionContacts, templateRole: (_f = this.rolesCompleted[role.id]) !== null && _f !== void 0 ? _f : role, onSearchContacts: e => { var _a; return (_a = this.searchContacts) === null || _a === void 0 ? void 0 : _a.emit(e.detail); } })))));
         })))), h("div", { class: `level level-done` }, this.getLevelIcon(levels.length), h("div", { class: "complete" }, "Signing Complete"))), h("div", { class: "buttons" }, h("verdocs-button", { label: "Cancel", size: "small", variant: "outline", onClick: e => this.handleCancel(e), disabled: this.sending }), h("verdocs-button", { label: "Send", size: "small", disabled: !allRolesAssigned || this.sending, onClick: e => this.handleSend(e) }), this.sending && h("verdocs-spinner", null))));
     }
     static get watchers() { return {
@@ -212,11 +217,12 @@ const VerdocsSend = /*@__PURE__*/ proxyCustomElement(class VerdocsSend extends H
         "templateId": [513, "template-id"],
         "environment": [1],
         "containerId": [32],
-        "rolesAtLevel": [32],
         "showPickerForId": [32],
         "sessionContacts": [32],
         "sending": [32],
         "rolesCompleted": [32],
+        "templateStore": [32],
+        "roleStore": [32],
         "reset": [64]
     }, undefined, {
         "templateId": ["onTemplateIdChanged"]

package/dist/esm/{TemplateFieldStore-4ee5d16c.js → TemplateFieldStore-002f3d4c.js}

@@ -3,7 +3,6 @@ import { c as createStore } from './index-e58b15f6.js';
 const templateFieldStores = {};
 const getTemplateFieldStore = (templateId) => {
     if (!templateFieldStores[templateId]) {
-        console.log('Creating template field store', templateId);
         templateFieldStores[templateId] = createStore({ fields: [] });
     }
     return templateFieldStores[templateId];

package/dist/esm/{TemplateRoleStore-018f4e74.js → TemplateRoleStore-69e28e18.js}

@@ -8,14 +8,22 @@ const getTemplateRoleStore = (templateId) => {
     return templateRoleStores[templateId];
 };
 const createTemplateRoleStore = (template) => {
+    console.log('creating role store', template);
     let store = getTemplateRoleStore(template.id);
-    store.set('roles', [...template.roles]);
+    const roles = [...(template.roles || [])];
+    roles.sort((a, b) => {
+        if (a.sequence !== b.sequence) {
+            return a.sequence - b.sequence;
+        }
+        return a.order - b.order;
+    });
+    store.set('roles', roles);
     return store;
 };
 const updateStoreRole = (store, name, newRoleData) => {
     console.log('[ROLES] Updating store role', name, newRoleData);
     const newRoles = [
-        ...store.get('roles').map(role => {
+        ...(store.get('roles') || []).map(role => {
             if (role.name !== name) {
                 return role;
             }
@@ -26,10 +34,10 @@ const updateStoreRole = (store, name, newRoleData) => {
 };
 const deleteStoreRole = (store, name) => {
     console.log('[ROLES] Deleting store role', name);
-    const newRoles = [...store.get('roles').filter(field => field.name !== name)];
+    const newRoles = [...((store === null || store === void 0 ? void 0 : store.get('roles')) || []).filter(field => field.name !== name)];
     store.set('roles', newRoles);
 };
-const getRoleNames = (store) => (store.get('roles') || []).map(role => role.name);
+const getRoleNames = (store) => ((store === null || store === void 0 ? void 0 : store.get('roles')) || []).map(role => role.name);
 const getRoleIndex = (store, name) => {
     return Math.max(getRoleNames(store).findIndex(roleName => roleName === name), 0);
 };

package/dist/esm/{TemplateStore-b4149301.js → TemplateStore-c2e5147b.js}

@@ -1,7 +1,7 @@
 import { c as createStore } from './index-e58b15f6.js';
 import { getTemplate } from '@verdocs/js-sdk';
-import { c as createTemplateRoleStore, g as getTemplateRoleStore } from './TemplateRoleStore-018f4e74.js';
-import { c as createTemplateFieldStore, g as getTemplateFieldStore } from './TemplateFieldStore-4ee5d16c.js';
+import { c as createTemplateRoleStore, g as getTemplateRoleStore } from './TemplateRoleStore-69e28e18.js';
+import { c as createTemplateFieldStore, g as getTemplateFieldStore } from './TemplateFieldStore-002f3d4c.js';
 import { u as undefinedType } from './index-7588a071.js';
 
 const createTemplateStore = (templateId) => {

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"verdocs-button_2\",[[0,\"verdocs-help-icon\",{\"text\":[1],\"icon\":[1],\"containerId\":[32]}],[0,\"verdocs-button\",{\"label\":[1],\"startIcon\":[1,\"start-icon\"],\"endIcon\":[1,\"end-icon\"],\"size\":[1],\"type\":[1],\"variant\":[1],\"disabled\":[4]}]]],[\"verdocs-build\",[[0,\"verdocs-build\",{\"endpoint\":[16],\"templateId\":[1537,\"template-id\"],\"step\":[1537],\"templateStore\":[32]},null,{\"templateId\":[\"onTemplateIdChanged\"],\"step\":[\"onStepChanged\"]}]]],[\"verdocs-envelopes-list\",[[0,\"verdocs-envelopes-list\",{\"endpoint\":[16],\"view\":[1537],\"status\":[1537],\"sort\":[1537],\"match\":[1537],\"showPagination\":[4,\"show-pagination\"],\"rowsPerPage\":[2,\"rows-per-page\"],\"selectedPage\":[2,\"selected-page\"],\"count\":[32],\"initiallyLoaded\":[32],\"loading\":[32],\"selectedEnvelopes\":[32],\"envelopes\":[32]},null,{\"view\":[\"handleViewUpdated\"],\"status\":[\"handleStatusUpdated\"],\"sort\":[\"handleSortUpdated\"],\"match\":[\"handleMatchUpdated\"],\"selectedPage\":[\"handlePageUpdated\"]}]]],[\"verdocs-templates-list\",[[0,\"verdocs-templates-list\",{\"endpoint\":[16],\"sharing\":[1537],\"starred\":[1537],\"sort\":[1537],\"name\":[1537],\"allowedActions\":[1040],\"showPagination\":[4,\"show-pagination\"],\"rowsPerPage\":[2,\"rows-per-page\"],\"selectedPage\":[2,\"selected-page\"],\"count\":[32],\"initiallyLoaded\":[32],\"loading\":[32],\"confirmDelete\":[32],\"templates\":[32],\"localNameFilter\":[32]},null,{\"sharing\":[\"handleSharingUpdated\"],\"starred\":[\"handleStarredUpdated\"],\"sort\":[\"handleSortUpdated\"],\"name\":[\"handleNameUpdated\"],\"selectedPage\":[\"handlePageUpdated\"]}]]],[\"verdocs-field-radio\",[[0,\"verdocs-field-radio\",{\"templateid\":[513],\"fieldname\":[513],\"option\":[514],\"disabled\":[516],\"done\":[516],\"editable\":[516],\"moveable\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-sign\",[[0,\"verdocs-sign\",{\"envelopeId\":[1,\"envelope-id\"],\"roleId\":[1,\"role-id\"],\"inviteCode\":[1,\"invite-code\"],\"headerTargetId\":[1,\"header-target-id\"],\"envelope\":[32],\"roleNames\":[32],\"sortedRecipients\":[32],\"recipient\":[32],\"hasSignature\":[32],\"nextButtonLabel\":[32],\"nextSubmits\":[32],\"errorMessage\":[32],\"focusedField\":[32],\"submitting\":[32],\"isDone\":[32],\"showDone\":[32],\"showLoadError\":[32],\"finishLater\":[32],\"showFinishLater\":[32],\"agreed\":[32],\"documentsSingularPlural\":[32]}]]],[\"verdocs-envelope-sidebar\",[[0,\"verdocs-envelope-sidebar\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"activeTab\":[32],\"panelOpen\":[32],\"showManageDialog\":[32],\"showRecipientDialog\":[32],\"showCancelDialog\":[32],\"loading\":[32]}]]],[\"verdocs-auth\",[[0,\"verdocs-auth\",{\"endpoint\":[16],\"visible\":[4],\"logo\":[1],\"displayMode\":[32],\"org_name\":[32],\"first_name\":[32],\"last_name\":[32],\"email\":[32],\"verificationCode\":[32],\"password\":[32],\"confirmpass\":[32],\"submitting\":[32],\"resendDisabled\":[32],\"session\":[32],\"profile\":[32]}]]],[\"verdocs-search\",[[0,\"verdocs-search\",{\"endpoint\":[16]}]]],[\"verdocs-activity-box\",[[0,\"verdocs-activity-box\",{\"endpoint\":[16],\"items\":[2],\"view\":[1],\"header\":[1],\"title\":[32],\"count\":[32],\"loading\":[32],\"entries\":[32]},null,{\"items\":[\"handleItemsUpdated\"],\"view\":[\"handleViewUpdated\"]}]]],[\"verdocs-kba-dialog\",[[0,\"verdocs-kba-dialog\",{\"step\":[2],\"steps\":[2],\"helptitle\":[1],\"helptext\":[1],\"mode\":[1],\"label\":[1],\"placeholder\":[1],\"choices\":[16],\"response\":[32]}]]],[\"verdocs-dialog\",[[4,\"verdocs-dialog\"]]],[\"verdocs-field-payment\",[[0,\"verdocs-field-payment\",{\"templateid\":[1],\"fieldname\":[1],\"disabled\":[4],\"fields\":[16],\"pageNum\":[2,\"page-num\"],\"roleName\":[1,\"role-name\"],\"fieldId\":[1,\"field-id\"],\"recipients\":[8],\"selectedRoleName\":[1,\"selected-role-name\"],\"pdfPages\":[16],\"currentSignature\":[1,\"current-signature\"],\"currentSignatureId\":[1,\"current-signature-id\"],\"currentInitial\":[1,\"current-initial\"],\"currentInitialId\":[1,\"current-initial-id\"],\"focused\":[4],\"signed\":[4],\"xscale\":[2],\"yscale\":[2],\"pagenumber\":[2],\"roleindex\":[2],\"preparedMessage\":[32],\"signatureUrl\":[32],\"showingProperties\":[32],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-search-tabs\",[[0,\"verdocs-search-tabs\",{\"selected\":[32]}]]],[\"verdocs-table\",[[0,\"verdocs-table\",{\"columns\":[16],\"data\":[16]}]]],[\"verdocs-template-card\",[[0,\"verdocs-template-card\",{\"template\":[16]}]]],[\"verdocs-template-tags\",[[0,\"verdocs-template-tags\",{\"tags\":[16]}]]],[\"verdocs-toggle\",[[0,\"verdocs-toggle\",{\"options\":[16],\"theme\":[1],\"selectedOption\":[32]}]]],[\"verdocs-ok-dialog\",[[0,\"verdocs-ok-dialog\",{\"heading\":[1],\"message\":[1],\"buttonLabel\":[1,\"button-label\"],\"showCancel\":[4,\"show-cancel\"],\"closed\":[32]}]]],[\"verdocs-view\",[[0,\"verdocs-view\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"headerTargetId\":[1,\"header-target-id\"],\"canceling\":[32],\"envelope\":[32],\"roleNames\":[32],\"showCancelDone\":[32]}]]],[\"verdocs-status-indicator\",[[0,\"verdocs-status-indicator\",{\"size\":[1],\"theme\":[1],\"status\":[1],\"envelope\":[16],\"isOpen\":[32],\"containerId\":[32]}]]],[\"verdocs-template-star\",[[0,\"verdocs-template-star\",{\"endpoint\":[16],\"template\":[1040],\"updating\":[32]}]]],[\"verdocs-envelope-recipient-link_2\",[[0,\"verdocs-envelope-recipient-link\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"roleName\":[1,\"role-name\"],\"isOpen\":[32],\"loading\":[32],\"gettingLink\":[32],\"link\":[32]}],[0,\"verdocs-envelope-recipient-summary\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"canSendAnother\":[4,\"can-send-another\"],\"canView\":[4,\"can-view\"],\"canDone\":[4,\"can-done\"],\"isOpen\":[32],\"loading\":[32],\"recipientStatusIcons\":[32],\"containerId\":[32],\"gettingLinks\":[32],\"links\":[32]}]]],[\"verdocs-quick-functions_2\",[[0,\"verdocs-quick-functions\",{\"endpoint\":[16]}],[0,\"verdocs-search-box\",{\"endpoint\":[16],\"placeholder\":[1],\"type\":[1],\"query\":[1],\"grabsFocus\":[4,\"grabs-focus\"],\"focusField\":[64]}]]],[\"verdocs-envelope-document-page\",[[0,\"verdocs-envelope-document-page\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"documentId\":[1,\"document-id\"],\"pageNumber\":[2,\"page-number\"],\"virtualWidth\":[2,\"virtual-width\"],\"virtualHeight\":[1026,\"virtual-height\"],\"layers\":[16],\"type\":[1],\"containerId\":[32],\"renderedWidth\":[32],\"renderedHeight\":[32],\"naturalWidth\":[32],\"naturalHeight\":[32],\"aspectRatio\":[32],\"skipFirstNotification\":[32],\"pageDisplayUri\":[32]}]]],[\"verdocs-button-panel_2\",[[4,\"verdocs-button-panel\",{\"icon\":[1],\"showPanel\":[64],\"hidePanel\":[64],\"toggle\":[64]}],[4,\"verdocs-tabs\",{\"tabs\":[16],\"selectedTab\":[2,\"selected-tab\"]}]]],[\"verdocs-pagination_2\",[[0,\"verdocs-pagination\",{\"selectedPage\":[1538,\"selected-page\"],\"itemCount\":[2,\"item-count\"],\"perPage\":[2,\"per-page\"]}],[0,\"verdocs-quick-filter\",{\"options\":[16],\"label\":[1],\"value\":[1537],\"placeholder\":[1],\"open\":[32]}]]],[\"verdocs-spinner\",[[0,\"verdocs-spinner\",{\"size\":[2],\"mode\":[1]}]]],[\"verdocs-checkbox_5\",[[0,\"verdocs-template-field-properties\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"fieldName\":[1025,\"field-name\"],\"helpText\":[1,\"help-text\"],\"dirty\":[32],\"loading\":[32],\"label\":[32],\"type\":[32],\"name\":[32],\"required\":[32],\"roleName\":[32],\"group\":[32],\"fieldType\":[32],\"options\":[32],\"placeholder\":[32],\"multiline\":[32],\"defaultValue\":[32],\"showingHelp\":[32]}],[0,\"verdocs-select-input\",{\"value\":[1],\"label\":[1],\"options\":[16],\"disabled\":[4]}],[0,\"verdocs-checkbox\",{\"checked\":[4],\"name\":[1],\"label\":[1],\"value\":[1],\"theme\":[1],\"disabled\":[4]}],[0,\"verdocs-component-error\",{\"message\":[1]}],[0,\"verdocs-text-input\",{\"value\":[1537],\"label\":[1],\"placeholder\":[1],\"autocomplete\":[1],\"helpText\":[1,\"help-text\"],\"clearable\":[4],\"copyable\":[4],\"type\":[1],\"disabled\":[4],\"required\":[4],\"showingPw\":[32]}]]],[\"verdocs-template-document-page_2\",[[0,\"verdocs-toolbar-icon\",{\"text\":[1],\"icon\":[1],\"placement\":[1],\"containerId\":[32]}],[0,\"verdocs-template-document-page\",{\"endpoint\":[16],\"editable\":[4],\"disabled\":[4],\"done\":[4],\"templateId\":[1,\"template-id\"],\"documentId\":[1,\"document-id\"],\"pageNumber\":[2,\"page-number\"],\"virtualWidth\":[2,\"virtual-width\"],\"virtualHeight\":[1026,\"virtual-height\"],\"layers\":[16],\"containerId\":[32],\"renderedWidth\":[32],\"renderedHeight\":[32],\"naturalWidth\":[32],\"naturalHeight\":[32],\"aspectRatio\":[32],\"skipFirstNotification\":[32],\"pageDisplayUri\":[32],\"xScale\":[32],\"yScale\":[32]}]]],[\"verdocs-contact-picker_2\",[[0,\"verdocs-contact-picker\",{\"endpoint\":[16],\"templateRole\":[16],\"contactSuggestions\":[16],\"name\":[32],\"email\":[32],\"phone\":[32],\"message\":[32],\"showSuggestions\":[32],\"showMessage\":[32],\"delegator\":[32],\"showKba\":[32],\"kbaMethod\":[32],\"pinCode\":[32],\"nameFieldId\":[32],\"emailFieldId\":[32],\"phoneFieldId\":[32]}],[0,\"verdocs-toggle-button\",{\"active\":[4],\"icon\":[1],\"label\":[1],\"size\":[1],\"_active\":[32]}]]],[\"verdocs-file-chooser_2\",[[0,\"verdocs-file-chooser\",{\"endpoint\":[16],\"file\":[32]}],[0,\"verdocs-progress-bar\",{\"label\":[1],\"showPercent\":[4,\"show-percent\"],\"percent\":[2]}]]],[\"verdocs-dropdown\",[[0,\"verdocs-dropdown\",{\"options\":[16]},[[9,\"resize\",\"handleResize\"]]]]],[\"verdocs-radio-button_3\",[[0,\"verdocs-template-role-properties\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"roleName\":[1,\"role-name\"],\"sender\":[1],\"dirty\":[32],\"saving\":[32],\"name\":[32],\"type\":[32],\"full_name\":[32],\"email\":[32],\"phone\":[32],\"delegator\":[32]}],[0,\"verdocs-template-sender\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"sender\":[1],\"saving\":[32]}],[0,\"verdocs-radio-button\",{\"checked\":[4],\"name\":[1],\"value\":[1],\"disabled\":[4]}]]],[\"verdocs-loader\",[[0,\"verdocs-loader\"]]],[\"verdocs-organization-card_2\",[[0,\"verdocs-organization-card\",{\"organization\":[16],\"hovered\":[32]},[[1,\"mouseover\",\"onMouseOver\"],[1,\"mouseout\",\"onMouseOut\"]]],[4,\"verdocs-portal\",{\"anchor\":[1],\"voffset\":[2],\"align\":[1]},[[11,\"scroll\",\"handleScroll\"],[11,\"resize\",\"handleResize\"],[10,\"click\",\"handleClick\"]]]]],[\"verdocs-field-attachment_13\",[[0,\"verdocs-field-attachment\",{\"endpoint\":[16],\"templateid\":[513],\"fieldname\":[513],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"selectedFile\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-initial\",{\"templateid\":[513],\"fieldname\":[513],\"disabled\":[516],\"initials\":[513],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"tempInitials\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-signature\",{\"templateid\":[513],\"fieldname\":[513],\"name\":[513],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"tempSignature\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-checkbox\",{\"templateid\":[513],\"fieldname\":[513],\"option\":[514],\"disabled\":[516],\"done\":[516],\"editable\":[516],\"moveable\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-date\",{\"templateid\":[513],\"fieldname\":[513],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"field\":[16],\"containerId\":[32],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-dropdown\",{\"templateid\":[513],\"fieldname\":[513],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-radio-button\",{\"templateid\":[513],\"fieldname\":[513],\"option\":[514],\"disabled\":[516],\"done\":[516],\"editable\":[516],\"moveable\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-textarea\",{\"endpoint\":[16],\"templateid\":[513],\"fieldname\":[513],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-textbox\",{\"endpoint\":[16],\"templateid\":[513],\"fieldname\":[513],\"disabled\":[516],\"multiline\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-timestamp\",{\"templateid\":[513],\"fieldname\":[513],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[2],\"showingProperties\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-initial-dialog\",{\"initials\":[1],\"fontLoaded\":[32],\"enteredInitials\":[32],\"mode\":[32]}],[0,\"verdocs-signature-dialog\",{\"name\":[1],\"fontLoaded\":[32],\"enteredName\":[32],\"mode\":[32]}],[0,\"verdocs-upload-dialog\",{\"draggingOver\":[32],\"decodedFiles\":[32]}]]],[\"verdocs-preview_10\",[[0,\"verdocs-template-fields\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"toolbarTargetId\":[1,\"toolbar-target-id\"],\"placing\":[32],\"showMustSelectRole\":[32],\"selectedRoleName\":[32],\"loading\":[32]},[[4,\"keydown\",\"handleKeyDown\"]]],[0,\"verdocs-preview\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"loading\":[32]},null,{\"templateId\":[\"onTemplateIdChanged\"]}],[0,\"verdocs-template-roles\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"showingRoleDialog\":[32],\"showingSenderDialog\":[32],\"sender\":[32],\"loading\":[32]}],[0,\"verdocs-send\",{\"endpoint\":[16],\"templateId\":[513,\"template-id\"],\"environment\":[1],\"containerId\":[32],\"rolesAtLevel\":[32],\"showPickerForId\":[32],\"sessionContacts\":[32],\"sending\":[32],\"rolesCompleted\":[32],\"reset\":[64]},null,{\"templateId\":[\"onTemplateIdChanged\"]}],[0,\"verdocs-template-attachments\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"uploading\":[32],\"progressLabel\":[32],\"progressPercent\":[32],\"showDeleteError\":[32],\"confirmDeleteDocument\":[32],\"store\":[32]}],[0,\"verdocs-template-reminders\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"showPlanBlocker\":[32],\"sendReminders\":[32],\"firstReminderDays\":[32],\"reminderDays\":[32],\"dirty\":[32]}],[0,\"verdocs-template-name\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"name\":[32],\"dirty\":[32]}],[0,\"verdocs-template-create\",{\"endpoint\":[16],\"file\":[32],\"creating\":[32],\"progressLabel\":[32],\"progressPercent\":[32]}],[0,\"verdocs-template-build-tabs\",{\"endpoint\":[16],\"templateId\":[1537,\"template-id\"],\"step\":[1537],\"templateStore\":[32]},null,{\"templateId\":[\"onTemplateIdChanged\"],\"step\":[\"onStepChanged\"]}],[0,\"verdocs-template-visibility\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"dirty\":[32],\"personal\":[32],\"public\":[32]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"verdocs-button_2\",[[0,\"verdocs-help-icon\",{\"text\":[1],\"icon\":[1],\"containerId\":[32]}],[0,\"verdocs-button\",{\"label\":[1],\"startIcon\":[1,\"start-icon\"],\"endIcon\":[1,\"end-icon\"],\"size\":[1],\"type\":[1],\"variant\":[1],\"disabled\":[4]}]]],[\"verdocs-build\",[[0,\"verdocs-build\",{\"endpoint\":[16],\"templateId\":[1537,\"template-id\"],\"step\":[1537],\"templateStore\":[32]},null,{\"templateId\":[\"onTemplateIdChanged\"],\"step\":[\"onStepChanged\"]}]]],[\"verdocs-envelopes-list\",[[0,\"verdocs-envelopes-list\",{\"endpoint\":[16],\"view\":[1537],\"status\":[1537],\"sort\":[1537],\"match\":[1537],\"showPagination\":[4,\"show-pagination\"],\"rowsPerPage\":[2,\"rows-per-page\"],\"selectedPage\":[2,\"selected-page\"],\"count\":[32],\"initiallyLoaded\":[32],\"loading\":[32],\"selectedEnvelopes\":[32],\"envelopes\":[32]},null,{\"view\":[\"handleViewUpdated\"],\"status\":[\"handleStatusUpdated\"],\"sort\":[\"handleSortUpdated\"],\"match\":[\"handleMatchUpdated\"],\"selectedPage\":[\"handlePageUpdated\"]}]]],[\"verdocs-templates-list\",[[0,\"verdocs-templates-list\",{\"endpoint\":[16],\"sharing\":[1537],\"starred\":[1537],\"sort\":[1537],\"name\":[1537],\"allowedActions\":[1040],\"showPagination\":[4,\"show-pagination\"],\"rowsPerPage\":[2,\"rows-per-page\"],\"selectedPage\":[2,\"selected-page\"],\"count\":[32],\"initiallyLoaded\":[32],\"loading\":[32],\"confirmDelete\":[32],\"templates\":[32],\"localNameFilter\":[32]},null,{\"sharing\":[\"handleSharingUpdated\"],\"starred\":[\"handleStarredUpdated\"],\"sort\":[\"handleSortUpdated\"],\"name\":[\"handleNameUpdated\"],\"selectedPage\":[\"handlePageUpdated\"]}]]],[\"verdocs-field-radio\",[[0,\"verdocs-field-radio\",{\"templateid\":[513],\"fieldname\":[513],\"option\":[514],\"disabled\":[516],\"done\":[516],\"editable\":[516],\"moveable\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-sign\",[[0,\"verdocs-sign\",{\"envelopeId\":[1,\"envelope-id\"],\"roleId\":[1,\"role-id\"],\"inviteCode\":[1,\"invite-code\"],\"headerTargetId\":[1,\"header-target-id\"],\"envelope\":[32],\"roleNames\":[32],\"sortedRecipients\":[32],\"recipient\":[32],\"hasSignature\":[32],\"nextButtonLabel\":[32],\"nextSubmits\":[32],\"errorMessage\":[32],\"focusedField\":[32],\"submitting\":[32],\"isDone\":[32],\"showDone\":[32],\"showLoadError\":[32],\"finishLater\":[32],\"showFinishLater\":[32],\"agreed\":[32],\"documentsSingularPlural\":[32]}]]],[\"verdocs-envelope-sidebar\",[[0,\"verdocs-envelope-sidebar\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"activeTab\":[32],\"panelOpen\":[32],\"showManageDialog\":[32],\"showRecipientDialog\":[32],\"showCancelDialog\":[32],\"loading\":[32]}]]],[\"verdocs-auth\",[[0,\"verdocs-auth\",{\"endpoint\":[16],\"visible\":[4],\"logo\":[1],\"displayMode\":[32],\"org_name\":[32],\"first_name\":[32],\"last_name\":[32],\"email\":[32],\"verificationCode\":[32],\"password\":[32],\"confirmpass\":[32],\"submitting\":[32],\"resendDisabled\":[32],\"session\":[32],\"profile\":[32]}]]],[\"verdocs-search\",[[0,\"verdocs-search\",{\"endpoint\":[16]}]]],[\"verdocs-activity-box\",[[0,\"verdocs-activity-box\",{\"endpoint\":[16],\"items\":[2],\"view\":[1],\"header\":[1],\"title\":[32],\"count\":[32],\"loading\":[32],\"entries\":[32]},null,{\"items\":[\"handleItemsUpdated\"],\"view\":[\"handleViewUpdated\"]}]]],[\"verdocs-kba-dialog\",[[0,\"verdocs-kba-dialog\",{\"step\":[2],\"steps\":[2],\"helptitle\":[1],\"helptext\":[1],\"mode\":[1],\"label\":[1],\"placeholder\":[1],\"choices\":[16],\"response\":[32]}]]],[\"verdocs-dialog\",[[4,\"verdocs-dialog\"]]],[\"verdocs-field-payment\",[[0,\"verdocs-field-payment\",{\"templateid\":[1],\"fieldname\":[1],\"disabled\":[4],\"fields\":[16],\"pageNum\":[2,\"page-num\"],\"roleName\":[1,\"role-name\"],\"fieldId\":[1,\"field-id\"],\"recipients\":[8],\"selectedRoleName\":[1,\"selected-role-name\"],\"pdfPages\":[16],\"currentSignature\":[1,\"current-signature\"],\"currentSignatureId\":[1,\"current-signature-id\"],\"currentInitial\":[1,\"current-initial\"],\"currentInitialId\":[1,\"current-initial-id\"],\"focused\":[4],\"signed\":[4],\"xscale\":[2],\"yscale\":[2],\"pagenumber\":[2],\"roleindex\":[2],\"preparedMessage\":[32],\"signatureUrl\":[32],\"showingProperties\":[32],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}]]],[\"verdocs-search-tabs\",[[0,\"verdocs-search-tabs\",{\"selected\":[32]}]]],[\"verdocs-table\",[[0,\"verdocs-table\",{\"columns\":[16],\"data\":[16]}]]],[\"verdocs-template-card\",[[0,\"verdocs-template-card\",{\"template\":[16]}]]],[\"verdocs-template-tags\",[[0,\"verdocs-template-tags\",{\"tags\":[16]}]]],[\"verdocs-toggle\",[[0,\"verdocs-toggle\",{\"options\":[16],\"theme\":[1],\"selectedOption\":[32]}]]],[\"verdocs-ok-dialog\",[[0,\"verdocs-ok-dialog\",{\"heading\":[1],\"message\":[1],\"buttonLabel\":[1,\"button-label\"],\"showCancel\":[4,\"show-cancel\"],\"closed\":[32]}]]],[\"verdocs-view\",[[0,\"verdocs-view\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"headerTargetId\":[1,\"header-target-id\"],\"canceling\":[32],\"envelope\":[32],\"roleNames\":[32],\"showCancelDone\":[32]}]]],[\"verdocs-status-indicator\",[[0,\"verdocs-status-indicator\",{\"size\":[1],\"theme\":[1],\"status\":[1],\"envelope\":[16],\"isOpen\":[32],\"containerId\":[32]}]]],[\"verdocs-template-star\",[[0,\"verdocs-template-star\",{\"endpoint\":[16],\"template\":[1040],\"updating\":[32]}]]],[\"verdocs-envelope-recipient-link_2\",[[0,\"verdocs-envelope-recipient-link\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"roleName\":[1,\"role-name\"],\"isOpen\":[32],\"loading\":[32],\"gettingLink\":[32],\"link\":[32]}],[0,\"verdocs-envelope-recipient-summary\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"canSendAnother\":[4,\"can-send-another\"],\"canView\":[4,\"can-view\"],\"canDone\":[4,\"can-done\"],\"isOpen\":[32],\"loading\":[32],\"recipientStatusIcons\":[32],\"containerId\":[32],\"gettingLinks\":[32],\"links\":[32]}]]],[\"verdocs-quick-functions_2\",[[0,\"verdocs-quick-functions\",{\"endpoint\":[16]}],[0,\"verdocs-search-box\",{\"endpoint\":[16],\"placeholder\":[1],\"type\":[1],\"query\":[1],\"grabsFocus\":[4,\"grabs-focus\"],\"focusField\":[64]}]]],[\"verdocs-envelope-document-page\",[[0,\"verdocs-envelope-document-page\",{\"endpoint\":[16],\"envelopeId\":[1,\"envelope-id\"],\"documentId\":[1,\"document-id\"],\"pageNumber\":[2,\"page-number\"],\"virtualWidth\":[2,\"virtual-width\"],\"virtualHeight\":[1026,\"virtual-height\"],\"layers\":[16],\"type\":[1],\"containerId\":[32],\"renderedWidth\":[32],\"renderedHeight\":[32],\"naturalWidth\":[32],\"naturalHeight\":[32],\"aspectRatio\":[32],\"skipFirstNotification\":[32],\"pageDisplayUri\":[32]}]]],[\"verdocs-button-panel_2\",[[4,\"verdocs-button-panel\",{\"icon\":[1],\"showPanel\":[64],\"hidePanel\":[64],\"toggle\":[64]}],[4,\"verdocs-tabs\",{\"tabs\":[16],\"selectedTab\":[2,\"selected-tab\"]}]]],[\"verdocs-pagination_2\",[[0,\"verdocs-pagination\",{\"selectedPage\":[1538,\"selected-page\"],\"itemCount\":[2,\"item-count\"],\"perPage\":[2,\"per-page\"]}],[0,\"verdocs-quick-filter\",{\"options\":[16],\"label\":[1],\"value\":[1537],\"placeholder\":[1],\"open\":[32]}]]],[\"verdocs-spinner\",[[0,\"verdocs-spinner\",{\"size\":[2],\"mode\":[1]}]]],[\"verdocs-checkbox_5\",[[0,\"verdocs-template-field-properties\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"fieldName\":[1025,\"field-name\"],\"helpText\":[1,\"help-text\"],\"dirty\":[32],\"loading\":[32],\"label\":[32],\"type\":[32],\"name\":[32],\"required\":[32],\"roleName\":[32],\"group\":[32],\"fieldType\":[32],\"options\":[32],\"placeholder\":[32],\"multiline\":[32],\"defaultValue\":[32],\"showingHelp\":[32]}],[0,\"verdocs-select-input\",{\"value\":[1],\"label\":[1],\"options\":[16],\"disabled\":[4]}],[0,\"verdocs-checkbox\",{\"checked\":[4],\"name\":[1],\"label\":[1],\"value\":[1],\"theme\":[1],\"disabled\":[4]}],[0,\"verdocs-component-error\",{\"message\":[1]}],[0,\"verdocs-text-input\",{\"value\":[1537],\"label\":[1],\"placeholder\":[1],\"autocomplete\":[1],\"helpText\":[1,\"help-text\"],\"clearable\":[4],\"copyable\":[4],\"type\":[1],\"disabled\":[4],\"required\":[4],\"showingPw\":[32]}]]],[\"verdocs-template-document-page_2\",[[0,\"verdocs-toolbar-icon\",{\"text\":[1],\"icon\":[1],\"placement\":[1],\"containerId\":[32]}],[0,\"verdocs-template-document-page\",{\"endpoint\":[16],\"editable\":[4],\"disabled\":[4],\"done\":[4],\"templateId\":[1,\"template-id\"],\"documentId\":[1,\"document-id\"],\"pageNumber\":[2,\"page-number\"],\"virtualWidth\":[2,\"virtual-width\"],\"virtualHeight\":[1026,\"virtual-height\"],\"layers\":[16],\"containerId\":[32],\"renderedWidth\":[32],\"renderedHeight\":[32],\"naturalWidth\":[32],\"naturalHeight\":[32],\"aspectRatio\":[32],\"skipFirstNotification\":[32],\"pageDisplayUri\":[32],\"xScale\":[32],\"yScale\":[32]}]]],[\"verdocs-contact-picker_2\",[[0,\"verdocs-contact-picker\",{\"endpoint\":[16],\"templateRole\":[16],\"contactSuggestions\":[16],\"name\":[32],\"email\":[32],\"phone\":[32],\"message\":[32],\"showSuggestions\":[32],\"showMessage\":[32],\"delegator\":[32],\"showKba\":[32],\"kbaMethod\":[32],\"pinCode\":[32],\"nameFieldId\":[32],\"emailFieldId\":[32],\"phoneFieldId\":[32]}],[0,\"verdocs-toggle-button\",{\"active\":[4],\"icon\":[1],\"label\":[1],\"size\":[1],\"_active\":[32]}]]],[\"verdocs-file-chooser_2\",[[0,\"verdocs-file-chooser\",{\"endpoint\":[16],\"file\":[32]}],[0,\"verdocs-progress-bar\",{\"label\":[1],\"showPercent\":[4,\"show-percent\"],\"percent\":[2]}]]],[\"verdocs-dropdown\",[[0,\"verdocs-dropdown\",{\"options\":[16]},[[9,\"resize\",\"handleResize\"]]]]],[\"verdocs-radio-button_3\",[[0,\"verdocs-template-role-properties\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"roleName\":[1,\"role-name\"],\"sender\":[1],\"dirty\":[32],\"saving\":[32],\"name\":[32],\"type\":[32],\"full_name\":[32],\"email\":[32],\"phone\":[32],\"delegator\":[32]}],[0,\"verdocs-template-sender\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"sender\":[1],\"saving\":[32]}],[0,\"verdocs-radio-button\",{\"checked\":[4],\"name\":[1],\"value\":[1],\"disabled\":[4]}]]],[\"verdocs-loader\",[[0,\"verdocs-loader\"]]],[\"verdocs-organization-card_2\",[[0,\"verdocs-organization-card\",{\"organization\":[16],\"hovered\":[32]},[[1,\"mouseover\",\"onMouseOver\"],[1,\"mouseout\",\"onMouseOut\"]]],[4,\"verdocs-portal\",{\"anchor\":[1],\"voffset\":[2],\"align\":[1]},[[11,\"scroll\",\"handleScroll\"],[11,\"resize\",\"handleResize\"],[10,\"click\",\"handleClick\"]]]]],[\"verdocs-field-attachment_13\",[[0,\"verdocs-field-attachment\",{\"endpoint\":[16],\"templateid\":[513],\"fieldname\":[513],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"selectedFile\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-initial\",{\"templateid\":[513],\"fieldname\":[513],\"disabled\":[516],\"initials\":[513],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"tempInitials\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-signature\",{\"templateid\":[513],\"fieldname\":[513],\"name\":[513],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"tempSignature\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-checkbox\",{\"templateid\":[513],\"fieldname\":[513],\"option\":[514],\"disabled\":[516],\"done\":[516],\"editable\":[516],\"moveable\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-date\",{\"templateid\":[513],\"fieldname\":[513],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"field\":[16],\"containerId\":[32],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-dropdown\",{\"templateid\":[513],\"fieldname\":[513],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-radio-button\",{\"templateid\":[513],\"fieldname\":[513],\"option\":[514],\"disabled\":[516],\"done\":[516],\"editable\":[516],\"moveable\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-textarea\",{\"endpoint\":[16],\"templateid\":[513],\"fieldname\":[513],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-textbox\",{\"endpoint\":[16],\"templateid\":[513],\"fieldname\":[513],\"disabled\":[516],\"multiline\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[514],\"showingProperties\":[32],\"focused\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-field-timestamp\",{\"templateid\":[513],\"fieldname\":[513],\"disabled\":[516],\"editable\":[516],\"moveable\":[516],\"done\":[516],\"xscale\":[514],\"yscale\":[514],\"pagenumber\":[2],\"showingProperties\":[32],\"focusField\":[64],\"showSettingsPanel\":[64],\"hideSettingsPanel\":[64]}],[0,\"verdocs-initial-dialog\",{\"initials\":[1],\"fontLoaded\":[32],\"enteredInitials\":[32],\"mode\":[32]}],[0,\"verdocs-signature-dialog\",{\"name\":[1],\"fontLoaded\":[32],\"enteredName\":[32],\"mode\":[32]}],[0,\"verdocs-upload-dialog\",{\"draggingOver\":[32],\"decodedFiles\":[32]}]]],[\"verdocs-preview_10\",[[0,\"verdocs-template-fields\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"toolbarTargetId\":[1,\"toolbar-target-id\"],\"placing\":[32],\"showMustSelectRole\":[32],\"selectedRoleName\":[32],\"loading\":[32]},[[4,\"keydown\",\"handleKeyDown\"]]],[0,\"verdocs-preview\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"loading\":[32]},null,{\"templateId\":[\"onTemplateIdChanged\"]}],[0,\"verdocs-template-roles\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"showingRoleDialog\":[32],\"showingSenderDialog\":[32],\"sender\":[32],\"loading\":[32]}],[0,\"verdocs-send\",{\"endpoint\":[16],\"templateId\":[513,\"template-id\"],\"environment\":[1],\"containerId\":[32],\"showPickerForId\":[32],\"sessionContacts\":[32],\"sending\":[32],\"rolesCompleted\":[32],\"templateStore\":[32],\"roleStore\":[32],\"reset\":[64]},null,{\"templateId\":[\"onTemplateIdChanged\"]}],[0,\"verdocs-template-attachments\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"uploading\":[32],\"progressLabel\":[32],\"progressPercent\":[32],\"showDeleteError\":[32],\"confirmDeleteDocument\":[32],\"store\":[32]}],[0,\"verdocs-template-reminders\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"showPlanBlocker\":[32],\"sendReminders\":[32],\"firstReminderDays\":[32],\"reminderDays\":[32],\"dirty\":[32]}],[0,\"verdocs-template-name\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"name\":[32],\"dirty\":[32]}],[0,\"verdocs-template-create\",{\"endpoint\":[16],\"file\":[32],\"creating\":[32],\"progressLabel\":[32],\"progressPercent\":[32]}],[0,\"verdocs-template-build-tabs\",{\"endpoint\":[16],\"templateId\":[1537,\"template-id\"],\"step\":[1537],\"templateStore\":[32]},null,{\"templateId\":[\"onTemplateIdChanged\"],\"step\":[\"onStepChanged\"]}],[0,\"verdocs-template-visibility\",{\"endpoint\":[16],\"templateId\":[1,\"template-id\"],\"dirty\":[32],\"personal\":[32],\"public\":[32]}]]]]"), options);
 };
 
 export { defineCustomElements };

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

@@ -42,11 +42,9 @@ const VerdocsAuth = class {
             this.session = session;
             this.profile = profile;
             if (session) {
-                console.log('[AUTH] Authenticated', profile);
                 (_a = this.authenticated) === null || _a === void 0 ? void 0 : _a.emit({ authenticated: true, session, profile });
             }
             else {
-                console.log('[AUTH] Anonymous');
                 (_b = this.authenticated) === null || _b === void 0 ? void 0 : _b.emit({ authenticated: false, session, profile });
             }
         });

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

@@ -1,10 +1,10 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-3476681c.js';
 import { VerdocsEndpoint } from '@verdocs/js-sdk';
-import { g as getTemplateStore } from './TemplateStore-b4149301.js';
+import { g as getTemplateStore } from './TemplateStore-c2e5147b.js';
 import { S as SDKError } from './errors-887f1e88.js';
 import './index-e58b15f6.js';
-import './TemplateRoleStore-018f4e74.js';
-import './TemplateFieldStore-4ee5d16c.js';
+import './TemplateRoleStore-69e28e18.js';
+import './TemplateFieldStore-002f3d4c.js';
 import './index-7588a071.js';
 
 const verdocsBuildCss = "@-webkit-keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}@keyframes verdocs-field-pulse{0%{background-color:rgba(0, 0, 0, 0.35)}50%{background-color:rgba(0, 0, 0, 0)}100%{background-color:rgba(0, 0, 0, 0.35)}}verdocs-build{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;font-family:\"Inter\", -apple-system, \"Segoe UI\", \"Roboto\", \"Helvetica Neue\", sans-serif}verdocs-build .content{-ms-flex:1;flex:1;gap:20px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column}verdocs-build verdocs-template-attachments,verdocs-build verdocs-template-roles{margin:20px}verdocs-build verdocs-template-fields{border-top:1px solid #777777}verdocs-build verdocs-template-attachments{padding:20px;background:#ffffff}verdocs-build verdocs-template-fields{width:100%}verdocs-build verdocs-preview{-ms-flex:1;flex:1}verdocs-build .preview-container{-ms-flex-direction:row;flex-direction:row;display:-ms-flexbox;display:flex;width:100%;background-color:#eeeeee;max-height:100%}@media all and (max-width: 450px){verdocs-build .preview-container{-ms-flex-direction:column;flex-direction:column}}verdocs-build .preview-send-wrapper{display:-ms-flexbox;display:flex;-ms-flex:0 0 300px;flex:0 0 300px;background-color:#ffffff;-webkit-box-shadow:1px 1px 6px -2px rgba(0, 0, 0, 0.4980392157);box-shadow:1px 1px 6px -2px rgba(0, 0, 0, 0.4980392157)}@media all and (max-width: 450px){verdocs-build .preview-send-wrapper{-ms-flex:0;flex:0}}verdocs-build .preview-preview-wrapper{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-pack:center;justify-content:center;overflow-y:scroll}";

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, H as Host, c as createEvent, g as getElement } from './index-3476681c.js';
 import { VerdocsEndpoint, updateField, deleteField } from '@verdocs/js-sdk';
-import { g as getTemplateFieldStore, u as updateStoreField } from './TemplateFieldStore-4ee5d16c.js';
-import { g as getTemplateRoleStore } from './TemplateRoleStore-018f4e74.js';
-import { g as getTemplateStore } from './TemplateStore-b4149301.js';
+import { g as getTemplateFieldStore, u as updateStoreField } from './TemplateFieldStore-002f3d4c.js';
+import { g as getTemplateRoleStore } from './TemplateRoleStore-69e28e18.js';
+import { g as getTemplateStore } from './TemplateStore-c2e5147b.js';
 import { S as SDKError } from './errors-887f1e88.js';
 import { V as VerdocsToast } from './Toast-c4843828.js';
 import './index-e58b15f6.js';