@verdocs/web-sdk 5.0.27 → 5.0.29

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

@@ -3744,11 +3744,20 @@ const VerdocsTemplateRoles = class {
         });
     }
     getSequenceNumbers() {
-        var _a;
-        const sequenceNumbers = (((_a = this.template) === null || _a === void 0 ? void 0 : _a.roles) || []).map(role => role.sequence);
-        const deduped = [...new Set(sequenceNumbers)];
-        deduped.sort((a, b) => a - b);
-        return deduped;
+        // TODO: This is cleaner with a Set but we found a regression in some target environments where
+        //  this breaks down. Reverting to an older technique while we diagnose it.
+        const sequences = {};
+        this.getSortedRoles().forEach(role => {
+            sequences[role.sequence] = true;
+        });
+        console.log('[ROLES] Sequences', sequences);
+        return Object.keys(sequences)
+            .map(s => +s)
+            .sort((a, b) => a - b);
+        // const sequenceNumbers = (this.template?.roles || []).map(role => role.sequence);
+        // const deduped = [...new Set(sequenceNumbers)];
+        // deduped.sort((a, b) => a - b);
+        // return deduped;
     }
     getRoleNames() {
         const roles = this.getSortedRoles();
@@ -3858,11 +3867,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 }))));