@verdocs/web-sdk 5.0.30 → 5.0.32

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

@@ -131,7 +131,8 @@ const VerdocsSend = class {
     async listenToTemplate() {
         console.log('[SEND] Loading template', this.templateId);
         this.unlistenToTemplate();
-        Datastore.Store.subscribe('templates', this.templateId, () => jsSdk.getTemplate(this.endpoint, this.templateId), false, (template) => {
+        Datastore.Store.subscribe('templates', this.templateId, () => jsSdk.getTemplate(this.endpoint, this.templateId), true, (template) => {
+            console.log('[SEND] Got new template', template);
             this.template = template;
             this.loading = false;
             this.rolesCompleted = {};
@@ -219,7 +220,7 @@ const VerdocsSend = class {
         });
         console.log('[SEND] Sequences', sequences);
         return Object.keys(sequences)
-            .map(s => +s)
+            .map(s => +s - 1) // We subtract 1 here because the sequence is 1-based and our rendering is 0-based
             .sort((a, b) => a - b);
         // const levels = [...new Set((this.template?.roles || []).map(role => role.sequence - 1))];
         // levels.sort((a, b) => a - b);
@@ -316,11 +317,15 @@ const VerdocsSend = class {
             return (index$1.h(index$1.Host, { style: { display: 'flex' } }, index$1.h("verdocs-component-error", { message: "You must be authenticated to use this module." })));
         }
         const levels = this.getLevels();
+        console.log('[SEND] Rendering levels', levels);
         const rolesAssigned = Object.values(this.rolesCompleted).filter(recipient => jsSdk.isValidEmail(recipient.email) && recipient.first_name && recipient.last_name);
         // TODO: Reactivate once SMS is re-enabled
         // const rolesAssigned = Object.values(this.rolesCompleted).filter(recipient => isValidEmail(recipient.email) || isValidPhone(recipient.phone));
         const allRolesAssigned = rolesAssigned.length >= getRoleNames(this.template).length;
-        return (index$1.h(index$1.Host, { class: { sendable: (_a = this.template) === null || _a === void 0 ? void 0 : _a.is_sendable } }, index$1.h("div", { class: "recipients" }, index$1.h("div", { class: "left-line" }), index$1.h("div", { class: `level level-start` }, this.getLevelIcon(-1), index$1.h("div", { class: "complete" }, "Send Envelope")), levels.map(level => (index$1.h("div", { class: `level level-${level}` }, this.getLevelIcon(level), this.getRolesAtLevel(level).map(role => {
+        return (index$1.h(index$1.Host, { class: { sendable: (_a = this.template) === null || _a === void 0 ? void 0 : _a.is_sendable } }, index$1.h("div", { class: "recipients" }, index$1.h("div", { class: "left-line" }), index$1.h("div", { class: `level level-start` }, this.getLevelIcon(-1), index$1.h("div", { class: "complete" }, "Send Envelope")), levels.map(level => (index$1.h("div", { class: `level level-${level}` }, this.getLevelIcon(level), () => {
+            console.log('Rendering level', level, this.getRolesAtLevel(level));
+            return '';
+        }, this.getRolesAtLevel(level).map(role => {
             var _a, _b, _c;
             const unknown = !role.email || !role.first_name || !role.last_name;
             const roleName = ((_a = this.rolesCompleted[role.id]) === null || _a === void 0 ? void 0 : _a.first_name) ? jsSdk.formatFullName(this.rolesCompleted[role.id]) : unknown ? role.role_name : jsSdk.formatFullName(role);