@verdocs/web-sdk 4.2.1 → 4.2.11

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

@@ -3,46 +3,6 @@ import { h } from "@stencil/core";
 import { VerdocsToast } from "../../../utils/Toast";
 import { SDKError } from "../../../utils/errors";
 const RECHECK_INTERVAL = 5000;
-const Industries = [
-    { value: '', label: '' },
-    { value: 'Accounting & Tax', label: 'Accounting & Tax' },
-    { value: 'Business Services / Consulting', label: 'Business Services / Consulting' },
-    { value: 'Construction', label: 'Construction' },
-    { value: 'Education', label: 'Education' },
-    { value: 'Financial Services', label: 'Financial Services' },
-    { value: 'Government', label: 'Government' },
-    { value: 'Healthcare - Health Plans & Payers', label: 'Healthcare - Health Plans & Payers' },
-    { value: 'Healthcare - Providers', label: 'Healthcare - Providers' },
-    { value: 'Insurance', label: 'Insurance' },
-    { value: 'Legal', label: 'Legal' },
-    { value: 'Life Sciences', label: 'Life Sciences' },
-    { value: 'Manufacturing', label: 'Manufacturing' },
-    { value: 'Mortgage', label: 'Mortgage' },
-    { value: 'Not For Profit', label: 'Not For Profit' },
-    { value: 'Real Estate - Commercial', label: 'Real Estate - Commercial' },
-    { value: 'Real Estate - Residential', label: 'Real Estate - Residential' },
-    { value: 'Retail', label: 'Retail' },
-    { value: 'Technology', label: 'Technology' },
-    { value: 'Other', label: 'Other' },
-];
-const Reasons = [
-    { value: '', label: '' },
-    { value: 'I want to send a document for signature.', label: 'I want to send a document for signature.' },
-    { value: 'I just need to sign a document today.', label: 'I just need to sign a document today.' },
-    { value: "I'm evaluating it for my business.", label: "I'm evaluating it for my business." },
-    { value: "I'm evaluating it for my personal use.", label: "I'm evaluating it for my personal use." },
-    { value: "I'm a developer building an integration.", label: "I'm a developer building an integration." },
-];
-const CompanySizes = [
-    { value: '', label: '' },
-    { value: 'Solo', label: 'Solo' },
-    { value: '2-10', label: '2-10' },
-    { value: '11-50', label: '11-50' },
-    { value: '51-200', label: '51-200' },
-    { value: '201-500', label: '201-500' },
-    { value: '501-1000', label: '501-1000' },
-    { value: '1000+', label: '1000+' },
-];
 /**
  * Display an authentication dialog that allows the user to login or sign up. If the user is already authenticated
  * with a valid session, this component will hide itself and fire the success callback immediately. It is up to the
@@ -68,19 +28,14 @@ export class VerdocsAuth {
         this.logo = 'https://app.verdocs.com/assets/blue-logo.svg';
         this.isAuthenticated = false;
         this.displayMode = 'login';
-        this.orgname = '';
-        this.first = '';
-        this.last = '';
+        this.org_name = '';
+        this.first_name = '';
+        this.last_name = '';
         this.username = '';
-        this.phone = '';
         this.password = '';
         this.submitting = false;
         this.activeSession = null;
         this.accountType = 'org';
-        this.howHear = '';
-        this.industry = '';
-        this.companySize = '';
-        this.reason = '';
         this.signupStep = 1;
         this.resendDisabled = false;
         this.checkingOrg = false;
@@ -122,20 +77,38 @@ export class VerdocsAuth {
             this.resendDisabledTimer = null;
         }
     }
+    isPasswordComplex(password) {
+        const isUppercase = (ch) => /[A-Z]/.test(ch);
+        const isLowercase = (ch) => /[a-z]/.test(ch);
+        const isSpecialChar = (ch) => /[`!@#$%^&*()_\-+=\[\]{};':"\\|,.<>\/?~ ]/.test(ch);
+        let countOfUpperCase = 0, countOfLowerCase = 0, countOfSpecialChar = 0;
+        for (let i = 0; i < password.length; i++) {
+            let ch = password.charAt(i);
+            if (isUppercase(ch))
+                countOfUpperCase++;
+            else if (isLowercase(ch))
+                countOfLowerCase++;
+            else if (isSpecialChar(ch))
+                countOfSpecialChar++;
+        }
+        return password.length >= 8 && countOfLowerCase > 0 && countOfUpperCase > 0 && countOfSpecialChar > 0;
+    }
     handleSignup() {
         this.submitting = true;
         this.accessTokenForVerification = null;
+        if (!this.isPasswordComplex(this.password)) {
+            window.alert('Password must be at least 8 characters long and contain at least one uppercase, one lowercase, and one special character.');
+            return;
+        }
         createProfile(this.endpoint, {
             email: this.username,
             password: this.password,
-            firstName: this.first,
-            lastName: this.last,
-            orgName: this.orgname,
+            first_name: this.first_name,
+            last_name: this.last_name,
+            org_name: this.org_name,
         })
             .then(r => {
-            console.log('Result', r);
-            console.log('[AUTH] Created profile', r.profile);
-            console.log('[AUTH] Created organization', r.organization);
+            console.log('Profile creation result', r);
             this.loginAndCheckVerification();
         })
             .catch(e => {
@@ -171,7 +144,7 @@ export class VerdocsAuth {
                 console.log('[AUTH] Logged in, pending email address verification');
                 this.displayMode = 'verify';
                 this.accessTokenForVerification = r.access_token;
-                this.recheckTimer = setTimeout(() => this.loginAndCheckVerification(), RECHECK_INTERVAL);
+                this.recheckTimer = setTimeout(this.loginAndCheckVerification, RECHECK_INTERVAL);
             }
         })
             .catch(e => {
@@ -232,8 +205,8 @@ export class VerdocsAuth {
             return (h("verdocs-button", { label: "Sign Out", disabled: this.submitting, onClick: () => this.handleLogout(), style: { display: 'flex', justifyContent: 'center', margin: '30px auto 0' } }));
         }
         if (this.displayMode === 'signup') {
-            const step1Invalid = this.submitting || !this.first || !this.last || !this.username || !this.password || !this.orgname;
-            return (h("div", { class: "form" }, h("a", { href: "https://verdocs.com/en/" }, h("img", { src: this.logo, alt: "Verdocs Logo", class: "logo" })), h("h3", null, "Sign up for a trial account"), h("h4", null, "Already have an account?", h("verdocs-button", { label: "Log In", variant: "text", onClick: () => (this.displayMode = 'login'), disabled: this.submitting })), this.signupStep === 1 && (h("form", { onSubmit: () => this.handleSignup() }, h("div", { style: { display: 'flex', flexDirection: 'row', columnGap: '20px' } }, h("verdocs-text-input", { label: "First Name", autocomplete: "first", required: true, value: this.first, onInput: (e) => (this.first = e.target.value), disabled: this.submitting }), h("verdocs-text-input", { label: "Last Name", autocomplete: "last", required: true, value: this.last, onInput: (e) => (this.last = e.target.value), disabled: this.submitting })), h("verdocs-text-input", { label: "Email", autocomplete: "email", required: true, value: this.username, onInput: (e) => (this.username = e.target.value), disabled: this.submitting }), h("verdocs-text-input", { label: "Phone #", autocomplete: "phone", value: this.phone, onInput: (e) => (this.phone = e.target.value), disabled: this.submitting }), h("verdocs-text-input", { label: "Password", type: "password", required: true, autocomplete: "current-password", value: this.password, onInput: (e) => (this.password = e.target.value), disabled: this.submitting }), h("verdocs-text-input", { label: "Organization Name", autocomplete: "org", required: true, value: this.orgname, onInput: (e) => (this.orgname = e.target.value), disabled: this.submitting, style: { flex: '1' } }), h("div", { style: { marginTop: '30px' } }), h("verdocs-button", { label: "Next", disabled: step1Invalid, onClick: () => (this.signupStep = 2), style: { display: 'flex', justifyContent: 'center', margin: '30px auto 0' } }))), this.signupStep === 2 && (h("form", { onSubmit: () => this.handleSignup() }, h("verdocs-text-input", { label: "How did you hear about Verdocs?", value: this.howHear, onInput: (e) => (this.howHear = e.target.value), disabled: this.submitting }), h("verdocs-select-input", { label: "Your Industry", options: Industries, value: this.industry, onInput: (e) => (this.industry = e.target.value), disabled: this.submitting }), h("verdocs-select-input", { label: "Company Size", options: CompanySizes, value: this.companySize, onInput: (e) => (this.companySize = e.target.value), disabled: this.submitting }), h("verdocs-select-input", { label: "Purpose", options: Reasons, value: this.reason, onInput: (e) => (this.reason = e.target.value), disabled: this.submitting }), h("div", { style: { marginTop: '30px' } }), h("verdocs-button", { label: "Create Account", disabled: this.submitting, onClick: () => this.handleSignup(), style: { display: 'flex', justifyContent: 'center', margin: '30px auto 0' } }))), this.signupStep === 3 && (h("form", { onSubmit: () => this.handleSignup() }, h("p", null, "Please check your e-mail inbox for a verification code and follow the instructions provided."), h("p", null, h("em", null, "Verification messages may take up to 1 hour to arrive. If you do not receive the invitation, ", h("a", { href: "#" }, "Click Here"), " to resend it. Be sure to check your spam folder.")), h("div", { style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("verdocs-button", { label: "Back", disabled: this.submitting, onClick: () => {
+            const step1Invalid = this.submitting || !this.first_name || !this.last_name || !this.username || !this.password || !this.org_name;
+            return (h("div", { class: "form" }, h("a", { href: "https://verdocs.com/en/" }, h("img", { src: this.logo, alt: "Verdocs Logo", class: "logo" })), h("h3", null, "Sign up for a free account"), h("h4", null, "Already have an account?", h("verdocs-button", { label: "Log In", variant: "text", onClick: () => (this.displayMode = 'login'), disabled: this.submitting })), this.signupStep === 1 && (h("form", { onSubmit: () => this.handleSignup() }, h("div", { style: { display: 'flex', flexDirection: 'row', columnGap: '20px' } }, h("verdocs-text-input", { label: "First Name", autocomplete: "first", required: true, value: this.first_name, onInput: (e) => (this.first_name = e.target.value), disabled: this.submitting }), h("verdocs-text-input", { label: "Last Name", autocomplete: "last", required: true, value: this.last_name, onInput: (e) => (this.last_name = e.target.value), disabled: this.submitting })), h("verdocs-text-input", { label: "Email Address", autocomplete: "email", required: true, value: this.username, onInput: (e) => (this.username = e.target.value), disabled: this.submitting }), h("verdocs-text-input", { label: "Password", type: "password", required: true, autocomplete: "current-password", value: this.password, onInput: (e) => (this.password = e.target.value), disabled: this.submitting }), h("verdocs-text-input", { label: "Organization Name", autocomplete: "org", required: true, value: this.org_name, onInput: (e) => (this.org_name = e.target.value), disabled: this.submitting, style: { flex: '1' } }), h("div", { style: { marginTop: '30px' } }), h("verdocs-button", { label: "Next", disabled: step1Invalid, onClick: () => this.handleSignup(), style: { display: 'flex', justifyContent: 'center', margin: '30px auto 0' } }))), this.signupStep === 3 && (h("form", { onSubmit: () => this.handleSignup() }, h("p", null, "Please check your e-mail inbox for a verification code and follow the instructions provided."), h("p", null, h("em", null, "Verification messages may take up to 1 hour to arrive. If you do not receive the invitation, ", h("a", { href: "#" }, "Click Here"), " to resend it. Be sure to check your spam folder.")), h("div", { style: { display: 'flex', flexDirection: 'row', gap: '20px' } }, h("verdocs-button", { label: "Back", disabled: this.submitting, onClick: () => {
                     this.signupStep = 2;
                 }, style: { display: 'flex', justifyContent: 'center', margin: '30px auto 0' } }), h("verdocs-button", { label: "Go to Dashboard", disabled: true, onClick: () => this.handleSignup(), style: { display: 'flex', justifyContent: 'center', margin: '30px auto 0' } }))))));
         }
@@ -330,19 +303,14 @@ export class VerdocsAuth {
         return {
             "isAuthenticated": {},
             "displayMode": {},
-            "orgname": {},
-            "first": {},
-            "last": {},
+            "org_name": {},
+            "first_name": {},
+            "last_name": {},
             "username": {},
-            "phone": {},
             "password": {},
             "submitting": {},
             "activeSession": {},
             "accountType": {},
-            "howHear": {},
-            "industry": {},
-            "companySize": {},
-            "reason": {},
             "signupStep": {},
             "resendDisabled": {},
             "checkingOrg": {}

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

@@ -47,7 +47,6 @@ export class VerdocsSign {
         this.roleNames = [];
         this.sortedRecipients = [];
         this.recipient = null;
-        this.signerToken = null;
         this.hasSignature = false;
         this.nextButtonLabel = 'Start';
         this.nextSubmits = false;
@@ -81,16 +80,11 @@ export class VerdocsSign {
         }
         try {
             console.log(`[SIGN] Processing invite code for ${this.envelopeId} / ${this.roleId}`);
-            const { session, recipient, signerToken } = await getSigningSession(this.endpoint, {
-                envelopeId: this.envelopeId,
-                roleId: this.roleId,
-                inviteCode: this.inviteCode,
-            });
-            console.log(`[SIGN] Loaded signing session ${session.email} / ${session.profile_id}`);
+            const { envelope, recipient, access_token } = await getSigningSession(this.endpoint, this.envelopeId, this.roleId, this.inviteCode);
+            console.log(`[SIGN] Loaded signing session`, envelope, recipient, access_token);
             this.recipient = recipient;
             console.log('[SIGN] We are recipient', this.recipient);
-            this.signerToken = signerToken;
-            this.endpoint.setToken(signerToken);
+            this.endpoint.setToken(access_token);
             if (this.agreed) {
                 this.nextButtonLabel = 'Next';
             }
@@ -630,7 +624,6 @@ export class VerdocsSign {
             "roleNames": {},
             "sortedRecipients": {},
             "recipient": {},
-            "signerToken": {},
             "hasSignature": {},
             "nextButtonLabel": {},
             "nextSubmits": {},

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

@@ -1,4 +1,4 @@
-import { cancelEnvelope, getDocumentDownloadLink, integerSequence, throttledGetEnvelope, userCanCancelEnvelope, VerdocsEndpoint } from "@verdocs/js-sdk";
+import { cancelEnvelope, getDocumentDownloadLink, getEnvelope, integerSequence, userCanCancelEnvelope, VerdocsEndpoint } from "@verdocs/js-sdk";
 import { h, Host, Fragment } from "@stencil/core";
 import { saveEnvelopesAsZip } from "../../../utils/utils";
 import { SDKError } from "../../../utils/errors";
@@ -41,12 +41,12 @@ export class VerdocsView {
         var _a, _b, _c;
         console.log('[VIEW] Loading envelope...');
         try {
-            this.envelope = await throttledGetEnvelope(this.endpoint, this.envelopeId);
+            this.envelope = await getEnvelope(this.endpoint, this.envelopeId);
             console.log('[VIEW] Loaded envelope', this.envelope);
             this.roleNames = this.envelope.recipients.map(r => r.role_name);
             setTimeout(async () => {
                 console.log('[VIEW] Reloading envelope...');
-                this.envelope = await throttledGetEnvelope(this.endpoint, this.envelopeId);
+                this.envelope = await getEnvelope(this.endpoint, this.envelopeId);
                 console.log('[VIEW] Reloaded envelope', this.envelope);
             }, 2000);
         }
@@ -69,7 +69,7 @@ export class VerdocsView {
                         .then(r => {
                         this.canceling = false;
                         console.log('[VIEW] Envelope canceled', r);
-                        return throttledGetEnvelope(this.endpoint, this.envelopeId);
+                        return getEnvelope(this.endpoint, this.envelopeId);
                     })
                         .then(env => {
                         console.log('[VIEW] Loaded new envelope details', env);

package/dist/collection/components/envelopes/verdocs-activity-box/verdocs-activity-box.js

@@ -68,7 +68,7 @@ export class VerdocsActivityBox {
         return (h(Host, null, this.title && (h("div", { class: "box-title" }, this.title, " ", h("span", { class: "count" }, "(", this.count, ")"), h("div", { class: "spacer" }), h("verdocs-button", { label: "View All", size: "small", onClick: () => { var _a; return (_a = this.viewAll) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, view: this.view }); } }))), this.count > 0 ? (this.entries.slice(0, Math.max(this.items, 1)).map(entry => (h("div", { class: "activity-entry", onClick: () => {
                 var _a;
                 (_a = this.viewEnvelope) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, entry });
-            } }, h("div", { class: "title" }, entry.name, h("br", null), " ", h("strong", null, entry.recipient.name)), h("div", { class: "time-ago" }, formatShortTimeAgo(entry.updated_at)))))) : (h("img", { src: EmptyImage, alt: "No documents to show", style: { width: '190px', margin: '0 auto' } }))));
+            } }, h("div", { class: "title" }, entry.name), h("div", { class: "time-ago" }, formatShortTimeAgo(entry.updated_at)))))) : (h("img", { src: EmptyImage, alt: "No documents to show", style: { width: '190px', margin: '0 auto' } }))));
     }
     static get is() { return "verdocs-activity-box"; }
     static get originalStyleUrls() {
@@ -202,15 +202,15 @@ export class VerdocsActivityBox {
                     "text": "Event fired when the user clicks an activity entry. Typically the host application will use this to navigate\nto the envelope detail view."
                 },
                 "complexType": {
-                    "original": "{endpoint: VerdocsEndpoint; entry: IActivityEntry}",
-                    "resolved": "{ endpoint: VerdocsEndpoint; entry: IActivityEntry; }",
+                    "original": "{endpoint: VerdocsEndpoint; entry: IEnvelope}",
+                    "resolved": "{ endpoint: VerdocsEndpoint; entry: IEnvelope; }",
                     "references": {
                         "VerdocsEndpoint": {
                             "location": "import",
                             "path": "@verdocs/js-sdk",
                             "id": ""
                         },
-                        "IActivityEntry": {
+                        "IEnvelope": {
                             "location": "import",
                             "path": "@verdocs/js-sdk",
                             "id": ""

package/dist/collection/components/envelopes/verdocs-envelopes-list/verdocs-envelopes-list.js

@@ -1,6 +1,6 @@
 import { Host, h } from "@stencil/core";
 import { userCanCancelEnvelope, userCanAct, cancelEnvelope, integerSequence } from "@verdocs/js-sdk";
-import { VerdocsEndpoint, listEnvelopes, getRecipientsWithActions } from "@verdocs/js-sdk";
+import { VerdocsEndpoint, getEnvelopes, getRecipientsWithActions } from "@verdocs/js-sdk";
 import { saveEnvelopesAsZip } from "../../../utils/utils";
 import { VerdocsToast } from "../../../utils/Toast";
 import { SDKError } from "../../../utils/errors";
@@ -105,7 +105,8 @@ export class VerdocsEnvelopesList {
                 case 'sent':
                     queryParams = {
                         ...queryParams,
-                        is_owner: true,
+                        // FIXME
+                        // is_owner: true,
                         // sort: 'updated_at',
                     };
                     break;
@@ -121,7 +122,8 @@ export class VerdocsEnvelopesList {
                 case 'waiting':
                     queryParams = {
                         ...queryParams,
-                        is_owner: true,
+                        // FIXME
+                        // is_owner: true,
                         // sort: 'updated_at',
                         // direction: 'desc',
                         status: ['pending', 'in progress'],
@@ -161,9 +163,9 @@ export class VerdocsEnvelopesList {
             // if (this.containing.trim()) {
             //   queryParams.field_value = this.containing.trim();
             // }
-            const response = await listEnvelopes(this.endpoint, queryParams);
+            const response = await getEnvelopes(this.endpoint, queryParams);
             this.envelopes = response.envelopes;
-            this.count = response.total;
+            this.count = response.count;
             this.loading = false;
         }
         catch (e) {
@@ -189,18 +191,18 @@ export class VerdocsEnvelopesList {
         });
     }
     render() {
-        return (h(Host, { key: 'fa39f66d3d2c557bf70bdf51b8232920da5f17c3' }, h("div", { key: '88681a60242e65fc5f60546dcedc0b90bb2866ab', class: "header" }, h("div", { key: '7e881cff0962a3867776aefb92b8045571fd3537', class: "filter" }, h("verdocs-text-input", { key: 'a8387f075c6c6f107d46c2879bd2bd557af97838', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
+        return (h(Host, { key: 'd4376bc5804b00acaf916e9c8b2a7ada6136d815' }, h("div", { key: 'cc459ff3e86b3ff69f44c0183760cffdcc66ce05', class: "header" }, h("div", { key: '0fe7ea1fd4c72069c7769125c1d85f97ccca4c68', class: "filter" }, h("verdocs-text-input", { key: 'acf0938c03d4cd334c1aa55e7175e1ee32b7b839', id: "verdocs-filter-name", value: this.match, clearable: true, autocomplete: "off", placeholder: "Filter by Name, Recipient, or Field...", onFocusout: (e) => {
                 var _a;
                 // We don't locally filter envelopes because there are too many fields to match against efficiently.
                 this.match = e.target.value.trim();
                 (_a = this.changeMatch) === null || _a === void 0 ? void 0 : _a.emit(this.match);
-            } })), h("verdocs-quick-filter", { key: '70f3794df71c00ab7cd76558ae2661caddd54b53', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
+            } })), h("verdocs-quick-filter", { key: '3eb1c2303641b9d40d062be7f3cd284d85a964f8', label: "View", value: this.view, options: ViewFilters, onOptionSelected: e => {
                 this.view = e.detail.value;
-            } }), this.view === 'all' && (h("verdocs-quick-filter", { key: '02145f9b41a95655c7456520352ab7395c02a518', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
+            } }), this.view === 'all' && (h("verdocs-quick-filter", { key: 'eb998a048a18e45f0dc7285ccaebde3e68144197', label: "Status", value: this.status, options: StatusFilters, onOptionSelected: e => {
                 this.status = e.detail.value;
-            } })), this.view === 'all' && (h("verdocs-quick-filter", { key: '271a35272e0ea4e5c079e30a4f61fafca207097f', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
+            } })), this.view === 'all' && (h("verdocs-quick-filter", { key: 'cd05ac9a66127ccd23bbadb16e5bfa154b2e97c2', label: "Sort By", value: this.sort, options: SortFilters, onOptionSelected: e => {
                 this.sort = e.detail.value;
-            } })), this.loading && h("verdocs-spinner", { key: '4a885f1f7c7513a3941847313a4e41616b3c841c', mode: "dark", size: 24 }), h("div", { key: '055587fbd6bc0e9aa9c38dc5c067d5d0bd6923a4', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { key: 'feb763f42c31aebfcd2b74761431212206691b28', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
+            } })), this.loading && h("verdocs-spinner", { key: '7531bf499f830af651c3b9507ca9bd9dbcbec236', mode: "dark", size: 24 }), h("div", { key: '43abd416e136338f3c6189e086a461e0f9ba160b', style: { display: 'flex', flex: '1' } }), this.selectedEnvelopes.length > 0 && h("verdocs-button", { key: 'c54021bbf6ea0bddf03b51f31444c693e25f6a1a', label: `Download (${this.selectedEnvelopes.length})`, onClick: () => this.handleDownload() })), this.envelopes.map(envelope => {
             var _a;
             const recipientsWithActions = getRecipientsWithActions(envelope);
             const userCanCancel = userCanCancelEnvelope(this.endpoint.profile, envelope);
@@ -241,7 +243,7 @@ export class VerdocsEnvelopesList {
                             break;
                     }
                 } }))));
-        }), !this.initiallyLoaded && (h("div", { key: '19835ba9dbe9c56ef8c45c08f38c537a7c70bebd', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: '5844f2a1576d7c574865c01b3e7af99eb82b4303', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.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: '7d72106e9315ef78e1e310da22744126599b8017', style: { width: '100%' } }, integerSequence(0, this.rowsPerPage).map(() => (h("div", { class: "envelope-placeholder" }))))), this.initiallyLoaded && !this.envelopes.length && h("div", { key: 'b2228f90e7414cace475ab71854a690112b696b3', class: "empty-text" }, "No matching envelopes found. Please adjust your filters and try again."), this.initiallyLoaded && this.envelopes.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))));
     }

package/dist/collection/components/envelopes/verdocs-status-indicator/verdocs-status-indicator.js

@@ -238,11 +238,11 @@ export class VerdocsStatusIndicator {
         }
         const icon = this.getStatusIcon(status);
         const statusMessage = this.getStatusMessage(status);
-        return (h(Host, { key: 'cf2d831b91cdbe3ed6e5f169f77ebba96e8116ae', ref: el => (this.summaryComponent = el), class: `${this.theme} ${this.size} ${this.envelope ? 'has-document' : ''}`, "aria-label": "Click to View Details", onClick: e => {
+        return (h(Host, { key: 'fcc8a478464db1633c71b87cc0b3ed19026c20c8', ref: el => (this.summaryComponent = el), class: `${this.theme} ${this.size} ${this.envelope ? 'has-document' : ''}`, "aria-label": "Click to View Details", onClick: e => {
                 e.stopPropagation();
                 e.preventDefault();
                 this.envelope && this.toggleDropdown();
-            }, onBlur: e => this.envelope && this.handleHideDropdown(e) }, h("span", { key: '0e9b3ce331057662375bd08c2942016acf3bf473', class: "icon", innerHTML: icon }), h("span", { key: '697e060a2afb5de22e5ced2d6041d558b0e108a3', class: "content" }, statusMessage), h("div", { key: 'a816a2d991246f1b49a774f1e0aa3f64a691e8d9', class: "detail-panel", ref: el => (this.detailPanel = el) }, h("div", { key: 'b5df9ec7a7ff70ab929789d8d77d8430337f5b94', id: `${this.containerId}` }), this.recipientStatusIcons.map(icon => (h("span", { innerHTML: icon.icon, style: { position: 'absolute', top: `${icon.y}px`, left: `${icon.x}px` } }))))));
+            }, onBlur: e => this.envelope && this.handleHideDropdown(e) }, h("span", { key: 'c025fd8df675cbbf5709a4fe5657052514100533', class: "icon", innerHTML: icon }), h("span", { key: '7cdb668dce2dd652f472350fb045acff590a8ed6', class: "content" }, statusMessage), h("div", { key: 'a10adafb40c56cad07bf0944671620c1425c6e84', class: "detail-panel", ref: el => (this.detailPanel = el) }, h("div", { key: 'c05c0f501964b5ee5050d6314e52d539738993fe', id: `${this.containerId}` }), this.recipientStatusIcons.map(icon => (h("span", { innerHTML: icon.icon, style: { position: 'absolute', top: `${icon.y}px`, left: `${icon.x}px` } }))))));
     }
     static get is() { return "verdocs-status-indicator"; }
     static get originalStyleUrls() {
@@ -325,18 +325,13 @@ export class VerdocsStatusIndicator {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "IEnvelope | IEnvelopeSummary",
-                    "resolved": "IEnvelope | IEnvelopeSummary",
+                    "original": "IEnvelope",
+                    "resolved": "IEnvelope",
                     "references": {
                         "IEnvelope": {
                             "location": "import",
                             "path": "@verdocs/js-sdk",
                             "id": ""
-                        },
-                        "IEnvelopeSummary": {
-                            "location": "import",
-                            "path": "@verdocs/js-sdk",
-                            "id": ""
                         }
                     }
                 },

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

@@ -1,4 +1,4 @@
-import { createTemplatev2, VerdocsEndpoint } from "@verdocs/js-sdk";
+import { createTemplate, VerdocsEndpoint } from "@verdocs/js-sdk";
 import { h, Host } from "@stencil/core";
 import { getTemplateStore } from "../../../utils/TemplateStore";
 import { SDKError } from "../../../utils/errors";
@@ -46,7 +46,7 @@ export class VerdocsTemplateCreate {
         this.creating = true;
         this.progressLabel = 'Uploading...';
         try {
-            const template = await createTemplatev2(this.endpoint, { name: this.file.name, documents: [this.file] }, percent => {
+            const template = await createTemplate(this.endpoint, { name: this.file.name, documents: [this.file] }, percent => {
                 if (percent >= 99) {
                     this.progressLabel = 'Processing...';
                     this.progressPercent = 100;

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

@@ -171,10 +171,15 @@ export class VerdocsTemplateRoles {
         this.getSequenceNumbers().forEach((originalSequence, newSequenceIndex) => {
             this.getRolesAtSequence(originalSequence).forEach((role, newOrderIndex) => {
                 if (!renumbered.includes(role.name)) {
-                    role.sequence = newSequenceIndex + 1;
-                    role.order = newOrderIndex + 1;
-                    renumbered.push(role.name);
-                    renumberRequests.push(updateTemplateRole(this.endpoint, this.templateId, role.name, { sequence: role.sequence, order: role.order }));
+                    if (role.sequence !== newSequenceIndex + 1 || role.order !== newOrderIndex + 1) {
+                        role.sequence = newSequenceIndex + 1;
+                        role.order = newOrderIndex + 1;
+                        renumbered.push(role.name);
+                        renumberRequests.push(updateTemplateRole(this.endpoint, this.templateId, role.name, {
+                            sequence: role.sequence,
+                            order: role.order,
+                        }));
+                    }
                 }
             });
         });

package/dist/collection/utils/utils.js

@@ -1,6 +1,6 @@
 import jszip from "jszip";
 import { format } from "date-fns";
-import { downloadBlob, getEnvelopeFile, getFieldAttachment, rescale, } from "@verdocs/js-sdk";
+import { downloadBlob, getEnvelopeFile, getFieldAttachment, rescale } from "@verdocs/js-sdk";
 import { FORMAT_DATE } from "./Types";
 export const defaultWidth = (type) => {
     // checkbox was a legacy field type

package/dist/components/verdocs-activity-box.js

@@ -73,7 +73,7 @@ const VerdocsActivityBox$1 = /*@__PURE__*/ proxyCustomElement(class VerdocsActiv
         return (h(Host, null, this.title && (h("div", { class: "box-title" }, this.title, " ", h("span", { class: "count" }, "(", this.count, ")"), h("div", { class: "spacer" }), h("verdocs-button", { label: "View All", size: "small", onClick: () => { var _a; return (_a = this.viewAll) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, view: this.view }); } }))), this.count > 0 ? (this.entries.slice(0, Math.max(this.items, 1)).map(entry => (h("div", { class: "activity-entry", onClick: () => {
                 var _a;
                 (_a = this.viewEnvelope) === null || _a === void 0 ? void 0 : _a.emit({ endpoint: this.endpoint, entry });
-            } }, h("div", { class: "title" }, entry.name, h("br", null), " ", h("strong", null, entry.recipient.name)), h("div", { class: "time-ago" }, formatShortTimeAgo(entry.updated_at)))))) : (h("img", { src: EmptyImage, alt: "No documents to show", style: { width: '190px', margin: '0 auto' } }))));
+            } }, h("div", { class: "title" }, entry.name), h("div", { class: "time-ago" }, formatShortTimeAgo(entry.updated_at)))))) : (h("img", { src: EmptyImage, alt: "No documents to show", style: { width: '190px', margin: '0 auto' } }))));
     }
     static get watchers() { return {
         "items": ["handleItemsUpdated"],